/* Minification failed. Returning unminified contents.
(12,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(13,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(30,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(50,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(65,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(95,22): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(276,21): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(368,17): run-time error CSS1039: Token not allowed after unary operator: '-error-required-color'
(389,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(397,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(409,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(629,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(653,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(670,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(798,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(1335,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(1336,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-background-color'
(1347,29): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(1368,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(1384,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(1404,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(1409,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(1411,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(1429,23): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(1440,17): run-time error CSS1039: Token not allowed after unary operator: '-sap-icon-color'
(1514,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(2080,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(2136,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(2140,28): run-time error CSS1039: Token not allowed after unary operator: '-shellbar-background-color'
(2169,28): run-time error CSS1039: Token not allowed after unary operator: '-shellbar-background-color'
(2235,23): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(2245,17): run-time error CSS1039: Token not allowed after unary operator: '-shellbar-icon-color'
(2248,28): run-time error CSS1039: Token not allowed after unary operator: '-shellbar-background-color'
(2265,17): run-time error CSS1039: Token not allowed after unary operator: '-shellbar-icon-color'
(2266,28): run-time error CSS1039: Token not allowed after unary operator: '-shellbar-icon-focus-color'
(2280,28): run-time error CSS1039: Token not allowed after unary operator: '-shellbar-icon-focus-color'
(2285,17): run-time error CSS1039: Token not allowed after unary operator: '-shellbar-icon-color'
(2286,28): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(2290,28): run-time error CSS1039: Token not allowed after unary operator: '-shellbar-icon-focus-background-color'
(2312,32): run-time error CSS1039: Token not allowed after unary operator: '-shellbar-icon-focus-background-color'
(2329,28): run-time error CSS1039: Token not allowed after unary operator: '-shellbar-icon-focus-background-color'
(2330,17): run-time error CSS1039: Token not allowed after unary operator: '-shellbar-icon-color'
(2360,32): run-time error CSS1039: Token not allowed after unary operator: '-shellbar-icon-focus-color'
(2364,21): run-time error CSS1039: Token not allowed after unary operator: '-shellbar-icon-color'
(2372,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(2373,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(2379,27): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(2390,23): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(2394,28): run-time error CSS1039: Token not allowed after unary operator: '-shellbar-icon-focus-background-color'
(2395,17): run-time error CSS1039: Token not allowed after unary operator: '-shellbar-icon-color'
(2431,27): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(2433,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(2450,56): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(2465,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(2470,44): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(2471,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(2487,40): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(2495,39): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(2498,44): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(2503,33): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(2505,44): run-time error CSS1039: Token not allowed after unary operator: '-shellbar-background-color'
(2550,22): run-time error CSS1039: Token not allowed after unary operator: '-shellbar-background-color'
(2554,22): run-time error CSS1039: Token not allowed after unary operator: '-shellbar-icon-focus-color'
(2555,17): run-time error CSS1039: Token not allowed after unary operator: '-shellbar-icon-color'
(2559,28): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(2563,22): run-time error CSS1039: Token not allowed after unary operator: '-shellbar-icon-focus-background-color'
(2564,17): run-time error CSS1039: Token not allowed after unary operator: '-shellbar-icon-color'
(2582,26): run-time error CSS1039: Token not allowed after unary operator: '-shellbar-icon-focus-color'
(2596,27): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(2597,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(2621,52): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(2625,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(2651,22): run-time error CSS1039: Token not allowed after unary operator: '-shellbar-icon-focus-background-color'
(2652,17): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(2657,22): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(2671,22): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(2684,32): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(2689,21): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(2691,32): run-time error CSS1039: Token not allowed after unary operator: '-shellbar-background-color'
(2700,21): run-time error CSS1039: Token not allowed after unary operator: '-shellbar-background-color'
(2714,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(2719,22): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(2720,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(2789,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(2794,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(2795,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(2871,23): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(2873,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(2878,22): run-time error CSS1039: Token not allowed after unary operator: '-shellbar-background-color'
(2879,17): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(2896,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(2909,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(2920,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(2928,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(2929,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(2971,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(2976,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(2983,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(2988,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(2993,22): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(2998,22): run-time error CSS1039: Token not allowed after unary operator: '-shellbar-icon-focus-background-color'
(2999,17): run-time error CSS1039: Token not allowed after unary operator: '-shellbar-icon-color'
(3130,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(3143,23): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(3157,27): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(3225,17): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(3226,22): run-time error CSS1039: Token not allowed after unary operator: '-shellbar-icon-focus-color'
(3233,28): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(3234,17): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(3243,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(3247,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(3251,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(3253,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(3272,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(3274,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(3284,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(3285,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(3294,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(3295,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(3319,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(3329,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(3332,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(3406,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(3412,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(3418,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(3434,28): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(3453,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(3479,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(3487,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-background-color'
(3489,36): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(3507,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(3529,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(3536,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(3543,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(3558,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(3568,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(3578,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(3584,21): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(3591,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(3598,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(3615,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(3629,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(3637,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(3640,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(3650,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(3653,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(3686,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(3687,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(3704,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(3705,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(3719,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-background-color'
(3723,31): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(3742,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(3753,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(3773,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(3806,17): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(3957,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(3991,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(4021,26): run-time error CSS1039: Token not allowed after unary operator: '-sidemenu-icon-hover'
(4026,26): run-time error CSS1039: Token not allowed after unary operator: '-sidemenu-icon-hover'
(4028,32): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(4040,32): run-time error CSS1039: Token not allowed after unary operator: '-sidemenu-icon-hover'
(4042,32): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(4058,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(4065,22): run-time error CSS1039: Token not allowed after unary operator: '-sidemenu-background-color'
(4095,22): run-time error CSS1039: Token not allowed after unary operator: '-sidemenu-icon-hover'
(4124,40): run-time error CSS1039: Token not allowed after unary operator: '-sidemenu-icon-hover'
(4146,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(4180,26): run-time error CSS1039: Token not allowed after unary operator: '-sidemenu-icon-hover'
(4184,22): run-time error CSS1039: Token not allowed after unary operator: '-sidemenu-icon-hover'
(4185,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(4186,33): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(4191,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(4208,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(4226,27): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(4232,28): run-time error CSS1039: Token not allowed after unary operator: '-sidemenu-icon-hover'
(4233,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(4278,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(4287,32): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(4361,23): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(4363,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(4384,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(4385,33): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(4418,17): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(4474,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-icons-font'
(4478,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-warning-background-color'
(4484,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-icons-font'
(4669,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(4673,23): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(4684,27): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(4686,21): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(4728,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(4732,17): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(4739,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(4838,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(4840,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(4898,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(4899,23): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(4908,21): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(5050,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(5051,23): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(5099,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-color'
(5119,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(5128,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-background-color'
(5136,31): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(5146,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-icons-font'
(5168,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(5172,30): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(5177,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(5182,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(5188,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-background-color'
(5297,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(5387,22): run-time error CSS1039: Token not allowed after unary operator: '-shellbar-icon-focus-color'
(5392,33): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(5403,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(5404,17): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(5415,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(5416,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(5417,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(5418,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(5591,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(5592,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(5639,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(5659,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(5712,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(5738,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(5744,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(5745,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(5746,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(5747,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(5751,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(5755,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(5756,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(5757,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(5762,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-color'
(5768,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(5816,39): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(5833,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(5834,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(5835,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(5835,42): run-time error CSS1019: Unexpected token, found ':'
(5835,42): run-time error CSS1042: Expected function, found ':'
(5835,42): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(5864,17): run-time error CSS1039: Token not allowed after unary operator: '-show-me-why'
(5874,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(5916,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(5925,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(5926,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(6042,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(6050,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(6054,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(6063,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(6077,17): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(6082,21): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(6083,33): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(6088,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(6092,21): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(6094,33): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(6129,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(6202,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(6248,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(6256,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(6265,28): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(6272,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(6299,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(6308,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(6323,32): run-time error CSS1039: Token not allowed after unary operator: '-sap-icon-color'
(6324,21): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(6328,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-background-color'
(6332,32): run-time error CSS1039: Token not allowed after unary operator: '-fiori-tertiary-btn-background-color'
(6336,36): run-time error CSS1039: Token not allowed after unary operator: '-fiori-tertiary-btn-background-color'
(6340,32): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(6345,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-background-color'
(6349,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(6354,39): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(6434,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(6440,39): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(6462,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(6630,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(6638,39): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(6639,38): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(6640,37): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(6668,29): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(6673,28): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(6681,24): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(6694,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(6695,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(6785,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(6858,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(6888,17): run-time error CSS1039: Token not allowed after unary operator: '-error-required-color'
(6892,17): run-time error CSS1039: Token not allowed after unary operator: '-error-required-color'
(6903,17): run-time error CSS1039: Token not allowed after unary operator: '-show-me-why'
(6908,17): run-time error CSS1039: Token not allowed after unary operator: '-error-required-color'
(7006,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-background-color'
(7007,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(7023,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-icons-font'
(7031,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-icons-font'
(7038,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(7158,27): run-time error CSS1039: Token not allowed after unary operator: '-secondary-icons-font'
(7166,27): run-time error CSS1039: Token not allowed after unary operator: '-secondary-icons-font'
(7174,27): run-time error CSS1039: Token not allowed after unary operator: '-secondary-icons-font'
(7183,27): run-time error CSS1039: Token not allowed after unary operator: '-secondary-icons-font'
(7246,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(7247,35): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(7254,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(7255,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(7262,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(7273,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(7309,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(7311,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(7325,32): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(7366,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(7532,36): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(7540,32): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(7579,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(7583,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(7589,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(7616,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(7668,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(7747,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(7781,21): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(7789,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(7856,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(8115,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-warning-background-color'
(8140,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-warning-border-color'
(8144,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-warning-background-color'
(8161,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(8190,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(8213,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(8214,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(8216,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(8217,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(8230,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(8231,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(8238,28): run-time error CSS1039: Token not allowed after unary operator: '-modal-background-color'
(8239,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(8246,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(8273,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(8298,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(8299,28): run-time error CSS1039: Token not allowed after unary operator: '-sap-icon-color'
(8308,26): run-time error CSS1039: Token not allowed after unary operator: '-sap-icon-color'
(8344,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(8386,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-icons-font'
(8393,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-icons-font'
(8400,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-icons-font'
(8407,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-icons-font'
(8414,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-icons-font'
(8421,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-icons-font'
(8543,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(8674,28): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(8679,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(8724,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(8728,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(8732,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(8796,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(8815,37): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(8825,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(8837,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(8867,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(8873,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(8874,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(8879,32): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(8895,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(8970,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(9011,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(9137,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(9169,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(9364,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(9378,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-color'
(9390,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(9399,31): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(9403,35): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(9407,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(9425,29): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(9429,32): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-table-row-hover'
(9433,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-table-row-hover'
(9441,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-table-row-hover'
(9520,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(9524,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(9525,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(9529,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-warning-background-color'
(9541,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(9552,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(9585,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(9592,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(9601,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori-primary-btn-background-color'
(9605,17): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(9617,17): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(9621,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(9633,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(9634,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(9635,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(9640,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(9641,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(9650,45): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(9651,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(9665,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(9683,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(9726,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(9729,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(9730,39): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(9734,43): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(9738,29): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(9742,54): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(9768,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(9786,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(9790,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(9799,17): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(9800,20): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(9807,17): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(9811,33): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(9817,17): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(9818,25): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(9825,21): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(9830,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(9853,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(9857,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(9861,37): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(9866,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(9867,27): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(9882,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(9886,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(9899,17): run-time error CSS1039: Token not allowed after unary operator: '-sap-icon-color'
(9901,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(10035,17): run-time error CSS1039: Token not allowed after unary operator: '-sap-icon-color'
(10045,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(10050,39): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(10079,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(10080,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(10081,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(10159,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-icons-font'
(10174,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(10231,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(10232,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(10233,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(10335,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(10336,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(10344,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(10345,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(10627,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(10813,39): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(10854,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(10976,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(10994,28): run-time error CSS1039: Token not allowed after unary operator: '-shellbar-background-color'
(10998,17): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(11004,27): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(11012,21): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(11048,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(11049,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11054,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11058,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(11063,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11071,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11080,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(11090,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(11092,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11134,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(11144,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-success-background-color'
(11149,21): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-succes-border-color'
(11157,31): run-time error CSS1039: Token not allowed after unary operator: '-secondary-icons-font'
(11208,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11209,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(11213,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(11228,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(11232,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11238,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(11247,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11248,32): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(11252,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11279,25): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(11286,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(11326,28): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(11327,28): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(11328,17): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(11335,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-warning-background-color'
(11336,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-warning-border-color'
(11337,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(11372,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(11373,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(11374,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11375,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11376,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11377,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11393,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(11395,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11424,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11432,32): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(11433,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(11489,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(11494,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(11498,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-warning-background-color'
(11499,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-warning-border-color'
(11500,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(11513,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11547,17): run-time error CSS1039: Token not allowed after unary operator: '-error-required-color'
(11554,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-error-background-color'
(11555,24): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-error-border-color'
(11556,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(11570,27): run-time error CSS1039: Token not allowed after unary operator: '-secondary-icons-font'
(11575,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-success-background-color'
(11576,24): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-succes-border-color'
(11577,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(11589,27): run-time error CSS1039: Token not allowed after unary operator: '-secondary-icons-font'
(11594,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-info-background-color'
(11595,24): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-info-border-color'
(11596,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(11608,27): run-time error CSS1039: Token not allowed after unary operator: '-secondary-icons-font'
(11622,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(11642,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(11656,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11660,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11666,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(11682,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11683,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(11693,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11697,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(11701,43): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(11706,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(11708,31): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(11719,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(11720,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11725,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(11727,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11760,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(11763,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11768,25): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(11776,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(11777,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11791,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(11792,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11840,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(11852,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11880,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(11916,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11918,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(11929,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11930,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(12017,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(12018,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(12038,21): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(12039,32): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(12043,25): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(12092,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(12108,40): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(12115,40): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(12115,68): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(12115,96): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(12119,35): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(12124,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(12129,35): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-succes-border-color'
(12155,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(12170,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(12180,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(12185,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(12189,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(12253,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-info-background-color'
(12254,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(12258,21): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(12262,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(12285,17): run-time error CSS1039: Token not allowed after unary operator: '-error-required-color'
(12290,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(12300,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(12302,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(12338,17): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(12339,28): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(12345,28): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(12353,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(12364,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(12382,24): run-time error CSS1039: Token not allowed after unary operator: '-error-required-color'
(12407,17): run-time error CSS1039: Token not allowed after unary operator: '-show-me-why'
(12411,21): run-time error CSS1039: Token not allowed after unary operator: '-show-me-why'
(12442,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(12443,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(12451,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(12455,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(12460,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(12461,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(12469,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(12526,32): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(12534,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(12536,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(12543,28): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(12564,21): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(12572,32): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(12580,32): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(12634,28): run-time error CSS1039: Token not allowed after unary operator: '-show-me-why'
(12635,17): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(12639,23): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(12644,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(12694,23): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(12695,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(12700,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(12752,17): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(12753,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(12761,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(12762,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(12835,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(12847,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(12866,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(12871,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(12878,21): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(12888,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(12901,32): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(12911,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(12918,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(12922,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-warning-background-color'
(12932,32): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(12943,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-warning-background-color'
(12973,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(12977,17): run-time error CSS1039: Token not allowed after unary operator: '-sap-icon-color'
(12999,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(13005,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(13013,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(13014,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(13048,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(13052,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(13075,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(13104,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(13110,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(13116,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(13121,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(13122,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(13131,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(13136,32): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(13138,21): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(13161,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(13167,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(13172,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(13216,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(13239,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(13242,27): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(13245,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(13262,32): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(13267,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(13273,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(13295,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(13304,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(13317,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(13322,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(13360,28): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(13364,32): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(13378,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(13384,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(13396,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(13442,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-info-background-color'
(13485,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(13507,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(13512,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(13518,40): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(13519,43): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(13576,27): run-time error CSS1039: Token not allowed after unary operator: '-secondary-icons-font'
(13577,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(13582,27): run-time error CSS1039: Token not allowed after unary operator: '-secondary-icons-font'
(13583,21): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(13588,27): run-time error CSS1039: Token not allowed after unary operator: '-secondary-icons-font'
(13589,21): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(13595,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(13610,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(13620,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(13648,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(13670,29): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(13674,29): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(13675,40): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(13676,36): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(13680,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(13681,36): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(13682,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(13683,39): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(13695,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(13696,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(13742,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(13744,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(13753,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(13756,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(13804,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(13815,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(13853,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(13854,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(13897,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-pills-background-color'
(13902,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(13907,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(13914,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(13921,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(13922,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(13923,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(13929,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-warning-background-color'
(13930,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(13931,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-warning-border-color'
(13948,32): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-warning-background-color'
(13952,32): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(13981,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(13982,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(13998,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(14011,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(14016,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(14027,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(14044,36): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(14049,36): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-info-background-color'
(14053,36): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(14058,30): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-info-border-color'
(14098,27): run-time error CSS1039: Token not allowed after unary operator: '-secondary-icons-font'
(14100,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(14106,27): run-time error CSS1039: Token not allowed after unary operator: '-secondary-icons-font'
(14108,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(14118,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(14123,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(14130,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(14135,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(14139,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(14176,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-warning-background-color'
(14178,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(14185,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(14187,28): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(14200,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(14206,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(14213,28): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(14221,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(14222,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(14360,40): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(14369,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(14373,39): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(14383,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-info-background-color'
(14394,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-background-color'
(14395,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(14400,32): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(14409,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(14429,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(14439,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(14493,24): run-time error CSS1039: Token not allowed after unary operator: '-error-required-color'
(14497,17): run-time error CSS1039: Token not allowed after unary operator: '-error-required-color'
(14509,17): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-warning-border-color'
(14536,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(14560,17): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(14607,28): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(14617,21): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(14630,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(14636,37): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(14663,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(14675,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(14683,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(14693,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-pills-background-color'
(14697,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-pills-background-color'
(14809,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(14815,21): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(14816,32): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(14821,28): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(14830,17): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(14832,28): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(14833,28): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(14837,32): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(14838,32): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(14843,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(14848,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(14852,28): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(14878,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(14882,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(14887,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(14917,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-background-color'
(14921,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-info-background-color'
(14949,32): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(14953,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(14958,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(14965,40): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(14976,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(15027,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(15062,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(15123,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(15134,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(15154,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(15160,35): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(15225,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(15230,36): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(15253,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(15253,55): run-time error CSS1019: Unexpected token, found ':'
(15253,55): run-time error CSS1042: Expected function, found ':'
(15253,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(15263,32): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-info-background-color'
(15306,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(15337,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-background-color'
(15342,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(15356,36): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(15361,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(15394,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-background-color'
(15398,21): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(15408,36): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(15413,36): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(15414,25): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(15423,32): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(15451,39): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(15468,29): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(15473,29): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(15477,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(15481,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-table-row-hover'
(15495,29): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(15513,39): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(15520,36): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-table-row-hover'
(15529,37): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(15534,27): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(15536,21): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(15544,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-info-background-color'
(15548,32): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-info-background-color'
(15552,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-info-background-color'
(15556,32): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-info-background-color'
(15566,27): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(15576,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(15577,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(15578,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(15582,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(15588,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-info-background-color'
(15601,27): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(15606,32): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(15618,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(15632,21): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(15648,36): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-hover-color'
(15653,36): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-hover-color'
(15658,25): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(15659,36): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(15711,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(15766,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(15830,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori-primary-btn-background-color'
(15831,17): run-time error CSS1039: Token not allowed after unary operator: '-fiori-primary-btn-color'
(15851,21): run-time error CSS1039: Token not allowed after unary operator: '-fiori-primary-btn-color'
(15855,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori-primary-btn-hover-color'
(15860,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori-primary-btn-hover-color'
(15866,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori-primary-btn-hover-color'
(15876,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori-primary-btn-color'
(15877,17): run-time error CSS1039: Token not allowed after unary operator: '-fiori-primary-btn-background-color'
(15879,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori-primary-btn-background-color'
(15884,21): run-time error CSS1039: Token not allowed after unary operator: '-fiori-primary-btn-hover-color'
(15885,32): run-time error CSS1039: Token not allowed after unary operator: '-fiori-primary-btn-hover-color'
(15890,21): run-time error CSS1039: Token not allowed after unary operator: '-fiori-primary-btn-background-color'
(15891,32): run-time error CSS1039: Token not allowed after unary operator: '-fiori-primary-btn-background-color'
(15899,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori-primary-btn-color'
(15900,17): run-time error CSS1039: Token not allowed after unary operator: '-fiori-primary-btn-background-color'
(15906,32): run-time error CSS1039: Token not allowed after unary operator: '-fiori-tertiary-btn-background-color'
(15910,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-background-color'
(15943,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(15953,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(15954,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(15964,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(15975,21): run-time error CSS1039: Token not allowed after unary operator: '-fiori-input-placeholder-color'
(15984,28): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(15985,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(16005,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(16015,28): run-time error CSS1039: Token not allowed after unary operator: '-error-required-color'
(16022,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-color'
(16027,28): run-time error CSS1039: Token not allowed after unary operator: '-error-required-color'
(16033,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(16035,32): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(16044,36): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(16051,36): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(16060,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(16061,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(16067,21): run-time error CSS1039: Token not allowed after unary operator: '-fiori-input-placeholder-color'
(16072,28): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(16073,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(16080,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(16103,23): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(16105,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(16145,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(16159,40): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(16160,40): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(16167,36): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(16173,36): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(16179,36): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(16184,36): run-time error CSS1039: Token not allowed after unary operator: '-sap-icon-color'
(16186,31): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(16189,25): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(16233,21): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(16248,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(16253,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(16268,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(16290,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(16295,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(16311,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(16344,26): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-table-row-hover'
(16349,26): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-info-background-color'
(16353,30): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(16357,32): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(16367,33): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(16374,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(16385,52): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(16395,52): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(16412,23): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(16415,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(16417,17): run-time error CSS1039: Token not allowed after unary operator: '-sap-icon-color'
(16427,32): run-time error CSS1039: Token not allowed after unary operator: '-fiori-tertiary-btn-background-color'
(16428,21): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(16435,32): run-time error CSS1039: Token not allowed after unary operator: '-fiori-tertiary-btn-background-color'
(16436,21): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(16443,32): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(16445,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-background-color'
(16449,21): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(16467,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(16482,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-info-background-color'
(16487,21): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-info-border-color'
(16491,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-info-border-color'
(16496,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-error-background-color'
(16501,21): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-error-border-color'
(16505,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-error-border-color'
(16514,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-warning-background-color'
(16519,21): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-warning-border-color'
(16523,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-warning-border-color'
(16528,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-success-background-color'
(16533,21): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-succes-border-color'
(16537,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-succes-border-color'
(16552,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-color'
(16562,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(16563,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(16568,32): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-table-row-hover'
(16572,32): run-time error CSS1039: Token not allowed after unary operator: '-fiori-tertiary-btn-background-color'
(16576,32): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(16578,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(16584,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(16594,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(16603,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(16608,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(16609,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(16626,21): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(16632,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(16692,36): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(16693,36): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(16699,32): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(16706,32): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(16710,32): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(16711,21): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(16716,27): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(16720,21): run-time error CSS1039: Token not allowed after unary operator: '-fiori-primary-btn-background-color'
(16721,32): run-time error CSS1039: Token not allowed after unary operator: '-fiori-primary-btn-background-color'
(16734,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(16744,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(16746,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(16755,32): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-table-row-hover'
(16775,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(16783,21): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(16818,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(16822,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(16835,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(16837,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(16849,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(16854,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(16868,28): run-time error CSS1039: Token not allowed after unary operator: '-selected-category-background-color'
(16869,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(16876,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(16905,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(16927,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(16936,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(16938,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(16953,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(16967,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(16980,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(17050,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(17051,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(17060,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(17085,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(17090,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(17096,36): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(17105,40): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(17109,36): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-table-row-hover'
(17113,36): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(17150,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-pills-background-color'
(17157,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(17169,21): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(17176,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(17190,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(17203,43): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(17210,29): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(17224,29): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(17261,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(17266,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(17271,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(17276,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(17346,28): run-time error CSS1039: Token not allowed after unary operator: '-success-color'
(17350,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-color'
(17354,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(17358,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(17376,28): run-time error CSS1039: Token not allowed after unary operator: '-sap-icon-color'
(17405,17): run-time error CSS1039: Token not allowed after unary operator: '-fiori-primary-btn-color'
(17422,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(17516,39): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(17537,32): run-time error CSS1039: Token not allowed after unary operator: '-success-color'
(17541,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-color'
(17593,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(17594,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(17604,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(17609,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(17648,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(17652,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(17656,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(17657,39): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(17731,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(17737,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(17741,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(17749,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(17758,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(17763,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(17773,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(17798,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(17817,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(17819,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(17834,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(17847,32): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(17854,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(17859,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(17863,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(17866,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(17867,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(17868,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(17898,32): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-info-background-color'
(17899,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-info-border-color'
(17900,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(17935,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(17949,32): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(18001,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(18005,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(18012,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(18041,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(18046,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(18076,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(18077,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(18129,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(18154,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(18161,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(18162,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(18170,28): run-time error CSS1039: Token not allowed after unary operator: '-modal-background-color'
(18198,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(18203,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(18221,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(18222,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(18285,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(18317,32): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(18339,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(18375,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(18376,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-error-background-color'
(18393,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(18394,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-error-background-color'
(18438,28): run-time error CSS1039: Token not allowed after unary operator: '-error-required-color'
(18530,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(18559,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(18612,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(18617,28): run-time error CSS1039: Token not allowed after unary operator: '-modal-background-color'
(18621,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(18643,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(18648,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(18756,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(18829,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(18838,32): run-time error CSS1039: Token not allowed after unary operator: '-fiori-primary-btn-background-color'
(18840,27): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(18843,21): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(18848,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(18944,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(18967,28): run-time error CSS1039: Token not allowed after unary operator: '-modal-background-color'
(19117,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(19124,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(19132,17): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(19182,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(19184,23): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(19251,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(19283,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(19285,28): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(19336,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19337,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19338,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19341,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19342,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19343,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19346,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19347,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19348,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19349,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19350,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19351,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19352,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19353,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19354,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19357,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19358,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19359,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19360,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19361,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19364,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19365,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19366,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19367,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19368,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19371,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19372,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19373,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19374,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19377,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19378,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19379,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19382,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19383,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19384,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19385,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19386,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19389,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19390,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19391,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19392,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19393,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19394,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19395,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19396,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19397,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19398,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19401,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19404,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19405,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
/*--------main color---------*/

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus,
header .dropdown-menu > .active > a,
header .dropdown-menu > .active > a:hover,
header .dropdown-menu > .active > a:focus,
header .dropdown-menu > li > a:hover,
header .dropdown-menu > li > a:focus,
header .dropdown-submenu:hover > a,
header .dropdown-submenu:focus > a {
    background-color: var(--tertiary-background-color);
    color: var(--primary-text-color);
}

/*link color and link icons */
a,
a:hover,
a:active,
a:focus,
.editable-column,
.input-group a i,
.input-group a em,
input.custom[type="checkbox"]:checked + .lbl:before,
input.custom[type="radio"]:checked + .lbl:before,
.nav-mobile .navbar-toggle .icon-bar,
.color-change,
.btn-group .btn.active i,
h3 .product-title.in-favorites {
    color: var(--main-link-and-icon-color);
}

/*headers and hovers*/
header .navbar .toggle-nav,
.catalog-top-bar,
.nav-mobile span.icon-bar,
.table-hover tfoot,
th.header-sort-up,
th.header-sort-down,
.tabs-collapse .nav > li > a:hover,
.tabs-collapse .nav > li > a:focus,
.tabs-collapse li.active a,
.select2-results .select2-highlighted,
.product-box .price-tag,
.label-success,
.tt-suggestion.tt-is-under-cursor,
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus,
.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.active:hover, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
    background-color: rgba(10, 110, 209, 0.05);
    color: var(--primary-text-color);
}

.modal-header,
.modal-header h3 {
    background-color: #3F5161;
    color: #fff;
}

.price-tag {
    background-color: #3F5161;
}

#categoryTree .categoryName:hover, .selectedCat, .add-to-compare, .compare-page .price td, .compare-page .price th, .trace-wrap .selected, .console-wrap .selected, .group-div .selected {
    background-color: #eeeeef !important;
    color: var(--primary-text-color);
}

/* table hover and stripes */
.table > tbody > tr:hover {
    background-color: #f0f0f0;
}

@media only screen and (max-width: 800px) {
    .table > tbody > tr:nth-child(2n+1) {
        background-color: #fff;
    }
}


/*------- BUTTON COLORS ---------*/

/* secondary buttons */
.btn.btn-default {
    background: linear-gradient(#ffffff, #ffffff) repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: none;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    background-color: #e6e6e6;
    border-color: #ccc;
}

/*primary buttons*/
.btn.btn-primary {
    background: var(--main-link-and-icon-color);
    box-shadow: none;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background-color: #085caf;
    border-color: #085cbf;
}

.btn-primary.active {
    background: #0854a1;
    border-color: #0090c3;
}

/* delete buttons */
.btn.btn-danger {
    background-color: #f34541;
    border-color: #ec332e;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
    background-color: #e6312d;
    border-color: #da2824;
}

/* success buttons */
.btn.btn-success {
    background-color: #49bf67;
    border-color: #28a447;
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
    background-color: #28a447;
    border-color: #20983e;
}

/* disabled button */
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary.focus[disabled], fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary.active[disabled], fieldset[disabled] .btn-primary.active {
    background: linear-gradient(#dddddd, #dddddd) repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: none;
    color: #636466;
    border-color: #ccc;
}

.close {
    color: #fff;
    opacity: 1;
    text-shadow: none;
}

/*-------CART ---------*/

/* slider handle color */
.slider-handle {
    background-color: #00a8e3;
}

.optionalItem td.item-column-absolute {
    background-color: #f6f7e5 !important;
}

/*--------hover color---------*/
.catalog-view a i:hover,
.btn-group.open .btn-primary.dropdown-toggle:hover {
    background-color: #0098cd;
    color: #fff;
}

.w960 a:hover > i {
    color: #0098cd;
}

a.btn:hover > i {
    color: inherit;
}

.nav-tabs-simple > .active > a,
.nav-tabs-simple > .active > a:hover,
.nav-tabs-simple > .active > a:focus {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #00a8e3 !important;
}

@media only screen and (max-width: 480px) {
    .nav-tabs-simple > .active > a,
    .nav-tabs-simple > .active > a:hover,
    .nav-tabs-simple > .active > a:focus {
        border-color: transparent !important;
        background-color: #eee !important;
    }
}


/*--------active menu item---------*/
.cald_header_bar {
    border-bottom: solid 5px #00A8E3;
}

.cald_header_menubar, .navbar.header {
    background-color: #bee0ee;
}

.navbar-default .navbar-nav > li > a.active, .navbar-default .navbar-nav > li > a.active:hover {
    color: #fff;
    background-color: #72c9e9;
    font-weight: bold;
}

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover {
    color: #636466;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #bee0ee;
    font-weight: bold;
}

.cald_header_menubar .dropdown-menu {
    background-color: #bee0ee;
    box-shadow: 3px 5px 12px 0px #BBB;
}

    .cald_header_menubar .dropdown-menu > li > a {
        color: #636466;
    }

@media (max-width: 767px) {
    .dropdown-menu, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
        box-shadow: none;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #636466;
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li.active > a, .navbar-default .navbar-nav .open .dropdown-menu > li.active > a:hover {
            color: #fff;
            background-color: #72c9e9;
        }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a.current-quote-view {
            color: #000;
        }
}

/*--------colors for alert messages and labels---------*/

#toast-container > .toast-success {
    background-color: #DFF0D8;
    border: 1px solid #D6E9C6;
    color: #468847;
}

#toast-container > .toast-error {
    color: #B94A48;
    background-color: #F2DEDE;
    border: 1px solid #EED3D7;
}

#toast-container > .toast-info {
    background-color: #D9EDF7;
    border: 1px solid #BCE8F1;
    color: #3A87AD;
}

#toast-container > .toast-warning {
    background-color: #FCF8E3;
    border: 1px solid #FBEED5;
    color: #C09853;
}

.alert-warning {
    border-radius: 4px;
    background-color: rgba(206, 222, 242, 0.5);
    color: #303133;
}

    .alert-warning span, .alert-warning i {
        color: var(--main-link-and-icon-color);
    }

.alert-success {
    background-image: linear-gradient(to bottom, #dff0d8 0px, #c8e5bc 100%);
    background-repeat: repeat-x;
    border-color: #b2dba1;
}

.alert-danger {
    background-image: linear-gradient(to bottom, #f2dede 0px, #e7c3c3 100%);
    background-repeat: repeat-x;
    border-color: #dca7a7;
}

.alert-info {
    background-image: linear-gradient(to bottom, #d9edf7 0px, #b9def0 100%);
    background-repeat: repeat-x;
    border-color: #9acfea;
}


.label-complete {
    color: #49BF67;
}

.label-success[href] {
    background-color: #379e51;
}

.label-important {
    background-color: #f34541;
}

    .label-important[href] {
        background-color: #f01611;
    }

.label-warning {
    background-color: #970000;
}

    .label-warning[href] {
        background-color: #e48a07;
    }

/*--------colors for dev console--------*/
.trace-wrap .fa-bug {
    color: #A94442;
}

.trace-wrap .fa-exclamation-circle {
    color: #A94442;
}

.trace-wrap .fa-exclamation-triangle {
    color: orange;
}

.trace-wrap .fa-info-circle {
    color: #00a8e3;
}

.trace-wrap .fa-cog.low {
    color: #49bf67;
}

.trace-wrap .fa-gear.high {
    color: #279100;
}

.tracetbl .error-row {
    background-color: #f2dede !important;
    color: #B94A48;
}
/*--------red colors--------*/

.tabs-collapse li.requiredtab a,
.nav-mobile li.requiredtab a,
.tabbable li.requiredtab a,
.tabbable li.requiredtab a:hover,
.required,
.w960 a:hover > i.fa-times,
.fa-times,
.info-label .popover ul li,
.label-incomplete,
.fa-exclamation-triangle,
.validationMessage,
.editable-column.hasError,
.numberCell.hasError,
.numberCell span.hasError,
.error_message {
    color: var(--error-required-color);
}


.tabs-collapse .nav > li.requiredtab > a:hover,
.tabs-collapse .nav > li.requiredtab > a:focus,
.tabs-collapse .nav > li.active.requiredtab > a {
    background-color: #D9534F;
    color: #ffffff;
}

.text-contrast, .contrast {
    color: #f34541 !important;
}

/*--------neutral colors--------*/

.tree-view,
.row-offcanvas-left .sidebar-offcanvas,
.filter-pills {
    background-color: #edeff0;
    color: var(--primary-text-color);
}

.filter-pills {
    background-color: #eef5fc;
}

#categoryContainer, .cart-sidebar {
    background-color: var(--secondary-background-color);
}

.top-bar {
    background-color: #333;
}

.current-quote .dropdown-menu, .debugger-links, .recently-visited {
    background-color: #fdfdfd !important;
}

.description, .item-column .popover span, .no-favorite {
    color: var(--secondary-text-color);
}

.table-bordered th,
.table-hover tr.table-heading,
.nav-mobile button:hover,
input.custom[type="checkbox"]:disabled + .lbl:before,
input.custom[type="radio"]:disabled + .lbl:before,
input.custom[type="checkbox"][disabled] + .lbl:before,
input.custom[type="radio"][disabled] + .lbl:before,
input.custom.disabled[type="checkbox"] + .lbl:before,
input.custom.disabled[type="radio"] + .lbl:before,
.select2-container-multi .select2-choices .select2-search-choice,
.dropdown-menu > li > a.current-quote-view,
.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
    background-color: #eee;
}

.table-bordered th {
    background-color: #d9d9d9;
}

.toast-close-button, input.custom[type="checkbox"]:disabled + .lbl::before {
    color: #b8b8b8;
}

a.btn.btn-default,
.selectedCat,
.nav-mobile .nav > li > a {
    color: #333333 !important;
}

.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
    border-top: 1px solid #bfbfbf;
}

/* pagination */

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #eee;
    border: 1px solid #dddddd;
    color: #222222;
}

/* input on focus styles */

select2-container.form-control:focus,
.select2-container-multi .select2-choices:focus, select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.form-control:focus,
.uneditable-input:focus {
    border-color: #aaaaaa;
    -webkit-box-shadow: 0 0 8px #dce1e5;
    -moz-box-shadow: 0 0 8px #dce1e5;
    box-shadow: 0 0 8px #dce1e5;
}

.list-striped li:nth-child(odd) {
    background-color: #f9f9f9;
}

.list-striped.list-hover li:hover {
    background-color: #f9f9f9;
}


/* select on filter by status in cart list */
.select2-container.select2-container-active.form-control, .select2-container-active .select2-choice,
.select2-container-active .select2-choices, .select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices, .select2-container-multi.select2-container-active .select2-choices,
.form-control.select2-container.select2-dropdown-open, .select2-container .select2-choice, .select2-drop-active, .select2-drop.select2-drop-above.select2-drop-active {
    border-color: #aaaaaa !important;
}

    .select2-container.select2-container-active.form-control:focus, .select2-container-active .select2-choice:focus,
    .select2-container-active .select2-choices:focus, .select2-dropdown-open.select2-drop-above .select2-choice:focus,
    .select2-dropdown-open.select2-drop-above .select2-choices:focus, .select2-container-multi.select2-container-active .select2-choices:focus,
    .form-control.select2-container.select2-dropdown-open:focus, .select2-container .select2-choice:focus, .select2-drop-active:focus, .select2-drop.select2-drop-above.select2-drop-active:focus {
        border-color: #aaaaaa !important;
    }

/* css for menu in SF */
.sf-header .header {
    min-height: inherit;
}

.sf-header .cald_header_bar {
    padding-right: 20px;
}

.sf-header .dropdown-toggle.customer-menu {
    position: relative;
}

.sf-header .navbar-right {
    margin-right: 0 !important;
}

.sf-header .sap_header_section-right .nav .hide-userdrop.fix-color {
    margin-right: 0 !important;
}

.sf-header .customer-menu .customer-icon,
.sf-header .customer-menu .customer-icon.icon-clicked, .sf-header .customer-menu .customer-icon.icon-clicked:visited, .sf-header .customer-menu .customer-icon.icon-clicked:hover, .sf-header .customer-menu .customer-icon.icon-clicked:focus, .sf-header .customer-menu .customer-icon.icon-clicked:active {
    color: #d1e3ff;
    font-weight: normal;
}

.sf-header .dropdown-menu.pull-right.customer-menu-dropdown {
    top: 32px;
    right: -16px;
}

    .sf-header .dropdown-menu.pull-right.customer-menu-dropdown::before {
        right: 23px;
    }

.sf-header .sap_header_bar {
    margin: 0;
}

    .sf-header .sap_header_bar.cald_logo {
        background: none;
    }

.sf-header .cald_header_menubar, .sf-header .navbar.header {
    background-color: #fff;
}

.sf-header .navbar-default .navbar-nav > li > a.active:hover, .sf-header .navbar-default .navbar-nav > li > a:hover, .sf-header .navbar-default .navbar-nav > li > a:hover, .sf-header .navbar-default .navbar-nav > li > a.active {
    background-color: #bee0ee;
    color: #636466;
    font-weight: normal;
}

.sf-header .second-border {
    height: 10px;
    background-color: #00a8e3;
    border-bottom: 5px solid #bee0ee !important;
}

.sf-header .sap_logo_small {
    background: url(/Content/images/cpq_logo_white.svg) no-repeat scroll center center;
    background-size: contain;
    width: auto;
    height: 22px;
    margin: 0 10px;
}

.sf-header .current-quote-and-favorites {
    display: flex;
    align-items: center;
}

@media (max-width: 767px) {
    .sf-header .current-quote-and-favorites {
        padding-right: 0;
    }
}

.sf-header .current-quote .number-of-products {
    background-color: #636466;
    color: #fff;
}

.sf-header .customer-menu-dropdown li:not(.list-header) a {
    padding: 4px 10px !important;
    text-transform: none;
}

.cald_header_menubar .hide-userdrop {
    display: none;
}

.sf-userdrop .userdrop, .sf-header .userdrop {
    display: inline !important;
}

.hide-userdrop .dropdown-toggle {
    color: #636466;
}

    .hide-userdrop .dropdown-toggle:hover, .hide-userdrop .dropdown-toggle:focus, .hide-userdrop .dropdown-toggle:active {
        background-color: #fff !important;
    }

@media (max-width: 767px) {
    .sf-header .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .sf-header .navbar-default .navbar-nav .open .dropdown-menu > li.active > a, .sf-header .navbar-default .navbar-nav .open .dropdown-menu > li.active > a:hover {
        background-color: #72c9e9;
    }

    .sf-header .navbar .navbar-toggle {
        background-color: #72c9e9;
        margin-top: 15px;
    }
}

/*!
 * Fundamental Library Styles v0.12.0
 * Copyright (c) 2020 SAP SE or an SAP affiliate company.
 * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE)
 */

.fiori3-toggle {
    font-size: .875rem;
    line-height: 1.4;
    color: var(--primary-text-color);
    font-family: "72", "72full", Arial, Helvetica, sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    border: 0;
    cursor: pointer;
    display: inline-block;
    position: relative;
    padding: .375rem 0
}

    .fiori3-toggle:after,
    .fiori3-toggle:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fiori3-toggle-label {
    line-height: 1.4;
    color: var(--primary-text-color);
    font-family: "72", "72full", Arial, Helvetica, sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    border: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    max-width: 100%;
    font-size: .875rem;
    color: var(--secondary-text-color);
    margin-right: .5rem;
    cursor: text;
    -ms-flex-item-align: start;
    align-self: flex-start;
    overflow: initial;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    padding: 0
}

@media all and (max-width: 992px) {
    .fiori3-toggle-label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.fiori3-toggle-label:after,
.fiori3-toggle-label:before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    font-size: inherit
}

.fiori3-toggle-label.is-disabled {
    opacity: .4;
}

.fiori3-toggle-wrapper {
    font-size: .875rem;
    line-height: 1.4;
    color: #32363a;
    font-family: "72", "72full", Arial, Helvetica, sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    border: 0;
    background-color: #ededed;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 3.125rem;
    height: 1.25rem;
    border: .0625rem solid #89919a;
    -webkit-transition: all .1s;
    transition: all .1s;
    border-radius: .75rem
}

    .fiori3-toggle-wrapper:after,
    .fiori3-toggle-wrapper:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fiori3-toggle-track {
    font-size: .875rem;
    line-height: 1.4;
    color: #32363a;
    font-family: "72", "72full", Arial, Helvetica, sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    border: 0;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 50%;
    -webkit-transform: translate(-1.1875rem, -50%);
    transform: translate(-1.1875rem, -50%);
    -webkit-transition: all .1s;
    transition: all .1s;
    min-width: 4.25rem
}

    .fiori3-toggle-track:after,
    .fiori3-toggle-track:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fiori3-toggle-text {
    line-height: 1.4;
    font-family: "72", "72full", Arial, Helvetica, sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 0 10px;
    margin: 3px 0 0 0;
    border: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    max-width: 100%;
    font-size: .875rem;
    color: var(--secondary-text-color);
    margin-right: .5rem;
    cursor: text;
    -ms-flex-item-align: start;
    align-self: flex-start;
    cursor: pointer
}

.fiori3-toggle-text-with-icon {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .fiori3-toggle-text-with-icon .fiori3-toggle-icon {
        margin: 3px 0 0;
        outline-offset: -2px;
    }

@media all and (max-width: 992px) {
    .fiori3-toggle-text {
        padding: 0 0 5px 0;
    }
}

.fiori3-toggle-text:after,
.fiori3-toggle-text:before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    font-size: inherit
}

.fiori3-toggle-handle {
    font-size: .875rem;
    line-height: 1.4;
    color: #32363a;
    font-family: "72", "72full", Arial, Helvetica, sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    border: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border: .0625rem solid #89919a;
    background-color: #fff;
    min-width: 1.875rem;
    min-height: 1.875rem;
    border-radius: 1rem;
    background-clip: padding-box
}

    .fiori3-toggle-handle:after,
    .fiori3-toggle-handle:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

.fiori3-toggle-input {
    font-size: .875rem;
    line-height: 1.4;
    color: #32363a;
    font-family: "72", "72full", Arial, Helvetica, sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    border: 0;
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute
}

    .fiori3-toggle-input:after,
    .fiori3-toggle-input:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        font-size: inherit
    }

    .fiori3-toggle-input:after,
    .fiori3-toggle-input:before {
        display: none
    }

    .fiori3-toggle-input:active,
    .fiori3-toggle-input:hover {
        border-color: transparent
    }

.fiori3-toggle.is-disabled,
.fiori3-toggle:disabled,
.fiori3-toggle[aria-disabled=true] {
    pointer-events: none;
    opacity: .4;
}

.fiori3-toggle-input:focus + .fiori3-toggle-wrapper:before {
    position: absolute;
    display: block;
    outline-offset: -.0625rem;
    border-width: .0625rem;
    border-color: #000;
    border-style: dotted;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.fiori3-toggle-input:checked + .fiori3-toggle-wrapper {
    background-color: #ebf5fe;
    border-color: #0854a0;
}

    .fiori3-toggle-input:checked + .fiori3-toggle-wrapper .fiori3-toggle-handle {
        background-color: #0854a0;
        border-color: #0854a0;
    }

    .fiori3-toggle-input:checked + .fiori3-toggle-wrapper .fiori3-toggle-track {
        -webkit-transform: translate(.0625rem, -50%);
        transform: translate(.0625rem, -50%)
    }

    .fiori3-toggle-input:checked + .fiori3-toggle-wrapper .fiori3-toggle-icon-off[class*=sap-icon],
    .fiori3-toggle-input:checked + .fiori3-toggle-wrapper .fiori3-toggle-icon-off [class*=sap-icon] {
        opacity: 0;
        visibility: hidden
    }

    .fiori3-toggle-input:checked + .fiori3-toggle-wrapper .fiori3-toggle-icon-on[class*=sap-icon],
    .fiori3-toggle-input:checked + .fiori3-toggle-wrapper .fiori3-toggle-icon-on [class*=sap-icon] {
        opacity: 1;
        visibility: visible
    }

.fiori3-toggle.is-hover .fiori3-toggle-wrapper,
.fiori3-toggle:hover .fiori3-toggle-wrapper {
    border-color: #0854a0;
}

.fiori3-toggle.is-hover .fiori3-toggle-handle,
.fiori3-toggle:hover .fiori3-toggle-handle {
    border-color: #0854a0;
    background-color: #ebf5fe;
}

.fiori3-toggle.is-hover .fiori3-toggle:checked + .fiori3-toggle-wrapper,
.fiori3-toggle:hover .fiori3-toggle:checked + .fiori3-toggle-wrapper {
    border-color: #095caf;
}

    .fiori3-toggle.is-hover .fiori3-toggle:checked + .fiori3-toggle-wrapper .fiori3-toggle-handle,
    .fiori3-toggle:hover .fiori3-toggle:checked + .fiori3-toggle-wrapper .fiori3-toggle-handle {
        border-color: #095caf;
        background-color: #095caf;
    }

.fiori3-toggle-compact {
    padding: .25rem 0
}

    .fiori3-toggle-compact .fiori3-toggle-handle {
        min-width: 1.5rem;
        min-height: 1.5rem
    }

    .fiori3-toggle-compact .fiori3-toggle-wrapper {
        width: 2.375rem;
        height: 1rem
    }

    .fiori3-toggle-compact .fiori3-toggle-track {
        -webkit-transform: translate(-.8125rem, -50%);
        transform: translate(-.8125rem, -50%);
        min-width: 3.125rem
    }

/*------- Z-INDEX INFO -------*/
/* 3 - select2-container */
/* 5 - categories container, quote actions container, .btn-customer-feedback, .btn.btn-recommendations, .actions-sidebar-toggle, a.info */
/* 7 - .inline-cart-summary ul */
/* 990 - .customer-menu-closing-div */
/* 991 - .filter-content .dropdown-menu and .dropdown-menu.customer-menu-dropdown - because of BS's closing div on Safari that has z-index: 990 */
/* 1040 - #cartHeader because popover has z-index 1039 */
/* 1041 - modal, shellbar (header), sidemenu, recommendations slidein, customer feedback slidein */

/*------- FONTS -------*/
@font-face {
    font-family: '72';
    src: url(/Content/fonts/72-Regular.eot);
    src: url(/Content/fonts/72-Regular.woff) format("woff"), url(/Content/fonts/72-Regular.woff2) format("woff2"), url(/Content/fonts/72-Regular.ttf) format("Truetype"), url(/Content/fonts/72-Regular.svg) format("svg");
    font-weight: normal;
    font-display: fallback;
}

@font-face {
    font-family: SAP-icons;
    src: url(/Content/fonts/SAP-icons.eot);
    src: url(/Content/fonts/SAP-icons.woff) format("woff"), url(/Content/fonts/SAP-icons.woff2) format("woff2"), url(/Content/fonts/SAP-icons.ttf) format("Truetype"), url(/Content/fonts/SAP-icons.vfb) format("svg");
    font-weight: normal;
}

@font-face {
    font-family: SAP-icons-extended;
    src: url(/Content/fonts/SAP-icons-extended.eot);
    src: url(/Content/fonts/SAP-icons-extended.woff) format("woff"), url(/Content/fonts/SAP-icons-extended.ttf) format("Truetype"), url(/Content/fonts/SAP-icons-extended.svg) format("svg");
    font-weight: normal;
}
/* end */

/*------- ANIMATIONS -------*/
.slide-down {
    -webkit-animation: slideDown 300ms ease-in forwards;
    animation: slideDown 300ms ease-in forwards;
}

@-webkit-keyframes slideDown {
    0% {
        -webkit-transform: translateY(-5%);
        -ms-transform: translateY(-5%);
        transform: translateY(-5%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slideDown {
    0% {
        -webkit-transform: translateY(-5%);
        -ms-transform: translateY(-5%);
        transform: translateY(-5%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

.slide-in-from-right, #sidebar.slide-in {
    -webkit-animation: slideInFromRight 500ms ease-in forwards;
    animation: slideInFromRight 500ms ease-in forwards;
}

@-webkit-keyframes slideInFromRight {
    0% {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideInFromRight {
    0% {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

.slide-in-from-left {
    -webkit-animation: slideInFromLeft 400ms ease-in forwards;
    animation: slideInFromLeft 400ms ease-in forwards;
}

@-webkit-keyframes slideInFromLeft {
    0% {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
    }

    75% {
        opacity: 0.4;
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideInFromLeft {
    0% {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
    }

    75% {
        opacity: 0.4;
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

.slide-out-to-right, #sidebar.slide-out {
    -webkit-animation: slideOutToRight 500ms ease-out forwards;
    animation: slideOutToRight 500ms ease-out forwards;
}

@-webkit-keyframes slideOutToRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }
}

@keyframes slideOutToRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }
}

.slide-out-to-left {
    -webkit-animation: slideOutToLeft 900ms ease forwards;
    animation: slideOutToLeft 900ms ease forwards;
}

@-webkit-keyframes slideOutToLeft {
    0% {
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%);
        opacity: 1;
    }

    30% {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
    }
}

@keyframes slideOutToLeft {
    0% {
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%);
        opacity: 1;
    }

    30% {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
    }
}

.fade-in {
    -webkit-animation: customerFeedbackFadeIn 500ms ease-in forwards;
    animation: customerFeedbackFadeIn 500ms ease-in forwards;
}

@-webkit-keyframes customerFeedbackFadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes customerFeedbackFadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fade-out {
    -webkit-animation: fadeOut 500ms ease-out forwards;
    animation: customerFeedbackFadeIn 500ms ease-out forwards;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.quick-fade-out {
    -webkit-animation: quickFadeOut 300ms ease forwards;
    animation: quickFadeOut 300ms ease forwards;
}

@-webkit-keyframes quickFadeOut {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.3;
    }

    100% {
        opacity: 0;
    }
}

@keyframes quickFadeOut {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.3;
    }

    100% {
        opacity: 0;
    }
}

.spin {
    -webkit-animation: spin 1s ease-in-out infinite;
    animation: spin 1s ease-in-out infinite;
}

@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* end */

/*------- GENERAL -------*/
html {
    overflow: hidden;
    font-size: 16px;
}

body:not(.resp-setup) {
    padding: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100% !important;
    min-height: initial;
    margin-bottom: -48px;
    font-family: var(--main-font-family);
    background-color: var(--primary-background-color);
}

body.dev-admin-page {
    top: 0 !important;
    height: 100vh !important;
    overflow-y: auto !important;
}

.ps__thumb-y:focus,
.ps__thumb-x:focus {
    outline: 2px solid var(--focus-border-and-outline-color);
}

/* div containing modal */
body:not(.resp-setup).modal-open > div:not(.tooltip):last-child {
    z-index: 1041;
}

body.modal-open #wrap,
body.modal-open #main {
    position: relative;
    z-index: 1040;
}

body.sf-ipad {
    position: static !important;
    margin-top: 48px !important;
}

@media all and (max-width: 767px) {
    .redesignedBody {
        background-color: var(--secondary-background-color);
    }
}

a, a:hover, a:active, a:focus, input::-moz-focus-inner, a.dropdown-toggle {
    outline: 0;
}

.contrast-blue #main a:hover > i {
    text-decoration: none;
    cursor: pointer;
}

label {
    display: block;
    font-weight: normal;
    color: var(--secondary-text-color);
}

.modal {
    overflow-y: auto;
}

.modal-content, .popover {
    border-radius: 0;
}

.popover {
    z-index: 1039;
}

.popover-content {
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--main-font-family);
}

.cart-content h3.secondary {
    font-size: 16px;
    color: var(--primary-text-color);
    background: none;
    border-bottom: 1px solid var(--primary-border-color);
    padding: 10px 0;
}

.cart-content .tertiary, .cart-content .secondary {
    margin: 10px 0;
}

button > i {
    width: 12px;
    height: 12px;
}

.form-control-static {
    padding-bottom: 0;
}

.sap-icon {
    font-family: var(--icons-font);
}

.sap-icon-extended {
    font-family: SAP-icons-extended;
}

.sap-icon-scripting-messages-remove {
    left: initial !important;
    right: 0;
    cursor: pointer;
    color: var(--sap-icon-color) !important;
}

.cart-content .tabbable, .shipping-info-container .tabbable {
    margin-bottom: 10px;
}

.flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.flex-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

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

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

.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

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

.scrollable-page-container {
    overflow: auto;
    max-height: 100vh;
    background-color: var(--secondary-background-color);
}

.cpq-scroll::-webkit-scrollbar-track, body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(155, 154, 154, 0.3);
    background-color: #f5f5f5;
    border-radius: 3px;
}

.cpq-scroll::-webkit-scrollbar, body::-webkit-scrollbar {
    width: 15px;
    background-color: rgba(155, 154, 154, 0.3);
    border-radius: 3px;
}

.cpq-scroll::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb {
    background-color: rgba(155, 154, 154, 0.3);
    border: 1px solid rgba(155, 154, 154, 0.3);
    border-radius: 3px;
}

.centered-block-item {
    display: block;
    margin: 0 auto;
}

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

@media all and (max-width: 768px) {
    .full-viewport-height {
        height: 100vh !important;
    }
}

.padding-10 {
    padding: 10px !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

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

.legacy-div-container {
    padding: 10px;
}

.bulkReassignContainer .user-page-table-container {
    min-height: calc(100vh - 200px);
}

@supports (-webkit-touch-callout: none) {
    .bulkReassignContainer .user-page-table-container {
        overflow: visible;
    }

    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
        .redesignedBody {
            background-color: var(--secondary-background-color);
        }
    }
}

.bulkReassignContainer .user-selector-table-modal {
    max-width: 90%;
}

table th, table td {
    font-weight: normal !important;
}

.disabled-button:hover {
    cursor: not-allowed;
}

.disabled-button {
    pointer-events: unset;
}

    .disabled-button a {
        pointer-events: none;
    }
/* Bootstrap adjustments */
.container {
    width: 95%;
    max-width: 95%;
}

.datepicker.datepicker-dropdown {
    position: fixed;
}

.container-fluid {
    margin: 48px 0 0;
    padding: 0;
}

.row {
    margin-left: 0;
    margin-right: 0;
}

.col-md-12, .col-md-10 {
    padding: 10px;
}

body.modal-open {
    padding-right: 0 !important;
}

@media (min-width: 1600px) {
    .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
        float: left;
    }

    .col-xl-12 {
        width: 100%;
    }

    .col-xl-11 {
        width: 91.66666667%;
    }

    .col-xl-10 {
        width: 83.33333333%;
    }

    .col-xl-9 {
        width: 75%;
    }

    .col-xl-8 {
        width: 66.66666667%;
    }

    .col-xl-7 {
        width: 58.33333333%;
    }

    .col-xl-6 {
        width: 50%;
    }

    .col-xl-5 {
        width: 41.66666667%;
    }

    .col-xl-4 {
        width: 33.33333333%;
    }

    .col-xl-3 {
        width: 25%;
    }

    .col-xl-2 {
        width: 16.66666667%;
    }

    .col-xl-1 {
        width: 8.33333333%;
    }

    .col-xl-offset-12 {
        margin-left: 100%;
    }

    .col-xl-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-xl-offset-10 {
        margin-left: 83.33333333%;
    }

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

    .col-xl-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-xl-offset-7 {
        margin-left: 58.33333333%;
    }

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

    .col-xl-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-xl-offset-4 {
        margin-left: 33.33333333%;
    }

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

    .col-xl-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-xl-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-xl-offset-0 {
        margin-left: 0;
    }
}

.disabled-with-tooltip {
    display: inline;
    cursor: not-allowed;
}

.disabled-with-tooltip .disabled {
    pointer-events: none;
    opacity: 0.5;
}
/* end */

/*----- LANDSCAPE TABLET/NETBOOK/LAPTOP -----*/
@media all and (max-width: 1024px) {
    #propcent {
        width: 90%;
    }

    .show-large {
        display: none;
    }

    .show-small, .show-small .navbar-toggle {
        display: block;
    }
}

.datepicker.dropdown-menu {
    z-index: 1054 !important;
}

.pointer {
    cursor: pointer !important;
}

.default-cursor {
    cursor: default;
}

/* end */

/*----- TABLET/NETBOOK -----*/
@media all and (min-width: 768px) {
    .show-on-large {
        display: none !important;
    }

    .hide-on-small {
        display: inherit;
    }
}

@media all and (max-width: 800px) {
    .fixed-height {
        height: auto !important;
        overflow-y: auto !important;
        min-height: 0 !important;
    }

    .tablet-full-width {
        width: 100%;
        display: block;
        clear: both;
    }

    .show-heading-small-screen {
        display: block;
    }

    .recurring-label {
        clear: both;
        margin: 5px 0 0 0 !important;
    }

    .recurring-price {
        margin: 5px -0.125em 0 -0.125em !important;
        padding: 0 10px !important;
    }

    .mobile-dropdown {
        height: 32px;
        padding: 5px;
        border: 1px solid #eee;
        margin-top: 5px;
        background-color: #eee;
    }

    .mobile-grid {
        padding: 0;
        margin-top: 5px;
    }

    .modal-dialog.modal-wide-dialog-predictive {
        height: 100% !important;
        margin: 0 0 !important;
        position: absolute !important;
    }
}

.validation-message-hidden {
    display: none;
}
/* end */

/*----- IPAD AND SMALL TABLET -----*/
@media all and (max-width: 767px) {
    .compare {
        display: none;
    }

    .nav.navbar-nav .open a.dropdown-toggle {
        background-color: #bee0ee !important;
        box-shadow: 3px 5px 12px 0 #BBB !important;
        font-weight: bold !important;
    }

    .navbar-default .navbar-toggle:hover {
        background-color: inherit;
    }

    .mobile-label {
        float: right;
        padding: 0;
    }

    .form-group .form-checkbox.mobile-check {
        margin-top: 0;
    }

    .mobile-white {
        background-color: #fff;
    }

    .conftop .btn {
        padding: 8px 15px;
        display: block;
        width: 100%;
    }

    .mobile-apply-filter {
        height: 43px;
    }

    .visible-xs.visible-sm.save-filter {
        margin-right: 9.5%;
    }

    .mobile-price {
        font-size: 1em;
        padding: 0.4em;
    }

    .input-group-btn.open .dropdown-menu {
        width: 100%;
        min-width: 150px;
        padding-bottom: 0;
        overflow: hidden;
        max-height: 605px;
    }

    .fixed-footer {
        width: 107%;
        height: 50px;
        z-index: 5;
        border-top: 1px solid #ccc;
        margin-left: -8px;
    }

    .bottomnav div {
        float: left;
    }

    .table-striped tbody tr td img {
        display: none;
    }

    .show-on-large {
        display: inherit;
    }

    .hide-on-small {
        display: none !important;
    }
}
/* end */

/*----- MOBILE LANDSCAPE -----*/
@media all and (max-width: 480px) {
    .conftop .btn {
        padding: 8px 15px;
        display: block;
        width: 100%;
    }

    .mobile-full-width {
        width: 100%;
        display: block;
        clear: both;
    }
}
/* end */

/* Hide products hover on all touch devices */
@media all and (min-width: 600px) and (max-width: 1024px) {
    .hide-div {
        display: none;
    }
}
/* end */
/* end */

/*------- LOGIN, REGISTER, LOST PASSWORD PAGES -------*/
.logintable {
    background-color: #FFFFFF !important;
    width: 350px;
    padding: 0 10px 0 10px;
    margin: 0;
}

@media all and (min-width: 600px) and (max-width: 768px) {
    .logintable {
        border: none;
    }
}

.logintable ul li {
    list-style-type: none;
    list-style-position: inside;
    margin: 0;
    padding: 0;
}

.lg_container {
    width: 760px;
    margin: 0 auto;
    padding-top: 100px;
    display: block;
}

@media all and (max-width: 767px) {
    .lg_container {
        width: 100%;
        margin: 0 auto;
        padding: 40px 0;
    }
}

@media all and (max-width: 480px) {
    .lg_container {
        margin: 15px auto;
    }
}

.lg_container .sap-logo {
    margin-bottom: 36px;
}

@media all and (max-width: 1024px) {
    .lg_container img {
        display: block;
        margin: 0 auto;
    }
}

.logintable .btn {
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 28px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #1281BA;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
    background-color: #408CD1;
    cursor: pointer;
    width: 330px;
}

.lg_col_2 {
    width: 48%;
    margin: 0 auto;
    display: block;
    float: left;
}

@media all and (max-width: 1200px) {
    .lg_col_2 {
        width: 330px;
        float: none;
        margin: 0 auto;
    }
}

@media all and (max-width: 768px) {
    .lg_col_2 {
        width: 330px;
        float: none;
        margin: 0 auto;
    }
}

@media all and (max-width: 600px) {
    .lg_col_2 {
        width: 330px;
        float: none;
        margin: 0 auto;
    }
}

@media all and (max-width: 480px) {
    .lg_col_2 {
        width: 330px;
        float: none;
        margin: 0 auto;
    }
}

.wrapper {
    min-height: 100%;
    min-height: calc(100vh - 100px);
}

@media all and (max-width: 767px) {
    .wrapper {
        min-height: calc(100vh - 65px);
    }
}

.cart .form-horizontal .form-group > .alert-danger.resp-danger {
    margin: 0 0 10px 15px;
    padding: 5px 5px 5px 15px;
    width: calc(83.33% - 24px);
}

@media all and (max-width: 1024px) {
    .cart .form-horizontal .form-group > .alert-danger.resp-danger {
        width: calc(100% - 20px);
        margin: 0 10px 10px 10px;
    }
}

.footer {
    text-align: right;
    background-color: var(--secondary-background-color);
    height: 60px;
    position: relative;
}

    .footer p {
        padding-top: 3px;
        margin: 0;
    }

    .footer img {
        width: 44px;
        height: 22px;
        margin: 16px;
    }

    .footer span {
        position: absolute;
        width: 570px;
        right: 75px;
        bottom: 17px;
        font-size: 12px;
    }

@media all and (max-width: 768px) {
    .footer p span {
        display: none;
    }
}

.registration-table ul li .login-input {
    padding: 0 8px;
    box-sizing: border-box;
    width: 330px;
}
/*------- end -------*/

/*------- HEADER AND SHELLBAR -------*/
header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 48px;
    z-index: 1042;
}

.cald_header_bar, .cald_logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin: 0;
    box-sizing: border-box;
    color: var(--main-link-and-icon-color);
    height: 48px;
    width: 100%;
    border: none;
    background-color: var(--shellbar-background-color);
}

.sap_header_bar {
    margin-left: 16px;
    padding-right: 16px;
    min-width: 100vw;
}

.cald_header_menubar ul.nav {
    float: right;
}

    .cald_header_menubar ul.nav:first-child {
        float: left;
    }

.cald_header_section .nav > li, .sap_header_section .nav > li {
    display: inline-block !important;
}

.cald_header_section .dropdown-menu > li > a, .sap_header_section .dropdown-menu > li > a {
    margin-left: 0 !important;
}

.sap_header_section::before {
    content: "";
    height: 48px;
    width: 16px;
    background-color: var(--shellbar-background-color);
    display: inline-block;
    position: relative;
    left: -16px;
}

.sap_header_section {
    height: 48px;
    padding: 0;
    text-align: left;
}

    .sap_header_section .nav > li {
        padding: 13px 16px;
    }

    .sap_header_section img {
        padding: 12px 16px;
        width: 48px;
        max-height: 24px;
        box-sizing: content-box;
    }

.cald_header {
    position: relative;
}

.cald_header_section .nav > li a {
    padding: 0;
}

.cald_header_section .no-padding {
    padding: 0 !important;
}

.cald_header_section .no-margin {
    margin: 0 !important;
}

.cald_header_section.text-right {
    padding-right: 6px;
}

.sap_header_section-right {
    padding-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: center;
    align-items: center;
}

.sap_header_section-right li {
    list-style: none;
    position: relative;
}


.sap_header_section-right .hide-userdrop.fix-color > a {
    padding: 14px 0;
}

.cald_header_section-right .customer-menu, .current-quote-icon-style, .recently-viewed-icon-style, .menu-favorites-icon, .create-new-quote-icon, .cpq-notifications-icon-style {
    font-family: var(--icons-font);
    width: 18px;
    height: 19px;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: var(--shellbar-icon-color);
    display: inline-block;
    margin-left: 5px;
    background-color: var(--shellbar-background-color);
    border-radius: 4px;
}

.create-new-quote-icon {
    position: relative;
    top: -9px;
    padding: 10.5px 11px !important;
}

#headerContainer .customer-icon:focus,
#headerContainer .current-quote-icon-style:active, #headerContainer .current-quote-icon-style:focus,
#headerContainer .cpq-notifications-icon-style:active, #headerContainer .cpq-notifications-icon-style:focus,
#headerContainer .recently-viewed-icon-style:active, #headerContainer .recently-viewed-icon-style:focus,
#headerContainer .create-new-quote-icon:active, #headerContainer .create-new-quote-icon:focus,
#headerContainer .menu-favorites-icon:active, #headerContainer .menu-favorites-icon:focus {
    outline: none;
    color: var(--shellbar-icon-color);
    background-color: var(--shellbar-icon-focus-color) !important;
}

#headerContainer .sap_header_section-right .nav:last-child .customer-menu:focus .customer-icon,
#headerContainer .sap_header_section-right .current-quote-icon-style:active,
#headerContainer .sap_header_section-right .current-quote-icon-style:focus,
#headerContainer .sap_header_section-right .cpq-notifications-icon-style:active,
#headerContainer .sap_header_section-right .cpq-notifications-icon-style:focus,
#headerContainer .sap_header_section-right .recently-viewed-icon-style:active,
#headerContainer .sap_header_section-right .recently-viewed-icon-style:focus,
#headerContainer .sap_header_section-right .create-new-quote-icon:active,
#headerContainer .sap_header_section-right .create-new-quote-icon:focus,
#headerContainer .sap_header_section-right .menu-favorites-icon:active,
#headerContainer .sap_header_section-right .menu-favorites-icon:focus {
    background-color: var(--shellbar-icon-focus-color) !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 4px;
    font-weight: normal !important;
    color: var(--shellbar-icon-color);
    border: 1px solid var(--focus-border-and-outline-color);
}

#headerContainer .sap_header_section-right .nav:last-child .customer-menu:focus {
    background-color: var(--shellbar-icon-focus-background-color);
}

#headerContainer .sap_header_section-right .nav:last-child .fiori3-customer-menu {
    width: 42px;
    max-width: none;
    height: 42px;
    line-height: 40px !important;
    border: 1px solid transparent;
    margin-left: 15px;
}

    #headerContainer .sap_header_section-right .fiori3-create-new-quote-icon:active,
    #headerContainer .sap_header_section-right .fiori3-create-new-quote-icon:focus,
    #headerContainer .sap_header_section-right .recently-viewed-icon-style:active,
    #headerContainer .sap_header_section-right .recently-viewed-icon-style:focus,
    #headerContainer .sap_header_section-right .fiori3-customer-menu:active,
    #headerContainer .sap_header_section-right .fiori3-customer-menu:focus,
    #headerContainer .sap_header_section-right .current-quote-icon-style:active,
    #headerContainer .sap_header_section-right .current-quote-icon-style:focus,
    #headerContainer .sap_header_section-right .cpq-notifications-icon-style:active,
    #headerContainer .sap_header_section-right .cpq-notifications-icon-style:focus {
        background-color: var(--shellbar-icon-focus-background-color) !important;
    }

    #headerContainer .sap_header_section-right .nav:last-child {
        margin-right: 15px;
    }

    #headerContainer .sap_header_section-right .shellbar-navigation .nav:last-child {
        margin-right: 0;
    }

#headerContainer .sap_header_section-right .nav.current-quote-and-favorites {
    margin: 0;
}

#headerContainer .icon-clicked.recently-viewed-icon-style, #headerContainer .icon-clicked.recently-viewed-icon-style:link, #headerContainer .icon-clicked.recently-viewed-icon-style:visited, #headerContainer .icon-clicked.recently-viewed-icon-style:focus, #headerContainer .icon-clicked.recently-viewed-icon-style:hover, #headerContainer .icon-clicked.recently-viewed-icon-style:hover, #headerContainer .icon-clicked.recently-viewed-icon-style:active,
#headerContainer .icon-clicked.current-quote-icon-style, #headerContainer .icon-clicked.current-quote-icon-style:link, #headerContainer .icon-clicked.current-quote-icon-style:visited, #headerContainer .icon-clicked.current-quote-icon-style:focus, #headerContainer .icon-clicked.current-quote-icon-style:hover {
    background-color: var(--shellbar-icon-focus-background-color) !important;
    color: var(--shellbar-icon-color);
    position: relative;
    padding: 3px 8px;
    border-radius: 4px;
    box-shadow: none !important;
}

.cald_header .customer-menu {
    color: #346187;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.current-quote-icon-style, .recently-viewed-icon-style, .cpq-notifications-icon-style, .menu-favorites-icon, .create-new-quote-icon {
    padding: 10.5px 11px !important;
    box-sizing: content-box;
    margin-left: 15px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    align-items: center;
    border: 1px solid transparent;
}

    .sap_header_section-right .customer-icon:not(.icon-clicked):hover, .current-quote-icon-style:hover, .recently-viewed-icon-style:hover, .menu-favorites-icon:hover, .create-new-quote-icon:hover, .cpq-notifications-icon-style:hover {
        background-color: var(--shellbar-icon-focus-color) !important;
        box-shadow: none !important;
        border-radius: 4px;
        font-weight: normal !important;
        color: var(--shellbar-icon-color);
    }

.current-quote-icon-style {
    padding-top: 1px;
}

    .current-quote-icon-style .badge {
        background-color: var(--secondary-background-color);
        color: var(--primary-text-color);
        font-size: 10px;
        font-weight: normal;
        position: absolute;
        right: -5px;
        top: 1px;
        font-family: var(--main-font-family);
        padding: 0px 2px;
        line-height: 16px;
        min-width: 18px;
    }

.cald_header .customer-icon {
    padding: 9px 10px;
    right: 15px;
    position: relative;
    cursor: pointer !important;
    font-family: var(--icons-font);
}

.cald_header .icon-clicked {
    background-color: var(--shellbar-icon-focus-background-color);
    color: var(--shellbar-icon-color);
}

.cald_left {
    padding: 0 !important;
}

    .cald_left .sap-logo {
        padding: 13px 16px;
        box-sizing: content-box;
        width: auto;
        height: 22px;
    }

.cald_logo {
    background: url(/Content/images/cpq_logo_white.svg) no-repeat left;
    background-size: auto 22px;
}

h1.cald_logo {
    text-indent: -9999px;
}

.cald_header_bar .logo-container {
    display: none !important;
}

.cald_right .info-icon {
    right: 47px;
}

.cald_right span:nth-child(2) {
    margin-left: 15px;
}

    .cald_right span:nth-child(2) .toplnks {
        font-family: var(--main-font-family);
        position: absolute;
        background-color: var(--secondary-background-color);
        height: 132px;
        top: 53px;
        right: 0;
        border-radius: 2px;
        box-shadow: 0 2px 4px 0 rgba(51, 51, 51, 0.2);
        cursor: default;
    }

        .cald_right span:nth-child(2) .toplnks::after {
            content: "";
            position: absolute;
            top: -13px;
            right: 23px;
            margin-left: -5px;
            border-width: 7px;
            border-style: solid;
            border-color: transparent transparent var(--primary-border-color) transparent;
        }

        .cald_right span:nth-child(2) .toplnks ul {
            text-align: left;
        }

            .cald_right span:nth-child(2) .toplnks ul li:not(.list-header) {
                margin: 0 4px;
                padding: 3px 12px;
                text-align: left;
            }

                .cald_right span:nth-child(2) .toplnks ul li:not(.list-header) a {
                    font-size: 14px;
                    color: var(--primary-text-color);
                    padding: 3px 0;
                }

                .cald_right span:nth-child(2) .toplnks ul li:not(.list-header):hover {
                    background-color: var(--tertiary-background-color) !important;
                    color: var(--primary-text-color);
                    cursor: pointer;
                }

            .cald_right span:nth-child(2) .toplnks ul li:nth-child(2) {
                margin-top: 10px;
                padding-bottom: 3px;
            }

            .cald_right span:nth-child(2) .toplnks ul li a {
                padding: 3px 0 !important;
                font-size: 14px;
                margin: 0 auto;
            }

            .cald_right span:nth-child(2) .toplnks ul .list-header {
                background-color: var(--tertiary-background-color);
                height: 65px;
                padding: 9px 16px;
                border-radius: 2px;
                position: relative;
            }

                .cald_right span:nth-child(2) .toplnks ul .list-header .initials {
                    font-family: var(--main-font-family);
                    width: 48px;
                    height: 48px;
                    border: solid 1px var(--white-text-color);
                    border-radius: 50%;
                    float: left;
                    text-align: center;
                    font-size: 18px;
                    color: var(--white-text-color);
                    padding-top: 13px;
                    background-color: var(--shellbar-background-color);
                }

    .cald_right span:nth-child(2) .toplnks {
        padding: 0 !important;
    }

        .cald_right span:nth-child(2) .toplnks ul .list-header .user-info {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            text-align: left;
        }

            .cald_right span:nth-child(2) .toplnks ul .list-header .user-info span {
                display: block;
                margin-left: 60px;
            }

            .cald_right span:nth-child(2) .toplnks ul .list-header .user-info .user-name {
                font-size: 18px;
            }

            .cald_right span:nth-child(2) .toplnks ul .list-header .user-info .user-position {
                font-size: 10px;
            }

.nav .hidden {
    display: none;
}

.user-menu-nav {
    display: inline-block;
}

    .user-menu-nav > li {
        max-height: 21px;
    }

.dropdown-toggle.customer-menu:link,
.dropdown-toggle.customer-menu:visited,
.dropdown-toggle.customer-menu:hover,
.dropdown-toggle.customer-menu:active {
    background: var(--shellbar-background-color) !important;
}

.dropdown-toggle.fiori3-customer-menu.customer-menu:hover {
    background: var(--shellbar-icon-focus-color) !important;
    color: var(--shellbar-icon-color);
}

#headerContainer .sap_header_section-right .nav:last-child .fiori3-customer-menu:focus {
    border: 1px solid var(--focus-border-and-outline-color);
}

.dropdown-toggle.fiori3-customer-menu.customer-menu.icon-clicked {
    background: var(--shellbar-icon-focus-background-color) !important;
    color: var(--shellbar-icon-color);
}

.dropdown-toggle.customer-menu {
    width: 40px;
    margin: 0 0 auto auto;
    padding: 0 !important;
}

    .dropdown-toggle.customer-menu a {
        width: 60px;
        margin: auto 0 auto auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        background: var(--shellbar-icon-focus-color) !important;
    }

.dropdown-menu {
    top: 35px;
}

    .dropdown-menu.customer-menu-dropdown {
        min-width: 270px;
        max-width: calc(100vw - 48px);
        padding: 0;
        right: -20px;
        top: 32px;
        z-index: 991;
        font-family: var(--main-font-family);
        background: var(--secondary-background-color);
        border-radius: 4px;
        border: none;
        box-shadow: 0 2px 4px 0 rgba(51, 51, 51, 0.2);
        cursor: default;
        text-transform: none !important;
        word-wrap: break-word;
        -webkit-animation: slideDown 300ms ease-in forwards;
        animation: slideDown 300ms ease-in forwards;
    }

    .dropdown-menu.fiori3-customer-menu-dropdown.customer-menu-dropdown {
        right: -13px;
        top: 40px;
    }

    .dropdown-menu.customer-menu-dropdown::before {
        content: "";
        position: absolute;
        top: -16px;
        right: 25px;
        margin-left: -5px;
        border-width: 8px;
        border-style: solid;
        border-color: transparent transparent var(--primary-border-color) transparent;
    }

.customer-menu-dropdown li a {
    color: var(--primary-text-color) !important;
}

.customer-menu-dropdown li:not(.list-header) {
    padding: 0 4px;
    margin-bottom: 2px;
}

    .customer-menu-dropdown li:not(.list-header):last-child {
        margin-bottom: 0;
    }

    .customer-menu-dropdown li:not(.list-header) a {
        padding: 4px 12px;
    }

.customer-menu-dropdown li:last-child {
    padding-bottom: 10px;
}

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

.customer-menu.icon-clicked,
.customer-menu.icon-clicked:focus {
    background: var(--shellbar-icon-focus-background-color) !important;
    color: var(--white-text-color);
    position: relative;
}

.customer-menu-dropdown .list-header {
    background: var(--tertiary-background-color);
    height: 65px;
    padding: 9px 16px;
    border-radius: 2px;
    position: relative;
    margin-bottom: 10px;
}

/* customer menu dropdown */
.customer-menu {
    margin-right: 16px;
}

.customer-menu-dropdown .list-header {
    background: var(--tertiary-background-color);
    height: 65px;
    padding: 9px 16px;
    position: relative;
    margin-bottom: 10px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: 1px solid transparent;
}

    .customer-menu-dropdown .list-header .initials {
        width: 48px;
        height: 48px;
        border: solid 1px var(--white-text-color);
        border-radius: 50%;
        float: left;
        text-align: center;
        font-size: 18px;
        color: var(--white-text-color);
        padding-top: 11px;
        background-color: var(--shellbar-background-color);
    }

    .customer-menu-dropdown .list-header .user-info {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        color: var(--shellbar-background-color);
    }

        .customer-menu-dropdown .list-header .user-info span {
            display: block;
            margin-left: 60px;
        }

        .customer-menu-dropdown .list-header .user-info .user-name {
            font-size: 18px;
        }

        .customer-menu-dropdown .list-header .user-info .user-position {
            font-size: 10px;
            color: var(--primary-text-color);
        }

.customer-menu-dropdown > li:not(.list-header) a:hover,
.customer-menu-dropdown > li:not(.list-header) a:focus {
    background: var(--tertiary-background-color) !important;
    color: var(--primary-text-color);
    cursor: pointer;
    border-radius: 4px;
}

.dropdown-toggle.customer-menu-dropdown {
    padding: 14px 15px;
}

    @media all and (max-width: 1025px) and (max-height: 550px) {
        .fiori3-customer-menu-dropdown {
            max-height: calc(100vh - 50px);
            overflow-y: auto;
        }
    }
/* end */

/* current quote dropdown */
.current-quote .customer-menu-dropdown li:last-child {
    padding: 5px;
}

.current-quote #CartPreviewContainer {
    min-width: 400px;
    max-height: calc(100vh - 100px);
    overflow: hidden;
    padding: 0;
    position: relative;
}

@media all and (max-width: 600px) {
    .current-quote #CartPreviewContainer {
        min-width: inherit;
    }
}

.current-quote #CartPreviewContainer td {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.current-quote table {
    width: 100%;
}

.current-quote label {
    margin: 0;
}

.current-quote .bold {
    font-weight: bold;
}

.current-quote .dropdown-toggle {
    position: relative;
}

.open .dropdown-menu > li > a.current-quote-view {
    padding: 10px 0;
    text-align: center;
}

.current-quote-more-items {
    display: inline-block;
    padding: 10px;
    width: 100%;
    text-align: center;
    color: var(--primary-text-color);
}

.current-quote table tr td {
    padding: 5px;
    color: var(--primary-text-color);
    border-bottom: 1px solid var(--primary-border-color);
}

    .current-quote table tr td:first-child {
        padding-left: 20px;
    }

    .current-quote table tr td:nth-child(3) {
        text-align: left;
        word-break: break-word;
    }

    .current-quote table tr td:nth-child(4) {
        text-align: right;
    }

.newly-added-product {
    opacity: 0.6;
}

.current-quote-and-favorites {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.customer-menu-dropdown.current-quote-dropdown-menu {
    right: -64px !important;
    left: auto !important;
    top: 42px !important;
    max-width: calc(100vw - 48px);
    padding: 5px;
}

@media all and (max-width: 768px) {
    .customer-menu-dropdown.current-quote-dropdown-menu {
        max-width: calc(100vw - 48px);
    }
}

.current-quote-dropdown-menu::before {
    right: 75px !important;
    border-color: transparent transparent #fff transparent !important;
}

.current-quote-dropdown-menu > li {
    padding: 5px 0;
}

.current-quote-dropdown-menu table td {
    text-align: center;
}

.current-quote-dropdown-menu table tr td:last-child {
    text-align: center;
}

    .current-quote-dropdown-menu table tr td:last-child span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        align-items: center;
    }

.current-quote-dropdown-menu table td:first-child {
    width: 40px !important;
}

.current-quote-dropdown-menu table td:last-child {
    text-align: left;
}

.current-quote-dropdown-menu table td a {
    font-family: var(--icons-font);
    text-decoration: none;
    color: var(--main-link-and-icon-color) !important;
    padding: 4px 12px;
}

.current-quote-dropdown-menu table td label {
    background: var(--shellbar-background-color);
    color: var(--white-text-color);
}

.current-quote-dropdown-menu .current-quote-view {
    text-align: center;
    display: block;
    padding: 10px 16px !important;
    height: unset !important;
}
/* end */
/* recently viewed dropdown */
#rvoContainer {
    position: relative;
}

.rvo-list-header {
    height: 48px;
    color: var(--secondary-text-color);
    font-size: 14px;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 16px;
}

.rvo-empty-list-header {
    height: 48px;
    color: var(--secondary-text-color);
    font-size: 14px;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 16px;
    border-top: solid;
    border-width: 1px;
    border-color: var(--primary-border-color);
}

.recently-viewed-dropdown-menu {
    width: 300px;
    left: -181px;
    top: 42px !important;
    padding: 0;
    font-family: var(--main-font-family);
    background: var(--secondary-background-color);
    border: none;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(51, 51, 51, 0.2);
    text-transform: none !important;
    word-wrap: break-word;
    -webkit-animation: slideDown 300ms ease-in forwards;
    animation: slideDown 300ms ease-in forwards;
    cursor: default;
}

    .recently-viewed-dropdown-menu::before {
        content: "";
        position: absolute;
        right: 75px;
        top: -16px;
        margin-left: -5px;
        border-width: 8px;
        border-style: solid;
        border-color: transparent transparent #fff transparent;
    }

    .recently-viewed-dropdown-menu .navCat {
        max-height: calc(100vh - 100px);
    }

    .recently-viewed-dropdown-menu .navCat li {
        margin-bottom: 0;
    }

.rvo-icon-label-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    align-items: center;
}

.recently-viewed-dropdown-menu .rvo-icon, .recently-viewed-dropdown-menu .rvo-label {
    padding-right: 5px;
    color: var(--secondary-text-color);
    font-size: 14px;
}

.recently-viewed-dropdown-menu .rvo-label {
    font-family: var(--main-font-family);
    font-size: 12px;
}

.recently-viewed-dropdown-menu ul li:not(last-child) {
    cursor: pointer;
    padding: 13px 19px;
    border-top: 1px solid var(--primary-border-color);
}

.recently-viewed-dropdown-menu ul li a {
    display: block;
    color: var(--secondary-text-color);
    text-decoration: none;
}

.recently-viewed-dropdown-menu ul li:hover {
    background: var(--tertiary-background-color);
}
/* end */

.nav .icon-clicked {
    background: var(--shellbar-icon-focus-background-color) !important;
    color: var(--shellbar-icon-color);
    position: relative;
    padding: 3px 8px;
    border-radius: 4px;
    box-shadow: none !important;
}

.customer-menu-closing-div {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 990;
    cursor: default;
}

.user-dropdown-menu-closing-div {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    right: 0;
    z-index: 990;
    cursor: default;
    -webkit-transform: translate3d(-97vw, -13px, 0);
    -ms-transform: translate3d(-97vw, -13px, 0);
    transform: translate3d(-97vw, -13px, 0);
}
/* end */

@media all and (max-width: 800px) {
    .hamburger-icon {
        font-size: 1.6em;
    }

        .hamburger-icon:hover, .hamburger-icon:focus {
            text-decoration: none;
        }
}

/*------- SETUP HEADER AND SHELLBAR -------*/
.cald_header_menubar, .navbar.header {
    border: 0 none;
    margin: 0;
    vertical-align: middle;
    width: 100%;
}

@media all and (max-width: 767px) {
    .cald_header_menubar .hide-userdrop {
        display: none !important;
    }

    .hide-userdrop.fix-color .dropdown-menu {
        width: 100%;
    }

        .hide-userdrop.fix-color .dropdown-menu .divider {
            margin: 0;
        }
}

.cald_header_menubar > ul > li > a, .userdrop a {
    text-transform: uppercase;
    padding: 15px 20px !important;
}

header .navbar {
    height: auto !important;
    padding: 0;
    position: relative;
    border: medium none;
    border-radius: 0;
    height: 40px;
    margin: 0;
}

@media all and (max-width: 1024px) {
    .navbar-default .navbar-nav > li > a {
        padding: 10px 15px;
    }

    .navbar-default .navbar-nav > li.current-quote > a {
        padding: 10px 25px;
    }

    /* Tabs dropdown on small screens */
    .nav-mobile .nav > li > a {
        cursor: default;
        font-size: 1.2em;
    }

        .nav-mobile .nav > li > a:hover, .nav > li > a:focus {
            background-color: #fff;
            text-decoration: none;
        }
}

@media all and (max-width: 800px) {
    .navbar-nav.navbar-right:last-child {
        padding-right: 0;
    }
}

@media all and (max-width: 767px) {
    .navbar-collapse1 {
        border: none;
    }

    .navbar-nav > li > a, .navbar-nav > li:first-child > a, .navbar-nav > li:last-child > a {
        border: none;
    }

    .navbar-default .navbar-nav > li > a {
        padding: 15px;
        margin-top: 0;
    }

        .navbar-default .navbar-nav > li > a.active:after {
            border: none;
        }
}

.navbar-header {
    padding: 5px 0;
}

.top-bar {
    padding: 10px;
    height: 80px;
    border-bottom: 1px solid var(--primary-border-color);
}

header .navbar .dropdown-menu {
    border: none;
}

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

.customer-menu {
    font-family: var(--icons-font);
    height: 19px;
    max-width: 34px;
    margin-left: 5px;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #346187;
}

    .customer-menu .customer-icon {
        font-family: var(--icons-font);
        padding: 10.5px 11.5px;
        cursor: pointer;
        z-index: 991;
        border: 1px solid transparent;
    }

        .customer-menu .customer-icon:focus {
            outline: none;
        }

.user-menu-nav .customer-menu {
    margin-left: 10px;
}

.cald_right .customer-icon {
    color: #346187;
}

.logo-wrapper {
    padding: 10px;
    background-color: #333333;
}

.reset-password-login-table {
    padding: 0 !important;
}

    .reset-password-login-table input {
        box-sizing: border-box;
    }

        .reset-password-login-table input[type="submit"] {
            color: #fff;
            background-color: #408CD1;
            padding: 5px 28px;
            border-radius: 4px;
            text-shadow: 0 1px rgba(0, 0, 0, 0.1);
            font-size: 12px;
            font-weight: bold;
            border: 1px solid #1281BA;
        }

.sap-logo {
    display: block;
    margin: 0 auto;
    height: 25px;
}

.navbar-collapse {
    width: 100%;
    max-height: initial;
}

.navbar-default .navbar-toggle {
    border: none;
}

.dropdown-menu > li > a {
    padding: 3px 10px;
    font-size: 14px;
    margin: 0 auto;
}
/* end */

/*------- HEADINGS -------*/
div > h3,
section > h3 {
    color: var(--white-text-color);
    background: var(--shellbar-icon-focus-color);
    padding: 10px;
    font-size: 1em;
    margin: 0 0 10px 0;
}

h3.secondary {
    background-color: var(--main-link-and-icon-color);
    color: var(--white-text-color);
    padding: 10px;
    font-size: 1em;
    margin: -10px -10px 10px -10px;
}

h2.tertiary,
h3.tertiary,
h4.tertiary {
    background-color: var(--tertiary-background-color);
    padding: 10px;
    font-size: 1.2em;
    margin: -10px -10px 10px -10px;
    color: var(--primary-text-color);
}

h3.alternate {
    background-color: var(--secondary-background-color);
    color: #000;
    border-bottom: solid 1px var(--primary-border-color);
    padding: 10px 0;
    padding-bottom: 9px;
    font-size: 1em;
    margin: 10px 0 !important;
}

.cart-content h3 {
    margin: -10px -5px 10px -5px;
    position: relative;
}
/* end */

/* Teams Quote Tab */
#AddEditQuoteTeam .popover {
    max-width: 320px;
}

.table.table-bordered-grid th {
    border: 1px solid var(--primary-border-color);
    background-color: #fafafa;
    color: var(--primary-text-color);
}

.teams-table-options-container {
    float: right;
    text-align: center;
    font-size: 1.2em;
}

.teams-title {
    color: var(--primary-text-color);
    background: var(--secondary-background-color);
    padding: 10px;
    font-size: 1.2em;
    display: inline-block;
    border-bottom: 0 !important;
}

.teams-modal-header {
    text-align: center;
    background-color: var(--secondary-background-color);
    color: var(--primary-text-color);
    padding: 20px 0 7px;
    border-radius: 4px 4px 0 0;
}

.modal .teams-modal-dialog {
    margin-top: 200px;
    width: 380px;
}

.teams-modal-dialog .modal-content {
    border-radius: 4px;
}

.teams-modal-content {
    background-clip: border-box;
}

.teams-modal-header, .teams-modal-footer {
    height: 40px;
    padding: 5px 20px;
}

.teams-modal-footer {
    border-top: 1px solid var(--primary-border-color);
    text-align: right;
}

.teams-modal-body input, .teams-modal-body select {
    width: 100%;
    margin-bottom: 20px;
    height: 27px;
    margin: 0 auto;
    border: none;
    border: solid 1px var(--primary-border-color);
    border-radius: 4px;
    padding: 0 10px;
    color: var(--primary-text-color);
    font-size: 14px;
}

.teams-modal-dialog .fiori3-checkbox-group input + span:before {
    top: -12px;
}

.teams-modal-dialog div p {
    display: inline-block;
}

.teams-input, .teams-input:focus {
    outline: none;
}

    .teams-input::-ms-clear {
        display: none;
    }

.teams-modal-body select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

    .teams-modal-body select::-ms-expand {
        display: none;
    }

.teams-modal-body .input-group {
    display: block;
}

.teams-modal-body .fiori3-input-group label {
    display: inline-block;
}

.teams-modal-body .required-field {
    margin-left: 3px;
    position: relative;
    top: -2px;
}

/* .teams-select-icon is not being used  */
.teams-select-icon {
    position: relative;
}

    .teams-select-icon:before {
        content: "\f0dc";
        position: absolute;
        float: right;
        top: 4px;
        right: 9px;
        color: #337ab7;
        pointer-events: none;
        font-size: 14px;
    }

.teams-input-icon {
    position: relative;
}

.teams-search-user::-ms-clear {
    display: none;
}

.teams-input-icon:before {
    content: "\f0dc";
    position: absolute;
    float: right;
    top: 22px;
    right: 9px;
    color: var(--main-link-and-icon-color);
    pointer-events: none;
    font-size: 16px;
}

.teams-modal-body-fields-required {
    color: var(--secondary-text-color);
    font-size: 13px;
    margin-bottom: 13px;
}

.teams-modal-body-label {
    color: var(--secondary-text-color);
    font-size: 12px;
    margin-bottom: 4px;
    margin-top: 22px;
}

.teams-modal-body-label-role {
    margin-top: 10px;
}

/* .teams-add-team-button is not being used */
.teams-add-team-button {
    min-width: 45px;
    height: 26px;
    border-radius: 4px;
    border: solid 1px #367db8;
    background-color: var(--main-link-and-icon-color);
    color: #fff;
    font-size: 14px;
    float: right;
    margin-top: 2px;
}

    .teams-add-team-button[disabled] {
        opacity: 0.4;
        background-color: #0252a2;
    }

    .teams-add-team-button:focus {
        outline-style: none;
    }

.teams-cancel-modal {
    float: right;
    font-size: 14px;
    color: var(--main-link-and-icon-color);
    margin-bottom: 0;
    padding-top: 5px;
    margin-left: 18px;
    cursor: pointer;
}

.involver-parties-search-user-list-container {
    list-style-type: none;
    padding: 0;
    margin: 0;
    min-width: 270px;
    word-break: break-all;
    max-height: 120px;
    overflow-x: hidden;
}

    .involver-parties-search-user-list-container:focus {
        border: none;
        outline: none;
    }


    .involver-parties-search-user-list-container li {
        font-size: 12px;
        line-height: 1.4;
        color: var(--primary-text-color);
        cursor: pointer;
        padding: 6px 10px;
        border: 2px solid transparent;
    }

        .involver-parties-search-user-list-container li[tabindex='0']:hover,
        .involver-parties-search-user-list-container li[tabindex='0']:focus {
            background-color: var(--primary-background-color);
            outline: none;
            border: 2px solid var(--focus-border-and-outline-color);
        }

.teams-modal-members {
    margin-top: 11px;
    max-height: 105px;
    min-height: 105px;
    position: relative;
}

    .teams-modal-members > ul {
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
    }

.teams-modal-members-item {
    min-height: 33px;
    border: solid 1px var(--primary-border-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 3px;
}

    .teams-modal-members-item:last-child {
        margin-bottom: 0;
    }

    .teams-modal-members-item > div:first-child {
        padding-left: 16px;
    }

.teams-modal-members-item-name {
    font-size: 14px;
    color: var(--primary-text-color);
    height: 16px;
    padding-right: 5px;
    word-break: break-all;
}

.teams-modal-members-item-remove {
    color: var(--main-link-and-icon-color);
    font-size: 18px;
    cursor: pointer;
    margin-right: 10px;
}

.teams-modal-members-item-email {
    color: var(--secondary-text-color);
    font-size: 12px;
    height: 14px;
    word-break: break-all;
}

.fiori3-input-group.fiori3-select-group.teams-select-arrow-position::after {
    top: 28px;
}
/* end */
/* columns in tables to hide behind another when not enough space */
.teams-add {
    font-size: 14px;
    line-height: 1.14;
    letter-spacing: normal;
    color: var(--main-link-and-icon-color);
    cursor: pointer;
}

.teams-table-container {
    word-break: break-word;
    overflow-x: auto;
}

.teams-table-container .clickable-icon {
    color: var(--main-link-and-icon-color);
    font-size: 18px;
    cursor: pointer;
}

.teams-table-container .teams-table td {
    vertical-align: middle;
}

.clickable-icon {
    color: var(--main-link-and-icon-color);
    font-size: 18px;
    cursor: pointer;
}

    .clickable-icon[disabled] {
        color: var(--main-link-and-icon-color);
        opacity: .4;
        font-size: 18px;
        cursor: not-allowed;
    }

.team-members-popover-expand-collapse {
    color: var(--main-link-and-icon-color);
    font-size: 14px;
    cursor: pointer;
    padding: 8px 12px;
}

.teams-table-container .clickable-text {
    color: var(--main-link-and-icon-color);
    cursor: pointer;
}

@media (max-width: 800px) {
    .teams-table-container .fiori3-icon-button {
        margin: 0 0 0 auto;
    }
}

.teams-table-container .text-column {
    padding: 13px 0 10px 16px;
    font-size: 14px;
}

.team-members-popover-container {
    border-radius: 2px;
    background-color: var(--secondary-background-color);
    min-width: 270px;
    max-width: calc(100vw - 48px);
}

    .team-members-popover-container ul {
        list-style: none;
        padding-left: 0;
    }

    .team-members-popover-container > ul > li:first-child {
        height: 40px;
        padding: 12.5px 0;
        text-align: center;
        color: var(--primary-text-color);
        font-size: 14px;
    }

    .team-members-popover-container .item {
        font-size: 14px;
        white-space: nowrap;
        padding: 8.5px 16px 8.5px 16px;
        color: var(--primary-text-color);
        border-top-style: solid;
        border-width: 1px;
        border-color: var(--primary-border-color);
        word-break: break-word;
        white-space: normal;
    } 

    .team-members-popover-container .list-item {
        font-size: 14px;
        height: 33px;
        white-space: nowrap;
        padding: 8.5px 2px;
        color: var(--primary-text-color);
        border-top-style: solid;
        border-width: 1px;
        border-color: var(--primary-border-color);
    }

    .team-members-popover-container .team-list {
        margin-bottom: 0;
    }

        .team-members-popover-container .team-list .member-list {
            margin-bottom: 10px;
        }

    .team-members-popover-container .teams-container {
        max-height: 300px;
        overflow: auto;
    }

.list-item.member {
    height: auto;
    height: initial;
    min-height: 33px;
    padding-left: 38px;
    padding-right: 20px;
    word-break: break-all;
    max-width: 320px;
    white-space: normal;
}

.list-item.team-name {
    min-height: 40px;
}

.involved-parties-columns-modal-header, .config-assets-columns-modal-header {
    text-align: center;
    background-color: var(--secondary-background-color);
    color: var(--primary-text-color);
    padding: 20px 0 7px;
    border-radius: 4px 4px 0 0;
}

.involved-parties-columns-modal-header, .config-assets-columns-modal-header, .involved-parties-columns-modal-footer, .config-assets-columns-modal-footer {
    height: 40px;
    padding: 5px 20px;
}

.involved-parties-columns-modal-footer, .config-assets-columns-modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border-top: 1px solid var(--primary-border-color);
    background-color: var(--secondary-background-color);
    text-align: right;
}

.modal .involved-parties-columns-modal-dialog,.config-assets-columns-modal-dialog {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) !important;
    width: 380px;
}

.involved-parties-columns-modal-dialog .modal-content, .config-assets-columns-modal-dialog .modal-content {
    border-radius: 4px;
    background-color: var(--primary-background-color);
}

.involved-parties-columns-modal-dialog .select-columns-row, .config-assets-columns-modal-dialog .select-columns-row {
    border-bottom-color: var(--main-link-and-icon-color);
    border-bottom-style: solid;
}

.involved-parties-columns-modal-dialog checkbox, .config-assets-columns-modal-dialog checkbox {
    vertical-align: top;
    line-height: 24px;
    margin: 2px 0;
    display: block;
    height: 24px;
}

.involved-parties-columns-modal-dialog input, .config-assets-columns-modal-dialog input {
    width: 15px;
    height: 24px;
    vertical-align: bottom;
}

.involved-parties-columns-modal-body-container, .config-assets-columns-modal-body-container {
    background-color: var(--secondary-background-color);
    height: 420px;
    overflow-x: hidden;
}

.involved-parties-columns-modal-body, .config-assets-columns-modal-body {
    height: 450px;
}

@media all and (min-height: 390px) and (max-height: 600px) and (orientation: landscape) {
    .involved-parties-columns-modal-body-container, .config-assets-columns-modal-body-container {
        background-color: var(--secondary-background-color);
        height: unset;
        max-height: 210px;
    }

    .involved-parties-columns-modal-body, .config-assets-columns-modal-body {
        height: unset;
    }
 }

.involved-parties-columns-header, .config-assets-columns-header {
    width: 348px;
    font-size: 16px;
    height: 40px;
    padding-left: 18px;
    padding-top: 9px;
}

.involved-parties-columns-row, .config-assets-columns-row {
    padding-left: 10px;
    border-top: 1px solid var(--primary-border-color);
    padding-top: 8px;
    height: 35px;
}

    .involved-parties-columns-row > label > input[type=checkbox], .config-assets-columns-row > label > input[type=checkbox] {
        position: relative;
    }

    .involved-parties-columns-row > label > span, .config-assets-columns-row > label > span {
        left: -20px;
    }


.involved-parties-columns-modal-exit {
    height: 40px;
}

.involved-parties-columns-layout-header, .config-assets-columns-layout-header {
    display: inline;
}

/* end */
/* columns in tables to hide behind another when not enough space */
.table.table-bordered {
    table-layout: fixed;
}

.table > thead > tr > th {
    vertical-align: top;
}

.column-with-actions .btn-group i.fa-cog {
    color: var(--white-text-color) !important;
}

td.column-with-actions {
    overflow: visible !important;
    text-align: center
}

@media all and (min-width: 1024px) {
    .column-with-actions {
        text-align: center;
    }

        .column-with-actions button {
            margin: 0;
        }
}

@media all and (max-width: 800px) {
    .column-with-actions button {
        margin: 3px;
    }

    .column-with-actions.dropdown {
        display: none !important;
    }
}

@media all and (min-width: 768px) {
    .column-with-actions button {
        margin: 3px;
    }
}

/*show-hide on small and large devices*/
.show-large {
    display: block;
}

.show-small {
    display: none;
}
/* end */

/* grid masonry */
.g1, .g2, .g3, .g4, .image-button-attribute {
    position: relative;
    margin: 0.5% 1%;
    display: inline-block;
    vertical-align: top;
}

.g1 {
    width: 22.7%;
}

.g2 {
    width: 33%;
}

.g3 {
    width: 63.0%;
}

.g4 {
    width: 98.0%;
}

@media all and (max-width: 1600px) {
    .g1 {
        width: 31%;
    }

    .g2 {
        width: 33%;
    }

    .g3 {
        width: 63.0%;
    }

    .g4 {
        width: 98.0%;
    }
}

@media all and (max-width: 1200px) {
    .g1 {
        width: 45%;
    }

    .g2 {
        width: 44.0%;
    }

    .g3 {
        width: 63.0%;
    }

    .g4 {
        width: 98.0%;
    }
}

@media all and (max-width: 768px) {
    .g1 {
        width: 47.0%;
    }

    .g2 {
        width: 48.0%;
    }

    .g3 {
        width: 98.0%;
    }

    .g4 {
        width: 99%;
    }
}

@media all and (max-width: 600px) {
    .g1, .g4 {
        width: 99%;
    }
}
/* end */

/* safari for windows fixes*/
select.form-control, input.form-control[type="file"] {
    line-height: 28px;
}
/* end */

/* inline form styles */
.form-inline .form-group {
    margin-left: 5px;
}

.form-inline label {
    display: inline-block;
}

.form-inline .form-control {
    min-width: 250px;
}
/* end */

/*------- CATALOG -------*/
.catalog-products {
    background-color: var(--secondary-background-color);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.02);
    min-height: calc(100vh - 88px);
    min-width: 100%;
    border-radius: 4px;
    border: 1px solid transparent;
}

@media all and (max-width: 767px) {
    .catalog-content .catalog-products {
        min-height: calc(100vh - 48px);
    }
}

.catalog-products .categoryName {
    padding: 6px 3px;
    display: inline-block;
}
/* end */
/*------- SIDEMENU -------*/
/* general side menu styles */
#sideMenuContainer .nav {
    width: 48px;
}

#sideMenuContainer.side-menu-toggled .nav {
    width: 240px;
    height: calc(100% - 53px);
    overflow-x: hidden;
    overflow-y: auto;
}

#sideMenuContainer .nav .sap-icon {
    font-size: 18px;
    color: var(--primary-text-color);
    padding: 11px 14px;
}

#sideMenuContainer .nav .bulk-validation-side-menu-main-icon a {
    padding-left: 13px;
}

#sideMenuContainer:not(.side-menu-toggled) .nav .sap-icon {
    justify-content: center;
}

#sideMenuContainer .nav .side-menu-main-icon {
    margin-bottom: 8px;
}

#sideMenuContainer:not(.side-menu-toggled) .nav > li, #sideMenuContainer:not(.side-menu-toggled) .nav a.full-width {
    width: 48px !important;
}

#sideMenuContainer:not(.side-menu-toggled) .side-menu-main-icon > a {
    border-left: 2px solid transparent;
}

#sideMenuContainer .nav > li > a {
    border: 2px solid transparent;
}

    #sideMenuContainer .nav > li > a:hover,
    #sideMenuContainer .nav > li > button:hover {
        background: var(--sidemenu-icon-hover) !important;
    }

    #sideMenuContainer .nav > li > a:focus,
    #sideMenuContainer .nav > li > button:focus {
        background: var(--sidemenu-icon-hover) !important;
        outline: none;
        border: 2px solid var(--focus-border-and-outline-color);
    }

#sideMenuContainer:not(.side-menu-toggled) .side-menu-main-icon > a,
#sideMenuContainer:not(.side-menu-toggled) .side-menu-main-icon > button {
    border: 1px solid transparent;
    border-left-width: 2px;
    background-color: transparent;
}

    #sideMenuContainer:not(.side-menu-toggled) .side-menu-main-icon > a:focus,
    #sideMenuContainer:not(.side-menu-toggled) .side-menu-main-icon > button:focus {
        background-color: var(--sidemenu-icon-hover) !important;
        outline: none;
        border: 1px solid var(--main-link-and-icon-color);
        border-left-width: 2px;
    }

.side-menu-toggled #setupMenuDropdownTrigger {
    border: none;
    background-color: transparent !important;
}

    .side-menu-toggled #setupMenu #setupMenuDropdownTrigger:hover {
        background-color: transparent !important;
    }
/* end */

/* if side menu is collapsed */
#sideMenuContainer {
    font-family: var(--main-font-family);
    width: 48px;
    position: fixed;
    top: 48px;
    bottom: 0;
    margin-right: 20px;
    max-height: 100vh;
    background: var(--sidemenu-background-color);
    box-shadow: 0 2px 4px 0 rgba(229, 229, 229, 0.5);
    z-index: 1040;
    transition: width 500ms ease-in-out;
}

/* Sidemenu height on android devices (keyboard reduces vh) */
@supports not (-webkit-touch-callout: none) {
    #sideMenuContainer {
        min-height: 570px;
        max-height: 100vh;
    }
}

#sideMenuContainer.overflow-hidden {
    overflow: hidden;
}

#sideMenuContainer:not(.side-menu-toggled) .side-menu-main-icon a,
#sideMenuContainer:not(.side-menu-toggled) .side-menu-main-icon button {
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.nav .side-menu-main-icon.open > a, .nav .side-menu-main-icon.open > a:hover, .nav .side-menu-main-icon.open > a:focus {
    background: var(--sidemenu-icon-hover);
}

.side-menu-main-icon.open .dropdown-menu {
    transition: all 500ms ease-in-out;
    padding-top: 0;
}

    .side-menu-main-icon.open .dropdown-menu li.dropdown-menu-list-header {
        margin: 0;
    }

    .side-menu-main-icon.open .dropdown-menu li:not(first-child) {
        height: auto;
    }

        .side-menu-main-icon.open .dropdown-menu li:not(first-child) a {
            margin: 0;
            width: 100% !important;
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            align-items: center;
            font-size: 14px;
        }

            .side-menu-main-icon.open .dropdown-menu li:not(first-child) a:hover {
                background-color: var(--sidemenu-icon-hover);
            }

.side-menu-main-icon.full-width a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-bottom: 0;
    overflow: hidden;
}

.side-menu-main-icon.full-width a {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.side-menu-main-icon.full-width ul {
    font-family: var(--main-font-family);
    font-size: 14px;
    padding: 0;
}

#sideMenuContainer.side-menu-toggled .full-width .side-menu-expanded-section li.list-header {
    margin-left: 18px;
}

    #sideMenuContainer.side-menu-toggled .full-width .side-menu-expanded-section li.list-header.bulk-validation-list-header {
        margin-left: 15px;
    }

#sideMenuContainer .side-menu-expanded-section li.list-header {
    font-size: 14px;
}

#sideMenuContainer:not(.side-menu-toggled) .side-menu-expanded-section li.list-header {
    font-size: 12px;
}

#sideMenuContainer .side-menu-expanded-section:not(.dropdown-menu) li:not(.list-header) a {
    padding: 9px 9px 9px 45px;
    -webkit-transform: translateX(-48px);
    -ms-transform: translateX(-48px);
    transform: translateX(-48px);
    font-size: 12px;
}

#sideMenuContainer.side-menu-toggled .side-menu-expanded-section li a {
    width: 240px !important;
}

    #sideMenuContainer.side-menu-toggled .side-menu-expanded-section li a:hover, #sideMenuContainer.side-menu-toggled .side-menu-expanded-section li.active a:hover {
        background: var(--sidemenu-icon-hover);
    }

#sideMenuContainer.side-menu-toggled .side-menu-expanded-section li.active a {
    background: var(--sidemenu-icon-hover);
    color: var(--primary-text-color);
    border-left: 2px solid var(--main-link-and-icon-color);
}

.side-menu-main-icon.full-width span {
    margin-left: 20px;
    font-family: var(--main-font-family);
    font-size: 14px;
    transition: all 500ms ease-in-out;
}

.side-menu-main-icon a {
    text-align: left;
}

#sideMenuContainer .dropdown-menu {
    left: 48px;
    top: -2px;
    box-shadow: 0 2px 4px 0 rgba(51, 51, 51, 0.2);
}

#sideMenuContainer .dropdown-menu .list-header {
    font-size: 12px;
    border-bottom: 1px solid var(--primary-border-color);
    padding: 8px 15px;
}

#sideMenuContainer:not(.side-menu-toggled) .dropdown-menu .list-header {
    padding: 10px 15px;
}

#sideMenuContainer .dropdown-menu li:not(:first-child) {
    font-size: 14px;
    padding: 0 !important;
}

#sideMenuContainer .dropdown-menu a {
    padding: 16px 14px;
}

    #sideMenuContainer .dropdown-menu a span, #sideMenuContainer a > span {
        font-family: var(--icons-font);
        padding-right: 8px;
        font-size: 18px;
    }

#sideMenuContainer .dropdown-menu .active a {
    background-color: var(--sidemenu-icon-hover);
    color: var(--primary-text-color);
}

/* if side menu is expanded */
#sideMenuContainer.side-menu-toggled-size {
    width: 240px;
    transition: width 500ms ease-in-out;
}

#sideMenuContainer .side-menu-expanded-section:not(.dropdown-menu) {
    list-style: none;
    margin-top: 10px;
}

#sideMenuContainer.side-menu-toggled .invisible-when-menu-expanded {
    display: none;
}

#sideMenuContainer.side-menu-toggled .side-menu-main-icon > a {
    float: left;
    border-left: 2px solid transparent;
}

#sideMenuContainer.side-menu-toggled .side-menu-expanded-section {
    width: 193px;
    float: left;
    z-index: 1;
}

#sideMenuContainer a.full-width .side-menu-expanded-section {
    margin-top: 0;
    margin-left: 0;
}

#sideMenuContainer .side-menu-expanded-section li {
    padding: 5px 0;
}

#sideMenuContainer.side-menu-toggled .dropdown-menu-list-header {
    margin-bottom: 9px;
}

#sideMenuContainer .side-menu-expanded-section li a {
    display: block;
    text-decoration: none;
    color: var(--primary-text-color);
    font-size: 12px;
    border: 2px solid transparent;
    outline: none;
}

    #sideMenuContainer .side-menu-expanded-section li a:active,
    #sideMenuContainer .side-menu-expanded-section li a:focus,
    .setup-menu-items-toggle:focus {
        border: 2px solid var(--focus-border-and-outline-color);
    }

.setup-menu-items-toggle {
    border: 2px solid transparent;
    outline: none;
}

#sideMenuContainer.side-menu-toggled .side-menu-main-icon span.sap-icon {
    padding: 0;
    font-size: 14px;
    float: right;
    padding: 0 20px;
    cursor: pointer;
    transition: transform 500ms ease-in-out;
}

#sideMenuContainer .side-menu-main-icon:not(.full-width) .side-menu-expanded-section:not(.dropdown-menu) {
    padding-left: 48px;
}

#sideMenuContainer.side-menu-toggled .side-menu-main-icon:not(.full-width) .side-menu-expanded-section {
    min-width: 240px;
}

#sideMenuContainer.side-menu-toggled .side-menu-main-icon:not(.full-width) a.sap-icon {
    pointer-events: none;
}

#sideMenuContainer.side-menu-toggled .side-menu-main-icon span.sap-icon.rotated {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    transform-origin: center center;
    transition: all 500ms ease-in-out;
}

#sideMenuContainer .side-menu-expanded-section:not(.dropdown-menu) li:not(.list-header) {
    max-height: 85px;
    min-width: 240px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    left: -47px;
    position: relative;
    padding: 0 !important;
    padding-left: 47px !important;
    cursor: pointer;
    transition: all 500ms ease-in-out;
}

#sideMenuContainer.side-menu-toggled .side-menu-expanded-section li.rolled-up-menu-item {
    max-height: 0;
    margin: 0;
    padding: 0;
    padding-left: 50px;
    pointer-events: none;
    overflow: hidden;
    transition: all 500ms ease-in-out;
}

@media all and (max-height: 450px) and (orientation: landscape) {
    #sideMenuContainer .dropdown-menu {
        top: unset;
        bottom: -20px;
    }
}
/* end */

.side-menu-toggle, .side-menu-toggle:hover {
    position: absolute;
    bottom: 15px;
    right: 15px;
    font-family: var(--icons-font);
    font-size: 18px;
    color: var(--primary-text-color);
    padding: 0;
    text-decoration: none !important;
    cursor: pointer;
    transition: transform 300ms ease-in-out;
    width: 18px;
    height: 18px;
    line-height: 18px;
    border-radius: 50%;
}

.rotated-side-menu-toggle {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: all 500ms ease-in-out;
}

#sideMenuContainer:not(.side-menu-toggled) .side-menu-main-icon.active > a,
#sideMenuContainer.side-menu-toggled .side-menu-main-icon.active > a.full-width {
    background: rgba(10, 110, 209, 0.1);
    color: var(--primary-text-color);
    border-left: 2px solid var(--main-link-and-icon-color);
}
/* end */

/*------- CATALOG PAGE -------*/
@media all and (max-width: 1024px) {
    .catalog-page-container {
        margin: 0 !important;
    }
}

#catalogContainer .qty {
    margin-top: 0;
}

#catalogContainer .row-offcanvas, .product-details-page-container .row-offcanvas {
    position: absolute;
    left: 48px;
    width: calc(100% - 48px);
    z-index: 1;
    -webkit-transition: transform 500ms ease-in-out;
    -o-transition: transform 500ms ease-in-out;
    transition: transform 500ms ease-in-out;
}

.product-details-page-container .row-offcanvas {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

h3 .product-title {
    color: var(--white-text-color);
    text-decoration: none;
}

@media all and (max-width: 767px) {
    .product-title {
        font-size: 1.5em;
    }
}

/*------- CATEGORY CONTAINER A.K.A. SIDEBAR -------*/
/* SIDEBAR ALL STATES STYLES */
#wrap .catalog #categoryContainer,
#wrap .fiori3-favorites-page-container #categoryContainer {
    width: 240px;
    position: fixed;
    top: 68px;
    bottom: 20px;
    left: 68px;
    z-index: 5;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    border: 1px solid transparent;
}

#wrap.side-menu-expanded .catalog.categories-toggled #categoryContainer {
    margin-left: 192px;
    width: 30px !important;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

#wrap .catalog.categories-toggled #categoryContainer {
    margin-left: 0;
    width: 30px;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

#wrap.side-menu-expanded .catalog #categoryContainer,
.side-menu-expanded .gendoc-sidebar {
    width: 240px;
    margin-left: 190px;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
/* end */

/* for backward compatibility */
#wrap .catalog:not(.product-details-page-container) .row-offcanvas:not(.catalog-page-container) .sidebar-toggle a:before {
    content: '\f137';
    font-family: var(--secondary-icons-font);
}

#wrap .catalog:not(.product-details-page-container) .row-offcanvas:not(.catalog-page-container) .sidebar-toggle:hover {
    background-color: var(--fiori3-warning-background-color);
    cursor: pointer;
}

#wrap .catalog:not(.product-details-page-container) .row-offcanvas:not(.catalog-page-container) .toggled .sidebar-toggle a:before {
    content: '\f138';
    font-family: var(--secondary-icons-font);
}
/* end */

#wrap .catalog .sidebar-toggle,
#wrap .fiori3-favorites-page-container .sidebar-toggle {
    padding: 8px 4px;
    margin: 0;
    position: absolute;
    z-index: 100;
    left: 225px;
    top: 22px;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    cursor: pointer;
}

/* SIDEBAR TOGGLE ALL STATES STYLES */
#wrap .catalog .sidebar-toggle,
#wrap .fiori3-favorites-page-container .sidebar-toggle {
    font-size: 18px;
    top: 0;
    left: 200px;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

#wrap.side-menu-expanded .catalog.categories-toggled .sidebar-toggle,
#wrap.side-menu-expanded .fiori3-favorites-page-container.categories-toggled .sidebar-toggle {
    left: 4px;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

#wrap .catalog.categories-toggled .sidebar-toggle,
#wrap .fiori3-favorites-page-container.categories-toggled .sidebar-toggle {
    left: 2px;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

#wrap.side-menu-expanded .catalog .sidebar-toggle,
#wrap.side-menu-expanded .fiori3-favorites-page-container .sidebar-toggle {
    left: 200px;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
/* end */

@media all and (max-width: 1024px) {
    .sidebar-toggle {
        display: none;
    }
}

.catalog-content {
    min-height: calc(100vh - 88px);
    box-sizing: content-box;
    overflow: hidden;
    margin: 20px;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    padding: 0;
}

/* CATALOG AND FAVORITES CONTENT A.K.A. CATALOG AND FAVORITE PAGES' MAIN CONTAINERS' ALL STATES STYLES */
#wrap .catalog .catalog-content,
#wrap .catalog .fiori3-favorites-page-container {
    margin-left: 279px;
    width: calc(100vw - 347px);
}

#wrap.side-menu-expanded .catalog.categories-toggled .catalog-content,
#wrap.side-menu-expanded .catalog.categories-toggled .fiori3-favorites-page-container {
    margin-left: 262px;
    width: calc(100vw - 330px);
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

#wrap .catalog.categories-toggled .catalog-content,
#wrap .catalog.categories-toggled .fiori3-favorites-page-container {
    margin-left: 71px;
    width: calc(100vw - 140px);
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

#wrap.side-menu-expanded .catalog .catalog-content,
#wrap.side-menu-expanded .catalog .fiori3-favorites-page-container {
    margin-left: 472px;
    width: calc(100vw - 540px);
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
/* end */

@media all and (max-width: 1024px) {
    #wrap .catalog .catalog-content {
        margin-left: 20px !important;
        width: calc(100vw - 40px) !important;
    }

    #wrap.side-menu-expanded .catalog .catalog-content {
        margin-left: 211px !important;
        width: calc(100vw - 279px) !important;
    }
}

@media all and (max-width: 767px) {
    #wrap .catalog .catalog-content, #wrap.side-menu-expanded .catalog.categories-toggled .catalog-content,
    #wrap .catalog.categories-toggled .catalog-content, #wrap.side-menu-expanded .catalog .catalog-content {
        margin: 0 !important;
        width: 100% !important;
    }
}

@media all and (max-width: 480px) {
    .catalog-content .hide-mobile {
        display: none;
    }

    .catalog-content .mobile-breadcrumbs {
        margin-top: 5px;
        padding: 5px;
    }

        .catalog-content .mobile-breadcrumbs ul {
            margin: 6px 0;
        }
}

.catalog #categoryTree {
    opacity: 1;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

    .catalog #categoryTree.hidden {
        display: none;
    }

#categoryContainer {
    border-radius: 4px;
}

.catalog.categories-toggled #categoryTree {
    -webkit-transform: translateY(300px);
    -ms-transform: translateY(300px);
    transform: translateY(300px);
    opacity: 0;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

@media all and (max-width: 1024px) {
    #categoryContainer {
        display: none;
    }
}

#ironPythonContextContainer .navCat {
    max-height: none;
}

.navCat .tree-view-icons, #ironPythonContextContainer .tree-view-icons {
    cursor: pointer;
    text-decoration: none !important;
    display: inline-block;
    padding: 0;
}

#categoryTree .navCat .tree-view-icons {
    padding-left: 5px;
    color: var(--main-link-and-icon-color);
}

#categoryTree .navCat span {
    font-family: var(--icons-font);
}

.expand-collapse-categories-icon {
    position: absolute;
    top: 13px;
    right: 50px;
    font-size: 14px;
}

    .expand-collapse-categories-icon a {
        font-family: var(--icons-font);
        text-decoration: none;
        color: var(--main-link-and-icon-color);
        display: block;
        margin: 0 10px;
        -webkit-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
    }
/* end */

/*------- QUOTE PAGE -------*/
#actionsContainer > div:not(.actions-sidebar-toggle) {
    opacity: 1;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

    #actionsContainer > div:not(.actions-sidebar-toggle).hidden {
        display: none;
    }

.alert-warning {
    border: none;
}

.cart-actions {
    display: none;
}

@media only screen and (max-width: 1024px) {
    .cart-actions {
        display: inline-block;
    }
}

@media all and (max-width: 767px) {
    .alert {
        margin-bottom: 0 !important;
    }
}

.cart-wrapper i, .cart-wrapper .fa, .deal-view-container .fa {
    color: var(--main-link-and-icon-color) !important;
}

.cart-wrapper .column-with-actions i.fa {
    color: var(--white-text-color) !important;
}

.w960:not(.configurator-width) #actionsContainer {
    position: fixed;
    top: 68px;
    bottom: 20px;
    background: var(--secondary-background-color);
    font-size: 16px;
    text-align: center;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    z-index: 5;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

#wrap .quote-page-container .quote-page-main-container .cart-wrapper.cart-view-mode {
    margin-left: 0 !important;
    width: calc(100vw - 48px) !important;
    margin-left: 0 !important;
}

#wrap.side-menu-expanded .quote-page-container .quote-page-main-container .cart-wrapper.cart-view-mode {
    width: calc(100vw - 241px) !important;
    margin-left: 193px !important;
}

@media all and (max-width: 1024px) {
    #wrap .quote-page-container .quote-page-main-container .cart-wrapper.cart-view-mode {
        width: calc(100vw - 48px) !important;
        margin-left: 0 !important;
    }

    #wrap.side-menu-expanded .quote-page-container .quote-page-main-container .cart-wrapper.cart-view-mode {
        width: calc(100vw - 241px) !important;
        margin-left: 193px !important;
    }

    .quote-page-container .quote-page-main-container .cart-wrapper.cart-view-mode .btn-customer-feedback,
    .quote-page-container .quote-page-main-container .cart-wrapper.cart-view-mode .btn-recommendations {
        top: -3px !important;
    }
}

@media all and (max-width: 768px) {
    #wrap .quote-page-container .quote-page-main-container .cart-wrapper.cart-view-mode,
    #wrap.side-menu-expanded .quote-page-container .quote-page-main-container .cart-wrapper.cart-view-mode {
        width: 100% !important;
        margin-left: 0 !important;
    }

    .quote-page-container .quote-page-main-container .cart-wrapper.cart-view-mode .btn-customer-feedback {
        top: -1px !important;
    }

    #wrap .quote-page-container .quote-page-main-container .cart-wrapper.cart-view-mode,
    #wrap.side-menu-expanded .quote-page-container .quote-page-main-container .cart-wrapper.cart-view-mode {
        width: calc(100vw - 48px) !important;
        margin-left: 0 !important;
    }
}

/* ACTIONS SIDEBAR ALL STATES STYLES */
#wrap .quote-page-main-container #actionsContainer {
    width: 240px;
    left: 68px;
}

#wrap.side-menu-expanded .quote-page-main-container.actions-toggled #actionsContainer {
    width: 30px;
    left: 260px;
}

#wrap .quote-page-main-container.actions-toggled #actionsContainer {
    width: 30px;
    left: 68px;
}

#wrap.side-menu-expanded .quote-page-main-container #actionsContainer {
    width: 240px;
    left: 260px;
}
/* end */

@media all and (min-width: 1025px) {
    #wrap .quote-page-main-container.actions-toggled .action-items-container,
    #wrap.side-menu-expanded .quote-page-main-container.actions-toggled .action-items-container {
        pointer-events: none;
    }
}

/* ACTIONS SIDEBAR FOR VISIBLE ICONS WHEN COLLAPSED */
#wrap.side-menu-expanded #cartContainer:not(.no-action-images) .quote-page-main-container.actions-toggled.collapsed-actions-visible #actionsContainer,
#wrap #cartContainer:not(.no-action-images) .quote-page-main-container.actions-toggled.collapsed-actions-visible #actionsContainer {
    width: 55px;
}
/* end */

@media all and (max-width: 767px) {
    .cart-sidebar {
        top: 133px;
    }
}

.cart-sidebar .tertiary {
    background: var(--secondary-background-color);
    font-size: 16px;
    border-bottom: 1px solid var(--primary-border-color);
    padding: 11px 25px;
    margin-top: -6px;
}

@media all and (min-width: 1025px) {
    #wrap.side-menu-expanded .quote-page-main-container.actions-toggled .action-items-container,
    #wrap .quote-page-main-container.actions-toggled .action-items-container {
        -webkit-transform: translateY(300px);
        -ms-transform: translateY(300px);
        transform: translateY(300px);
        opacity: 0;
        -webkit-transition: all 500ms ease-in-out;
        -o-transition: all 500ms ease-in-out;
        transition: all 500ms ease-in-out;
    }

    #wrap #cartContainer.no-action-images .quote-page-main-container.actions-toggled .action-items-container,
    #wrap #cartContainer.no-action-images .quote-page-main-container.actions-toggled .non-primary-actions {
        display: none !important;
    }
}


/* ACTIONS ITEMS CONTAINER FOR VISIBLE ICONS WHEN COLLAPSED */
#wrap #cartContainer:not(.no-action-images) .quote-page-main-container.actions-toggled.collapsed-actions-visible .action-items-container,
#wrap.side-menu-expanded #cartContainer:not(.no-action-images) .quote-page-main-container.actions-toggled.collapsed-actions-visible .action-items-container {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

@media all and (min-width: 1025px) {
    #wrap #cartContainer:not(.no-action-images) .quote-page-main-container.actions-toggled.collapsed-actions-visible .action-items-container,
    #wrap.side-menu-expanded #cartContainer:not(.no-action-images) .quote-page-main-container.actions-toggled.collapsed-actions-visible .action-items-container {
        padding-top: 30px;
    }

        #wrap #cartContainer:not(.no-action-images) .quote-page-main-container.actions-toggled.collapsed-actions-visible .action-items-container > div.action-row:first-child,
        #wrap #cartContainer:not(.no-action-images) .quote-page-main-container.actions-toggled.collapsed-actions-visible .action-items-container .action-row a span,
        #wrap #cartContainer:not(.no-action-images) .quote-page-main-container.actions-toggled.collapsed-actions-visible .non-primary-actions > div.action-row:first-child,
        #wrap #cartContainer:not(.no-action-images) .quote-page-main-container.actions-toggled.collapsed-actions-visible .non-primary-actions .action-row a span {
            display: none;
        }
}
/* end */

.actions-sidebar-toggle {
    position: absolute;
    top: 0;
    padding: 8px 4px;
    margin: 0;
    z-index: 5;
    color: var(--main-link-and-icon-color);
    font-family: var(--icons-font);
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    cursor: pointer;
}

    .actions-sidebar-toggle a {
        text-decoration: none;
        color: var(--main-link-and-icon-color);
    }

/* ACTIONS SIDEBAR TOGGLE ALL STATES STYLES */
#wrap .quote-page-main-container .actions-sidebar-toggle {
    left: 200px;
    transition: all 500ms ease-in-out;
}

#wrap.side-menu-expanded .quote-page-main-container.actions-toggled .actions-sidebar-toggle {
    left: 3px;
    transition: all 500ms ease-in-out;
}

#wrap .quote-page-main-container.actions-toggled .actions-sidebar-toggle {
    left: 3px;
    transition: all 500ms ease-in-out;
}

#wrap.side-menu-expanded .quote-page-main-container .actions-sidebar-toggle {
    left: 200px;
    transition: all 500ms ease-in-out;
}
/* end */

/* FOR VISIBLE ICONS WHEN ACTIONS COLLAPSED */
#wrap #cartContainer:not(.no-action-images) .quote-page-main-container.actions-toggled.collapsed-actions-visible .actions-sidebar-toggle,
#wrap.side-menu-expanded #cartContainer:not(.no-action-images) .quote-page-main-container.actions-toggled.collapsed-actions-visible .actions-sidebar-toggle {
    left: 15px;
}
/* end */

.cart-wrapper {
    padding: 20px 25px 20px 20px;
}

/* CART WRAPPER ALL STATES STYLES */
#wrap .quote-page-main-container .cart-wrapper {
    width: calc(100vw - 309px);
    margin-left: 259px;
    transition: all 500ms ease-in-out;
}

#wrap.side-menu-expanded .quote-page-main-container.actions-toggled .cart-wrapper {
    width: calc(100vw - 291px);
    margin-left: 243px;
    transition: all 500ms ease-in-out;
}

#wrap .quote-page-main-container.actions-toggled .cart-wrapper {
    width: calc(100vw - 101px);
    margin-left: 52px;
    transition: all 500ms ease-in-out;
}

#wrap.side-menu-expanded .quote-page-main-container .cart-wrapper {
    width: calc(100vw - 501px);
    margin-left: 453px;
    transition: all 500ms ease-in-out;
}
/* end */

/* CART WRAPPER FOR VISIBLE ICONS WHEN COLLAPSED */
#wrap.side-menu-expanded #cartContainer:not(.no-action-images) .quote-page-main-container.actions-toggled.collapsed-actions-visible .cart-wrapper {
    width: calc(100vw - 316px);
    margin-left: 268px;
}

#wrap #cartContainer:not(.no-action-images) .quote-page-main-container.actions-toggled.collapsed-actions-visible .cart-wrapper {
    width: calc(100vw - 126px);
    margin-left: 77px;
}
/* end */

@media all and (max-width: 1024px) {
    #wrap .quote-page-main-container .cart-wrapper {
        margin-left: 0 !important;
        padding: 20px;
        padding-right: 25px;
        width: calc(100vw - 48px) !important;
        transition: all 500ms ease-in-out;
    }

    #wrap.side-menu-expanded .quote-page-main-container .cart-wrapper {
        margin-left: 193px !important;
        width: calc(100vw - 240px) !important;
        transition: all 500ms ease-in-out;
    }
}

@media all and (max-width: 767px) {
    #wrap .quote-page-main-container .cart-wrapper,
    #wrap.side-menu-expanded .quote-page-main-container .cart-wrapper {
        padding: 0 !important;
        margin-left: 0 !important;
        width: 100% !important;
    }
}

#actionsContainer {
    border-radius: 4px;
}

@media all and (max-width: 1024px) {
    .w960:not(.configurator-width) #actionsContainer, .actions-sidebar-toggle {
        display: none !important;
    }
}

.cart.toggled .sidebar {
    width: 51px;
}

.cart.toggled.no-action-images .sidebar {
    display: none;
}

.cart.toggled .sidebar .action-row span {
    display: none;
}

.cart.toggled .sidebar .action-row a {
    margin-left: 0;
}

.action-items-container .action-row a:focus {
    text-decoration: none !important;
}

.action-items-container .action-row a span:focus {
    outline: none !important;
}

.rotated-toggle-sidebar-icon {
    display: inline-block;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: all 500ms ease-in-out;
}

.sidebar-toggle a {
    color: var(--main-link-and-icon-color);
    font-family: var(--icons-font);
    transition: all 500ms ease-in-out;
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    line-height: 18px;
}

.sidebar-toggle.affix {
    position: absolute;
    padding: 8px 4px;
    margin-left: -25px;
    background-color: #f5efe3;
}

#cartContainer .sidebar-toggle.affix-top, #catalogContainer .sidebar-toggle.affix-top {
    margin: 10px 0;
}

.sidebar-toggle a:hover, .sidebar-toggle a:active, .sidebar-toggle a:focus {
    text-decoration: none;
}

@media all and (max-width: 768px) {
    .user-page-container.load-quote-page-container {
        padding-right: 20px;
    }
}
/* end */

/*------- COLUMNS -------*/
.column-name-span {
    vertical-align: inherit;
    margin-top: -10px;
    display: inline-block;
}

.grid-footer-quote-tables {
    float: right;
    padding-right: 10px;
}

.add-column-group-button {
    width: 90px;
}

.warning-triangle {
    color: var(--warning-color);
    padding-right: 10px;
    padding-top: 2px;
}

.delete-warning-box {
    height: 100px;
    margin-top: 90px !important;
}

.buttons-delete-column-group {
    margin: auto;
    margin-top: 15px;
}

.warning-msg-delete-column-group {
    margin: auto;
}

.add-column-group {
    border: solid 1px var(--primary-border-color);
}

.column-groups-grid {
    border-collapse: separate;
    border-spacing: 8px;
}

.table-row-column-quote-gray {
    background-color: var(--primary-background-color) !important;
    margin: 5px;
}

.column-quote-padding.dropZone {
    padding-left: 40px !important;
    padding-top: 20px !important;
    background-color: white;
    border-bottom: 0.5px var(--primary-border-color) solid;
}

.column-quote-padding {
    padding: 10px !important;
    vertical-align: middle;
}

.column-group-container .column-group-name:after {
    /* symbol for "opening" panels */
    font-family: var(--secondary-icons-font); /* essential for enabling glyphicon */
    content: "\f0dd"; /* adjust as needed, taken from bootstrap.css */
    float: left; /* adjust as needed */
    color: grey;
    margin-top: -2px;
    margin-right: 20px;
}

.column-group-container .column-group-name.collapsed:after {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.column-quote-padding {
    padding: 16px !important;
}

.tableRowColumnOrGroupPadding {
    margin: 10px 8px;
    background-color: var(--secondary-background-color);
}

.column-group-container {
    border: 1.5px solid var(--primary-border-color);
}

.edit-column-group {
    float: right;
    color: var(--main-link-and-icon-color);
}

.edit-column-group {
    float: right;
    color: var(--main-link-and-icon-color);
}

.column-group-name {
    padding: 8px;
    font-size: 18px;
    background: var(--primary-background-color);
}

    .column-group-name:hover {
        cursor: pointer;
    }

.tableRowColumnOrGroupPadding.ui-sortable-placeholder {
    height: 45px !important;
}

.tableRowColumnOrGroupPadding.ui-sortable-helper .table-scroll {
    display: none;
}

.expand-icon {
    margin-right: 7px;
}

.expand-icon {
    margin-right: 7px;
}

.vertical-dots:after {
    content: '\2807';
    font-size: 20px;
}

.column-groups {
    height: 50px;
}

.column-groups-height {
    height: 280px !important;
}

.manage-column-groups {
    margin-bottom: 7px !important;
}

.manage-column-groups-width {
    width: 100% !important;
}

.cald-notif-box {
    margin: 0 !important;
}

h3[class^="icon-"], h3 > [class*=" icon-"] {
    vertical-align: middle;
}

.catalog-search .btn-default, .order-data .btn-default, .view-control .btn-default, .filter-content .btn-default {
    padding: 6px 20px 4px 20px;
}

/* Product image to display on hover */
.image-button-attribute .img-thumbnail .img-responsive {
    max-width: 220px;
    margin-bottom: 5px;
}

.image-on-hover {
    position: relative;
}

@media all and (max-width: 767px) {
    .image-on-hover {
        margin-bottom: 5px;
    }
}

.image-on-hover .img-thumbnail {
    max-width: 150px;
    padding: 10px;
    display: none;
}

.image-on-hover a:hover ~ .img-thumbnail, .image-on-hover span.product-title:hover ~ .img-thumbnail {
    display: block;
    position: absolute;
    top: 25px;
    left: 70px;
    z-index: 10000;
}

@media all and (max-width: 767px) {
    .image-on-hover a:hover ~ .img-thumbnail, .image-on-hover span.product-title:hover ~ .img-thumbnail, .image-on-hover .img-thumbnail {
        display: none;
    }
}

.image-on-hover > span {
    width: 100%;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
}
/* end */

/* Catalog tables */
.catalog-top-bar {
    margin-bottom: 2px;
    padding: 5px 10px;
}

.catalog-table {
    border-bottom: 1px solid var(--primary-border-color);
}

@media all and (max-width: 800px) {
    .catalog-table .compare {
        float: left !important;
        margin-top: 5px !important;
        margin-left: 0 !important;
    }

    .catalog-table .favorites-column {
        text-align: right;
    }
}

@media all and (max-width: 767px) {
    .catalog-table.col-md-12.row {
        padding: 0;
    }
}

.catalog-table > div {
    padding: 0 5px;
}

.catalog-table .action-column div.qty {
    float: right;
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 10px;
    margin-left: 5px;
}

@media all and (max-width: 800px) {
    .catalog-table .action-column div.qty {
        float: left !important;
        margin-top: 5px !important;
        margin-left: 0 !important;
    }
}

.catalog-table .action-column div.configure {
    float: right;
    padding-left: 0;
    padding-right: 0;
}

@media all and (max-width: 800px) {
    .catalog-table .action-column div.configure {
        width: auto;
        float: left !important;
        margin-top: 5px !important;
        margin-left: 0 !important;
    }
}

.catalog-table .action-column div.configure a {
    width: 101px;
    margin-left: 8px;
}

.details-column {
    font-size: 90%;
    display: block;
    overflow: hidden;
}

    .details-column + span {
        font-size: 85%;
        text-transform: uppercase;
    }

.order-data span, .order-data select {
    display: inline-block;
}

.order-data select {
    width: 160px;
}

@media all and (max-width: 600px) {
    .order-data select {
        width: 100px;
    }
}
/* end */

/* Categories - tabular view*/
.categories-tabular {
    max-width: 320px;
    background: var(--shellbar-icon-focus-color);
    outline: none;
}

    .categories-tabular:focus {
        outline: 2px solid var(--focus-border-and-outline-color);
        outline-offset: -2px;
    }

@media all and (max-width: 767px) {
    .categories-tabular {
        font-size: 1.5em;
    }
}

.categories-tabular h3 {
    border: 1px solid var(--primary-text-color);
    color: var(--white-text-color);
    font-size: 16px;
    overflow: hidden;
}

.categories-tabular .image-holder,
.product-box .image-holder,
.favorite-folders-tabular .image-holder {
    height: 200px;
    text-align: center;
    position: relative;
    background-color: var(--secondary-background-color);
    border-bottom: 1px solid var(--primary-border-color);
    border-left: 1px solid var(--primary-border-color);
    border-right: 1px solid var(--primary-border-color);
    display: table;
    width: 100%;
}

@media all and (max-width: 1024px) {
    .categories-tabular .image-holder:hover img {
        -webkit-transform: none;
        -ms-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
    }
}

@media all and (max-width: 767px) {
    .categories-tabular {
        font-size: 1.5em
    }

        .categories-tabular .image-holder {
            display: none;
        }
}

.categories-tabular h3, .product-box h3 {
    margin: 0;
    text-align: left;
}

.categories-tabular .img-thumbnail, .product-box .img-thumbnail {
    max-height: 180px;
    max-width: 200px;
    border: none;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.categories-tabular:hover {
    -webkit-box-shadow: 0 0 8px #DCE1E5;
    -moz-box-shadow: 0 0 8px #DCE1E5;
    box-shadow: 0 0 8px #DCE1E5;
    cursor: pointer;
}

    .categories-tabular:hover img {
        -webkit-transform: scale(1.050);
        -ms-transform: scale(1.050);
        -moz-transform: scale(1.050);
        -o-transform: scale(1.050);
        transform: scale(1.050);
    }
/* end */

/* Product tabular view */
.product-box {
    margin: 8px;
    padding: 8px;
    position: relative;
    max-width: 320px;
}

@media all and (max-width: 600px) {
    .product-box.hide-div {
        display: block;
        max-width: 350px;
        opacity: 1;
        box-shadow: none;
        position: relative;
        margin: 10px auto 0;
        display: block;
    }

    .product-box.hide-mobile {
        display: none;
    }
}
/* end */

/* Description */
.example {
    white-space: nowrap;
    overflow: hidden;
}

.ellipsis {
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.product-box p {
    text-align: left;
}

.product-box .ellipsis.pull-left {
    width: 95%;
}

.product-box h3 .ellipsis.pull-left {
    width: 85%;
}

.product-box .description {
    padding: 5px 0;
}

    .product-box .description .ellipsis {
        max-height: 21px;
        margin-bottom: 5px;
    }

.product-details-popover {
    padding: 10px;
    overflow: auto;
    max-height: 250px;
}

.image-holder h4 {
    display: table-cell;
    text-transform: uppercase;
    color: #adadae;
    vertical-align: middle;
}

.product-details-back-button {
    max-width: 300px;
    width: auto;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
/* end */

/* Hide div*/
.hide-div {
    opacity: 0;
    -webkit-transition: all 0.3s ease 0.5s;
    -moz-transition: all 0.3s ease 0.5s;
    -o-transition: all 0.3s ease 0.5s;
    transition: all 0.3s ease 0.5s;
    position: absolute;
    left: 0;
    z-index: 100;
    -webkit-box-shadow: 0 2px 8px #aaaaaa;
    -moz-box-shadow: 0 2px 8px #aaaaaa;
    box-shadow: 0 2px 8px #aaaaaa;
    display: none;
    background-color: #fff;
    margin-top: 0;
}

.ellipsis.example:hover + .hide-div {
    opacity: 1;
    display: block;
}

/* Price tag */
.product-box .price-tag.simple:before {
    display: none;
}

.product-box .price-tag {
    position: relative;
    width: 100%;
    padding: 5px 10px;
    margin: 0;
    border-left: 1px solid var(--primary-border-color);
    border-right: 1px solid var(--primary-border-color);
}

.alert-warning.small {
    padding: 5px;
    margin: 0;
    text-align: left;
}
/* end */

/* Search and view control */
.contrast-blue .tt-suggestion.tt-is-under-cursor {
    background-image: none;
}

.twitter-typeahead, .tt-dropdown-menu {
    width: 100%;
}

    .twitter-typeahead .form-control {
        float: none !important;
    }

.tt-dropdown-menu {
    border-radius: 0 !important;
}

.catalog-search {
    margin-bottom: 10px;
}

@media all and (min-width: 1024px) {
    .catalog-search {
        width: 40%;
    }

    .catalog-actions-toolbar .toolbar-action-search .catalog-search,
    .favorites-actions-toolbar .toolbar-action-search .catalog-search {
        width: 100%;
    }
}

.catalog-search .dropdown-menu, .filter-content .dropdown-menu {
    padding: 8px;
    max-height: 400px;
    overflow: auto;
    min-width: 350px;
    border: 1px solid var(--primary-border-color);
}

@media all and (max-width: 767px) {
    #FilterDropdown {
        width: 100%;
        min-width: 100px;
        max-height: 100vh;
    }
}

.filter-content .dropdown-menu {
    z-index: 991;
}

.catalog-search .input-group-btn, .filter-content .input-group-btn {
    position: static;
}

.input-group-addon.search {
    background-color: var(--secondary-background-color);
    border: none;
    font-weight: bold;
    padding: 10px;
}

.view-control {
    margin: 0 0 10px 10px;
}

.view-control-mobile {
    display: none;
}

@media all and (max-width: 480px) {
    .view-control-mobile {
        display: block;
        margin: 5px 0;
        padding: 0;
    }
}
/* end */

/* Breadcrumbs */
.breadcrumbs-container {
    padding: 0;
    padding-bottom: 20px;
}

@media all and (max-width: 767px) {
    .breadcrumbs-container {
        padding: 10px;
    }
}

.breadcrumb {
    margin: 0;
    padding: 8px 0;
    background-color: transparent;
}

    .breadcrumb > li {
        margin: 2px 0;
    }

        .breadcrumb > li + li:before {
            content: ' ';
            padding: 0 2px;
        }

        .breadcrumb > li.breadcrumb-item + li:before {
            content: '/ ';
            padding: 0 5px;
            color: var(--primary-text-color);
        }
/* end */

/* Filter pills */
.filter-pills {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 3px;
    font-size: 90%;
    border-radius: 0;
}

label.filter-pills {
    cursor: pointer;
    font-weight: normal;
}

.clear-filters {
    font-size: 85%;
}
/* end */

/*------- RESPONDER CONFLICTS -------*/

#conflictSummaryContainerStyle {
    background-color: var(--secondary-background-color);
    padding: 10px;
}

.attributeName {
    padding: 8px;
    background-color: var(--tertiary-background-color);
    border-left: 1px solid var(--primary-border-color);
    border-right: 1px solid var(--primary-border-color);
    border-bottom: 1px solid var(--primary-border-color);
}

    .attributeName:first-child {
        border-top: 1px solid var(--primary-border-color);
    }

.conflictMessage {
    border-left: 1px solid var(--primary-border-color);
    border-right: 1px solid var(--primary-border-color);
    border-bottom: 1px solid var(--primary-border-color);
    padding: 8px;
}

#conflictNumber {
    color: var(--warning-color);
}

/* end */
/*------- RESPONDER CONFIGURATION TREE -------*/
#treeViewContainerStyle {
    background-color: var(--secondary-background-color);
    padding: 10px;
}

    #treeViewContainerStyle .categories-collapse a {
        padding: 0 2px;
        font-size: 20px;
    }

    #treeViewContainerStyle .tree-view-icons {
        cursor: pointer;
        text-decoration: none !important;
        display: table-cell;
        padding: 0 5px 0 0;
    }

    #treeViewContainerStyle .navCat {
        overflow: auto;
    }

        #treeViewContainerStyle .navCat:first-child {
            margin-left: 20px;
        }

        #treeViewContainerStyle .navCat .tree-view-icons, #ironPythonContextContainer .tree-view-icons {
            cursor: pointer;
            text-decoration: none !important;
            display: inline-block;
            padding: 0;
        }

    #treeViewContainerStyle .selectedCat {
        cursor: default;
        text-decoration: none !important;
    }

        #treeViewContainerStyle .selectedCat:hover {
            text-decoration: none !important;
        }

    #treeViewContainerStyle .toggle-categories {
        display: none;
    }

    #treeViewContainerStyle .categoryName {
        display: inline-block;
        padding: 6px 3px;
        width: 90%;
        border-bottom: 1px solid var(--primary-border-color);
    }


    #treeViewContainerStyle h3.tertiary {
        margin: 0;
    }

    #treeViewContainerStyle .not-active {
        pointer-events: none;
        cursor: default;
        text-decoration: none;
        color: black;
        opacity: 0.6;
    }

.config-tree-parent {
    background: var(--secondary-background-color);
    border-bottom: solid 1px var(--primary-border-color);
    color: var(--main-link-and-icon-color:);
    margin: 0 34px 0 10px;
    line-height: 40px;
    padding: 0;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

    .config-tree-parent #configTreeParent {
        display: inline-block;
        padding-left: 3px;
        width: 65%;
    }

    .config-tree-parent .tree-view-icons {
        width: 5%;
        text-align: center;
    }

    .config-tree-parent .quote-button {
        width: 30%;
        text-align: right;
        padding-top: 3px;
    }

.label-incomplete {
    color: var(--show-me-why);
}

.hide-responder .nav > li > a {
    padding: 14px 15px;
}
/* end */

/*------- PRODUCT COMPARISON -------*/
.compare-page {
    background-color: var(--secondary-background-color);
    margin: 15px auto;
}

    .compare-page .table-scroll {
        overflow-x: auto;
    }

    .compare-page .table {
        table-layout: fixed;
        width: 100%;
        margin-bottom: 0;
    }

        .compare-page .table th:first-child, .compare-page .table td:first-child {
            width: 120px;
        }

        .compare-page .table td {
            width: 250px;
        }

    .compare-page .qty {
        margin-top: 0;
    }

    .compare-page .product-title {
        display: inline-block;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
    }

    .compare-page .table .img-thumbnail {
        max-height: 180px;
        max-width: 200px;
    }

.compare-page .center .btn-default {
    border-color: var(--input-border-color);
}

.compare-products .breadcrumb {
    padding: 0;
}

.compare-products > div {
    padding: 10px;
    border: 1px solid var(--primary-border-color);
    background-color: var(--secondary-background-color);
    z-index: 1000000;
}

input.custom.compare-checkbox[type="checkbox"] + .lbl::before, input.custom.compare-checkbox[type="radio"] + .lbl::before {
    width: 15px;
    height: 15px;
}

input.custom.compare-checkbox[type="checkbox"] + .lbl, input.custom.compare-checkbox[type="radio"] + .lbl {
    padding-left: 20px;
}

input.custom.compare-checkbox[type="checkbox"]:checked + .lbl::before {
    font-size: 18px;
    line-height: 10px;
}

.catalog-products .compare, #productDetailsContainer .compare {
    margin-bottom: 5px;
}

.compare-page .table tr td:nth-child(odd) {
    background: #ececec;
}

.compare-page .table tr td:nth-child(even) {
    background: #fff;
}

.compare-page .table, .compare-page .table td, .compare-page .table th {
    border: none;
}

    .compare-page .table .price th, .compare-page .table .price td {
        font-size: 1.2em;
        font-weight: bold;
        text-align: right;
    }

.affix-top.compare-products {
    position: relative;
    bottom: 0;
    top: 0;
    overflow: hidden;
    padding: 0;
    z-index: 1;
    max-width: 100%;
    margin: 10px;
}

.affix.compare-products {
    position: fixed;
    top: 0;
    bottom: auto;
    overflow: hidden;
    padding: 0;
    z-index: 1000;
    max-width: 450px;
    margin-left: -10px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

    .affix.compare-products li:first-child, .affix.compare-products li:last-child {
        display: block;
        margin: 10px 0;
    }

.modal-dialog.compare-page {
    width: 90%;
    max-width: 1200px;
}

    .modal-dialog.compare-page .compare-container {
        overflow: auto;
    }

/* Fix for Bootstrap affix scrolling glitch */
.affix.compare-products ~ .catalog-main {
    margin-bottom: 80px;
}

@media all and (max-width: 676px) {
    .catalog-main .col-md-12.clearfix {
        padding: 0 0 15px 0;
    }
}

/* Product details */
.product-details {
    padding: 10px 0;
}

    .product-details .pull-left {
        padding: 0 15px;
    }

    .product-details .detail-description {
        max-width: 360px;
    }

    .product-details img {
        max-width: 170px;
    }

    .product-details table {
        margin-bottom: 0;
    }

    .product-details h4 {
        margin-top: 0;
    }

    .product-details .image-holder, .compare-page .image-holder {
        border: 1px solid var(--primary-border-color);
        height: 150px;
        position: relative;
        text-align: center;
        margin: 0 auto;
        display: table;
        width: 100%;
        max-width: 170px;
        background-color: var(--secondary-background-color);
    }

        .product-details .image-holder h4, .compare-page .image-holder h4 {
            color: var(--primary-text-color);
            display: table-cell;
            text-transform: uppercase;
            padding: 5px;
            vertical-align: middle;
            max-width: 170px;
        }

.product-details-page {
    background-color: var(--secondary-background-color);
    padding: 10px;
    margin-top: 10px;
}

    .product-details-page .product-details {
        max-height: none !important;
    }

#productDetailsContainer .qty {
    margin-top: 0;
}

.close-compare-products-button {
    color: var(--white-text-color);
    opacity: 1;
}

    .close-compare-products-button:focus {
        color: var(--white-text-color);
        outline: 2px solid var(--focus-border-and-outline-color);
        opacity: 1;
    }

.close-dialog-button {
    color: var(--main-link-and-icon-color);
}

    .close-dialog-button:focus {
        color: var(--main-link-and-icon-color);
        opacity: 1;
        outline: 2px solid var(--focus-border-and-outline-color);
    }

/*----- CONFIGURATOR -------*/
.configurator-page-container {
    padding: 20px;
    margin-left: 48px;
}

@media all and (max-width: 767px) {
    .configurator-page-container {
        padding: 0;
    }
}

.configurator-page-container.user-page-container {
    background: none;
    padding: 0;
}

.configurator-section-container {
    padding-left: 0;
}

@media all and (max-width: 1023px) {
    .configurator-section-container {
        padding-right: 0;
    }
}

.responder-section-container {
    padding: 0 10px;
}

.configurator {
    background: var(--secondary-background-color);
    margin-top: 5px;
}

    .configurator label[class=""] i {
        display: none;
    }

.pagination {
    margin: 0;
    padding: 0;
}

@media all and (max-width: 1024px) {
    .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
        background-color: transparent;
    }
}

.configurator .pagination select {
    margin-bottom: 0;
}

.spawn3 {
    width: 33.333333333%;
    float: left;
}

.config-container {
    overflow: auto;
    margin: 5px 0;
}

    .config-container table {
        max-width: initial;
        min-width: 100%;
        width: auto;
    }

        .config-container table th {
            min-width: 100px;
        }
/* end */

/* Checkboxes list */
ul.chckqty {
    margin: 0 0 0 0;
    padding: 0;
}

.chckqty li {
    list-style-type: none;
    padding-bottom: 5px;
}

    .chckqty li p {
        margin-bottom: 0;
    }

        .chckqty li p span.r {
            display: block;
            float: right;
            margin-top: 0;
        }

        .chckqty li p span.l {
            display: block;
            float: left;
            margin-bottom: 5px;
        }

    .chckqty li input[type="text"] {
        padding: 1px 6px;
        border: 1px solid var(--primary-border-color);
        box-shadow: none;
        line-height: 17px;
    }

    .chckqty li span.add-on {
        padding: 0 3px;
    }


.r.qty .input-group-addon {
    display: inline-block;
    margin-right: -5px;
    padding: 2.5px 0;
    vertical-align: top;
    width: 50px;
}

.qty {
    margin-top: 5px;
}

    .qty input[type="text"] {
        width: 50px;
        min-width: 50px !important;
    }

.attributes .fileupload, .attributes .form, .attributes .form-group {
    margin-bottom: 0;
}

ul.thumbnails {
    list-style-type: none;
    padding: 0;
}

    ul.thumbnails li {
        margin: 3px;
        padding: 0;
    }

a.img-thumbnail:hover {
    border-color: #aaa;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.075);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.075);
    background-color: var(--secondary-background-color) !important;
}

a.img-thumbnail.disabled {
    text-decoration: none;
}

    a.img-thumbnail.disabled:hover {
        border-color: var(--primary-border-color);
        box-shadow: none;
    }

    a.img-thumbnail.disabled:focus {
        outline: none;
    }

.selectedImage {
    border: 2px solid var(--main-link-and-icon-color);
    -webkit-box-shadow: 0 0 8px #DCE1E5;
    -moz-box-shadow: 0 0 8px #DCE1E5;
    box-shadow: 0 0 8px #DCE1E5;
}

.selectedDisabledImage {
    border: 2px solid var(--primary-border-color);
}

.disabledField {
    cursor: not-allowed;
}

.pointer-off {
    pointer-events: none;
}

.onlytext {
    margin-bottom: 5px;
}

ttributes .table input {
    margin-bottom: 0;
}
/* end */

/*------- RESPONDER TABLE -------*/
div.hide-responder {
    padding: 0;
}

@media all and (min-width: 1200px) {
    #responderContainer {
        background-color: var(--secondary-background-color);
        padding: 10px;
        overflow: auto;
    }
}

@media all and (min-width: 1024px) and (max-width: 1199px) {
    div.hide-responder {
        padding: 0 15px;
        background-color: var(--secondary-background-color);
        min-height: 0;
    }

    #responderContainer > h3.hide-responder {
        margin: 0 -15px 10px -15px;
    }
}

.responder-table {
    margin-bottom: 0;
}

    .responder-table.table-hover tfoot th,
    .responder-table.table-hover tfoot td {
        background-color: var(--sap-icon-color);
        color: var(--white-text-color) !important;
    }

    .responder-table.table-hover > tbody > tr:not(.table-heading):hover > th, .responder-table.table-hover > tbody > tr:not(.table-heading):hover > td {
        background-color: var(--primary-background-color);
    }

    .responder-table tr.table-heading {
        background-color: var(--fiori-tertiary-btn-background-color);
    }

        .responder-table tr.table-heading:hover {
            background-color: var(--fiori-tertiary-btn-background-color);
        }

    .responder-table.table-hover tr:nth-child(2n) th, .responder-table.table-hover tr:nth-child(2n) td {
        background-color: var(--tertiary-background-color);
    }

        .responder-table.table-hover tr:nth-child(2n) th[colspan="3"], .responder-table.table-hover tr:nth-child(2n) td[colspan="3"],
        .responder-table.table-hover tr:nth-child(2n) th[colspan="3"]:hover, .responder-table.table-hover tr:nth-child(2n) td[colspan="3"]:hover {
            background-color: var(--primary-background-color);
        }

.table-hover td, .table-hover th {
    border: 1px solid var(--primary-border-color);
}

    .table-hover th.table-separator {
        padding: 0;
        border-bottom: 1px solid var(--primary-border-color);
    }

.clear-padding {
    padding: 0 !important;
}

.margin-health {
    text-align: center;
}

.center {
    text-align: center;
}

#no-more-tables td .input-append input[type="text"] {
    width: 100px;
}

@media all and (max-width: 1400px) {
    .item-column .item-description {
        width: 92%;
    }
}

@media all and (max-width: 1200px) {
    .item-column,
    .item-column-predictive {
        min-width: 300px;
    }

        .item-column > div > div:nth-child(2n),
        .item-column-predictive > .item-column-table > .item-number-column {
            min-width: 80px;
            width: 80px;
        }

        .item-column > div > div:nth-child(3n) {
            max-width: 230px;
            min-width: 230px;
        }

        .item-column-predictive > .item-column-table > .item-description-column {
            max-width: 160px;
            min-width: 160px;
        }
}

@media all and (max-width: 800px) {
    /* Force table to not be like tables anymore */
    #no-more-tables table {
        width: 100%;
    }

    #no-more-tables .responsive-label {
        display: block;
    }

    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables tfoot,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
    }

        #no-more-tables th.hidden-md, #no-more-tables td.hidden-md, #no-more-tables th.hidden-lg, #no-more-tables td.hidden-lg {
            display: block !important;
        }

        /* Hide table headers (but not display: none;, for accessibility) */
        #no-more-tables thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    #no-more-tables tr {
        border: 1px solid var(--primary-border-color);
    }

    #no-more-tables td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid var(--primary-border-color);
        position: relative;
        padding-left: 45% !important;
        white-space: normal;
        text-align: right;
        word-wrap: break-word;
    }

        #no-more-tables td.section-name, #no-more-tables td.section-actions {
            text-align: left;
        }

        #no-more-tables td .numberCell {
            white-space: normal;
        }

        #no-more-tables td.column-with-actions, #no-more-tables td.manage-items {
            padding-left: 5px !important;
            text-align: left;
        }

    #no-more-tables tfoot td:first-child {
        border-top: 4px solid var(--primary-border-color);
    }

    #no-more-tables td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    #no-more-tables > .table.table-predictive td:before {
        white-space: normal;
    }

    #no-more-tables > .table.table-predictive td.height-50-on-sm {
        height: 50px;
    }

    .table-bordered td, .table-bordered th {
        overflow: visible;
    }

    /* Label the data */
    #no-more-tables td:before {
        content: attr(data-title);
    }

    /* hide empty cells*/
    #no-more-tables td:empty {
        display: none;
    }

    /* no more tables - cart items table */
    #no-more-tables .item-column > div,
    #no-more-tables .item-column > div > div:nth-child(4n), #no-more-tables .item-column-absolute > div > div:nth-child(4n),
    #no-more-tables .item-column,
    #no-more-tables .item-column-predictive,
    #no-more-tables .item-column-predictive > .item-column-table {
        width: 100%;
        min-width: 100%;
    }

        #no-more-tables .item-column > div > div,
        #no-more-tables .item-column > div,
        #no-more-tables .item-column-predictive > .item-column-table {
            padding-left: 0 !important;
        }

    .margin-health {
        text-align: right;
    }

    #no-more-tables td.item-column, #no-more-tables td.item-column-predictive {
        text-align: left;
        padding-left: 10px !important;
    }

    #no-more-tables .bold-border {
        border-top: none !important;
    }


    .item-column .item-description,
    .item-column-predictive .item-description {
        height: auto;
        overflow: auto;
        max-height: none;
    }

    .item-column .ellipsis,
    .item-column-predictive .ellipsis {
        max-height: none;
        -o-text-overflow: initial;
        -ms-text-overflow: initial;
        text-overflow: initial;
    }

    .item-column > div > div:nth-child(3n),
    .item-column-predictive > .item-column-table > .item-description-column {
        width: 100% !important;
        min-width: 100% !important;
    }

    .item-column .example,
    .item-column-predictive .example {
        overflow: auto;
        white-space: normal;
    }

    .item-column-predictive div.item-part-number-text {
        font-weight: bold;
    }

    .hide-no-more-tables {
        display: none;
    }

    #no-more-tables td.hide-column {
        display: none;
    }
}

@media all and (max-width: 480px) {
    #no-more-tables td .input-append input[type="text"] {
        width: 50%;
    }
}

@media all and (max-width: 380px) {
    #no-more-tables td .input-append input[type="text"] {
        width: 50%;
    }
}

.responsive-label {
    display: none;
}

textarea {
    resize: vertical;
}

select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
    outline: none;
}

.modal-header {
    padding: 10px;
}

    .modal-header h3 {
        margin: 0;
        padding: 0;
    }

.label {
    padding: 0.5em 0.6em 0.4em;
    border-radius: 0;
}

.form-control {
    padding: 6px;
}

    .form-control.search-box {
        padding-right: 35px;
    }
/* end */

/* Tabs */
.attributes .g1, .attributes .g2, .attributes .g3, .attributes .g4 {
    margin-top: 20px;
}

.nav-tabs, .nav-pills {
    margin: 0;
}

.nav-mobile {
    border-bottom: 1px solid var(--primary-border-color);
}

.tabs-collapse {
    margin-bottom: 15px;
}

    .tabs-collapse .navbar-inner {
        border-bottom: 1px solid var(--primary-border-color);
        border-right: 1px solid var(--primary-border-color);
        border-left: 1px solid var(--primary-border-color);
    }
/* end */

/* File upload to work with BS3*/
.fileupload .uneditable-input {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    cursor: text;
    overflow: hidden;
    max-height: 34px;
    -ms-word-break: break-all;
    word-break: break-all;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.fileupload .fileupload-preview {
    line-height: 21px;
}
/* end */

/* Focus styles */
a:focus, .dropdown-menu > .active > a:focus,
ul[tabindex='0']:focus, div[tabindex='0']:focus, li[tabindex='0']:focus, span[tabindex='0']:focus,
i[tabindex='0']:focus, label[tabindex='0']:focus {
    outline: 2px solid var(--focus-border-and-outline-color);
    outline-offset: 0;
}

.btn:focus {
    border: 1px solid var(--focus-border-and-outline-color) !important;
}

.btn:focus,
input[type="text"]:focus,
textarea:focus {
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2) !important;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2) !important;
    border-color: var(--focus-border-and-outline-color);
    outline: none;
}

.btn:active:focus {
    outline: none;
}

.btn-primary, .btn-tertiary {
    border: 1px solid transparent !important;
}

.btn-select {
    border: 1px solid var(--primary-border-color);
    color: var(--primary-text-color);
    height: 27px;
    text-align: left;
    padding: 0px 8px !important;
    line-height: 27px;
}

/* Makes focus visible if ellipsis is in use. Note that element can't be display: inline; */
.visible-outline-focus {
    margin: 2px;
}
/* end */

/* Status and price CSS */
.actions-and-statuses {
    position: relative;
    display: table;
    width: 100%;
}

.left-actions {
    float: right;
    display: table-cell;
    vertical-align: bottom;
    position: absolute;
    bottom: 0;
}

@media all and (max-width: 1023px) {
    .left-actions {
        vertical-align: bottom;
        position: relative;
        bottom: 5px;
        display: block;
        float: none;
    }
}

@media all and (max-width: 991px) {
    .left-actions {
        vertical-align: bottom;
        position: relative;
        bottom: 5px;
        display: block;
        float: none;
    }
}

@media all and (max-width: 767px) {
    .left-actions {
        width: 100%;
        float: none;
        position: relative;
    }
}

@media all and (max-width: 480px) {
    .left-actions {
        width: 100%;
        display: block;
        margin: 5px 0;
        position: relative;
        clear: both;
    }
}

.btn-toolbar > .btn + .btn, .btn-toolbar > .btn-group + .btn, .btn-toolbar > .btn + .btn-group, .btn-toolbar > .btn-group + .btn-group {
    margin-left: 1px;
}

@media all and (max-width: 480px) {
    .btn-toolbar .btn-group {
        float: none;
    }

    .btn-group > .btn:first-child {
        margin-left: 1px;
    }

    .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
        margin-left: 1px;
    }

    .btn-toolbar > .btn + .btn, .btn-toolbar > .btn-group + .btn, .btn-toolbar > .btn + .btn-group, .btn-toolbar > .btn-group + .btn-group {
        margin: 8px 0 0 0;
    }
}

.info-label {
    padding: 2px 5px;
    background-color: var(--secondary-background-color);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    float: none;
    display: table-cell;
    vertical-align: top;
}

@media all and (min-width: 1024px) and (max-width: 1199px) {
    .info-label {
        float: right;
    }
}

@media all and (min-width: 1023px) {
    .info-label.total, .configTreeLabel {
        display: none !important;
    }
}

@media all and (max-width: 1024px) {
    .info-label {
        width: 33% !important;
        display: inline-block;
        box-shadow: none;
        min-height: 26px;
    }

    .configTreeLabel {
        line-height: 42px;
    }

        .configTreeLabel a {
            font-weight: normal;
        }
}

@media all and (max-width: 480px) and (min-width: 1200px) {
    .info-label.total {
        display: table-cell;
    }
}

@media all and (max-width: 991px) {
    .info-label {
        width: 33% !important;
        display: inline-block;
        box-shadow: none;
    }
}

@media all and (max-width: 767px) {
    .info-label {
        width: 33% !important;
        display: inline-block;
        box-shadow: none;
    }
}

@media all and (max-width: 480px) {
    /* incomplete status */
    .info-label, .info-label.total {
        width: 100%;
        display: block;
        margin: 5px 0;
        position: relative;
        clear: both;
    }
}

.info-label > label, .info-label h3 {
    font-size: 75%;
    font-weight: normal;
    text-transform: uppercase;
    font-family: var(--main-font-family);
}


.info-label a {
    text-decoration: underline;
}

.info-label span {
    font-size: 115%;
    text-decoration: none;
}

    .info-label span.small {
        font-size: 85%;
        text-decoration: none;
    }

.info-label a i {
    font-size: 130%;
    text-decoration: none;
}

.label-incomplete > span {
    display: block;
    font-size: 85%;
    clear: both;
}

.info-label .popover .incomplete li, .required {
    color: var(--error-required-color);
}

.required {
    color: var(--error-required-color);
    vertical-align: super;
    position: relative;
    top: -2px;
}

#updatePanelMain .required {
    vertical-align: baseline;
}

.info-label .popover .incomplete li, .requiredLabel, .tabbable li.requiredtab a {
    color: var(--show-me-why);
}

.fiori3-incomplete-label,
.tabbable li.requiredtab a {
    color: var(--error-required-color);
}

.required-mark:before {
    content: '*';
}

.status-list {
    display: inline-block;
}

    .status-list.dropdown ul {
        padding: 5px 20px;
        font-size: 13px;
        list-style-type: disc;
    }

        .status-list.dropdown ul li {
            margin: 5px;
        }

    .status-list .dropdown-menu {
        min-width: 180px;
    }
/* end */

/* Radio and checkbox */
input[type="radio"],
input[type="checkbox"] {
    display: none;
    cursor: pointer;
}

.afTable td input[type="radio"] {
    display: inline-block;
    padding: 0;
    margin: 0 10px 0 0;
    vertical-align: middle;
}

.middle {
    display: inline-block;
    font-weight: normal;
    cursor: pointer;
}

.configurator-page-container .middle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
    text-align: left;
}

.configurator-page-container .chckqty input[type="radio"] {
    display: block;
}

input.custom[type="checkbox"], input.custom[type="radio"] {
    height: 18px;
    opacity: 0;
    position: absolute;
    width: 18px;
    z-index: 12;
}

.ccontainer input.custom[type="checkbox"] {
    height: 18px;
    opacity: 0;
    position: relative;
    width: 18px;
    z-index: 12;
    margin-top: 10px;
}

.ccontainer .lbl {
    position: relative;
    padding-left: 25px;
    float: left;
}

input.custom[type="checkbox"] + .lbl, input.custom[type="radio"] + .lbl {
    padding-left: 25px;
    position: relative;
}

input.custom[type="checkbox"]:disabled + .lbl, input.custom[type="radio"]:disabled + .lbl {
    cursor: not-allowed;
}

input.custom[type="checkbox"] + .lbl:before, input.custom[type="radio"] + .lbl:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    position: absolute;
    left: 0;
    background: var(--primary-background-color);
    border: 1px solid var(--primary-border-color);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1) inset;
    cursor: pointer;
}

input.custom[type="checkbox"] + .lbl:before {
    border-radius: 3px;
}

input.custom[type="radio"] + .lbl:before {
    border-radius: 8px;
}

input.custom[type="checkbox"]:checked + .lbl:before {
    content: "\f00c";
    font-size: 21px;
    font-family: var(--secondary-icons-font);
    text-align: center;
    line-height: 14px;
}

input.custom[type="radio"]:checked + .lbl:before {
    content: "\f111";
    font-size: 10px;
    font-family: var(--secondary-icons-font);
    text-align: center;
    line-height: 15px;
}

input.custom[type="checkbox"]:disabled + .lbl:before, input.custom[type="radio"]:disabled + .lbl:before, input.custom[type="checkbox"][disabled] + .lbl:before, input.custom[type="radio"][disabled] + .lbl:before, input.custom.disabled[type="checkbox"] + .lbl:before, input.custom.disabled[type="radio"] + .lbl:before {
    cursor: not-allowed;
    border: 1px solid var(--primary-border-color);
    box-shadow: none;
}

.radio-inline:first-child {
    padding-left: 0;
}
/* end */

/* Popover for show me why */
.info-label .popover {
    min-width: 220px;
}

@media all and (max-width: 480px) {
    .info-label .popover {
        box-shadow: none;
        max-width: 100%;
        position: relative;
        left: 0 !important;
        top: 0 !important;
        clear: both;
    }

    .popover .arrow {
        display: none;
    }
}

.info-label .popover-content ul {
    padding: 10px 25px;
    margin: 0;
    font-size: 90%;
}
/* end */

/* Alert messages */
.alert {
    margin: 0 0 10px 0;
    border-radius: 0;
}



    .alert > div {
        display: table;
    }

        .alert > div > div {
            display: table-cell;
            vertical-align: middle;
        }

            .alert > div > div.icon-container {
                padding-right: 10px;
            }

            .alert > div > div > p {
                margin-left: 5px;
                margin-bottom: 0;
            }

    .alert ul {
        margin: 0 0 0 5px;
    }

/* width of alert messages */
.toast-top-full-width {
    top: 10px;
    width: 800px;
    margin-left: -400px;
    left: 50%;
}

@media all and (max-width: 800px) {
    .toast-top-full-width {
        top: 10px;
        width: 440px;
        margin-left: -220px;
        left: 50%;
    }
}

@media all and (max-width: 480px) {
    .toast-top-full-width {
        width: 340px !important;
        margin-left: -170px !important;
    }
}

#toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div {
    margin: auto;
    width: 100%;
}

#toast-container > div {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 1;
}

    #toast-container > div:hover {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

#toast-container > .toast-info,
#toast-container > .toast-error,
#toast-container > .toast-success,
#toast-container > .toast-warning {
    background-image: none !important;
}

    #toast-container > .toast-info:before {
        content: "\f05a";
        font-family: var(--secondary-icons-font);
        font-size: 1.2em;
        display: inline-block;
        position: absolute;
    }

    #toast-container > .toast-error:before {
        content: "\f057";
        font-family: var(--secondary-icons-font);
        font-size: 1.2em;
        display: inline-block;
        position: absolute;
    }

    #toast-container > .toast-success:before {
        content: "\f058";
        font-family: var(--secondary-icons-font);
        font-size: 1.2em;
        display: inline-block;
        position: absolute;
    }


    #toast-container > .toast-warning:before {
        content: "\f06a";
        font-family: var(--secondary-icons-font);
        font-size: 1.2em;
        display: inline-block;
        position: absolute;
    }

.toast-title, .toast-message {
    padding: 2px 0 2px 20px;
}
/* end */

/* Actions in container */
.fiori3-items-section .fiori3-quote-section-header .sap-icon {
    font-size: 12px;
}

.column-with-actions-header {
    width: 65px;
}

.no-actions-width {
    display: block !important;
}

.column-with-actions a i {
    padding: 4px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.column-with-actions a:hover {
    text-decoration: none;
}

.column-with-actions.show-all {
    display: none;
}

.column-with-actions .dropdown-menu {
    min-width: 150px;
    left: -58px;
    top: 125%;
}

    .column-with-actions .dropdown-menu > li {
        float: left;
    }

        .column-with-actions .dropdown-menu > li > button {
            margin: 5px 7px;
        }

    .column-with-actions .dropdown-menu:after, .column-with-actions .dropdown-menu:before {
        bottom: 100%;
        border: solid;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
    }

    .column-with-actions .dropdown-menu:after {
        border-color: var(--primary-border-color);
        border-bottom-color: var(--white-text-color);
        border-width: 6px;
        left: 50%;
        margin-left: -6px;
    }

    .column-with-actions .dropdown-menu:before {
        border-color: var(--primary-border-color);
        border-bottom-color: var(--primary-border-color);
        border-width: 8px;
        left: 50%;
        margin-left: -8px;
    }

    .column-with-actions .dropdown-menu a:hover {
        background-color: var(--secondary-background-color) !important;
    }
/* end */

/*------- ABS -------*/
.nav-tabs,
.nav-pills {
    position: relative;
}

.abs-table {
    background-color: var(--secondary-background-color);
    margin-top: 0;
    margin-bottom: 0;
}

.abs-actions {
    display: table;
    width: 100%;
}

.product-match, .view-products {
    display: table-cell;
    float: none;
    vertical-align: bottom;
}

.view-products {
    position: relative;
}

@media all and (max-width: 600px) {
    #attributeBasedSearchSummaryContainer .btn {
        display: block;
        margin-bottom: 10px;
    }

    #attributeBasedSearchSummaryContainer .pull-right {
        float: none;
    }
}

.pricerange {
    position: absolute;
    right: 0;
    top: 37px;
    z-index: 6;
    border: 1px solid var(--primary-border-color);
    border-top: none;
    background: var(--secondary-background-color);
}

@media all and (max-width: 600px) {
    .pricerange {
        top: 90px;
    }
}

.guided-selling-dropown-toggle {
    border: 2px solid transparent;
}

    .guided-selling-dropown-toggle:focus {
        border: 2px solid var(--focus-border-and-outline-color);
    }
/* end */

/*------- CART LIST --------*/
.cart-list-container {
    padding: 20px;
    transition: all 500ms ease-in-out;
}

/* CART LIST CONTAINER ALL STATES STYLES */
#wrap .cart-list-container {
    width: calc(100vw - 48px);
    margin-left: 48px;
}

#wrap.side-menu-expanded .cart-list-container {
    width: calc(100vw - 240px);
    margin-left: 240px;
}
/* end */
@media screen and (max-device-width: 480px) and (orientation: portrait), only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation: portrait) {
    #assetsContainer .cart-list {
        padding-right: 25px;
    }
}

@media all and (max-width: 1024px) {
    .cart-list-container {
        width: calc(100vw - 48px);
        margin-left: 48px;
    }
}

@media all and (max-width: 768px) {
    .cart-list-container {
        padding: 0;
    }
}

.cart-list {
    background-color: var(--secondary-background-color);
    min-height: calc(100vh - 108px);
    padding: 10px;
}

.quote-list-container .cart-list {
    min-height: calc(100vh - 88px);
}

@media all and (max-width: 768px) {
    .cart-list {
        min-height: calc(100vh - 68px);
    }
}

.cart-list .form-horizontal .form-group {
    margin: 0;
}

.cart-list .table {
    margin-bottom: 0;
}

    .cart-list .table th {
        padding: 8px 15px 8px 8px !important;
    }

        .cart-list .table th:first-child {
            width: 40px;
        }

@media all and (max-width: 480px) {
    .cart-list .nav-tabs > li {
        float: none;
    }
}
/* end */

/* Date picker control */
.daterangepicker td.active,
.daterangepicker td.active:hover,
.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
    background-image: none;
}

.datepicker table tr td.disabled, 
.datepicker table tr td.disabled:hover{
    opacity: 0.4;
}

.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover,
.daterangepicker .ranges li {
    border: none;
}

@media all and (max-width: 767px) {
    .daterangepicker.dropdown-menu.opensright {
        width: 245px;
    }
}
/* end */

/* Select search */
.select2-container {
    z-index: 991;
}

.select2-container.select2-container--open {
    z-index: 1051;
}

.select2-container-multi .select2-choices .select2-search-choice {
    background-image: none;
    border-radius: 3px 3px 3px 3px;
    font-size: 90%;
    border: none;
    box-shadow: none;
    line-height: normal;
    margin: 5px 0 3px 5px;
}

.form-control.select2-container {
    margin: 0;
    padding: 0;
}

.select2-search-choice-close {
    top: 5px;
}

.select2-container-multi.select2-container-active .select2-choices {
    border: none;
}

.select2-container .select2-choice,
.select2-container-multi .select2-choices,
.select2-container.select2-drop-above .select2-choice,
.select2-container-multi .select2-choices .select2-search-choice,
.select2-container-multi.select2-container-active .select2-choices {
    background-image: none;
    box-shadow: none;
}

.select2-container.form-control {
    height: auto;
    min-height: 34px;
}

.select2-container-multi .select2-choices {
    border: none;
}
/* end */

/* Filter container */
.filter-container {
    margin-bottom: 5px;
}

    .filter-container .select2-choices .select2-search-choice {
        padding: 2px 10px;
    }
/* end */

/* Save button */
.save-filter {
    margin-left: 10px;
}

@media all and (max-width: 767px) {
    .save-filter, .renew-button {
        margin: 5px 0;
    }
}
/* end */

/* Table sorting */
th.header {
    background-image: url(/Content/images/sorting.png);
    background-repeat: no-repeat;
    background-position: 100% 12px;
}

th.header, th.header-sort-up, th.header-sort-down {
    cursor: pointer;
}

th.header-sort-up {
    background-image: url(/Content/images/sort-up.png);
    background-repeat: no-repeat;
    background-position: 100% 12px;
    color: #636466;
}

th.header-sort-down {
    background-image: url(/Content/images/sort-down.png);
    background-repeat: no-repeat;
    background-position: 100% 12px;
    color: #636466;
}
/* end */

/* Editable column */
.editable-column, .editable-column img {
    text-decoration: none !important;
    border: 2px solid transparent;
    border-bottom: 1px dashed var(--main-link-and-icon-color);
}

    .editable-column:hover, .editable-column:focus {
        border-bottom-style: solid;
    }

    .editable-column:focus {
        border: 2px solid var(--focus-border-and-outline-color);
        outline: none;
    }
/* end */

/*------- CART -------*/
.cf-placeholder {
    font-style: italic;
    opacity: 0.6;
}

.item-description {
    overflow: hidden;
    max-height: 22px;
    line-height: 18px;
}

.numberCell {
    text-align: right;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.cart-width {
    margin-left: 48px;
}

    .cart-width .tabbable {
        margin-bottom: 10px;
    }

.cart-content .form-horizontal .control-label, .order-summary .form-horizontal .control-label {
    text-align: left;
}

.cart .tabbable, .cart-wrapper .tabbable {
    background-color: var(--secondary-background-color);
}

.cart-content {
    background-color: var(--secondary-background-color);
    padding: 9px 5px;
    border-radius: 4px;
}

.cart-content-involved-party {
    background-color: var(--secondary-background-color);
    padding: 0;
    border-radius: 4px;
}

@media all and (max-width: 1024px) {
    .cart-content {
        margin-bottom: 0;
    }
}

.cart-content.clearfix {
    min-height: calc(100vh - 167px);
}

.cart-content div[class^="col-md-"] {
    padding: 0 10px;
}

@media all and (max-width: 768px) {
    .cart-documents-container {
        padding: 0;
    }
}

.cart-comment-height {
    font-size: 14px;
    color: var(--secondary-text-color);
}

.cart-comment-height .editable-column {
    font-size: 14px;
}

.cart-comment-height textarea {
    height: 71px;
    width: 99.5%;
}

.cart-comment-height > div {
    text-align: left;
}

.show-heading-small-screen {
    display: none;
}

.cart-content .form-group {
    margin-bottom: 12px;
}

.cart-content .input-group.date-field {
    max-width: 100% !important;
}

.cart .form-horizontal .form-group > div, .cart .form-horizontal .form-group > span,
.credit-card .form-horizontal .form-group > div, .credit-card .form-horizontal .form-group > span, .credit-card .form-horizontal .form-group > a {
    padding-bottom: 0;
    margin: 0 -0.125em 0;
}

    .cart .form-horizontal .form-group > div > input,
    .cart .form-horizontal .form-group > div > select {
        margin-top: -7px;
    }

    .cart .form-horizontal .form-group > span > input, .cart .form-horizontal .form-group > span > select,
    .credit-card .form-horizontal .form-group > span > input, .credit-card .form-horizontal .form-group > span > select {
        margin-top: -7px;
        display: inline-block;
    }

.cart .form-horizontal .form-group .control-label, .credit-card .form-horizontal .form-group .control-label {
    padding-top: 0;
    margin-bottom: 0;
}

.cart .form-horizontal .form-group .control-label,
.cart .form-horizontal .form-group .numberCell {
    color: var(--secondary-text-color);
}

.price-divider {
    margin-bottom: 5px;
}

.subtotal-price {
    font-size: 20px;
}

.final-price {
    font-size: 1.8em;
    margin-top: 15px;
    padding: 0 !important;
}

@media all and (max-width: 767px) {
    .final-price label {
        clear: both;
    }
}

.final-price .form-group > label {
    margin-right: 2px !important;
}

.cart-content .form-group label {
    vertical-align: top;
}

.default-action-icon {
    background: url(/Content/images/default.png) no-repeat right center;
    width: 32px;
    height: 32px;
}

.action-row {
    margin: 5px 0;
    font-size: 15px;
    text-align: left;
}

    .action-row a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        padding: 5px 10px;
        margin: 0 5px;
        font-size: 16px;
    }

    .action-row::after {
        content: ' ';
        display: table;
        clear: both;
    }

    .action-row img {
        float: left;
        margin-right: 7px;
        width: 25px;
    }

.quote-page-main-container.actions-toggled .action-row a {
    margin: 0 5px;
}

.quote-page-main-container.actions-toggled .action-row img {
    margin: 0 auto !important;
}

.action-row span {
    width: 210px;
    color: var(--main-link-and-icon-color);
    text-decoration: none;
    word-break: break-word;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.action-row a:hover {
    text-decoration: none;
    border-radius: 4px;
    cursor: pointer;
    background-color: rgba(10, 110, 209, 0.05);
}

@media all and (min-width: 1025px) {
    #cartContainer.no-action-images .quote-page-main-container.actions-toggled .action-row a {
        pointer-events: none;
    }

        #cartContainer.no-action-images .quote-page-main-container.actions-toggled .action-row a:hover {
            background: none !important;
        }
}

.button-actions {
    margin: 8px 0 10px 10px;
    text-align: left;
}

    .button-actions > button, .button-actions > button:hover, .button-actions > button:visited, .action-row button {
        white-space: normal;
        text-align: left;
        border: none;
        color: var(--main-link-and-icon-color);
    }

.action-row button {
    margin-left: 10px;
}

.bold-border {
    border-top: 3px solid var(--primary-border-color) !important;
}

.item-type-popover {
    padding: 10px;
}

.no-padding-input {
    width: 100%;
}

.item-number {
    text-align: left;
    display: table-cell;
}
/* end */

/* Responsive table with scroll - for products table */
.table-responsive {
    margin-bottom: 15px;
    overflow-y: auto;
    overflow-x: auto;
    width: 100%;
    border: none;
}

    .table-responsive > .table {
        margin-bottom: 0;
        table-layout: auto !important;
    }


        .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table > tfoot > tr > td {
            vertical-align: middle;
            padding: 8px 5px;
        }

    .table-responsive input[type="text"], .table-responsive select {
        min-width: 70px;
    }

    .table-responsive .popover select {
        min-width: inherit;
    }

    .table-responsive .popover {
        width: 350px;
    }

    .table-responsive .input-group.date-field {
        max-width: 150px;
    }

@media all and (max-width: 800px) {
    .table-responsive .input-group.date-field {
        max-width: none !important;
    }
}
/* end */

/* Item column styles */
.tooltip {
    position: fixed;
    word-wrap: break-word;
}

.tooltip .tooltip-inner {
    background-color: var(--secondary-background-color);
    color: #333;
    border: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.tooltip .tooltip-arrow::after {
    content: "";
    position: absolute;
    border-color: transparent;
    border-style: solid;
}

.tooltip.right .tooltip-arrow {
  left: 1px;
  border-right-color: rgba(0, 0, 0, 0.25);
}

.tooltip.left .tooltip-arrow {
  right: 1px;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.tooltip.top .tooltip-arrow {
  bottom: 1px;
  border-top-color: rgba(0, 0, 0, 0.25);
}

.tooltip.bottom .tooltip-arrow {
  top: 1px;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

.tooltip.right .tooltip-arrow::after {
    left: 1px;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #fff;
}

.tooltip.left .tooltip-arrow::after {
    right: 1px;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #fff;
}

.tooltip.top .tooltip-arrow::after {
    bottom: 1px;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #fff;
}

.tooltip.bottom .tooltip-arrow::after {
    top: 1px;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #fff;
}

.tooltip.in {
    opacity: 1 !important;
}

.manage-items {
    text-align: center;
}

    .manage-items input.custom[type="checkbox"] + .lbl {
        padding-left: 18px;
    }

.item-column {
    padding: 9px 5px !important;
    white-space: normal !important;
    position: relative;
    min-width: 450px;
}

@media all and (min-width: 1200px) {
    .item-column .item-description {
        width: 95%;
    }

    .item-column-predictive .item-description {
        width: 90%;
    }

    .item-column > div > div:nth-child(3n) {
        max-width: 300px;
        min-width: 300px;
    }

    .item-column-predictive > .item-column-table > .item-description-column {
        max-width: 220px;
        min-width: 220px;
    }
}

@media all and (max-width: 767px) {
    .item-column, .item-column-predictive {
        border-left: 0;
    }
}

.item-column-predictive {
    white-space: normal !important;
    position: relative;
}

    .item-column div.pull-left, .item-column-predictive div.item-part-number-text {
        overflow: hidden;
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        max-width: 100%;
    }

        .item-column div.pull-left.partnumber-input {
            overflow: initial;
        }

.item-column .item-number-input {
    min-width: 30px !important;
    width: 30px;
    margin: 0 3px;
    display: inline-block;
}

.item-column .description, .item-column-predictive .description {
    margin: 0;
}

.item-column .item-description, .item-column-predictive .item-description {
    max-height: 18px;
    overflow: hidden;
}

    .item-column .item-description.margin-top {
        margin-top: 20px;
    }

.item-column .label, .item-column-predictive .label {
    white-space: normal;
    text-align: left;
}

.hide-no-more-tables {
    display: block;
}

.description-popover {
    word-wrap: break-word;
}

.description-popover, .invalid-auto-complete-popover {
    font-size: 90%;
    margin: 5px;
    padding: 5px;
}

.item-column > div, .item-column-predictive > .item-column-table {
    display: table;
    margin-top: -2px;
    width: 100%;
}

    .item-column > div > div,
    .item-column-predictive > div > div {
        display: table-cell;
        vertical-align: middle;
    }

        .item-column > div > div:nth-child(2n), .item-column-predictive > .item-column-table > .item-number-column {
            min-width: 80px;
            width: 80px;
            padding-right: 5px;
        }

        .item-column > div > div:nth-child(3n) {
            max-width: 230px;
            min-width: 230px;
        }

    .item-column-predictive > .item-column-table > .item-description-column {
        max-width: 160px;
        min-width: 160px;
    }

.partnumber-input-holder {
    display: inline-block;
    margin-top: 5px;
    position: absolute;
}

    .partnumber-input-holder input[type="text"] {
        width: 100px;
    }
/* end */

/* Quick add product and search items */
.add-product {
    margin-bottom: 5px;
}

    .add-product .tertiary {
        margin: 0;
    }

    .add-product .popover {
        width: 100%;
        max-width: 100%;
        padding: 0;
        max-height: 400px;
        overflow-y: hidden;
        margin-top: 2px;
    }

        .add-product .popover[style] {
            left: 0 !important;
        }

        .add-product .popover .popover-content {
            padding: 0;
        }

        .add-product .popover .arrow {
            display: none;
        }

        .add-product .popover .qty {
            margin-top: 0;
        }

        .add-product .popover .catalog-table {
            padding: 10px 15px;
        }

        .add-product .popover .btn-block {
            margin-top: -1px;
            padding: 8px;
        }

.search-items {
    display: block;
    margin-bottom: 5px;
    font-weight: normal;
}

@media all and (max-width: 800px) {
    .add-product > .input-group, .search-items {
        padding: 5px 0;
    }
}

.search-items .catalog-table:hover {
    background-color: var(--fiori3-warning-background-color);
    cursor: pointer;
}

.search-items.add-product .popover {
    margin-left: 15px;
    max-width: 440px;
}

@media all and (max-width: 800px) {
    .search-items.add-product .popover {
        max-width: 100%;
        margin-left: 0;
    }
}

.editable-pagination input {
    width: 50px;
}

.editable-pagination > li > span {
    padding: 3px 12px;
}

.highlight {
    background-color: var(--fiori3-warning-border-color);
}

.fiori3-items-table .highlight-row td{
    background-color: var(--fiori3-warning-background-color) !important;
    transition: 1.2s ease-in-out;
}

.fiori3-search-input-wrapper .popover .input-group input {
    height: 26px;
    border-radius: 4px 0 0 4px !important;
}

.fiori3-search-input-wrapper .popover .input-group .input-group-btn .btn {
    font-size: 16px;
}
/* end */

/*------- CART ACTIONS IN PRODUCTS TABLE -------*/
.dropdown-menu-cart {
    background-clip: padding-box;
    background-color: var(--secondary-background-color);
    border-radius: 4px;
    font-size: 14px;
    list-style: none outside none;
    /* max-width the same as popover's */
    max-width: 276px;
    padding: 0;
    margin: 0;
    z-index: 1001;
}

    .dropdown-menu-cart > li .cart-list-action-button, .dropdown-menu-cart > li > button {
        margin: 5px 7px;
        white-space: normal;
    }

.cart-list-action-button {
    width: 135px;
}

    .cart-list-action-button .input-group-btn > button {
        width: 70px;
    }
/* end */

/* Margin health slider */
.margin-health-popover {
    height: 112px;
    width: 272px;
    background: var(--secondary-background-color);
    border-radius: 4px;
}

.margin-health-popover .tooltip {
    position: absolute;
}

.margin-health-popover .tooltip-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px 13px;
    background-color: var(--secondary-background-color);
    border: 1px solid var(--input-border-color);
    border-radius: 2px;
    color: var(--secondary-text-color);
    font-family: var(--main-font-family);
    font-size: 14px;
    line-height: 16px;
    text-align: center;
}

.margin-health-popover .tooltip-arrow {
    display: none;
}

h3.popover-title, h4.popover-title {
    margin: 0;
    text-decoration: none;
    color: var(--primary-text-color);
    background: var(--secondary-background-color);
}

.incomplete-popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: var(--modal-background-color);
    border-bottom: 1px solid var(--primary-border-color);
    border-radius: 5px 5px 0 0;
}

h3.incomplete-popover-title {
    margin: 0;
    text-decoration: none;
    color: var(--primary-text-color);
}

.slider.slider-horizontal[style] {
    width: 255px !important;
}

.margin-health-popover .slider.slider-horizontal {
    width: 255px !important;
    left: 7px;
    top: 34px;
}

.margin-health-slider {
    position: absolute;
    top: 52%;
    width: 262px;
    left: 7px;
}

.margin-health-buttons {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    text-align: right;
    padding: 4px 0;
    border-top: 1px solid var(--primary-border-color);
}

.margin-health-slider div {
    float: left;
    height: 4px;
}

    .margin-health-slider div:first-child {
        border-radius: 4px 0 0 4px;
    }

    .margin-health-slider div:last-child {
        border-radius: 0 4px 4px 0;
    }

.slider-track, .slider-selection {
    background-image: none;
    background-color: transparent;
    box-shadow: none;
}

.slider-handle {
    opacity: 1;
    z-index: 100;
    background: var(--secondary-background-color);
    border: 1px solid var(--sap-icon-color);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}

    .slider-handle:hover {
        background: #ebf5fe;
    }
    .slider-handle:active {
        background: var(--sap-icon-color);
    }

.slider.slider-horizontal .slider-track {
    z-index: 1000;
}
/* end */

/* Actions sidebar */
.affix-top {
    position: absolute;
    bottom: 0;
    top: 10px;
    overflow: hidden;
    padding: 10px 10px 0 5px;
    z-index: 10;
    max-width: 312px;
}

.affix {
    position: fixed;
    top: 68px;
    bottom: 0;
    left: 68px;
    overflow: hidden;
    padding: 10px 10px 0 5px;
    z-index: 10;
    max-width: 308px;
}

.actions-dropdown .dropdown-menu {
    top: auto;
    max-height: 400px;
    overflow-x: auto;
    padding: 5px 10px;
    width: 260px;
    border: 1px solid var(--primary-border-color);
}

    .actions-dropdown .dropdown-menu .action-row {
        clear: both;
        text-align: left;
    }

    .actions-dropdown .dropdown-menu img {
        float: left;
        margin: -5px 5px 0 0;
    }
/* end */

/* Documentation tab */
.table-overflow {
    overflow: auto;
    width: 100%;
}

    .table-overflow .table.table-bordered {
        table-layout: auto;
    }

    .table-overflow th:last-child {
        min-width: 150px;
    }

    .table-overflow td a {
        display: inline-block;
        max-width: 400px;
        word-wrap: break-word;
    }

        .table-overflow td a.editable-column {
            display: inline;
        }
/* end */

/* View proposal page */
.documentImg-pdf:after {
    content: "\f1c1";
    font-family: var(--secondary-icons-font);
    text-align: center;
    font-size: 20px;
}

.documentImg-doc:after, .documentImg-docx:after {
    content: "\f1c2";
    font-family: var(--secondary-icons-font);
    text-align: center;
    font-size: 20px;
}

.documentImg-xls:after, .documentImg-xlsx:after {
    content: "\f1c3";
    font-family: var(--secondary-icons-font);
    text-align: center;
    font-size: 20px;
}

.documentImg-jpg:after, .documentImg-gif:after, .documentImg-png:after, .documentImg-jpeg:after, .documentImg-tiff:after {
    content: "\f1c5";
    font-family: var(--secondary-icons-font);
    text-align: center;
    font-size: 20px;
}

.documentImg-zip:after {
    content: "\f1c6";
    font-family: var(--secondary-icons-font);
    text-align: center;
    font-size: 20px;
}

.documentImg-txt:after {
    content: "\f15b";
    font-family: var(--secondary-icons-font);
    text-align: center;
    font-size: 20px;
}

/* end */

/* Custom fields */
.fiori3-quote-section-container .custom-fields {
    margin: 0 -16px;
}

.fiori3-quote-section-container .custom-fields .fiori3-input-group .fiori3-input-group.date-field {
    margin-bottom: 0 !important;
}

.custom-fields > div {
    float: none;
    display: inline-block;
    margin: 0 -0.325em 10px 0;
    vertical-align: top;
}

    .custom-fields > div label {
        overflow: hidden;
    }

@media all and (max-width: 1024px) {
    #wrap #cartContainer.user-page-container.custom-fields-page-container {
        margin-left: 68px !important;
    }

    #wrap.side-menu-expanded #cartContainer.user-page-container.custom-fields-page-container {
        margin-left: 261px !important;
    }

    .custom-fields-page-container .btn-customer-feedback {
        top: -4px;
    }
}

@media all and (max-width: 768px) {
    #wrap #cartContainer.user-page-container.custom-fields-page-container,
    #wrap.side-menu-expanded #cartContainer.user-page-container.custom-fields-page-container {
        margin-left: 48px !important;
    }
}

.cart-tab-container {
    padding: 10px 5px;
}
/* end */

/* Promotions */
.modal-body.promo {
    max-height: 600px;
    overflow: auto;
    padding: 10px;
}

    .modal-body.promo .col-md-12 {
        padding: 0 15px 5px 15px;
    }

    .modal-body.promo span.col-md-3 {
        text-align: right;
    }

    .modal-body.promo h3 .small {
        font-size: 0.8em;
    }
/* end */

/* Partial order */
.partial-order {
    max-width: 800px;
    width: auto;
}

    .partial-order .table {
        table-layout: fixed !important;
    }

    .partial-order .modal-body {
        max-height: 500px;
        overflow: auto;
    }
/* end */

/* Credit card page */
.credit-card .form-group .popover {
    width: 500px;
    padding: 10px;
    font-size: 80%;
}

.invoice .seller address, .invoice .buyer address {
    float: left;
    font-size: 16px;
    margin-left: 20px;
}

.invoice .seller .fa-globe, .invoice .buyer .fa-globe {
    color: #999999;
    float: left;
    font-size: 20px;
}
/* end */

/* Customers page */
.manage-customers-page-container {
    padding: 20px;
    margin-left: 48px;
}

@media all and (max-width: 768px) {
    .manage-customers-page-container {
        padding: 0;
    }
}

#customerContainer {
    background-color: var(--secondary-background-color);
}

    #customerContainer .column-with-actions > .btn {
        margin: 2px 0;
    }

.shipping-modal {
    width: auto;
    margin: 30px 10px;
}
/* end */

/* CRM modal */
.crm-modal .popover {
    max-width: 300px;
    width: 300px;
}

    .crm-modal .popover .form-horizontal .control-label {
        padding-top: 0;
    }

    .crm-modal .popover .contact-details {
        max-height: 350px;
        overflow-x: hidden;
        overflow-y: auto;
    }
/* end */

/* Span sorting CSS */
span.header {
    background-image: url(/Content/images/sorting.png);
    background-repeat: no-repeat;
    background-position: 100% 4px;
    display: inline-block;
    width: 100%;
    padding-right: 15px;
}

span.header, span.header-sort-up, span.header-sort-down {
    cursor: pointer;
}

span.header-sort-up {
    background-image: url(/Content/images/sort-up.png);
    background-repeat: no-repeat;
    background-position: 100% 4px;
    display: inline-block;
    width: 100%;
    padding-right: 15px;
}

span.header-sort-down {
    background-image: url(/Content/images/sort-down.png);
    background-repeat: no-repeat;
    background-position: 100% 4px;
    display: inline-block;
    width: 100%;
    padding-right: 15px;
}

.approvals.cart-content h2 {
    font-size: 22px;
    margin: 0px;
    padding-left: 10px;
}

.approvals th.header-sort-up, .approvals th.header-sort-down {
    background-image: none;
}

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

.approvals .pending-responsibilities-table table tr td,
.approvals .approval-history-table table tr td {
    vertical-align: top;
    min-width: 120px;
}

    .approvals .approval-history-table table tr td:last-child {
        min-width: 150px;
    }

    @media all and (min-width: 500px) {
        .approvals .pending-responsibilities-table textarea.form-control {
            min-width: 200px;
            min-height: 60px;
        }
    }

.inline-cart-summary > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-content: center;
    align-content: center;
    background: #3f5161;
    padding: 0 10px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 7;
}

    .inline-cart-summary > ul li {
        margin: 4px 0;
    }

.inline-cart-summary .customer-menu-dropdown.current-quote-dropdown-menu {
    right: -10px !important;
    top: 42px !important;
}

    .inline-cart-summary .customer-menu-dropdown.current-quote-dropdown-menu::before {
        right: 21px !important;
    }
/* end */
/*------- USER PAGE -------*/
.user-page input[type="text"]:focus,
.user-page input[type="password"]:focus,
.user-page select:focus {
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2) !important;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2) !important;
    outline: none;
    border: 1px solid var(--focus-border-and-outline-color);
}

.user-page {
    min-height: calc(100vh - 115px);
    background-color: var(--secondary-background-color);
}

@media all and (max-width: 768px) {
    .user-page {
        min-height: calc(100vh - 68px);
    }
}

.user-page .form-group > div > a.info {
    display: block;
    margin-top: 5px;
    text-align: center;
}

.validationMessage {
    font-size: 0.8em;
    font-weight: normal;
}

.user-page .form-group .popover {
    width: 500px;
    padding: 10px;
    font-size: 80%;
}

    .user-page .form-group .popover li {
        margin-left: 10px;
    }

.responsive-switch {
    margin-top: 5px;
}
/* end */

/* Shipping info */
@media all and (max-width: 768px) {
    .shipping-info-page-container {
        padding: 0;
    }
}

.shipping-info-container {
    margin: 0 auto;
    padding: 10px;
    background-color: var(--secondary-background-color);
}

.shipping-info {
    background-color: var(--secondary-background-color);
    display: table-cell;
    padding: 10px;
    width: 33%;
    border: 1px solid var(--primary-border-color);
}

@media all and (max-width: 800px) {
    .shipping-info {
        display: block;
        margin-top: 10px;
        width: 100%;
    }
}

.shipping-info .form-group {
    margin-bottom: 3px;
}

    .shipping-info .form-group div span {
        margin-top: 7px;
        display: inline-block;
    }

@media all and (max-width: 480px) {
    .shipping-info .form-horizontal .control-label {
        text-align: left !important;
        width: 100%;
    }

    .shipping-info .form-horizontal div {
        width: 100%;
    }
}

@media all and (max-width: 1024px) {
    /* Form-horizontal label align */
    .shipping-info .form-horizontal .control-label {
        text-align: right;
        padding-top: 7px;
    }
}

.shipping-info-container .form-group div span {
    width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.shipping-info-container .table-display {
    border-spacing: 10px 0;
    display: table;
    width: 100%;
    table-layout: fixed;
}

.address-lookup {
    height: 400px;
    overflow: auto;
}

    .address-lookup ul li {
        padding: 5px;
    }

.custom-fields-wrap {
    background-color: var(--secondary-background-color);
    padding: 10px;
}

.lookup-placeholder {
    line-height: 44px;
}
/* end */

/* Dropdown with search */
.select2-container .select2-choice {
    border-radius: 0;
    line-height: 34px;
    height: 34px;
    border: none;
}

    .select2-container .select2-choice .select2-arrow {
        border-radius: 0;
        border-left: 1px solid var(--primary-border-color);
    }

.select2-search {
    margin-top: 4px;
}
/* end */

/* Setup debugger */
#debugger-body {
    background-color: var(--tertiary-background-color) !important;
    overflow: auto !important;
    top: 0;
    height: 300px !important;
}

    #debugger-body .popover {
        max-width: 100%;
        min-width: 250px;
    }

#ironPythonContextContainer {
    background-color: var(--tertiary-background-color);
    font-family: consolas;
    font-size: 12px;
    padding: 5px;
}

    #ironPythonContextContainer ul {
        padding: 0 10px;
    }

        #ironPythonContextContainer ul li {
            white-space: nowrap;
            list-style-type: none;
        }

        #ironPythonContextContainer ul > li.no-child span {
            padding-left: 16px;
        }

.debugger-info {
    padding: 5px;
    max-height: 300px;
    overflow: auto;
}

    .debugger-info h3 {
        font-size: 20px;
    }

.read-only .codeMirror {
    background-color: var(--tertiary-background-color);
    height: 100px;
}

.snippet-container {
    padding: 5px;
    border: 1px solid var(--primary-border-color);
    background-color: var(--tertiary-background-color);
    margin-bottom: 7px;
}

    .snippet-container .alternate {
        background-color: var(--tertiary-background-color);
    }

    .snippet-container .select2-container, .snippet-container input, .snippet-container select {
        width: 95% !important;
    }

    .snippet-container .select2-container {
        margin: 5px 0;
    }

.script-toolbar {
    padding: 10px 0;
}

.script-info {
    background-color: var(--tertiary-background-color);
    padding: 2px;
}

.arguments input, .arguments .select2-container, .arguments select {
    width: 92.5% !important;
    display: inline-block;
}

.tracetitle {
    font-size: 1.2em;
}

.traceslist {
    overflow: auto;
    max-height: 460px;
    background: #eee;
    font-family: monospace, Courier, sans-serif;
    color: #CCCCCC;
    background: #000000;
    border: 3px double #CCCCCC;
}

    .traceslist table td {
        padding: 3px 6px 6px 3px;
    }

.CodeMirror {
    width: 100%;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

.CodeMirror-wrap pre {
    word-break: break-all;
}

div.CodeMirror-cursors {
    visibility: visible; /*so cursor is visible on blur*/
}

.builder-poupup {
    width: 500px;
}

.select2-dropdown {
    z-index: 1100; /*fixing select 2 dropdown in popover*/
}
/* end */

/*------- FAKE STYLES  (not used anywhere) -------*/
.product-box .fake-percent {
    font-weight: bold;
    position: relative;
    text-align: right;
    z-index: 10;
    float: right;
    padding: 3px 5px;
    margin: 0;
    font-size: 17px;
    color: #333;
    border: 1px solid #ccc;
    background-color: #fff;
}
/* end */

/*------- FAVORITES -------*/

@media all and (max-width: 767px) {
    #favoritesContainer {
        margin: 0;
    }
}

.favorites-list {
    background-color: var(--secondary-background-color);
    margin: 0 auto;
    max-width: calc(100vw - 88px);
}

@media all and (max-width: 768px) {
    .favorites-list {
        max-width: calc(100vw - 61px);
    }
}

.form-group .form-checkbox {
    margin-top: 7px;
}

.favorites-buttons > .btn {
    margin: 3px;
}

.favorites-buttons .qty {
    margin: 3px;
}

@media all and (max-width: 1024px) {
    .favorites-icons.visible-xs-inline-block {
        display: none;
    }
}

@media all and (max-width: 991px) {
    .favorites-icons.visible-xs-inline-block {
        display: none;
    }
}

@media all and (max-width: 767px) {
    .favorites-icons.visible-xs-inline-block {
        width: 33% !important;
        display: inline-block !important;
        height: 26px !important;
        padding-top: 10px !important;
        background-color: var(--secondary-background-color);
        float: none;
        vertical-align: top;
        text-align: center;
    }
}

@media all and (max-width: 480px) {
    .favorites-icons, .variant-icons {
        display: block;
        margin: 5px 0;
        text-align: center;
    }
}

.favorites-icons a i {
    font-size: 130%;
    text-decoration: none;
}

.favorites-icons a {
    margin-left: 8px;
    font-size: 16px;
    border-radius: 4px;
}

.variant-icons a {
    font-size: 16px;
    border-radius: 4px;
    margin-left: 7px;
    margin-right: 4px;
}


.fav-filter {
    padding-right: 10px;
}

@media all and (max-width: 767px) {
    .fav-filter {
        display: block;
    }
}
/* end */

/*------- DEBUGGER -------*/
#debuggerIframe {
    width: 543px;
    height: 400px;
    border: none;
}

@media all and (max-width: 600px) {
    #debuggerIframe {
        width: 320px;
        border: none;
    }
}

.debugger-links {
    width: 550px;
    border: 1px solid #eee;
    padding: 5px;
    margin: 10px auto 0 auto;
}

.fiori3-configurator-view .debugger-links {
    position: relative;
}

@media all and (max-width: 600px) {
    .debugger-links {
        width: 320px;
    }
}
/* end */

/*------- DEVELOPER CONSOLE -------*/
.console-wrap {
    margin: 10px;
    background-color: #fff;
}

@media all and (max-width: 768px) {
    .console-wrap {
        margin: 0;
    }
}

.console-wrap .table-responsive {
    margin-bottom: 0;
}

.console-selected-action-container {
    margin: 0 10px;
}

    .console-selected-action-container > div[class*="col-"] {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

.group-section {
    position: relative;
    min-width: 90px;
    width: 90px;
    margin-right: 10px;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

    .group-section.group-toggled {
        min-width: 300px;
        width: 300px;
    }

    .group-section .group-wrap {
        padding-bottom: 0;
        border-top: 1px solid #bfbfbf;
        margin-top: 64px;
    }

        .group-section .group-wrap h3 {
            margin-bottom: 0;
            background-color: #d9d9d9;
            color: var(--primary-text-color);
        }

    .group-section .group-content-wrapper {
        margin-top: 10px;
        -webkit-transition: all 500ms ease-in-out;
        -o-transition: all 500ms ease-in-out;
        transition: all 500ms ease-in-out;
        padding-bottom: 10px;
    }

.rotated-toggle-group-icon {
    display: inline-block;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.group-section .group-toggle {
    position: absolute;
    top: 7px;
    right: 10px;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    margin-top: 67px;
}

    .group-section .group-toggle .toggle-group-icon {
        color: var(--primary-text-color);
        font-size: 12px;
    }

        .group-section .group-toggle .toggle-group-icon:hover,
        .group-section .group-toggle .toggle-group-icon:focus {
            text-decoration: none;
        }

.console-selected-action-container .trace-wrap {
    width: 100%;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.group-section.group-toggled + .trace-wrap {
    width: 100%;
}

@media all and (max-width: 800px) {
    .console-selected-action-container .flex {
        flex-wrap: wrap;
    }

    .group-section {
        margin-right: 0;
    }

        .group-section.group-toggled,
        .console-selected-action-container .trace-wrap,
        .group-section.group-toggled + .trace-wrap {
            width: 100%;
        }
}

.trace-wrap, .group-wrap {
    background-color: #fff;
    padding: 10px;
}

.log-details table {
    margin-bottom: 0;
}

.console-actions {
    padding: 0 5px;
}

    .console-actions label {
        margin: 5px 10px;
    }

.filter-search label {
    font-weight: normal;
    font-size: 1em;
}

.filter-search .middle {
    margin-top: 7px;
    padding: 0 10px;
}

.trace-message {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.trace-modal {
    width: 80%;
    max-width: 1600px;
}

.trace-modal .modal-body {
    max-height: 600px;
    overflow: auto;
}

.trace-modal h3 {
    line-height: 18px;
}

#AddRowModal table tr td:nth-child(2) {
    padding-top: 5px;
}

.trace-message-modal {
    max-width: 100%;
    min-height: 50px;
    height: 100px;
    white-space: pre-wrap;
    word-wrap: break-word;
    padding: 5px 25px 5px 5px;
    resize: vertical;
    overflow-y: scroll;
}

#tracesDiv {
    max-width: 100%;
    overflow: auto;
}

    #tracesDiv tr:hover, #actionsTable tr:hover #performanceSummaryTable tr:hover {
        cursor: pointer;
    }

    #tracesDiv td {
        overflow: hidden;
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #tracesDiv a:hover {
        text-decoration: none;
    }

.group-div {
    margin-bottom: 20px;
}

#actionsDiv {
    max-height: 243px;
    overflow: auto;
}

.trace-breadcrumbs {
    margin: 0 10px;
}

.total-lines {
    padding: 8px;
}

.log-details .total-row {
    font-weight: bold;
    border-top: 2px solid #bfbfbf;
}

.tracetbl .column-with-actions {
    text-align: left;
}
ul.performance-group-trace-warnings {
    margin: 0 0 0 5px;
    padding-left: 1em;
}

.developer-console-section-heading {
    border-bottom: 1px solid #bfbfbf;
    margin-bottom: 20px;   
}

.developer-console-section-heading h3,
.developer-console-section-heading span {
    font-size: 16px;
    margin-bottom: 0;
}

.developer-console-section-heading div {
    display: inline-block;
}

.developer-console-section-heading-toggle {
    float: right;   
}

.developer-console-section-heading-toggle a {
    position: relative;
    top: 5px;
}

.developer-console-section-heading-toggle a span {
    display: inline-block;
    transition: all .4s ease;
}

.developer-console-heading-line {
    margin-top: 0px;
    height: 1px;
    background: #bfbfbf;
}

.performance-console-data {
    cursor: default;
}

.performance-console-data tbody {
    cursor: pointer;
}

#performanceSummaryTable td:first-child {
    color: var(--main-link-and-icon-color);
}

div.developer-console-section-heading-title > h3 {
    background: #edeff0;
    color: #364ca0;
}

.btn-performance-details {
    margin: 5px 0 5px;
    font-size: 14px;
}

.performance-trace-warning-icon {
    color: var(--warning-color);
}

.performance-trace-success-icon {
    color: #107e3e;
}

.performance-console-traces-data .nav-tabs > li.active > a,
.performance-console-traces-data .nav-tabs > li.active > a:hover,
.performance-console-traces-data .nav-tabs > li.active > a:focus {
    background-color: transparent;
    border: none;
    color: var(--main-link-and-icon-color);
}

.performance-console-traces-data .nav-tabs > li {
    border-bottom: 2px solid transparent;
    margin-right: 30px;
}

.performance-console-traces-data .nav-tabs > li.active {
    border-bottom-color: var(--main-link-and-icon-color);
}

    .performance-console-traces-data .nav-tabs > li:hover {
        border-bottom-color: var(--main-link-and-icon-color);
    }

.performance-console-traces-data .nav-tabs > li > a {
    color: var(--secondary-text-color);
    border: none;
    cursor: pointer;
}

.performance-console-traces-data .nav-tabs li.disabled {
    cursor: not-allowed;
}

.performance-console-traces-data .nav-tabs li.disabled  a{
    pointer-events: none;
}

.performance-console-container {
    padding: 10px 20px 20px;
}

.performance-console-container .table-bordered td {
    background-color:  var(--secondary-background-color);
}

    .performance-console-summary tbody tr:hover td {
        background-color: var(--fiori3-table-row-hover);
    }

.performance-console-summary tbody tr.selected td {
    background-color: var(--fiori3-table-row-hover);
}

#performanceSummaryTable .sap-icon {
    float: right;
}

.performance-console-traces-data tbody tr:hover td {
    background-color: var(--fiori3-table-row-hover);
}

.performance-table-slowest-traces {
    margin-top: 15px;
    max-height: 300px;
    overflow: auto;
}

.performance-table-traces-warnings {
    margin-top: 15px;
    max-height: 300px;
    overflow: auto;
}

.performance-trace-copy{
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.performance-trace-message-modal {
    overflow: auto;
    max-width: 100%;
    min-height: 30px;
    height: 30px;
    white-space: pre;
    padding: 5px;
    resize: vertical;
}

.performance-trace-warning-message-modal {
    overflow: auto;
    max-width: 100%;
    min-height: 40px;
    height: 50px;
    padding: 5px;
    resize: vertical;
}

.performance-group-general-warnings {
    margin: 10px 0px 15px;
    padding: 10px;
    background: #FCF8E3;
    border: 1px solid #C3B38F;
    border-radius: 2px;
    width: 1000px;
}

.performance-group-trace-general-warnings {
    margin-left: 25px;
}

.warning-triangle{
    float: left;
}

.trace-message-copy {
    position: absolute;
    top: 20px;
    right: 45px;
}

.trace-message-copy:focus {
    outline: none;
    text-decoration: none;
}

.trace-message-copy-bottom {
    left: 0px;
    right: 0px;
    bottom: 30px;
    width: 200px;
    margin: auto;
}

.developer-console-traces-container {
    padding: 10px 20px 20px;
    background-color: var(--secondary-background-color);
}

div.developer-console-traces-title > h3 {
    background: var(--secondary-background-color);
    color: var(--main-link-and-icon-color);
}

.warning-row-color {
    background-color: var(--fiori3-warning-background-color);
}

/* end */

/* Home page links */
.home-page, .home-page-trial {
    margin-top: 10px;
}

    .home-page-trial > div {
        padding: 12px;
        background-color: var(--secondary-background-color);
        margin-bottom: 10px;
    }

    .home-page-trial a {
        text-transform: uppercase;
        display: block;
    }

    .home-page a {
        padding: 12px;
        background-color: var(--secondary-background-color);
        margin-bottom: 10px;
        text-transform: uppercase;
    }

        .home-page a:hover i {
            -webkit-transform: translate(-10px, 0);
            -ms-transform: translate(-10px, 0);
            transform: translate(-10px, 0);
        }

        .home-page a i {
            font-size: 1.6em;
        }
/* end */

/*------- Legacy CPQ -------*/
.obsolete-loader {
    display: none;
}

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

.redesignedBody {
    overflow-x: visible !important;
}

/* Customer info classic design */
h3.ci_toptitle {
    font-size: 24.5px;
    color: #222222;
    font-family: var(--main-font-family);
    font-weight: 400;
}

.ci_title h5 {
    font-size: 14px;
    color: #222222;
    font-family: var(--main-font-family);
    font-weight: 800;
}

.ci_title td {
    text-align: left !important;
}

.scTable .btn, .dgt_popup_block .button, .nccontainer .button, .new_button, .psw_add, .psw_addremove, .pinkObjFilter input[type="button"] {
    background-color: var(--fiori-primary-btn-background-color);
    padding: 6px 12px;
    border: 0 none;
    border-radius: 5px;
    color: var(--white-text-color);
}

.nccontainer table td, .nccontainer table th {
    padding: 5px;
}

.customFieldsContainer textarea {
    width: 100%;
}

.new_button span {
    color: var(--white-text-color);
}

.scLabel {
    background-color: var(--secondary-background-color);
    font-weight: normal;
    padding-right: 10px;
    font-size: 14px;
    line-height: 20px;
}

#txt1FirstName_list {
    background-color: white;
}

.ajaxtable td input.customer_ac_input {
    background-color: var(--secondary-background-color);
    border: solid 1px var(--primary-border-color);
    color: var(--primary-text-color);
    padding: 3px;
}

    .ajaxtable td input.customer_ac_input:focus {
        background-color: var(--secondary-background-color);
        border: solid 1px var(--primary-border-color);
        box-shadow: 0 0 8px #DCE1E5;
    }

.ci_title h5 {
    margin: 0;
}

.new_ci {
    background: none repeat scroll 0 0 var(--secondary-background-color);
    border: 1px solid var(--primary-border-color);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    display: block;
    padding: 10px;
}

.ajaxtable table, .ci_details table {
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    max-width: 100%;
}

    .ajaxtable table td, .ci_details table td, .ci_details table th {
        border-top: 1px solid var(--primary-border-color);
        line-height: 20px;
        padding: 8px;
        text-align: left;
        vertical-align: top;
        font-size: 95%;
    }

.ci_details {
    margin-left: -10px;
}

a.ci_action, .ci_action_big {
    background-position: center top;
    background-repeat: no-repeat;
    color: #00ACEC;
    display: block;
    float: left;
    font-family: var(--main-font-family);
    line-height: 12px;
    margin-left: 5px;
    outline: medium none;
    padding-top: 25px;
    text-align: center;
    text-decoration: none;
    width: 50px;
    min-height: 55px;
}

.cas_img1, .cab_img1 {
    background-image: url(/Content/images/legacy_custedit.png);
}

.cas_img2, .cab_img2 {
    background-image: url(/Content/images/legacy_custadd.png);
}

.cas_img3, .cab_img3 {
    background-image: url(/Content/images/legacy_custdelete.png);
}

.cas_img4, .cab_img4 {
    background-image: url(/Content/images/legacy_custlookup.png);
}

.cas_img5, .cab_img5 {
    background-image: url(/Content/images/legacy_custcrmlookup.png);
}
/* end */

/*------- GENERATE DOCUMENT -------*/
.proposal, .dgt_create_steps {
    padding: 0;
    margin: 20px;
}

    .dgt_create_steps li {
        display: inline;
        list-style-type: none;
        margin-right: 0;
        padding: 8px 25px;
        color: var(--primary-text-color);
        font-size: 14px;
        border-radius: 0;
        background-color: var(--secondary-background-color);
        border-bottom: 1px solid var(--primary-border-color);
    }

        .dgt_create_steps li.selected {
            border-bottom: 3px solid var(--main-link-and-icon-color);
        }

            .dgt_create_steps li.selected > span {
                color: var(--main-link-and-icon-color);
            }

.new_quote, .new_jq, .psw_jq, .userborder, .legacy-div-container {
    background: none repeat-x scroll center top var(--secondary-background-color);
    border-radius: 0;
}

.gen-doc-user-fields {
    margin-left: 68px;
}

@media all and (max-width: 767px) {
    .legacy-div-container {
        min-height: calc(100vh - 48px);
    }
}

.new_jq {
    width: auto !important;
    background-image: none !important;
}

    .new_quote h3, .new_jq h3, .psw_jq h3, .legacy-div-container h3, .userborder h1, .new_jq h3 a, .new_jq_dgt h3 a {
        margin: 0;
        text-align: left;
        background-image: none;
    }

.new_jq_dgt {
    background-color: var(--secondary-background-color);
    margin: 10px;
}

    .new_jq_dgt h3 {
        margin: 10px 0;
    }

.nccontaineradmin {
    padding: 10px !important;
}

.setup_table table {
    width: 98%;
}

.psw_jq table td, .legacy-div-container table td, .psw_jq table th, .legacy-div-container table th {
    padding: 3px;
    color: var(--secondary-text-color);
}

.psw_jq table th, .legacy-div-container table th {
    background-color: var(--tertiary-background-color);
}

.utitle {
    margin-top: 10px;
}

a.new_ncclosed, a.ncclosed {
    background: url(/Resources/images/nc_opened.png) no-repeat scroll right center transparent;
    color: var(--white-text-color);
    font: 1em var(--main-font-family);
    outline: none;
    padding: 5px 20px 5px 5px;
    text-decoration: none;
}

a.ncclosed {
    color: var(--white-text-color) !important;
}

    a.ncclosed:focus {
        outline: 2px solid var(--focus-border-and-outline-color);
        outline-offset: 0;
    }

a.new_ncopen, a.ncopen {
    background: url(/mt/default/images/nc_closed.png) no-repeat scroll right center transparent;
    color: var(--white-text-color);
    font: bold 1em var(--main-font-family);
    outline: none;
    padding: 5px 25px 5px 5px;
    text-decoration: none;
}

    a.new_ncclosed:hover, a.new_ncopen:hover {
        color: var(--white-text-color);
    }

.customizeprop {
    padding: 0;
    border-top: 1px solid var(--primary-border-color);
}

    .customizeprop .sort {
        float: right;
    }

    .customizeprop input[type="radio"], input[type="checkbox"], .psw_jq label, .legacy-div-container label, #rbIsHtml input[type="radio"], #rbIsHtml label {
        display: inline-block;
    }

#rbIsHtml span {
    margin: 3px 10px 3px 0;
}

.customizeprop .sectionLabel {
    display: inline-block;
    margin-left: 5px;
}

.proposal article, .customizeprop article, .floatnav article {
    list-style-type: none;
    padding: 5px;
    color: var(--primary-text-color);
    font-size: 14px;
    border-radius: 0 0 0 0;
    text-align: left;
    border-bottom: 1px solid var(--primary-border-color);
}

    .proposal article:last-child {
        border-bottom: 0 solid var(--primary-border-color);
    }

    .proposal article h4 {
        font-size: 1.2em;
        color: var(--primary-text-color);
        font-family: var(--main-font-family);
        margin: 10px;
    }

    .proposal li p {
        margin: 5px 10px;
    }

.proposal .cp_nfo {
    display: none;
}

.wicon, .picon, .prewicon, .cicon, .dicon, .deficon, .w2icon, .xicon, .wicon_off, .picon_off, .w2icon_off, .xicon_off {
    background-position: center top;
    background-repeat: no-repeat;
    color: var(--main-link-and-icon-color);
    display: block;
    float: left;
    font-size: 0.9em;
    font-family: var(--main-font-family);
    margin-right: 10px;
    outline: medium none;
    padding-top: 50px;
    text-align: center;
    text-decoration: none;
    width: 100px;
    min-height: 55px;
}

.cr_word, .cr_pdf, .cr_excel, .cr_preview, .cr_docx, #downloadContent a, #DivCRM a, #sendToCommerce a {
    background-position: left top;
    background-repeat: no-repeat;
    color: var(--sap-icon-color);
    display: block;
    font-family: var(--main-font-family);
    line-height: 12px;
    outline: medium none;
    padding-top: 50px;
    text-align: left;
    text-decoration: none;
    min-height: 35px;
    margin: 10px auto;
}

.custom-iframe-tab {
    width: 100%;
    height: 800px;
}

#downloadContent a, #DivCRM a, #sendToCommerce a {
    margin: 0 !important;
    padding: 10px 0 0 50px !important;
    width: 200px !important;
    text-align: left !important;
}

.savetemplate2 {
    clear: both;
    width: auto !important;
    text-align: left;
}

#downloadContent, #DivCRM, #sendToCommerce a {
    margin: 10px 0;
    height: 35px !important;
}

    #downloadContent a, #sendToCommerce a {
        height: 32px !important;
    }

div.savetemplate2 p:first-child {
    padding-top: 20px;
}

.floatnav {
    margin: 0 !important;
}

    .floatnav ul {
        padding: 0;
    }

    .floatnav li {
        text-align: center;
        display: block;
        border: none;
    }

.createtemplate {
    display: block;
}

#bottomLinks > div {
    margin-top: 0 !important;
}

.createtemplate a {
    display: inline-block;
    margin: 10px;
}

.createtemplate .cr_word, .createtemplate .cr_pdf, .createtemplate .cr_excel, .createtemplate .cr_preview, .createtemplate .cr_docx, .createtemplate #downloadContent a, .createtemplate #DivCRM a {
    background-position: center;
    padding-top: 60px;
}

#downloadContent a {
    background-image: url(/Content/images/legacy_download_small.png) !important;
}

#sendToCommerce a {
    background-image: url(/Content/images/legacy_sendto_commerce_small.png) !important;
}

.generateWordDocument, .cr_word {
    background-image: url(/Content/images/legacy_doc.png) !important;
}

.generateDOCXDocument, .cr_docx {
    background-image: url(/Content/images/legacy_docx.png) !important;
}

.generateExcelDocument, .cr_excel {
    background-image: url(/Content/images/legacy_xls.png) !important;
}

.generatePDFDocument, .cr_pdf {
    background-image: url(/Content/images/legacy_pdf.png) !important;
}

.generateWordDocument.wicon_off {
    background-image: url(/Content/images/legacy_doc_off.png) !important;
}

.generateDOCXDocument.w2icon_off {
    background-image: url(/Content/images/legacy_docx_off.png) !important;
}

.generateExcelDocument.xicon_off {
    background-image: url(/Content/images/legacy_xls_off.png) !important;
}

.generatePDFDocument.picon_off {
    background-image: url(/Content/images/legacy_pdf_off.png) !important;
}

.previewLink, .previewProposal, .prewicon, .cr_preview {
    background-image: url(/Content/images/legacy_docpreview.png);
}

.customizeDocument {
    background-image: url(/Content/images/legacy_doccustomize.png);
}

.documentDetails {
    background-image: url(/Content/images/legacy_doccustomize.png);
}

.dicon {
    background-image: url(/Content/images/legacy_download.png);
}

.deficon {
    background-image: url(/Content/images/legacy_replace.png);
}

.savetemplate2 > a {
    color: var(--sap-icon-color) !important;
    font-size: 14px !important;
    background-image: none !important;
    padding: 2px !important;
    font-weight: normal !important;
}

.afTable {
    width: 100%;
    border-collapse: collapse;
    border-top: 1px solid var(--primary-border-color);
}

    .afTable td, .afTable th {
        border-collapse: collapse;
        border-bottom: 1px solid var(--primary-border-color);
    }

        .afTable td input[type="checkbox"], .afTable th input[type="checkbox"], .afOptionsOuter input[type="checkbox"], .psw_jq input[type="checkbox"], .psw_jq input[type="radio"], .legacy-div-container input[type="checkbox"], .legacy-div-container input[type="radio"], .setup_table input[type="checkbox"], .addlnk input[type="checkbox"], #divBulkValidation input[type="radio"], .productimport input[type="radio"], .dgt_centeredClass input[type="radio"], .tb_popup_block input[type="radio"], .customer-import-export-wrap input[type="radio"] {
            display: inline;
            margin: 3px;
        }

#divBulkValidation label {
    display: inline;
    font-weight: normal;
    padding-left: 10px;
}

#divBulkValidation .message {
    background-color: #fcf8e3;
    padding: 15px;
    font-size: 0.9em;
}

.po_frame {
    background-color: #fcf8e3;
    padding: 15px;
    font-size: 0.9em;
    margin: 10px;
    width: 650px;
}

#divBulkValidation textarea {
    background-color: var(--secondary-background-color);
    border: 1px solid var(--input-border-color);
    color: var(--primary-text-color);
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    display: block;
    font-size: 14px;
    height: 200px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

#uploadPopup {
    width: 600px;
    height: 300px;
}

    #uploadPopup iframe {
        width: 600px;
        height: 250px;
        border: none;
    }

#edit_description_container td {
    padding: 5px;
}

#edit_description_text {
    height: auto !important;
    width: 100%;
}

.previously_generated_container .setup_table > div > table > tbody > tr > th {
    width: auto !important;
}

.previously_generated_container {
    min-width: 768px !important;
    width: auto !important;
    margin-left: 48px !important;
}

    .previously_generated_container .setup_table {
        width: 100%;
        overflow: auto;
    }

    .previously_generated_container .nccontaineradmin .usertitle {
        text-align: left !important;
    }

    .previously_generated_container .nccontaineradmin > div {
        width: auto !important;
    }

.gendoc-upload {
    width: 195px;
}

.global-templates-container {
    width: 99% !important;
}

.new_jq_dgt.global-templates-container {
    max-width: 1300px;
    margin: 0 auto;
}

.global-templates {
    width: 100% !important;
    padding: 0 !important;
}

    .global-templates div {
        width: 100% !important;
    }

.fa-chevron-down::before {
    font-family: var(--secondary-icons-font);
}

.gen-doc-main-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
/* end */
/* User pages */
.user-page-container {
    margin: 20px !important;
    margin-left: 68px !important;
    min-height: calc(100vh - 88px);
    max-width: calc(100vw - 88px) !important;
    background-color: var(--secondary-background-color);
    padding: 10px;
    border-radius: 4px;
    transition: max-width 500ms ease-in-out, margin-left 500ms ease-in-out;
}

@media all and (max-width: 768px) {
    .user-page-container {
        margin: 0 !important;
        padding: 10px;
        margin-left: 48px !important;
        min-height: calc(100vh - 48px);
        max-width: calc(100vw - 48px) !important;
        border-bottom: none;
        transition: max-width 500ms ease-in-out, margin-left 500ms ease-in-out;
    }
}

.user-page-involved-party-container {
    margin: 20px !important;
    margin-left: 68px !important;
    min-height: calc(100vh - 88px);
    max-width: calc(100vw - 88px) !important;
    padding: 0;
    border-radius: 4px;
    transition: max-width 500ms ease-in-out, margin-left 500ms ease-in-out;
}

@media all and (max-width: 768px) {
    .user-page-involved-party-container {
        margin: 0 !important;
        padding: 10px;
        margin-left: 48px !important;
        min-height: calc(100vh - 48px);
        max-width: calc(100vw - 48px) !important;
        border-bottom: none;
        transition: max-width 500ms ease-in-out, margin-left 500ms ease-in-out;
    }
}


.side-menu-expanded .user-page-container,
.side-menu-expanded .customize-document-template-container {
    margin-left: 260px !important;
    max-width: calc(100vw - 280px) !important;
    transition: max-width 500ms ease-in-out, margin-left 500ms ease-in-out;
}

@media all and (max-width: 768px) {
    .side-menu-expanded .user-page-container {
        margin-left: 48px !important;
        max-width: calc(100vw - 48px) !important;
        transition: max-width 500ms ease-in-out, margin-left 500ms ease-in-out;
    }
}

.user-page-container div > h3, .user-page-container > h3, .user-page-container section > h3, .user-page div > h2 {
    color: var(--primary-text-color);
    background-color: var(--secondary-background-color);
    border-bottom: 1px solid var(--primary-border-color);
}

.user-page-container div > h2 {
    font-size: 1em;
    padding: 10px;
    margin: 0 0 10px 0;
}

.user-page-personalization-container .input-group.date-field .input-group-addon,
.modify-personal-details-wrapper .input-group.date-field .input-group-addon {
    display: table-cell;
}

.fiori3-info-message-wrapper {
    margin: 2.5px 0;
}

.fiori3-info-message-wrapper a {
    width: 20px;
}

@media all and (max-width: 992px) {
    #userPersonalizationContainer .user-details-wrapper > .col-md-8 > .row {
        margin-left: -15px;
        margin-right: -15px;
    }

    #userPersonalizationContainer .col-md-8 .row > .col-md-12 {
        padding-left: 0;
        padding-right: 0;
    }

    .until-date-column {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .until-date-column label {
        padding: 0 0 5px 0;
        width: auto;
        text-align: left !important;
    }

    .until-date-column > div {
        padding: 0;
    }
}

.grant-access-wrapper .date-field {
    margin-right: 20px;
}

.grant-access-wrapper .ticket-number-field .form-control:first-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.ticket-number-field input {
    margin-right: 10px;
}

.ticket-number-field .sap-icon {
    margin-top: 4px;
    font-size: 14px;
    cursor: pointer;
}

.fiori3-user-details-wrapper .validation-message,
.fiori3-modify-personal-details-wrapper .date-field .validation-message {
    margin-top: 26px !important;
}

.choose-backup-approver .select2-container {
    z-index: 0;
}

@media all and (max-width: 768px) {
    .backup-approver-label {
        margin: 0 -15px 5px;
    }
}

.backup-approver-margin {
    margin-top: -10px;
    margin-left: -15px;
    margin-right: -15px;
}

.user-page-table-container {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    margin: 0 auto;
}

.usertitle, .HeadTitle {
    font-size: 24.5px;
    color: var(--primary-text-color);
    font-family: var(--main-font-family);
    font-weight: 400;
    padding: 10px 0;
    background: none !important;
}

.usersubtitle {
    font-size: 16px;
    color: var(--primary-text-color);
    font-family: var(--main-font-family);
    font-weight: 400;
    margin: 0;
}

/* Classic design */
.usermenu {
    list-style: none outside none;
    margin-right: 20px;
    padding: 0;
}

    .usermenu li {
        background: none repeat scroll 0 0 #F7F7F7;
        border-left: 2px solid #00ACEC;
        padding-left: 15px;
        border-bottom: 1px solid #DDDDDD;
        line-height: 35px;
    }

        .usermenu li a {
            color: #00a8e3 !important;
        }

.userborder {
    vertical-align: top;
}

    .userborder td {
        padding-bottom: 15px;
        vertical-align: middle;
    }

        .userborder td input, .userborder td select {
            background-color: white;
            border: solid 1px #D0D0D0;
            color: #3C3C3C;
            padding: 3px;
        }

            .userborder td input[type="image"], .userborder td input[type="image"]:focus {
                background-color: transparent;
                border: 0;
                color: #3C3C3C;
                padding: 0;
            }

            .userborder td input:focus {
                background-color: white;
                border: solid 1px #aaa;
                box-shadow: 0 0 8px #DCE1E5;
            }

            .userborder td input.button, .userborder input.button, .setup_table table .button, .legacybutton .button, .legacybutton, .customize {
                background: linear-gradient(#337ab7, #337ab7) repeat scroll 0 0 rgba(0, 0, 0, 0);
                border-color: #245580;
                color: #fff;
                padding: 6px 12px !important;
                border: 0 none;
                border-radius: 5px;
            }

                .customize:hover, .customize:focus, #addCompareSliderDiv .configAButton:hover, #addCompareSliderDiv .configAButton:focus {
                    color: #fff;
                    text-decoration: none;
                }

.userborder {
    padding: 10px;
}

    .userborder table td {
        border: 1px solid #ddd !important;
    }

    .userborder table tr.osheader {
        background-color: #EEEEEE;
        color: #333;
    }

.legacy-div-container label, .addlnk label {
    display: inline;
}

.legacy-div-container .label {
    color: #333;
    font-size: 100%;
}

.legacy-div-container > table td {
    padding: 3px;
}

.legacybutton table td input[type="text"], .legacybutton table td input[type="password"], .legacybutton table td select, .setup_table input[type="text"], .setup_table select, .psw_jq input[type="text"], .psw_jq input[type="password"], .psw_jq select, .psw_jq textarea, .legacy-div-container input[type="text"], .legacy-div-container select, .legacy-div-container textarea, .dgt_popup_block input[type="text"], .dgt_popup_block textarea, .nccontainer input[type="text"], .new_jq_dgt input[type="text"], .new_jq_dgt select, .lquotetable input[type="text"], .lquotetable select, .lquotetable textarea, .AdditionalEmailsTable td textarea, .itemsPerPageTD select, .pinkObjFilter input[type="text"], .dgt_tab_content input[type="text"], .dgt_tab_content textarea, .tb_popup_block textarea, .tb_popup_block input[type="text"], .tb_popup_block select, .priceEntryTableContainer textarea, .priceEntryTableContainer input[type="text"], .praceboolTablesImportContainer input[type="text"], .customTablesImportContainer input[type="text"], .tableContainingContent input[type="text"], .tableContainingContent select {
    background-color: #FFFFFF;
    border: 1px solid #D0D0D0;
    color: #3C3C3C;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    display: inline-block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    border-radius: 4px;
}

    .legacybutton table td input[type="text"]:disabled, .legacybutton table td select[disabled], .setup_table input[type="text"]:disabled, .setup_table select[disabled], .psw_jq select[disabled], .psw_jq input[type="text"]:disabled, .legacy-div-container select[disabled], .legacy-div-container input[type="text"]:disabled, .dgt_popup_block input[type="text"]:disabled, .dgt_popup_block textarea[disabled], .nccontainer input[type="text"]:disabled, .new_jq_dgt input[type="text"]:disabled, .new_jq_dgt select[disabled], .lquotetable input[type="text"]:disabled, .lquotetable select[disabled], .lquotetable textarea[disabled], .addtoquote_disabled {
        background-color: #EEEEEE !important;
        cursor: not-allowed !important;
        opacity: 1;
        border: 1px solid #D0D0D0;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
        padding: 6px 12px;
    }

.itemsPerPageTD select {
    width: 80px;
}

.button:hover, .button:focus, .legacybutton:hover, .legacybutton:focus {
    text-decoration: none;
    color: #fff;
}

.label2, .setup_label, .setup_required, .dgt_tab_content .required {
    text-align: right;
    font-weight: bold;
}

.label2 .recurringPeriods {
    width: 200px;
}

a.info {
    position: relative; /*this is the key*/
    z-index: 5;
    background-color: transparent;
    cursor: pointer;
}

    a.info img {
        vertical-align: top;
    }

    a.info:hover, a.info:focus {
        z-index: 25;
        background-color: transparent;
    }

    a.info span {
        display: none;
    }

    a.info:hover span, a.info:focus span {
        display: block;
        position: absolute;
        font-size: 11px;
        top: 15px;
        left: 15px;
        width: 250px;
        color: #000;
        text-align: left;
        padding: 10px;
        border: 1px solid #555555;
        background-color: white;
    }

        a.info:hover span ul li, a.info:focus span ul li {
            list-style: none outside none;
        }

.setup_table > div > table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #DDDDDD;
    background: #fff;
    margin: 10px 0;
}

.setup_table input[name='idToDelete'] {
    display: block;
    float: left;
    margin: 5px 0 5px 15px;
}

.setup_table table th table, .setup_table table th table th {
    border: 0 !important;
    line-height: 0.9 !important;
}

    .setup_table table th table th:first-child {
        padding: 9px 0;
    }

.setup_table th, .setup_table td {
    border: 1px solid #DDDDDD;
    line-height: 20px;
    padding: 5px;
    text-align: left;
    vertical-align: top;
}

.setup_table th, .lquotetable th {
    background-color: #EEEEEE !important;
    border-bottom: 2px solid #ddd !important;
}

.details-container {
    background-color: #fff;
    width: 94% !important;
}

    .details-container table td {
        padding: 5px;
    }

    .details-container .prod_label {
        font-weight: bold;
        font-size: 21px;
        margin-top: 10px;
    }

#compareTable {
    width: 99%;
    background-color: white;
    padding: 5px;
}

    #compareTable > table {
        width: 100%;
    }

    #compareTable a.customize {
        margin: 0;
    }

    #compareTable table label {
        display: inline-block;
        margin: 0 5px;
    }

    #compareTable table td {
        width: 550px;
        padding: 5px;
    }

        #compareTable table td.productNameLine a {
            color: #00a8e3;
            font-weight: bold;
        }

        #compareTable table td:first-child {
            width: 100px;
        }

    #compareTable table tr:last-child td {
        padding: 10px 15px 10px 0;
    }

.compareProductsTable table {
    margin-top: 10px;
}

    .compareProductsTable table .addlnk.addlight {
        display: inline-block;
        padding-top: 5px;
    }

.compareProductsTable a.customize {
    display: inline-block;
    padding: 5px 63px;
}

#addCompareSliderDiv a.configAButton {
    margin: 10px 0 0 8px !important;
    display: inline-block;
}

.productNameLine a {
    font-size: 16px;
    color: #222222;
    font-family: var(--main-font-family);
    font-weight: 400;
    margin: 0;
}

.catfloat {
    margin-top: 15px;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
}

    .catfloat table th {
        display: none;
    }

    .catfloat input {
        display: none;
    }

.addlnk label {
    font-weight: normal;
    font-size: 12px;
    margin-left: 5px;
}

td.label {
    color: #000;
}

.DefaultElementStyle {
    background-color: #fff;
    margin: 5px;
}


    .DefaultElementStyle label {
        display: inline-block;
        margin-right: 5px;
    }

.CustomTabStyle .ajax__tab_header {
    border-bottom: 1px solid #D7D7D7;
    display: block;
}

    .CustomTabStyle .ajax__tab_header .ajax__tab_outer {
        border: solid 1px #D7D7D7;
        color: #222222;
        margin-right: 3px;
        padding-left: 10px;
        top: 1px;
        position: relative;
    }

    .CustomTabStyle .ajax__tab_header .ajax__tab_inner {
        border: 0;
        color: #666666;
        padding: 3px 10px 2px 0;
    }

.CustomTabStyle .ajax__tab_hover .ajax__tab_inner {
    color: #000000;
}

.CustomTabStyle .ajax__tab_active .ajax__tab_outer {
    border-bottom-color: #FFFFFF;
    background: #fff;
}

.CustomTabStyle .ajax__tab_active .ajax__tab_inner {
    border-color: #D7D7D7;
    color: #000000;
}

.CustomTabStyle .ajax__tab_body {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-color: #D7D7D7;
    border-image: none;
    border-right: 1px solid #D7D7D7;
    border-style: solid;
    border-width: 0 1px 1px;
}

.addtoquote_catalogue, .button, .psw_link {
    background: linear-gradient(#337ab7, #337ab7) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #245580;
    border: 0 none;
    color: #FFFFFF;
    padding: 6px 12px;
    border-radius: 5px;
    font-size: 14px;
}

.psw_link {
    margin: 5px 0;
}

.customize {
    margin: 5px 10px;
}

.addlnk {
    margin: 5px;
}

.showPreviewPopup {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #CACACA;
    border-radius: 5px;
    display: none;
    padding: 20px;
    z-index: 99999;
}

.download_preview {
    background: url(/Content/images/legacy_download.png) no-repeat scroll center top #FFFFFF;
    display: block;
    float: left;
    padding-top: 50px;
    text-align: center;
}

#preview_progress {
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    width: 220px;
}

#preview_data {
    overflow-x: auto;
    overflow-y: hidden;
}

#addCompareSliderDiv {
    margin: 0 5px;
}

    #addCompareSliderDiv table {
        width: 200px !important;
    }

        #addCompareSliderDiv table tr:first-child th {
            padding-bottom: 10px;
            border-bottom: solid 1px #aaaaaa;
        }

    #addCompareSliderDiv .configAButton {
        display: inline;
        margin: 10px 0 0 0;
        font-weight: 400;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        border: 1px solid transparent;
        white-space: nowrap;
        padding: 5px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #fff;
        background: linear-gradient(#337ab7, #337ab7) repeat scroll 0 0 rgba(0, 0, 0, 0);
        width: 150px;
        border-radius: 4px;
    }

.dgt_popup_block {
    margin-top: 15px;
    height: auto !important;
    width: auto !important;
}

    .dgt_popup_block table {
        width: 100% !important;
    }

        .dgt_popup_block table td:first-child {
            padding-top: 20px;
            margin: 10px;
        }

    .dgt_popup_block #preview_form {
        border-bottom: 2px solid var(--primary-border-color) !important;
    }

.dgt_centeredClass .psw_jq label {
    display: inline-block;
}

.psw_jq > table {
    padding: 5px;
}

.dgt_centeredClass {
    margin: 0 auto;
}

    .dgt_centeredClass .setup_table > div > table > tbody > tr > th:last-child {
        width: 200px !important;
    }

    .dgt_centeredClass img {
        vertical-align: top;
    }

.psw_jq h3, .legacy-div-container h3 {
    width: auto !important;
}

#edit_description_container {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.password-info {
    display: inline-block;
    top: 2px;
}

.password-info span:nth-child(2) {
    min-width: 400px;
    font-family: var(--main-font-family);
    border-radius: 4px;
    font-size: 12px !important;
}

/* Not being used on any page */
.praceboolTablesImportContainer {
    background-color: #fff;
    padding: 10px !important;
    border: 1px solid #ddd;
}

    .praceboolTablesImportContainer table {
        width: 100% !important;
    }

        .praceboolTablesImportContainer table td {
            padding: 5px;
        }
/* end */

.customTablesImportContainer {
    background-color: #fff;
    padding: 10px !important;
    border: 1px solid #ddd;
}

    .customTablesImportContainer table {
        width: 100% !important;
    }

        .customTablesImportContainer table td {
            padding: 5px;
        }
/* end */

/* Revisions */
.revisions-table-container {
    overflow-x: auto;
    padding-bottom: 20px;
}

/* Classic design */
.lquotetable {
    width: 100%;
}

.lquotetable, .lquotetable td, .lquotetable th {
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 5px;
}

.lquotetable caption {
    margin: 10px;
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
}

.lquotetable .revactive,
.revisions-table-container .revactive{
    background-color: #d1e8ff !important;
}

.revisions-page-container {
    padding: 0;
}

.revisions-page-container h3 {
    text-align: left;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 10px 16px;
}

.revisions-table-container {
    padding: 10px;
}

.revisions-table-container .fiori3-input-group input {
    width: 100%;
}

.revisions-table-container .fiori3-input-group textarea {
    width: 100%;
    height: 40px;
    padding: 6px 6px;
}

.revisions-table-container .fiori3-checkbox-group {
    position: relative;
    margin-bottom: 0;
}

.revisions-table-container .fiori3-checkbox-group input {
    z-index: 1;
}

.revisions-table-container .fiori3-checkbox-group input + span:before {
    top: -16px;
}

.revisions-page-container .compare-button {
    margin: 0 20px;
}

.compare-revisions-page-container {
    margin: 20px 20px 0 68px !important;
    padding: 0 16px 20px;
}

.compare-revisions-page-container h3 {
    padding: 10px 16px;
    margin: 0 -16px 20px;
}

.compare-revisions-page-container .fiori3-table {
    margin: 0 !important;
}

.compare-revisions-page-container .fiori3-table th {
    background-color: var(--tertiary-background-color);
}

.attachments-section {
    position: relative;
    margin-top: 20px;
}

.key-attributes-table {
    position: relative;
}

.key-attributes-table .stp_label_open,
.key-attributes-table .stp_label_opened,
.key-attributes-table .stp_label_opened_hover,
.key-attributes-table .stp_label_closed,
.key-attributes-table .stp_label_closed_hover {
    background-image: none;
    background-color: var(--shellbar-background-color);
    padding: 5px 10px;
    height: auto;
    text-align: left;
    color: var(--white-text-color);
    margin-bottom: 10px;
}

    .key-attributes-table div[class^="stp_label"]::after {
        content: '\e1c5';
        font-family: var(--icons-font);
        display: inline-block;
        font-size: 16px;
        position: absolute;
        right: 10px;
        top: 3px;
        transform: rotate(270deg);
        transition: all .4s;
        color: var(--white-text-color);
    }

    .key-attributes-table div[class^="stp_label_opened"]::after {
        transform: rotate(90deg) !important;
    }

.rev_width {
    overflow: hidden;
}

.rev_width h3 {
    margin-bottom: 15px;
}

.rev_width .button {
    width: auto !important;
}

    @media all and (max-width: 1440px) {
        .rev_width > div > table {
            width: 1400px;
        }
    }

.rev_width > div > table td {
    display: table-cell;
}


.breadCrumbsContainer {
    margin: 10px 0;
    padding: 10px !important;
}

.displayBulkValidateTable tr:first-child {
    background-color: var(--tertiary-background-color) !important;
    border-bottom: 2px solid var(--primary-border-color) !important;
    font-weight: bold !important;
}

.displayBulkValidateTable tr td {
    border-bottom: 1px solid var(--primary-border-color) !important;
}

.displayBulkValidateTable tr td {
    color: var(--primary-text-color) !important;
    padding: 5px;
}

.SendToTable, .AdditionalEmailsTable {
    border: 1px solid var(--primary-border-color) !important;
    border-collapse: collapse;
    height: 88px !important;
    width: 100%;
}

    .SendToTable td, .AdditionalEmailsTable td {
        padding: 2px;
        border: 1px solid var(--primary-border-color) !important;
    }

        .AdditionalEmailsTable td textarea {
            width: 100% !important;
        }

.grayPageTitle {
    margin: 15px 10px;
    color: var(--primary-text-color) !important;
    display: block;
}

.itemsPerPageTD label {
    display: inline-block;
}

.dgt_popup_block {
    display: none;
    background: var(--secondary-background-color);
    padding: 20px;
    border: 1px solid var(--primary-border-color);
    float: left;
    position: absolute;
    top: 10%;
    left: 50%;
    z-index: 99999;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-left: 0 !important;
    width: auto;
    min-width: 360px !important;
}

    .dgt_popup_block td {
        text-align: left;
    }

.dgt_close {
    float: right;
    margin: -30px -30px 0 0;
}

#dgt_fade {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1043;
    background-color: #000;
    opacity: 0.5;
    display: none;
}
/* end */

/* Quote layout page */
.multiusers-quote-layout {
    padding: 10px;
    background-color: var(--secondary-background-color);
}

.add-remove-arrows {
    display: block;
    margin: 3px;
}

.quote-layout-message {
    text-align: left !important;
    background-color: var(--fiori3-success-background-color);
    margin: 10px 0;
}

    .quote-layout-message > span {
        color: var(--fiori3-succes-border-color);
        display: inline-block;
        font-size: 1em;
        font-weight: normal;
    }

        .quote-layout-message > span:before {
            content: "\f058";
            font-family: var(--secondary-icons-font);
            display: inline-block;
            margin-right: 8px;
        }

.tableContainingContent {
    margin-top: 10px;
}

    .tableContainingContent td {
        padding: 3px;
    }

    .tableContainingContent select[multiple] {
        height: 150px !important;
    }

    .tableContainingContent td.label {
        display: block !important;
        text-align: left !important;
        margin-top: 5px;
    }

.mangeCustomersCenterDiv {
    width: 1500px !important;
}

.selectlang span {
    background: url(/Admin/pswfix.gif) no-repeat;
    display: block;
    width: 250px;
    margin: -2px 5px;
    padding: 7px 0 3px 5px;
    font: normal 12px Arial;
    cursor: pointer;
}

.selectlang {
    left: 200px;
    margin-bottom: 5px;
    position: absolute;
    top: 0;
    width: 250px !important;
}

    .selectlang > div {
        height: 25px;
        overflow-y: visible !important;
    }

    .selectlang .language {
        border: 1px solid var(--primary-border-color);
        color: var(--primary-text-color);
        padding: 3px 0;
        text-align: left;
        width: 249px;
        background-color: var(--secondary-background-color);
        margin-top: -1px;
        margin-left: 5px;
    }

        .selectlang .language input {
            margin: 0 5px;
        }

        .selectlang .language label {
            display: inline-block;
        }

.ml table {
    width: 250px !important;
    background-color: var(--secondary-background-color);
}

    .ml table td, .ml table th {
        border: 1px solid var(--primary-border-color);
        border-collapse: collapse;
        padding: 5px;
    }

.ml #tab1, .ml #tab2 {
    background-color: var(--secondary-background-color);
    margin-bottom: 10px;
}

    .ml #tab2 table td, .ml #tab2 table th {
        border: none;
    }

    .ml #tab2 .defaultlang {
        border: 1px solid var(--primary-border-color);
        background-color: var(--tertiary-background-color);
    }

.cftab_multiusers {
    border-bottom: 1px solid var(--primary-border-color);
    font: bold 12px Verdana;
    list-style-type: none;
    margin: 0;
    padding: 3px 0;
    text-align: left;
    width: 100%;
}

    html > body .cftab_multiusers li {
        display: inline;
        top: 0;
        padding: 5px;
    }

        .cftab_multiusers li.selected a {
            -moz-border-bottom-colors: none;
            -moz-border-left-colors: none;
            -moz-border-right-colors: none;
            -moz-border-top-colors: none;
            background-color: #fff;
            background-image: none;
            border-color: #adadad #adadad -moz-use-text-color;
            border-image: none;
            border-radius: 3px 3px 0 0;
            border-style: solid solid none;
            border-width: 1px 1px medium;
            color: var(--main-link-and-icon-color);
            padding: 4px 6px;
            top: 1px;
            text-decoration: none;
        }

.languagecontainer a {
    color: var(--primary-text-color);
    font-size: 12px;
}

#preview_popup {
    position: absolute;
    top: 30%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 680px;
    width: 600px;
}

#preview_popup #preview_form {
    height: 50px !important;
}

#preview_popup #preview_data {
    margin: 10px;
}

@media all and (max-width: 768px) {
    .product-import-page-container {
        max-width: 670px;
        overflow: auto;
    }
}

.productimport > table {
    padding: 10px;
    margin: 10px;
}

    .productimport > table > tbody > tr > td {
        padding: 10px;
    }

td.stepNumber {
    background-color: var(--main-link-and-icon-color);
    border: 1px solid var(--main-link-and-icon-color);
    color: var(--white-text-color) !important;
    font-weight: bold;
    text-align: center;
    width: 100px;
}

td.message, td.stepLabel {
    background-color: var(--fiori3-warning-background-color);
    border: 1px solid var(--fiori3-warning-border-color);
    color: var(--primary-text-color);
    display: block;
    font-weight: normal;
    padding: 5px;
}

p.cartHistoryTitle {
    margin: 10px auto !important;
    width: 1150px !important;
}

#mainContentPane {
    margin: 10px auto !important;
    width: 1150px !important;
}

    #mainContentPane table:first-child td {
        padding: 5px;
        width: 200px !important;
        background-color: #eee !important;
    }

        #mainContentPane table:first-child td:first-child {
            width: 100px !important;
        }

        #mainContentPane table:first-child td input[type="text"] {
            width: 200px !important;
        }

    #mainContentPane .pinkObj {
        width: 1150px !important;
    }

table.pinkObj thead td, table.pinkObj thead th {
    background-color: var(--tertiary-background-color) !important;
    color: var(--primary-text-color) !important;
    border-bottom: 2px solid var(--primary-border-color);
    border-top: 1px solid var(--primary-border-color);
    border-left: 1px solid var(--primary-border-color);
    border-right: 1px solid var(--primary-border-color);
    padding: 10px 5px;
    width: 200px !important;
    table-layout: fixed;
}

    table.pinkObj thead td:first-child, table.pinkObj thead th:first-child {
        width: 98px !important;
    }

    table.pinkObj thead td.selectedDown, table.pinkObj thead th.selectedDown,
    table.pinkObj thead td.selectedUp, table.pinkObj thead th.selectedUp {
        background-image: none !important;
    }

table.pinkObj tbody td {
    background-color: var(--secondary-background-color) !important;
    padding: 5px;
    border: 1px solid var(--primary-border-color);
}

.pinkObjFilter input[type="button"] {
    padding: 5px;
}

.dgt_centeredClass .addBtnContainer {
    width: 100%;
    display: block;
    text-align: center;
}

.documentGenerationPopup {
    margin-left: -320px !important;
}

.cartHistoryTitle {
    padding: 5px;
    margin: 10px;
    font-size: 16px;
}

.addEridtCustomerContainer {
    margin: 15px;
}

    .addEridtCustomerContainer > span > table {
        margin: 0 auto;
        border: 1px solid var(--primary-border-color) !important;
    }

    .addEridtCustomerContainer table td {
        padding: 3px;
    }

    .addEridtCustomerContainer > span > table > tbody > tr:first-child > td {
        background-color: var(--tertiary-background-color) !important;
        color: var(--primary-text-color) !important;
        padding: 5px !important;
    }

.aspx-page-container {
    margin-left: 48px;
}

@supports (-webkit-touch-callout: none) {
    .gen-doc-iframe-container {
        -webkit-overflow-scrolling: touch !important;
        overflow: auto !important;
    }
}

.genDocCenterContainer > iframe {
    height: 850px !important;
    border: none;
}
/* end */

/* Document generation */
.document-generation-template-list-content-container {
    padding: 10px;
    overflow: auto;
}

.manage-generated-quotes-page-content-container {
    margin: 0 auto;
    padding: 10px;
    max-width: 1050px;
    overflow: auto;
}

    .manage-generated-quotes-page-content-container div:first-child {
        margin-top: 15px;
        margin-bottom: 10px;
        text-align: center;
    }

.proposalVideoLinkContainer {
    display: none;
}

.generatingdoc {
    text-align: left;
}

    .generatingdoc ul li {
        list-style-type: none;
        margin: 10px 0;
        padding-left: 22px;
    }

        .generatingdoc ul li.finished {
            background: url(/Content/images/tick_gd.png) no-repeat scroll 0 0;
            color: var(--primary-text-color);
        }

        .generatingdoc ul li.loading {
            background: url(/Content/images/loader.gif) no-repeat scroll 0 center;
            color: var(--primary-text-color);
        }

#ProgressDiv .message {
    background-color: var(--fiori3-warning-background-color);
    border: 1px solid var(--fiori3-warning-border-color);
    color: var(--primary-text-color);
    display: block;
    font-weight: normal;
    margin: 0;
    padding: 5px;
    text-align: center;
}

.productimport table label {
    display: inline-block;
}

.stepBorder {
    border: 1px solid var(--primary-border-color);
    padding: 10px !important;
}

.productimport input[type="file"] {
    display: inline-block;
}

select[multiple] {
    height: auto !important;
}

    @media only screen and (min-device-width: 320px) and (max-device-width: 1024px) {
        .choose-companies-permission-group-wrapper select[multiple],
        #permissions select[multiple] {
            -webkit-appearance: none;
            min-height: 110px;
        }

        .choose-companies-permission-group-wrapper .dgt_permissionFieldset #ctl01_MainContentPlaceHolder_lbSelectedPermissions {
            min-height: 685px !important;
        }

        #permissions #ctl01_MainContentPlaceHolder_lbSelectedPermissions {
            min-height: 720px !important;
        }
    }

.choose-companies-permission-group-wrapper > div {
    width: 600px;
    margin-bottom: 20px;
}

.message_error {
    color: var(--error-required-color);
    font-weight: bold;
    font-size: 0.8em;
    margin: 10px;
}

.master_message_error {
    background-color: var(--fiori3-error-background-color);
    border-color: var(--fiori3-error-border-color);
    color: var(--primary-text-color);
    margin: 20px 10px;
    margin-left: 68px;
    padding: 10px;
    width: calc(100vw - 88px);
    font-size: 1em;
    font-weight: normal;
    display: block;
    text-align: left;
    word-break: break-word;
}

    .master_message_error:before {
        content: "\f06a";
        font-family: var(--secondary-icons-font);
        padding: 5px;
    }

.master_message_success {
    background-color: var(--fiori3-success-background-color) !important;
    border-color: var(--fiori3-succes-border-color) !important;
    color: var(--primary-text-color) !important;
    margin: 10px !important;
    padding: 10px !important;
    width: calc(100% - 20px) !important;
    font-size: 1em !important;
    font-weight: normal !important;
    display: block;
    text-align: left !important;
}

    .master_message_success:before {
        content: "\f058";
        font-family: var(--secondary-icons-font);
        padding: 5px;
    }

.master_message_info, .nccontaineradmin .message, .setup_table .message, .praceboolTablesImportContainer .message, .customTablesImportContainer .message, .legacy-div-container .message, .send-to-commerce-info-message {
    background-color: var(--fiori3-info-background-color) !important;
    border-color: var(--fiori3-info-border-color) !important;
    color: var(--primary-text-color) !important;
    margin: 10px !important;
    padding: 5px !important;
    width: calc(100% - 20px) !important;
    font-size: 1em !important;
    font-weight: normal !important;
    display: block;
    text-align: left !important;
}

    .master_message_info:before, .nccontaineradmin .message:before, .setup_table .message:before, .praceboolTablesImportContainer .message:before, .customTablesImportContainer .message:before, .legacy-div-container .message:before {
        content: "\f05a";
        font-family: var(--secondary-icons-font);
        padding: 5px;
    }

.docusign_message {
    margin: 10px;
    width: 98% !important;
}

.templatesContainerDiv {
    width: 650px !important;
}

.addtemplate {
    color: var(--main-link-and-icon-color);
}

.templateNameLabel {
    padding: 0 5px !important;
    vertical-align: inherit;
    display: block;
    margin: 10px 5px;
}

#templateTagBuilderPopup {
    padding-top: 0 !important;
}

.labelWithBr {
    display: block;
    margin-top: -20px;
}

.dgt_tab_container {
    background-color: var(--secondary-background-color);
    padding: 10px;
}

.dgt_tab_content table td {
    padding: 5px;
}

table.dgt_filerevisions td, table.dgt_filerevisions th {
    padding: 5px;
    text-align: center;
}

table.dgt_filerevisions, table.dgt_filerevisions td, table.dgt_filerevisions th {
    border: 1px solid var(--primary-border-color);
}

#template_tools_container {
    border: 1px solid var(--primary-border-color);
    padding: 10px;
    margin: 5px;
}

.tb_headingLabel1 {
    color: var(--primary-text-color);
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    cursor: auto;
    padding: 0 0 10px 0;
}

.dgt_tab_container .label2 {
    font-weight: bold;
}

ul.dgt_tabs {
    padding: 0 !important;
    float: left;
    list-style: none;
    border-bottom: 1px solid var(--primary-border-color);
    background-color: var(--secondary-background-color);
    width: 100% !important;
}

    ul.dgt_tabs li {
        float: left;
        margin: 0;
        padding: 0;
        height: 28px;
        line-height: 23px;
        border: 1px solid var(--primary-border-color);
        margin-right: 4px;
        overflow: hidden;
        position: relative;
        background-color: var(--secondary-background-color);
    }

        ul.dgt_tabs li.active {
            border-bottom: 1px solid var(--main-link-and-icon-color);
        }

        ul.dgt_tabs li a {
            text-decoration: none;
            color: var(--primary-text-color);
            display: block;
            font-family: var(--main-font-family);
            font-size: 12px;
            font-weight: bold;
            padding: 0 24px;
            outline: none;
        }

.tb_popup_block {
    width: 900px;
    padding: 10px;
    margin: 10px auto;
    background-color: var(--secondary-background-color);
    border: 1px solid var(--primary-border-color);
}

.tb_popup_block {
    display: none;
    background-color: var(--secondary-background-color);
    padding: 20px;
    border: 2px solid var(--primary-border-color);
    float: left;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 99999;
}

.tb_close {
    float: right;
}

.tb_popup_block > div, .tb_popup_block table td, #tb_product_data_section_table > div {
    padding: 5px;
}

.buttonContainer {
    width: 1120px;
    margin: 0 auto;
    display: inline-block;
    padding: 10px;
}

.priceEntryTableContainer td {
    padding: 5px;
}

.dgt_tab_content div:first-child {
    position: inherit !important;
}

#tab6descriptionhint, #tab6includedfilehint, #tab6howtohint, #tab6selectiontypehint, tab8attachedfilehint {
    width: 300px;
    background-color: var(--secondary-background-color);
    padding: 5px;
    font-size: 80%;
    border: 1px solid var(--primary-border-color) !important;
}

a.dgt_tools_open {
    background: url(/Resources/images/nc_opened.png) no-repeat scroll right center transparent;
    font: bold 1em var(--main-font-family);
    outline: 0 none;
    padding: 5px 20px 5px 5px;
    text-decoration: none;
}

.fixForOldModal {
    display: block;
    background-color: var(--secondary-background-color);
    border: 1px solid var(--primary-border-color);
    position: relative;
    top: 0;
    left: 0;
    z-index: 1003;
    width: 600px;
    height: 330px;
    padding: 0;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.modalDiv {
    background-color: var(--secondary-background-color);
    border: 1px solid var(--primary-border-color);
    padding: 10px;
    min-height: 115px;
    max-height: 600px;
    overflow: auto;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

    .modalDiv input[type="file"] {
        margin-bottom: 15px;
        text-align: center;
    }

.fixForOldModal .popuptitle {
    padding: 5px;
}

    .fixForOldModal .popuptitle > div {
        right: 5px !important;
        top: 5px !important;
    }

.fixForOldModal > div > div {
    width: auto !important;
    height: auto !important;
}

.fixForOldModal table td {
    padding: 5px;
}

.fixForOldModal .popup-height-style {
    height: auto !important;
}

.revactive select, .revrow select {
    width: 100%;
}

.modal-iframe {
    width: 100%;
    height: 500px;
    border: none;
}

.modal-iframe-body {
    background-color: var(--secondary-background-color) !important;
}

    .modal-iframe-body .compareProductsTable, .modal-iframe-body .compareProductsTable a.customize {
        font-size: 14px !important;
    }

.style5 {
    width: auto !important;
}

.dgt_permissionFieldset {
    border: 1px solid var(--primary-border-color);
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

    .dgt_permissionFieldset legend {
        font-size: 13px;
        font-weight: bold;
        border: none;
        margin-bottom: 0;
        width: auto;
    }

    .dgt_permissionFieldset #ctl01_MainContentPlaceHolder_lbSelectedPermissions {
        height: 660px !important;
    }

#permissions #ctl01_MainContentPlaceHolder_arrows2 {
    padding-top: 70px !important;
}

#permissions a.info img {
    vertical-align: middle;
}

.customer-import-export-wrap {
    padding: 10px;
    margin: 10px;
    background-color: var(--secondary-background-color);
}

    .customer-import-export-wrap input[type="file"] {
        display: inline-block;
    }

.import-export-table {
    width: 99%;
    overflow: auto;
    margin: 0 10px;
}

.documentDetailsDiv {
    padding: 10px;
}

.productimport .message {
    width: 99% !important;
}

.setup_table table th {
    width: auto;
}

.legacy-generated-documents .setup_table table th th {
    width: 100% !important;
}

#previewIframeHolder {
    width: 600px;
    margin: 0 auto;
}

.aspNetDisabled {
    background: rgba(0, 0, 0, 0) linear-gradient(#dddddd, #dddddd) repeat scroll 0 0;
    border: 1px solid var(--primary-border-color);
    box-shadow: none;
    color: var(--primary-text-color);
    opacity: 0.65;
}

#gridviewTable td {
    padding: 5px;
}

input[value="Clear"], input[value="Cancel"], input[value="Search"], input[value="Reset"], .reset, input[value="Back To Bulk Validation"] {
    background: rgba(0, 0, 0, 0) linear-gradient(#ffffff, #ffffff) repeat scroll 0 0 !important;
    box-shadow: none !important;
    border: 1px solid var(--primary-border-color) !important;
    color: var(--primary-text-color) !important;
    font-weight: normal;
    border-radius: 5px;
    padding: 6px 12px;
}

@media all and (max-width: 1024px) {
    #floatingCreateLinks {
        display: none !important;
    }
}

@media all and (max-width: 1023px) {
    .hide-responder {
        display: none;
    }

    .configurator-width > .row > .col-md-8 {
        width: 100%;
    }

    .full-width {
        width: 100%;
    }
}
/* end */
/*------- Legacy CPQ END -------*/

/*------- LOADER -------*/
.overlay {
    background-color: #000;
    -moz-opacity: 0.1;
    opacity: 0.1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100002; /*dialog in old cpq have z-index 100001*/
}

.loaderWrap {
    background-color: rgba(0, 0, 0, 0.2);
    border: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: fixed;
    z-index: 1000222;
    margin: 0;
    padding: 0 5px;
    display: inline-block;
    width: 50px;
    height: 50px;
}

    .loaderWrap .loader {
        background: url(/Content/images/loader1.gif) center no-repeat;
        position: relative;
        width: 32px;
        height: 32px;
        display: block;
        margin: 0 auto;
    }

.loader {
    background: url(/Content/images/loader1.gif) center no-repeat;
    position: relative;
    width: 22px;
    height: 20px;
    display: block;
    margin: 10px auto 0 auto;
}

.modal-body .loaderWrap {
    position: static;
}
/* end */

/* Twitter-typeahead */
.tt-dropdown-menu {
    min-width: 160px;
    margin-top: 2px;
    padding: 5px 0;
    background-color: var(--secondary-background-color);
    border: 1px solid var(--primary-border-color);
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.tt-suggestion {
    display: block;
    padding: 3px 20px;
}

    .tt-suggestion.tt-is-under-cursor {
        color: var(--white-text-color);
        background-color: var(--main-link-and-icon-color);
    }

        .tt-suggestion.tt-is-under-cursor a {
            color: var(--white-text-color);
        }

    .tt-suggestion p {
        margin: 0;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

.catalog-search .twitter-typeahead .form-control,
.catalog-search .twitter-typeahead .tt-hint {
    margin-bottom: -5px;
    display: inline-block;
}

.search-box-loop .twitter-typeahead .form-control.tt-hint {
    padding-right: 35px;
}

.shipping-info .twitter-typeahead .form-control {
    margin-bottom: 5px;
}

.catalog-search .tt-dropdown-menu {
    margin-top: 6px;
}

.shipping-info .tt-dropdown-menu {
    margin-top: -3px;
}


.tabs-left > .nav-tabs {
    border-bottom: 0;
}

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

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

.tabs-below > .nav-tabs {
    border-top: 1px solid var(--primary-border-color);
}

    .tabs-below > .nav-tabs > li {
        margin-top: -1px;
        margin-bottom: 0;
    }

        .tabs-below > .nav-tabs > li > a {
            -webkit-border-radius: 0 0 4px 4px;
            -moz-border-radius: 0 0 4px 4px;
            border-radius: 0 0 4px 4px;
        }

            .tabs-below > .nav-tabs > li > a:hover,
            .tabs-below > .nav-tabs > li > a:focus {
                border-top-color: var(--primary-border-color);
                border-bottom-color: transparent;
            }

    .tabs-below > .nav-tabs > .active > a,
    .tabs-below > .nav-tabs > .active > a:hover,
    .tabs-below > .nav-tabs > .active > a:focus {
        border-color: transparent var(--primary-border-color) var(--primary-border-color) var(--primary-border-color);
    }

.baseItem {
    border-left: thick solid var(--main-link-and-icon-color);
    border-left-width: 10px;
}

.optionalItem {
    border-left: thick solid var(--primary-border-color);
    border-left-width: 10px;
}

.variantItem {
    border-left: thick solid var(--fiori3-succes-border-color);
    border-left-width: 10px;
}

.alternativeItem {
    border-left: thick solid #b34ec5;
    border-left-width: 10px;
}

.progress {
    border-radius: 0;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    height: 10px;
}
/* end */

.cart-table-container {
    width: 100%;
    padding: 0 10px;
}

.cart-table-container .custom-dropdown .fiori3-btn-default,
.cart-table-container .fileupload.fileupload-new .fiori3-btn-default {
    border-color: var(--input-border-color);
}

.table.table-bordered.cart-table {
    overflow: auto !important;
    table-layout: auto;
}

.cart-table-button-add {
    margin-bottom: 10px;
}

.table-actions {
    cursor: pointer;
    font-size: 18px;
    color: var(--primary-text-color);
}

.cart-table tbody tr td {
    vertical-align: middle !important;
    text-align: center;
}

.cart-table-calendar-icon {
    padding-left: 5px;
    color: var(--primary-text-color);
    cursor: pointer;
}

    .cart-table-calendar-icon:hover {
        color: var(--primary-text-color);
    }

.cart-table-no-background {
    background-color: var(--secondary-background-color);
}

.cart-table-full-width {
    width: 100%;
}

.cart-table-date-cell {
    width: 75%;
    display: inline-block;
}

.cart-table-name {
    display: inline-block;
}

.cart-table thead tr .column-with-actions-header {
    min-width: 90px;
    max-width: 90px;
}

.cart-table-column {
    min-width: 140px;
}

.lost-password-primary-heading.primary-heading {
    border-bottom: none;
    font-size: 1.5em;
    width: auto;
}

.mobile-order {
    display: none;
}

@media all and (max-width: 767px) {
    .mobile-order {
        display: inline-block !important;
        margin-bottom: 15px;
    }
}

.filter-scroll {
    height: 345px;
    overflow: auto;
}

@media all and (max-width: 767px) {
    .filter-scroll {
        height: 460px !important;
    }
}

#divBulkValidation {
    padding-bottom: 20px;
}

.custom-info-message {
    text-align: left;
    margin-left: 0;
    width: 100%;
}

#divBulkValidation .custom-info-message {
    background-color: var(--fiori3-info-background-color) !important;
    color: var(--primary-text-color) !important;
}

    #divBulkValidation .custom-info-message:before {
        color: var(--main-link-and-icon-color);
    }

.lost-pass {
    background-color: var(--secondary-background-color);
    padding: 10px;
}

@media all and (max-width: 767px) {
    .lost-pass {
        margin-top: 15px;
    }
}

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

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

.navbar-default .navbar-toggle:focus {
    background-color: inherit;
}

.required-field {
    color: var(--error-required-color);
}

.forgot-pass-label {
    display: block;
    color: var(--secondary-text-color);
    padding: 3px 0;
    font-weight: bold;
    font-size: 12px;
}

.primary-heading {
    margin: 20px 0 0 0;
    font-size: 1.728em;
    padding: 4px 2px 2px 7px;
    color: var(--main-link-and-icon-color) !important;
    background: none;
    background-color: var(--secondary-background-color) !important;
    background-image: none;
    width: 330px;
}

.lg_col_2 .primary-heading {
    font-size: 1.5em !important;
}

.lost-password-primary-heading {
    border-bottom: none;
    font-size: 1.5em;
}

.password-reset-text-container {
    padding: 7px;
}

.lost-pass-centered {
    width: 40%;
    margin-left: auto;
    margin-right: auto;
}

@media all and (max-width: 767px) {
    .lost-pass-centered {
        width: 100% !important;
    }
}

.width-100 {
    width: 100%;
}

.blue-button-100, .blue-button-100:hover, .blue-button-100:active, .blue-button-100:focus {
    width: 100%;
    color: var(--white-text-color);
    background-color: var(--main-link-and-icon-color);
    padding: 5px 28px;
    border-radius: 4px;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
    font-size: 12px;
    font-weight: bold;
    border: 1px solid var(--main-link-and-icon-color);
}

.password-reset-submit-button {
    width: 330px;
}

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

.logintable input[type="text"], .logintable input[type="password"] {
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    height: 32px;
    font-size: 15px;
    direction: ltr;
    padding: 0 8px;
    border: 1px solid var(--primary-border-color);
    border-top: 1px solid silver;
    display: inline-block;
    line-height: 28px;
}

.submit-button-container {
    padding-bottom: 20px;
    width: 100%;
}

@media all and (max-width: 767px) {
    .submit-button-container {
        width: 92vw;
    }
}

.validation-failed {
    border-color: var(--error-required-color) !important;
}

/* Not being used anywhere */
.row.body-background {
    margin-left: -10px;
    margin-right: -10px;
    background-color: #f5efe3;
    bottom: -10px;
    position: relative;
}
/* end */

.product-details-container {
    margin-top: 0;
}

.categories-tree {
    vertical-align: top;
    margin-left: 15px;
}

#showMeWhy {
    position: absolute;
    left: 90px;
    color: var(--show-me-why);
}

    #showMeWhy:hover i {
        color: var(--show-me-why);
    }

.relative-position {
    position: relative;
}

.search-remove-icon {
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.pill-zone {
    max-height: 170px;
    overflow: auto;
}

.pill-zone strong {
    padding-right: 8px;
}

.padding-left-5 {
    padding-left: 5px !important;
}

.pill-selected {
    display: inline-block;
    border: 2px solid var(--primary-border-color);
    background-color: var(--secondary-background-color);
    margin: 0 5px 5px 0;
    padding: 1px 6px;
    text-align: center;
    vertical-align: middle;
    width: auto;
    white-space: nowrap;
    border-radius: 30px;
    color: var(--primary-text-color);
}

.blue-link {
    color: var(--main-link-and-icon-color);
}

.selected ul li {
    display: inline-block;
    border: 2px solid var(--primary-border-color);
    background-color: var(--secondary-background-color);
    margin: 0 5px 5px 0;
    padding: 1px 6px;
    text-align: left;
    vertical-align: middle;
    width: auto;
    white-space: nowrap;
    border-radius: 30px;
    color: var(--primary-text-color);
    cursor: pointer;
}

.margin-top-2 {
    margin-top: 2px;
}

/* Switch checkbox */
.switch {
    position: relative;
}

    .switch span {
        position: absolute;
        left: 60px;
        top: 0;
        font-weight: normal;
    }

.cmn-toggle {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden;
}

    .cmn-toggle + label {
        display: block;
        position: relative;
        cursor: pointer;
        outline: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

input.cmn-toggle-round + label {
    padding: 2px;
    height: 22px;
    border-radius: 60px;
}

    input.cmn-toggle-round + label:before,
    input.cmn-toggle-round + label:after {
        display: block;
        position: absolute;
        top: 1px;
        left: 1px;
        bottom: 1px;
        content: "";
        width: 50px;
        height: 22px;
    }

    input.cmn-toggle-round + label:before {
        right: 1px;
        background-color: var(--tertiary-background-color);
        border-radius: 60px;
        -webkit-transition: background 0.4s;
        transition: background 0.4s;
    }

    input.cmn-toggle-round + label:after {
        width: 25px;
        background-color: var(--secondary-background-color);
        border-radius: 60px;
        border: 1px solid var(--primary-border-color);
        -webkit-transition: margin 0.4s;
        transition: margin 0.4s;
        box-shadow: 0 1px 5px 0 rgba(50, 50, 50, 0.2);
    }

input.cmn-toggle-round:checked + label:before {
    background-color: var(--main-link-and-icon-color);
}

input.cmn-toggle-round:checked + label:after {
    margin-left: 25px;
}

input.cmn-toggle-yes-no + label {
    padding: 2px;
    height: 22px;
    font-weight: 200;
}

    input.cmn-toggle-yes-no + label:before,
    input.cmn-toggle-yes-no + label:after {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        color: var(--white-text-color);
        text-align: center;
        line-height: 20px;
        width: 50px;
        border-radius: 4px;
    }

    input.cmn-toggle-yes-no + label:before {
        background-color: var(--tertiary-background-color);
        content: attr(data-off);
        transition: transform 0.5s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    input.cmn-toggle-yes-no + label:after {
        background-color: var(--main-link-and-icon-color);
        content: attr(data-on);
        transition: transform 0.5s;
        -webkit-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        transform: rotateY(180deg);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

input.cmn-toggle-yes-no:checked + label:before {
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

input.cmn-toggle-yes-no:checked + label:after {
    -webkit-transform: rotateY(0);
    -ms-transform: rotateY(0);
    transform: rotateY(0);
}

.quote-table-filter-container {
    padding-bottom: 5px;
    margin-left: -2px;
    margin-right: -2px;
}

span.fa.sortable-hide-icon.fa-arrows-v {
    display: none;
}

span.fa.sortable-icon-position {
    position: absolute;
    right: 0;
    top: calc(50% - 8px);
    color: #06a7e2;
}

th > div.sortable-display-icon {
    position: relative;
    min-width: 100%;
    padding-right: 8px;
}

th:hover > div.sortable-display-icon span.fa.sortable-hide-icon.fa-arrows-v {
    display: inline-block;
}

.margin-left-30 {
    margin-left: 30px;
}

.btn.btn-predictive {
    background-color: var(--show-me-why);
    color: var(--white-text-color);
}

.btn-customer-feedback {
    font-family: var(--icons-font);
    font-size: 18px;
    position: absolute;
    right: 25px;
    top: -1px;
    background-color: var(--secondary-background-color);
}

    .btn-customer-feedback:active {
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.shipping-info-container .btn-customer-feedback, .shipping-info-container .btn.btn-recommendations {
    z-index: 5;
}

@media all and (max-width: 1024px) {
    .btn-customer-feedback {
        right: 15px;
        top: 5px;
    }

    .shipping-info-page-container .btn-customer-feedback, .cart-documents-container .btn-customer-feedback {
        top: -4px !important;
        max-height: 37px;
    }
}

@media all and (max-width: 768px) {
    .cart-content .btn-customer-feedback {
        top: 5px;
    }

    .shipping-info-page-container .btn-customer-feedback, .cart-documents-container .btn-customer-feedback {
        right: 25px;
    }

    .shipping-info-page-container .btn-customer-feedback {
        top: -4px !important;
    }

    .cart-documents-container .btn-customer-feedback {
        top: -2px !important;
    }
}

@media all and (max-width: 480px) {
    .shipping-info-page-container .btn-customer-feedback {
        right: 5px;
    }
}

.btn.btn-recommendations {
    font-family: var(--icons-font);
    color: var(--primary-text-color);
    font-size: 18px;
    position: absolute;
    right: 85px;
    top: -4px;
    background-color: var(--secondary-background-color);
}

.btn.btn-predictive:hover,
.btn.btn-predictive:focus,
.btn.btn-predictive:active {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media all and (max-width: 1024px) {
    .cart-content .btn.btn-recommendations {
        top: -5px;
        right: 75px;
    }

    .shipping-info-page-container .btn-recommendations, .cart-documents-container .btn-recommendations {
        top: -9px;
        right: 75px;
        max-height: 37px;
    }

    .cart-documents-container .btn.btn-recommendations {
        top: -11px;
    }
}

@media all and (max-width: 768px) {
    .cart-content .btn.btn-recommendations {
        top: -1px;
        right: 63px;
    }

    .shipping-info-page-container .btn-recommendations, .cart-documents-container .btn-recommendations {
        top: -7px;
        right: 63px;
    }

    .cart-documents-container .btn.btn-recommendations {
        top: -7px;
        right: 35px;
    }
}

@media all and (max-width: 480px) {
    .btn.btn-recommendations {
        right: 53px;
    }
}

.btn.btn-predictive:disabled, .btn-predictive-applied {
    color: var(--white-text-color);
    background-color: var(--tertiary-background-color);
}

.top-header {
    width: 100%;
    font-size: 1.2em;
    text-align: left;
    background: transparent;
    border-bottom: 1px solid var(--primary-border-color);
    color: var(--primary-text-color);
    margin: 0 !important;
    float: left;
}

/* dropdown actions - smaller screens */
@media all and (max-width: 1024px) {
    #cartActionsDropDown .button-actions > .btn {
        display: block;
        width: 100%;
        text-align: center;
    }
}

@media all and (max-width: 767px) {
    #cartActionsDropDown {
        max-height: 556px;
    }
}

.actions-dropdown.cart-header-div {
    position: relative !important;
    margin-bottom: 10px;
    padding-bottom: 4px;
}

.recommendations-btn-div {
    display: inline-flex;
    padding: 0 6px 0 0;
}

@media screen and (max-width: 992px) {
    .recommendations-btn-div {
        width: 100%;
        padding: 0 !important;
        margin-top: 5px;
    }
}

.predictive-and-collaboration {
    text-align: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.recommendations-btn-div > div {
    float: right;
}

.modal-dialog.modal-wide-dialog-predictive {
    width: 1000px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    bottom: 0;
}

@media all and (max-width: 800px) {
    .modal-wide-dialog-predictive #no-more-tables td.td-predictive-btn-on-sm {
        padding-left: 6px !important;
        text-align: left;
    }

    .modal-wide-dialog-predictive #no-more-tables td:before {
        font-weight: normal;
    }
}

.modal-dialog.modal-wide-dialog-predictive h3 {
    color: var(--primary-text-color);
    background-color: transparent;
    font-size: 16px;
    font-weight: bold;
}

.modal-dialog.modal-wide-dialog-predictive h4 {
    font-size: 15px;
}


.modal-dialog.modal-wide-dialog-predictive .modal-header {
    color: var(--primary-text-color);
    background-color: transparent;
    border-bottom: none;
}

.modal-dialog.modal-wide-dialog-predictive .modal-content {
    padding-left: 20px;
    padding-right: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.modal-dialog.modal-wide-dialog-predictive .modal-header, .modal-wide-dialog-predictive .modal-body {
    padding-left: 0;
    padding-right: 0;
}

    .modal-dialog.modal-wide-dialog-predictive .modal-header .close {
        color: var(--primary-text-color);
    }

.btn-tertiary {
    background-color: transparent;
    color: var(--main-link-and-icon-color);
    border: none;
    text-decoration: none;
    font-weight: normal;
}

    .btn-tertiary:hover, .btn-tertiary:active, .btn-tertiary:focus {
        color: var(--main-link-and-icon-color);
        border: none;
        text-decoration: none;
        box-shadow: none;
    }

.buttontertiary {
    display: inline-block;
    font-size: 1.1em;
    background-color: transparent;
    color: var(--main-link-and-icon-color);
    border: 0;
    text-decoration: none;
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer;
}

    .buttontertiary:hover {
        text-decoration: underline;
    }

table.table-predictive > thead:first-child > tr:first-child > th {
    border-top: 2px solid var(--main-link-and-icon-color);
    white-space: nowrap;
}

.table-predictive th {
    background-color: transparent;
}

.table-predictive > thead > tr > th,
.table-predictive > tbody > tr > th, .table-predictive > tfoot > tr > th, .table-predictive > thead > tr > td, .table-predictive > tbody > tr > td, .table-predictive > tfoot > tr > td {
    border-bottom: 1px solid var(--primary-border-color);
    border-top: none;
    border-right: none;
    border-left: none;
}

.table-predictive > tbody > tr > td {
    border-top: 1px solid var(--primary-border-color);
}

.table.table-predictive > tbody > tr.predictive-highlight-background {
    background-color: var(--fiori3-warning-background-color);
    transition: background-color 500ms linear;
}

.table.table-predictive > tbody > tr {
    background-color: transparent;
    transition: background-color 500ms linear;
}

    .table.table-predictive > tbody > tr.predictive-grey-background {
        background-color: var(--tertiary-background-color);
        transition: background-color 500ms linear;
    }

@media all and (max-width: 800px) {
    .table.table-predictive > tbody > tr.predictive-grey-background {
        background-color: transparent !important;
    }
}

.table.table-predictive > tbody > tr > td.predictive-highlight-background {
    background-color: var(--fiori3-warning-background-color);
    transition: background-color 500ms linear;
}

.table.table-predictive > tbody > tr > td {
    background-color: transparent;
    transition: background-color 500ms linear;
}

    .table.table-predictive > tbody > tr > td.item-column-predictive {
        text-align: left;
    }

.btn.btn-predictive-action-left {
    border-radius: 6px 0 0 6px;
    padding: 3px 10px 2px 10px;
    display: inline-block;
    float: left;
    margin-right: 1px;
    color: white;
}

.btn.btn-predictive-action-right {
    border-radius: 0 6px 6px 0;
    padding: 3px 10px 2px 10px;
    display: inline-block;
    float: left;
}

.predictive-popover {
    background-color: var(--tertiary-background-color);
}

.predictive-appllied-text {
    color: var(--sap-icon-color);
}

.send-to-commerce-main {
    width: 180px;
    padding: 20px;
    margin-top: 0;
}

.send-to-commerce-main-div {
    height: 35px;
}

.send-to-commerce-main-a {
    padding-left: 55px;
    padding-top: 5px;
    padding-bottom: 30px;
    height: 30px;
    font-weight: bold;
}

.send-to-commerce-modal-header {
    background-color: var(--secondary-background-color);
    text-align: center;
    padding: 0;
}

.sap-icon.close.send-to-commerce-close-button {
    color: var(--main-link-and-icon-color);
    font-size: 15px;
    position: absolute;
    right: 18px;
    top: 14px;
}

.send-to-commerce-modal-title, .send-to-commerce-modal-label {
    color: var(--primary-text-color);
    font-family: var(--main-font-family);
}

.modal-body.send-to-commerce-modal-body {
    padding-top: 8px;
    padding-bottom: 23px;
}

.send-to-commerce-modal {
    z-index: 10000;
    outline: none;
    position: fixed;
    top: 5%;
    left: 50%;
    transform: translateX(-50%);
}

.send-to-commerce-modal-label {
    padding: 0;
}

.send-to-commerce-modal-textarea {
    width: 100%;
}

.send-to-commerce-modal-submit {
    width: auto !important;
}

.send-to-commerce-modal-footer {
    padding: 8px 8px;
}

.send-to-commerce-info-message {
    color: var(--primary-text-color) !important;
}

.sap-icon-extended.send-to-commerce-info-icon {
    color: var(--main-link-and-icon-color);
    padding: 10px;
}

.send-to-commerce-modal-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
}
/* end */
/*----- CUSTOMER FEEDBACK -----*/
.customer-feedback .hidden {
    display: none;
}

.customer-feedback #sidebar {
    position: fixed;
    top: 48px;
    right: 15px;
    background: white;
    border: 1px solid var(--primary-border-color);
    box-sizing: border-box;
    padding: 0;
    z-index: 1043;
    height: calc(100% - 48px);
    width: 400px;
}

@media all and (max-width: 768px) {
    .customer-feedback #sidebar {
        right: 0;
        width: 300px;
    }
}

.customer-feedback .message-container {
    width: 100%;
    height: 100%;
    max-height: calc(100vh - 48px);
    overflow-y: auto;
    overflow-x: hidden;
}

.customer-feedback .messages:first-child {
    margin: 0;
    padding: 10px 0 11px 15px;
}

.alt-cf-message {
    background-color: var(--tertiary-background-color);
}

/* scroll style - works on webkit only */
.customer-feedback .message-container::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(155, 154, 154, 0.3);
    background-color: var(--tertiary-background-color);
    border-radius: 3px;
}

.customer-feedback .message-container::-webkit-scrollbar {
    width: 10px;
    background-color: var(--tertiary-background-color);
    border-radius: 5px;
}

.customer-feedback .message-container::-webkit-scrollbar-thumb {
    background-color: var(--tertiary-background-color);
    border: 1px solid var(--primary-border-color);
    border-radius: 5px;
}
/* end */

/* user info */
.customer-feedback .user-info {
    width: 100%;
    min-height: 65px;
    color: var(--main-link-and-icon-color);
}

    .customer-feedback .user-info i {
        float: left;
        background-color: var(--tertiary-background-color);
        text-align: center;
        color: var(--white-text-color);
        height: 50px;
        width: 50px;
        border-radius: 50%;
        font-size: 2rem;
        position: relative;
        margin-left: 10px;
    }

        .customer-feedback .user-info i::before {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

    .customer-feedback .user-info p {
        margin: 0 5px 0 70px;
    }

.customer-feedback .close-button {
    color: var(--primary-text-color);
    position: absolute;
    width: 15px;
    height: 15px;
    top: 12px;
    right: 15px;
    -webkit-text-stroke: 1px var(--primary-text-color);
    cursor: pointer;
}

.customer-feedback .divider {
    border-top: 1px solid var(--primary-border-color);
}
/* end */

/* client message style */
.customer-feedback .single-message {
    width: 100%;
    padding: 15px 20px;
}

.customer-feedback .flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    margin-bottom: 15px;
    position: relative;
}

    .customer-feedback .flex-container > div {
        width: 100%;
    }

    .customer-feedback .flex-container .rolled-up-number {
        margin: 0 10px 0 -20px;
    }

.customer-feedback .message-title {
    position: relative;
    padding-left: 20px;
}

.customer-feedback .message-title {
    color: #354ba0;
    font-weight: 600;
    font-size: 15px;
    margin: 0;
}

.customer-feedback h5.message-title {
    border-bottom: 1px solid var(--primary-border-color);
    font-weight: 700;
    padding: 13px 14px;
    width: 100%;
    max-width: 100%;
}

.customer-feedback .full-text-tooltip {
    display: none;
}

.customer-feedback .item-description-group {
    position: relative;
    max-width: 250px;
    word-wrap: break-word;
}

    .customer-feedback .item-description-group:hover .full-text-tooltip {
        display: block;
        position: absolute;
        top: -65px;
        z-index: 999;
        background: white;
        border: 1px solid var(--primary-border-color);
        padding: 10px;
        word-wrap: break-word;
        font-family: var(--main-font-family);
        font-size: 90%;
        font-weight: normal;
        color: var(--primary-text-color);
        line-height: 1.4;
        text-align: left;
        white-space: normal;
        max-width: 390px;
    }

        .customer-feedback .item-description-group:hover .full-text-tooltip::before, .customer-feedback .item-description-group:hover .full-text-tooltip::after {
            content: "";
            position: absolute;
            border-width: 10px;
            border-style: solid;
            top: 53px;
            left: 35%;
        }

        .customer-feedback .item-description-group:hover .full-text-tooltip::before {
            border-color: var(--white-text-color) transparent transparent transparent;
            z-index: 10;
        }

        .customer-feedback .item-description-group:hover .full-text-tooltip::after {
            border-color: var(--primary-border-color) transparent transparent transparent;
            margin-top: 2px;
            z-index: 9;
        }

.customer-feedback .message-box, .reply-box {
    background-color: var(--tertiary-background-color);
    margin: 10px;
    padding: 10px 15px;
    max-width: 95%;
    position: relative;
    word-wrap: break-word;
    -webkit-filter: drop-shadow(1px 1px 3px rgba(147, 143, 147, 1));
    -ms-filter: drop-shadow(1px 1px 3px rgba(147, 143, 147, 1));
    filter: drop-shadow(1px 1px 3px rgba(147, 143, 147, 1));
}

    .customer-feedback .message-box::after {
        content: "";
        position: absolute;
        top: -11px;
        right: -10px;
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
        margin-left: -5px;
        border-width: 11px;
        border-style: solid;
        border-color: var(--primary-border-color) transparent transparent transparent;
    }

    .customer-feedback .message-box p, .reply-box p {
        line-height: 1.3;
        margin-bottom: 7px;
    }

.customer-feedback .my-message-box, .reply-box {
    background-color: var(--secondary-background-color);
    margin: 10px;
    padding: 10px 15px;
    position: relative;
    word-wrap: break-word;
    -webkit-filter: drop-shadow(1px 1px 3px rgba(147, 143, 147, 1));
    -ms-filter: drop-shadow(1px 1px 3px rgba(147, 143, 147, 1));
    filter: drop-shadow(1px 1px 3px rgba(147, 143, 147, 1));
}

.customer-feedback .customer-message .date-created {
    font-size: 11px;
    width: 100%;
    color: var(--secondary-text-color);
}

.customer-feedback .customer-message .comment-header-holder {
    margin-bottom: 10px;
    color: var(--secondary-text-color);
}

    .customer-feedback .customer-message .comment-header-holder span:first-child {
        font-size: 16px;
        display: block;
    }

.customer-feedback .my-message-box::after {
    content: "";
    position: absolute;
    top: -11px;
    left: -5px;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    margin-left: -5px;
    border-width: 11px;
    border-style: solid;
    border-color: white transparent transparent transparent;
}

/* reply styles */
.customer-feedback .reply-box {
    width: 100%;
}

    .customer-feedback .reply-box::after {
        content: "";
        position: absolute;
        top: -11px;
        left: -6px;
        -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        transform: rotate(-135deg);
        margin-left: -5px;
        border-width: 11px;
        border-style: solid;
        border-color: var(--white-text-color) transparent transparent transparent;
    }

    .customer-feedback .reply-box textarea {
        border: 1px solid var(--input-border-color);
        border-radius: 5px;
        width: 100%;
    }

.customer-feedback .reply-message {
    -webkit-animation: slideDown 300ms ease-in-out forwards;
    animation: slideDown 300ms ease-in-out forwards;
    width: 100%;
}

/* Button styles, etc. */
.customer-feedback .action-button {
    padding: 5px;
    color: var(--main-link-and-icon-color);
    cursor: pointer;
    padding-right: 10px;
}

.customer-feedback .edit-button {
    color: var(--main-link-and-icon-color);
    padding: 5px;
    cursor: pointer;
}

.customer-feedback .dot {
    font-weight: 900;
}

.customer-feedback .button-container {
    width: 100%;
    text-align: right;
    color: var(--main-link-and-icon-color);
}

    .customer-feedback .button-container:first-child {
        text-align: left;
    }

.customer-feedback .comment-header-holder.comment-user-title, .customer-feedback .message-title {
    width: 250px;
    word-wrap: break-word;
    font-size: 16px;
}

    .customer-feedback .message-title span {
        font-weight: normal;
    }
/*------- CUSTOMER FEEDBACK END -------*/

@media screen and (max-width: 999px) {
    .modal-dialog.modal-wide-dialog-predictive {
        width: 100%;
        margin: 0 0;
    }

    .fixed-height {
        overflow-y: auto !important;
    }
}

.fixed-height {
    overflow-y: hidden;
}

.pricebooks-breadcrum {
    display: inline-block;
}

.pricebook-table-entries-page .buttonContainer {
    display: block;
    margin: 0 auto;
}

.pager-number-of-items-message {
    width: auto;
    padding: 3px 16px;
    margin: 3px 0 7px 0;
    background-color: var(--fiori3-info-background-color);
}

    .pager-number-of-items-message label {
        margin-bottom: 0;
    }

.pager-number-of-items-item {
    display: inline-block;
}

.column-group-levels {
    padding-left: 10px;
    padding-right: 10px;
}

.no-border-custom-table {
    border: none !important;
}

.grayout {
    opacity: 0.6;
}

/*------- QUOTE LIST V2 -------*/
.quote-list-container {
    margin: 15px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
}

/* .quote-list-container is not being used */
@media all and (max-width: 767px) {
    .quote-list-container {
        margin: 0 !important;
    }
}

.quote-list-container .title-container {
    padding: 0 10px 0 10px;
    border-bottom: 1px solid var(--primary-border-color);
}

    .quote-list-container .title-container h3 {
        background-color: transparent !important;
        color: #1C3595;
        padding: 0;
        font-size: 18px;
        margin-bottom: 0;
    }

.filters-container {
    height: 85px;
}

.quote-grid-wrapper {
    padding: 10px;
    overflow: hidden;
}

    .quote-grid-wrapper.quote-list {
        height: calc(100% - 140px);
        border: 1px solid var(--primary-border-color);
        border-top: none;
    }

    .quote-grid-wrapper.quote-items tr {
        background-color: var(--secondary-background-color) !important;
    }

        .quote-grid-wrapper.quote-items tr thead,
        .quote-grid-wrapper.quote-items tr th,
        .quote-grid-wrapper.quote-items tr td {
            border-top: 1px solid var(--primary-border-color) !important;
            border-bottom: 1px solid var(--primary-border-color) !important;
        }

.quote-grid-container {
    width: 100%;
    position: relative;
    padding-top: 2.5em;
    height: 100%;
    min-height: 134px;
}

.quote-items .quote-grid-container {
    overflow-x: auto;
}

.quote-grid-container.approvers {
    max-height: calc(50% - 20px);
}

.quote-grid-wrapper table {
    margin: 0;
    margin-top: -40px;
}

@media all and (max-width: 767px) {
    .quote-grid-wrapper table {
        margin-top: 0 !important;
    }
}

.quote-grid-wrapper table td {
    padding: 4px !important;
    line-height: 34px;
}

    .quote-grid-wrapper table th:first-child,
    .quote-grid-wrapper table td:first-child {
        min-width: 120px;
    }

.quote-grid-wrapper thead th {
    white-space: nowrap;
    cursor: pointer;
}

    .quote-grid-wrapper thead th.sorting:after,
    .quote-grid-wrapper thead th.sorting_desc:after,
    .quote-grid-wrapper thead th.sorting_asc:after {
        cursor: pointer;
        position: absolute;
        top: 7px;
        padding-left: 20px;
    }


    .quote-grid-wrapper thead th span.sorting:after {
        content: '\f0dc';
        font-family: var(--secondary-icons-font);
        color: var(--primary-text-color);
    }

    .quote-grid-wrapper thead th span.sorting_desc:after {
        content: '\f0d7';
        font-family: var(--secondary-icons-font);
        color: var(--main-link-and-icon-color);
    }

    .quote-grid-wrapper thead th span.sorting_asc:after {
        content: '\f0d8';
        font-family: var(--secondary-icons-font);
        color: var(--main-link-and-icon-color);
    }

.quote-grid-wrapper .table-container {
    height: calc(100% - 35px);
    padding-bottom: 4px;
    border-bottom: 1px solid var(--primary-border-color);
    overflow: auto;
}

.quote-grid-wrapper.approvals .table-container {
    max-height: calc(50% - 50px);
}

.quote-grid-wrapper .table-container:before {
    content: '';
    position: absolute;
    left: 2px;
    right: 2px;
    top: 0;
    min-height: 2.5em;
    border-bottom: 1px solid var(--primary-border-color);
}

.quote-grid-wrapper .table-container .fiori3-table th:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--primary-border-color);
}

#quoteListTable thead {
    position: sticky;
    top: 0;
    z-index: 1;
}

#quoteListTable {
    position: relative;
    z-index: 0;
}

.quote-data-cell {
    min-height: 51px;
    text-align: center;
    vertical-align: middle !important;
}

.status-cell {
    padding: 0 5px;
}

.navlist {
    padding: 5px 0;
    margin-left: 0;
    font-weight: bold;
    border-bottom: 1px solid var(--primary-border-color);
    margin-bottom: 0;
}

    .navlist li {
        list-style: none;
        margin: 0;
        margin-right: 5px;
        display: inline;
    }

        .navlist li a {
            border-bottom: none;
            text-decoration: none;
            padding: 8px 10px;
            border-radius: 3px 3px 0 0;
            border-left: 1px solid transparent;
            border-right: 1px solid transparent;
            border-top: 1px solid transparent;
        }

            .navlist li a:link {
                color: var(--main-link-and-icon-color);
            }

            .navlist li a:hover {
                color: var(--white-text-color);
                background-color: var(--main-link-and-icon-color);
                border-color: var(--main-link-and-icon-color);
            }

        .navlist li.active a {
            color: var(--primary-text-color);
            background-color: var(--secondary-background-color);
            border: 1px solid var(--primary-border-color);
            border-bottom-color: var(--white-text-color);
        }

.cart-list .dataTables_scrollBody th.sorting {
    line-height: 0;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

.btn.btn-quote {
    background: linear-gradient(to bottom, #FFFFFF, #dfdfdf);
    box-shadow: none;
    color: var(--primary-text-color);
    border: 1px solid var(--primary-border-color);
    font-weight: bold;
    border-radius: 10px;
}

    .btn.btn-quote.quote-action {
        border-radius: 10px;
    }

        .btn.btn-quote.quote-action .popover {
            max-height: 225px !important;
        }

        .btn.btn-quote.quote-action .dropdown-menu-cart {
            max-height: 225px;
            position: relative;
        }

        .btn.btn-quote.quote-action.disabled,
        .btn.btn.btn-quote[disabled] {
            pointer-events: none;
            cursor: not-allowed;
            filter: alpha(opacity=65);
            -webkit-box-shadow: none;
            box-shadow: none;
            opacity: .65;
        }

.search-bar-container {
    width: 300px;
    display: inline-block;
    float: left;
    margin-left: 5px;
}

.filter-button-container {
    display: inline-block;
    float: left;
}

.quote-list-filter-editor {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 300px;
    border: 1px solid var(--primary-border-color);
    z-index: 1;
    background-color: var(--secondary-background-color);
    -webkit-box-shadow: 4px 3px 15px -4px rgba(168,159,168,1);
    -moz-box-shadow: 4px 3px 15px -4px rgba(168,159,168,1);
    box-shadow: 4px 3px 15px -4px rgba(168,159,168,1);
}

.sections-filter-editor,
.quote-items-filter-editor {
    width: 400px;
    border: 1px solid var(--primary-border-color);
    z-index: 992;
    bottom: 65px;
    background-color: var(--secondary-background-color);
    -webkit-box-shadow: 4px 3px 15px -4px rgba(168,159,168,1);
    -moz-box-shadow: 4px 3px 15px -4px rgba(168,159,168,1);
    box-shadow: 4px 3px 15px -4px rgba(168,159,168,1);
}

    .sections-filter-editor.fixed {
        position: fixed;
        bottom: 0;
        left: 60px;
        top: 135px;
        overflow: hidden;
        padding: 0px 10px 0 5px;
        z-index: 992;
        max-width: 312px;
        height: calc(100vh - 135px);
    }

    .quote-items-filter-editor.affix-top {
        top: 128px;
        position: fixed;
        height: calc(100vh - 48px);
        min-height: 0;
    }

    .quote-items-filter-editor.affix {
        height: 100vh;
    }

.selected-suggestion {
    border: 1px solid #eeeeee;
    border-radius: 5px;
    margin-top: 5px;
}

.quote-filter-header {
    padding: 10px;
    position: relative;
}

    .quote-filter-header h4 {
        display: inline-block;
        margin: 0;
    }

.close-filter-editor {
    float: right;
    cursor: pointer;
    color: var(--primary-text-color) !important;
}

.quote-list-tab-footer {
    padding: 14px 7px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 65px;
    margin: 0 auto;
    border-top: 1px solid var(--primary-border-color);
    text-align: center;
}

    .quote-list-tab-footer button, .quote-list-tab-footer a {
        margin: 0 5px;
    }

    .quote-list-tab-footer.quote-items {
        text-align: right;
    }

.deal-view-container .quote-list-editors {
    top: 50px;
}

.quote-list-editors {
    list-style: none;
    padding: 0;
    padding-right: 5px;
    overflow-y: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 65px;
    top: 80px;
    margin-bottom: 10px;
}

    .quote-list-editors li, .quote-list-editors > div {
        padding: 10px;
    }

.quote-filter-pills-container {
    padding-top: 5px;
}

.quote-filter-pill {
    border: 1px solid var(--primary-border-color);
    color: var(--primary-text-color);
    border-radius: 25px;
    margin-right: 15px;
    display: inline-flex;
    padding: 0 10px;
    white-space: nowrap;
    max-width: 280px;
}


    .quote-filter-pill > span {
        max-width: 80%;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .quote-filter-pill .filter-display {
        display: inline-block;
        max-width: 245px;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

    .quote-filter-pill.quote-items {
        padding: 5px 10px;
        margin-top: 5px;
    }


.sections-filter-pills-container.invisible {
    height: 0px !important;
}

.section-filter-pill {
    padding: 0 5px;
    margin-bottom: 10px;
    border-radius: 4px;
    background-color: var(--fiori3-pills-background-color);
    display: inline-block;
}

    .section-filter-pill span {
        color: var(--primary-text-color);
        line-height: 30px;
    }

.close-filter-pill {
    color: var(--main-link-and-icon-color);
    cursor: pointer;
    white-space: nowrap;
    padding: 3px 0;
}

.saved-filter-container {
    border: 1px solid var(--primary-border-color);
    padding: 10px;
}

.saved-filter-footer {
    padding: 10px;
    text-align: center;
    border-bottom: 1px solid var(--primary-border-color);
    border-left: 1px solid var(--primary-border-color);
    border-right: 1px solid var(--primary-border-color);
}

.quick-filter-message {
    margin: 5px;
    padding: 5px;
    background-color: var(--fiori3-warning-background-color);
    color: var(--primary-text-color);
    border: 1px solid var(--fiori3-warning-border-color);
    display: table;
}

.filter-suggestion {
    padding: 5px;
    cursor: pointer;
    min-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    border: 2px solid transparent;
}

    .filter-suggestion:hover {
        background-color: var(--fiori3-warning-background-color);
    }

    .filter-suggestion:focus {
        border: 2px solid var(--focus-border-and-outline-color);
        outline: none !important;
    }

.fix-checkbox-top input + span:before {
    top: 0 !important;
}

.filter-message-text {
    display: inline-block;
    width: 240px;
    padding: 0 5px;
}

.custom-dropdown {
    position: relative;
}

.custom-dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1010;
    overflow-y: auto;
    max-height: 400px;
    margin-top: 0;
    text-align: left;
    border-radius: 2px;
    background-color: var(--secondary-background-color);
    border: 1px solid var(--input-border-color);
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    width: 100%;
}

.is-open > .custom-dropdown-menu {
    display: block;
}

.disabled-custom-dropdown {
    background-color: #eee !important;
    cursor: not-allowed;
    opacity: 1 !important;
}

    .disabled-custom-dropdown:hover {
        border-color: var(--input-border-color) !important;
    }

.fiori3-icon-button-vertical-align {
    margin-right: 0 !important;
}

.pager-drop-down-menu {
    position: fixed;
    display: block;
    width: 50px;
    min-width: initial;
    border-radius: 4px;
    border: 1px solid var(--primary-border-color);
    padding: 0;
    margin: 2px 0 3px 0;
    box-shadow: 0 2px 4px 0 rgba(51, 51, 51, 0.2);
    transition: max-height 300ms;
    background-color: var(--secondary-background-color);
    visibility: hidden;
    overflow: hidden;
    max-height: 0;
}

.is-open .pager-drop-down-menu {
    visibility: visible;
    height: 132px;
    max-height: 132px;
    transition: max-height 300ms ease-in-out;
    border: 1px solid var(--input-border-color);
}


.pager-drop-down-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .pager-drop-down-menu ul li {
        padding: 1px 10px;
        cursor: pointer;
        border: 2px solid transparent;
    }

        .pager-drop-down-menu ul li:hover {
            background-color: var(--tertiary-background-color);
        }

        .pager-drop-down-menu ul li:active,
        .pager-drop-down-menu ul li.selected {
            background-color: var(--fiori3-info-background-color);
        }

        .pager-drop-down-menu ul li:focus {
            border: 2px solid var(--focus-border-and-outline-color);
            outline: none;
        }

        .pager-drop-down-menu ul li.selected:hover {
            background: var(--fiori3-info-border-color);
        }

.quote-list-footer {
    height: 50px;
    padding: 5px 0 0 0;
}

    .quote-list-footer .pager-container {
        float: left;
        display: inline-block;
    }

.date-filter-range-picker .datepicker-inline,
.date-filter-range-picker .table-condensed {
    width: 100%;
}

    .date-filter-range-picker .table-condensed thead tr {
        height: 35px;
    }

    .date-filter-range-picker .table-condensed thead th.datepicker-switch {
        position: absolute;
        left: 15px;
    }

    .date-filter-range-picker .table-condensed thead th.prev {
        position: absolute;
        right: 50px;
        color: transparent;
    }

    .date-filter-range-picker .table-condensed thead th.next {
        position: absolute;
        right: 15px;
        color: transparent;
    }

    .date-filter-range-picker .table-condensed thead th.prev:after {
        font-family: var(--secondary-icons-font);
        content: '\f137';
        color: var(--secondary-text-color);
        margin-left: -7px;
        font-size: 18px;
    }

    .date-filter-range-picker .table-condensed thead th.next:after {
        font-family: var(--secondary-icons-font);
        content: '\f138';
        color: var(--secondary-text-color);
        margin-left: -7px;
        font-size: 18px;
    }

.date-filter-range {
    width: 50%;
    display: inline-block;
    padding: 5px;
    font-weight: bold;
    border-bottom: 1px solid var(--primary-border-color);
    border-top: 1px solid transparent;
}

    .date-filter-range.range-selected {
        border-top: 1px solid var(--primary-border-color);
        border-bottom: 1px solid transparent;
    }

.btn-date-filter-cancel {
    display: table-cell;
    border-radius: 0;
    background-color: var(--secondary-background-color);
    width: 50%;
}

.btn-date-filter-date-apply {
    background-color: var(--tertiary-background-color);
    display: table-cell;
    border-radius: 0;
    width: 50%;
    color: var(--main-link-and-icon-color);
}

.filter-editor-toastr-top {
    position: absolute !important;
    left: 0;
    top: 30px;
}

.filter-editor-toastr-bottom {
    position: absolute !important;
    left: 0;
    right: 0;
    bottom: 50px;
    top: auto !important;
}

    .filter-editor-toastr-bottom > .toast {
        width: 100% !important;
    }

.filter-load-toastr-bottom {
    left: 0;
    right: 0;
    position: absolute !important;
    top: auto !important;
    bottom: 10px;
}

    .filter-load-toastr-bottom > .toast {
        width: 100% !important;
    }

.filtered-total-value {
    position: absolute;
    right: 0;
    top: 10px;
    background-color: var(--fiori3-warning-background-color);
    padding: 5px;
    color: var(--primary-text-color);
}

.spinner {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid var(--input-border-color);
    border-radius: 50%;
    border-top-color: var(--white-text-color);
    -webkit-animation: spin 1s ease-in-out infinite;
    animation: spin 1s ease-in-out infinite;
    position: relative;
    margin-left: 5px;
}

.numeric-filter-slider .slider[style] {
    margin-top: 20px;
    width: 100% !important;
}

.numeric-filter-slider .slider-track {
    border: 1px solid var(--primary-border-color) !important;
    height: 18px !important;
    padding: 4px !important;
}

.numeric-filter-slider .slider-selection {
    background-color: var(--tertiary-background-color);
    top: 4px !important;
    bottom: 4px !important;
    height: 8px !important;
}

.numeric-filter-slider.active .slider-selection {
    background-color: var(--main-link-and-icon-color);
}

.numeric-filter-slider .slider-handle.round {
    border-radius: 5px;
    width: 10px;
    height: 30px;
    top: 0;
    border: 1px solid var(--primary-border-color);
    background-color: var(--secondary-background-color);
    margin-left: -5px;
    margin-top: -7px;
}

.numeric-filter-slider .tooltip {
    position: absolute !important;
}

.numeric-filter-slider .tooltip.tooltip-min.top,
.numeric-filter-slider .tooltip.tooltip-max.top {
    display: none;
}

.numeric-filter-slider .tooltip .tooltip-inner {
    max-width: unset;
}

.inline-flex {
    display: inline-flex;
}

.manageSimpleProductListItemRow {
    display: inline-table;
    margin-top: 3px;
    margin-bottom: 3px;
}

    .manageSimpleProductListItemRow * {
        display: table-cell;
        vertical-align: middle;
    }

.form-height-fix {
    overflow: auto;
    overflow-x: hidden;
    max-height: 75vh;
    padding-right: 35px;
}

.button-padding-fix {
    padding-top: 20px;
    padding-bottom: 20px;
}

.afHintClass {
    background-color: white;
    position: absolute;
    border: 1px solid black;
    display: none;
}

    .afHintClass .message {
        display: block;
        border: 1px solid #FFEEAC;
        font-weight: normal;
        padding: 5px;
        margin: 0;
        background-color: #FFFFE0;
        color: #242424;
    }

/* Classes not being used */
.revisions-container {
    margin: 15px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
}

    .revisions-container .title-container {
        padding: 10px;
        border-bottom: 2px solid #939395;
        height: 31px;
    }

        .revisions-container .title-container h3 {
            background-color: transparent !important;
            color: #1C3595;
            padding: 0;
            font-size: 18px;
            margin-bottom: 0;
        }

    .revisions-container .cart-list {
        min-height: calc(100vh - 108px);
    }

.revisions-shadow {
    border-top: 3px solid #1C3595;
    -webkit-box-shadow: 4px 3px 15px -4px rgba(168,159,168,1);
    -moz-box-shadow: 4px 3px 15px -4px rgba(168,159,168,1);
    box-shadow: 4px 3px 15px -4px rgba(168,159,168,1);
}

.revisions-grid-wrapper {
    padding: 10px;
    overflow: auto;
    max-height: calc(100% - 80px);
}

    .revisions-grid-wrapper thead th {
        text-align: center;
    }

    .revisions-grid-wrapper .dataTable-content {
        margin-top: 20px;
        border-top: 2px solid #00A4EE;
        border-bottom: 1px solid #939395;
    }

    .revisions-grid-wrapper tr th,
    .revisions-grid-wrapper tr .quote-data-cell {
        border-top: 1px solid #939395 !important;
        border-bottom: 1px solid #939395 !important;
        background-color: white;
    }

.revisions-action-item {
    width: 150px;
    padding: 0 5px;
    cursor: pointer;
}

    .revisions-action-item:hover {
        background-color: #EBF9FF;
    }
/* end not used */


.revisions-field-editor {
    display: inline;
    width: 270px;
}

    .revisions-field-editor.editable {
        border-bottom: 1px dashed var(--main-link-and-icon-color);
        cursor: pointer;
    }

    .revisions-field-editor .field-label {
        text-align: center;
    }

    .revisions-field-editor .empty-label {
        color: var(--secondary-text-color);
    }

    .revisions-field-editor.editable:hover {
        border-bottom: 1px solid var(--main-link-and-icon-color);
    }

.revisions-footer {
    text-align: center;
    height: 50px;
    padding: 10px 0 0 0;
}

.revisions-grid-wrapper tr.active-revision td {
    background-color: var(--fiori3-info-background-color) !important;
}

.revision-option {
    display: block;
    padding: 5px;
    border: 2px solid transparent;
}

    .revision-option:hover,
    .revision-option:focus {
        background-color: var(--primary-background-color);
        color: var(--primary-text-color);
    }

    .revision-option:focus {
        outline: none;
        border: 2px solid var(--focus-border-and-outline-color);
    }

    .revision-option.disabled-revision {
        opacity: 0.7;
        cursor: not-allowed;
    }

.new-revision-button {
    color: var(--main-link-and-icon-color);
    padding-top: 10px;
    cursor: pointer;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.noscroll {
    overflow: hidden !important;
}

.quote-title {
    color: var(--primary-text-color);
}

@media all and (max-width: 400px) {
    .quote-title:last-child {
        display: block !important;
    }
}

.quote-title.inactive-revision-title {
    color: var(--secondary-text-color);
}

.selected-column-row {
    position: relative;
}

    .selected-column-row .fa-chevron-left {
        position: absolute;
        left: 10px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .selected-column-row .fa-chevron-right {
        position: absolute;
        right: 10px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .selected-column-row .selected-column-name {
        padding-left: 30px;
    }

.columns-box {
    height: 350px !important;
}

.clear-selected-columns {
    position: absolute;
    right: 20px;
    bottom: -5px;
    color: #06a7e2;
}

    .clear-selected-columns:hover {
        text-decoration: underline;
        cursor: pointer;
    }

.padding-botom-10 {
    padding-bottom: 10px;
}

.padding-right-25 {
    padding-right: 25px;
}

input.form-control.error {
    border-color: var(--error-required-color);
}

.blocked-user-color {
    color: var(--error-required-color);
}

.conflict-item div:nth-child(2) {
    padding: 0 0 0 10px;
}

.no-background {
    background: inherit;
}

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

.conflict-label {
    border-radius: 5px;
    display: inline-block;
    background: #8a6d3b;
    padding: 0 5px 0 5px;
    margin: 0;
}

.clear-fix-info-label {
    background: unset;
    box-shadow: unset;
    display: unset;
}

/* Deal view */
.user-page-container div > .no-bottom-border {
    border-bottom: none;
}

.create-deal-options {
    text-align: center;
}

.create-deal-options-title {
    border-bottom: 1px solid var(--primary-border-color);
}

    @media all and (min-width: 768px) {
        .create-deal-actions {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
        }
    }

.create-deal-actions div {
    display: inline-block;
    padding: 20px 0;
    width: 150px;
    overflow: hidden;
}

.create-deal-actions label {
    margin: 20px 0;
}

.create-deal-actions button {
    color: var(--white-text-color);
    border: none;
    text-decoration: none;
    font-weight: normal;
    border-radius: 7px;
    padding: 5px 15px;
    font-size: 28px;
}

/* Deal View icons */
.create-deal-actions button.ui-builder {
    padding: 5px 17px;
    background-color: #ED6767;
}

.create-deal-actions button.excel-upload {
    background-color: #6B8793;
}

.create-deal-actions button.excel-template {
    background-color: #BF389D;
}

.deal-view-container.fiori3-cart-tab-container {
    padding: 16px !important;
}

.deal-view-container #no-more-tables td {
    padding-left: 8px !important;
    min-height: 37px;
}

.deal-view-container #no-more-tables td:before {
    content: '';
}

@media all and (max-width: 800px) {
    .deal-view-container #no-more-tables td .flex {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.ui-builder:focus, .excel-upload:focus, .excel-template:focus {
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
    border: 1px solid var(--focus-border-and-outline-color);
    outline: none;
}

.toggle-button {
    opacity: 0.4;
}

    .toggle-button.active-toggle {
        opacity: 1;
        color: var(--main-link-and-icon-color);
    }

.deal-view-actions {
    display: flex;
    gap: 8px;
}

    .deal-view-actions .fiori3-icon-button {
        font-size: 18px;
    }

        .deal-view-actions .fiori3-icon-button:disabled {
            color: var(--primary-text-color);
            opacity: 0.7;
            pointer-events: none;
        }

    .deal-view-actions .actions-separator {
        border-left: 1px solid var(--primary-border-color);
        display: inline-block;
        height: 20px;
        margin-right: 3px;
    }

.business-partners-view-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.business-partners-view-actions .fiori3-icon-button {
    margin-right: 8px;
}

    .business-partners-view-actions .fiori3-icon-button:last-child {
        margin-right: 0;
    }

.center-chekbox {
    margin-left: 4px;
    margin-bottom: 2px;
}

.business-partners-view-actions .fiori3-icon-button:disabled {
    color: var(--primary-text-color);
    opacity: 0.7;
    pointer-events: none;
}


#showSections {
    text-align: left;
}

.show-sections-trigger,
.edit-section-name-input {
    border-color: var(--input-border-color);
}

.disabled-button-tooltip-enabler.disabled {
    cursor: not-allowed;
}

    .disabled-button-tooltip-enabler.disabled button {
        color: var(--primary-text-color);
        opacity: 0.7;
        pointer-events: none;
    }

.fiori3-icon-button.d-inline {
    display: inline;
}

.fiori3-icon-button.bc-1 {
    background-color: var(--fiori3-pills-background-color);
}

.fiori3-icon-button.bc-2 {
    background-color: var(--fiori3-pills-background-color);
}

.deal-view-header {
    display: flex;
    justify-content: space-between;
}

.deal-view-header h3 {
    margin-bottom: 0;
}

.select-columns-modal {
    overflow: hidden !important;
}

    @media all and (min-width: 320px) and (max-width: 400px) {
        .business-partners-view-actions {
            flex-wrap: wrap;
        }

        .business-partners-view-actions .dropdown-toggle {
            margin-bottom: 10px;
        }

        .icon-buttons-wrapper {
            width: 100%;
        }

        .involved-parties-columns-modal-dialog,
        .add-involved-party-modal-dialog,
        .search-involved-party-modal-dialog {
            width: 320px !important;
            margin: 0;
        }

        .tiered-pricing-modal-dialog {
            width: 360px !important;
            margin: 0;
        }

        .search-involved-party-modal-body {
            padding: 10px !important;
        }

        #involvedPartiesTable .fiori3-search-input-wrapper input {
            max-width: 90px !important;
        }
    }

    @media all and (max-width: 500px) {
        .involved-party-label {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-bottom: 10px !important;
        }

        .business-partners-view-header,
        .search-business-partners-view-header {
            flex-wrap: wrap;
        }

        .business-partners-view-actions {
            width: 100%;
        }

        .business-partners-view-actions .fiori3-icon-button,
        .business-partners-view-actions .fiori3-icon-button {
            margin-left: 0 !important;
        }

        .involved-party-table .fiori3-search-input-wrapper input {
            max-width: 170px !important;
        }

        .business-partners-modal-dialog {
            max-width: 320px;
        }
    }

    @media all and (max-width: 800px) {
        .involved-party-table .fiori3-search-input-wrapper input {
            max-width: 250px;
        }
    }

.business-partners-view-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}

.pull-right.mw-160 {
    min-width: 160px;
}

.item-hierarchy {
    opacity: 0.5;
}

.section-options .btn-tertiary,
.allocate-section .btn-tertiary,
.deal-view-container .btn-tertiary {
    color: var(--main-link-and-icon-color);
    border-radius: 3px;
    outline: none;
}

    .deal-view-container .btn-tertiary.outlined {
        color: var(--main-link-and-icon-color);
        border: 1px solid var(--main-link-and-icon-color) !important;
        padding: 5px 25px;
    }

.quote-team-members-toggle:focus:before {
    border: 1px solid var(--focus-border-and-outline-color) !important;
}

.deal-view-container .btn-tertiary[class^="icon-"]:before,
.deal-view-container .btn-tertiary[class*=" icon-"]:before {
    font-size: 18px;
}

.deal-view-container .btn-tertiary.outlined.filled {
    color: var(--white-text-color);
    font-weight: bold;
    background-color: var(--main-link-and-icon-color);
    border: 1px solid var(--main-link-and-icon-color);
}

    .deal-view-container .btn-tertiary.outlined.filled:focus {
        background-color: var(--focus-border-and-outline-color);
        border: 1px solid var(--focus-border-and-outline-color);
    }

.deal-view-container .btn-tertiary:disabled {
    opacity: 0.7;
    color: var(--primary-text-color);
    cursor: not-allowed;
}

.deal-view-container .btn-tertiary.active {
    background-color: var(--tertiary-background-color);
}

.data-structure-table .btn-assign-teams:focus {
    border: 1px solid var(--focus-border-and-outline-color) !important;
}

.deal-view-container table.data-structure-table {
    margin-bottom: 0;
}

.deal-view-container table.data-structure-table th:nth-child(2) {
    border-right: none;
}

.deal-view-container table.data-structure-table th:nth-child(3) {
    border-left: none;
}

.deal-view-container table.data-structure-table .fiori3-input-group {
    margin-bottom: 0 !important;
}

.deal-view-container table.data-structure-table label.fiori3-checkbox-group > input {
    position: relative;
    display: block;
    width: 0;
    height: 0;
}
.deal-view-container table.data-structure-table > thead > tr {
    background-color: var(--tertiary-background-color);
}

.deal-view-container table.data-structure-table > tbody > tr {
    background-color: var(--secondary-background-color);
}

.deal-view-container table.data-structure-table > thead > tr > th,
.deal-view-container table.data-structure-table > tbody > tr > td {
    border: 1px solid var(--primary-border-color);
    vertical-align: middle;
}

.deal-view-container table.data-structure-table > tbody > tr > td.section-actions {
    text-align: right;
    border-left: none;
    min-width: 150px;
}

    .data-structure-table > tbody > tr > td.section-actions .fiori3-icon-button {
        font-size: 18px;
    }

.deal-view-container table.data-structure-table > tbody > tr > td.section-actions .icon-share-2 {
    display: inline-block;
    padding: 0 8px;
}

.deal-view-container table.data-structure-table > tbody > tr > td.section-name {
    border-right: none;
    min-width: 500px;
}

.deal-view-container table.data-structure-table > tbody > tr > td.data {
    min-width: 150px;
    text-align: center;
}

table.data-structure-table > tbody > tr.total-component-row {
    background-color: var(--primary-background-color);
}

table.data-structure-table > tbody > tr.total-component-row.filtered {
    background-color: var(--fiori3-info-background-color);
}

.fiori3-cart-tab-container.involved-parties-container {
    margin-top: 96px !important;
}

.involved-parties-container {
    height: calc(100% - 80px)
}

.involved-party-table {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

.involved-party-checkbox {
    min-width: 2% !important;
    width: 43px;
    border-left: unset !important;
}

.involved-parties-container table.data-structure-table {
    margin-bottom: 0;
}

    .involved-parties-container table.data-structure-table > thead > tr {
        background-color: var(--tertiary-background-color);
    }

    .involved-parties-container table.data-structure-table > tbody > tr {
        background-color: var(--secondary-background-color);
    }

        .involved-parties-container table.data-structure-table > thead > tr > th,
        .involved-parties-container table.data-structure-table > tbody > tr > td {
            border: 1px solid var(--primary-border-color);
            vertical-align: middle;
            min-width: 200px;
            max-width: 350px;
        }

        .involved-parties-container table.data-structure-table > thead > tr > th {
            border-top: 1px solid var(--primary-border-color) !important;
        }

        .involved-parties-container table.data-structure-table > thead > tr > th:last-child,
        .involved-parties-container table.data-structure-table > tbody > tr > td:last-child {
            border-right: unset !important;
        }

        .involved-parties-container table.data-structure-table > thead > tr > th > span,
        .involved-parties-container table.data-structure-table > tbody > tr > td > span {
            font-size: 14px;
            color: var(--primary-text-color);
        }

        .involved-parties-container .left-text-align {
            float: left;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            height: 25px;
            margin-top: 2px;
            margin-left: 3px;
        }

        .involved-parties-container .right-text-align {
            float: right;
            margin-top: -2px;
        }

.business-partner-pointer {
    cursor: pointer;
}

@media all and (max-width: 800px) {
    .involved-parties-container table.data-structure-table > tbody > tr > td {
        width: 100%;
    }

     .involved-parties-container table.data-structure-table > thead > tr > th,
    .involved-parties-container table.data-structure-table > tbody > tr > td {
         max-width: none;
     }

    .involved-parties-container .left-text-align {
        display: inline-block;
        float: unset;
        height: unset;
        max-width: 150px;
        position: relative;
        top: 3px;
        margin: 0;
    }

    .involved-parties-container .right-text-align {
        text-align: right;
    }
}

.no-involved-parties-container {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 14px;
    color: var(--primary-text-color);
}

.no-involved-parties {
    margin-top: 10px;
}

.business-partners-modal-dialog {
    position: absolute;
    top: 0;
    right: 0;
    height: 100vh;
    width: 500px;
    overflow-y: hidden;
    box-shadow: 0 2px 4px 0 rgba(51, 51, 51, 0.2);
}

.business-partners-modal-container {
    margin-left: 16px;
    margin-right: 16px;
    padding-top: 10px;
    height: 100vh;
}

.business-partners-modal-container .fiori3-alert-info {
    margin-bottom: 0;
}

.business-partners-modal-container .fiori3-icon-button {
    font-size: 16px;
}

.involved-party-label {
    margin: 0px;
    font-size: 16px;
    color: var(--primary-text-color);
    background: none;
    padding: 0;
}

.close-icon {
    float: right;
    height: 10px !important;
    width: 10px !important;
    position: fixed;
    font-size: 18px;
    top: 16px;
    right: 35px;
}

.select-column-close-icon {
    top: 8px;
    height: 20px !important;
    width: 20px !important;
}

.add-edit-partner-function {
    margin-left: 5px;
    height: 75px;
    margin-top: 5px;
}

.add-edit-partner-function > .fiori3-input-group {
    margin-bottom: 0 !important;
}

.partner-function-select {
    width: 200px;
    margin-top: 5px;
    line-height: 24px !important;
    height: 30px;
}

.search-business-partner {
    width: 90%;
    margin-top: 3px;
}

.business-partner-name {
    display: inline-block;
    max-width: 200px;
}

.margin-top-15 {
    margin-top: 15px;
}

.remove-business-partner, .edit-partner-function {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    margin-left: 5px !important;
}

.partner-function-header-text {
    font-size: 18px;
    color: var(--primary-text-color);
    margin-top: 4px;
    overflow: hidden;
}

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

.business-partners-modal-header-border-left,
.business-partners-system-id {
    border-left: 1px solid var(--primary-border-color);
    padding-left: 10px;
}

.business-partners-system-id > span {
    max-width: 150px;
    display: inline-block;
    margin-top: 3px;
}

.bussiness-partners-line {
    margin: 0 15px;
}

.business-partners-section-line {
    margin-top: 8px;
    margin-bottom: 10px;
}

.business-partner-header-border {
    border-bottom: 1px solid var(--primary-border-color);
    margin: 0;
    padding-bottom: 8px;
}

.business-partner-header-text {
    border-bottom: 1px solid var(--main-link-and-icon-color);
    padding-bottom: 8px;
}

.business-partner-header-wrapper {
    margin: 16px 0;
}

.footer-business-partners-line {
    margin-left: -15px;
    margin-right: -15px;
}

.business-partners-modal-header {
    height: 140px;
}

.business-partners-modal-content {
    height: calc(100vh - 240px);
    margin: 0;
    padding: 0 15px;
    overflow-y: auto;
    -ms-overflow-y: scroll;
}

.business-partners-modal-content.has-notification {
    height: calc(100vh - 305px);
}

.business-partners-modal-content > *,
.business-partners-modal-content > .form-section > * {
    width: 100%;
}

.business-partners-modal-content .half-width-left,
.business-partners-modal-content .half-width-right {
    flex: 1;
    min-width: 50%;
}

.business-partners-modal-content .half-width-left {
    padding-right: 8px;
}

.business-partners-modal-content .half-width-right {
    padding-left: 8px;
}

.business-partners-modal-content .fiori3-input-group {
    position: relative;
}

.business-partners-modal-footer {
    text-align: right;
    height: 42px;
    margin-right: 15px;
}

.quick-add-item-suggestions {
    width: unset;
    overflow-x: hidden;
    max-height: 250px;
}

    .quick-add-item-suggestions table tr {
        border: 1px solid var(--primary-border-color);
        cursor: pointer;
    }

        .quick-add-item-suggestions table tr:hover {
            background-color: var(--tertiary-background-color);
        }

    .quick-add-item-suggestions table td {
        padding: 5px;
    }

        .quick-add-item-suggestions table td.add-suggestion {
            width: 300px;
        }

        .quick-add-item-suggestions table td.action {
            text-align: right;
            min-width: 80px;
        }

        .quick-add-item-suggestions table td.quick-add-footer {
            text-align: right;
        }

.section-fake-column {
    padding: 0 !important;
    width: 100%;
    border-right: 1px solid var(--primary-border-color:);
}

.deal-item-action {
    cursor: pointer;
    width: 100%;
    padding: 5px;
}

    .deal-item-action:hover {
        background-color: var(--fiori3-info-background-color);
    }

.icon-deal-item-action--1:before {
    content: "\e1f7";
}

.icon-deal-item-action-0:before {
    content: "\e09e";
}

.icon-deal-item-action-2:before {
    content: "\e038";
}

.icon-deal-item-action-3:before {
    content: "\e245";
}

.icon-deal-item-action-4:before {
    content: "\e03d";
}

.icon-deal-item-action-5:before {
    content: "\e010";
}

.modal-overlay {
    background-color: gray;
    opacity: 0.4;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1040;
}
@media all and (max-width: 800px) {
    .modal-container {
        margin: auto 10px !important;
    }
}
.modal-container {
    background-color: var(--secondary-background-color);
    position: fixed;
    z-index: 1041;
    border-radius: 2px;
    top: 0;
    bottom: 0;
    left: 48px;
    right: 0;
    max-height: 100vh;
    vertical-align: middle;
    margin: auto;
    max-width: 546px;
    max-height: 626px;
}

.deal-view-dialog {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.deal-view-dialog-header {
    text-align: center;
    height: 40px;
    vertical-align: middle;
    padding: 10px;
}

.deal-view-dialog-content-wrapper {
    flex: 1;
    flex-direction: column;
    background-color: var(--primary-background-color);
    padding: 20px;
}

.deal-view-dialog-content {
    background-color: var(--secondary-background-color);
    height: 100%;
    padding: 30px;
    flex: 1;
    flex-direction: column;
}


    .deal-view-dialog-content .custom-dropdown-menu .option {
        border: 2px solid transparent;
        cursor: pointer;
    }

        .deal-view-dialog-content .custom-dropdown-menu .option:focus {
            border: 2px solid var(--focus-border-and-outline-color);
            outline: none;
        }

.distribution-target {
    border-bottom: 1px solid var(--primary-border-color);
    padding: 5px 0;
    display: flex;
    justify-content: space-between;
    line-height: 35px;
    vertical-align: middle;
}

.distribution-total {
    float: right;
    padding: 10px 30px;
    margin-right: 25px;
}

.deal-view-dialog-footer {
    height: 50px;
}

    .deal-view-dialog-footer span {
        float: right;
    }

    .deal-view-dialog-footer button {
        margin: 10px 20px 10px 0px;
    }

.deal-view-dialog-content .dropdown-container {
    position: relative;
    cursor: pointer;
}

    .deal-view-dialog-content .dropdown-container.disabled {
        cursor: not-allowed;
        background-color: var(--primary-background-color);
    }

    .deal-view-dialog-content .dropdown-container .icon-navigation-down-arrow {
        color: var(--main-link-and-icon-color);
    }

    .deal-view-dialog-content .dropdown-container .option {
        cursor: pointer;
        padding: 5px;
    }

        .deal-view-dialog-content .dropdown-container .option.inactive {
            cursor: not-allowed;
            background-color: var(--tertiary-background-color);
            opacity: 0.8;
        }

        .deal-view-dialog-content .dropdown-container .option:hover {
            background-color: var(--main-link-and-icon-color);
            color: var(--white-text-color);
        }

.deal-view-drop-down, .row-section-suggestions {
    border: 2px solid transparent;
    cursor: pointer;
}

    .deal-view-drop-down:focus, .row-section-suggestions:focus {
        border: 2px solid var(--focus-border-and-outline-color);
        outline: none;
    }

.sections-suggestions {
    max-height: 175px;
    width: auto;
}

.data-align-left {
    text-align: left !important;
}

.deal-seciton-checkbox-centered {
    margin-bottom: 3px;
}

/* .deal-section-actions not being used */
.deal-section-actions {
    max-height: 250px;
    width: auto;
    right: 0;
    left: unset;
}

    .deal-section-actions .header {
        padding: 5px 15px;
        height: 30px;
        border-bottom: 1px solid var(--primary-border-color);
        white-space: nowrap;
    }

    .deal-section-actions .action {
        padding: 5px 15px;
        height: 30px;
        white-space: nowrap;
        cursor: pointer;
    }

        .deal-section-actions .action:hover {
            background-color: #efefef;
        }

.icon-navigation-left-arrow:focus:before {
    content: "\e067";
    outline: 1px solid var(--focus-border-and-outline-color);
}

.icon-navigation-right-arrow:focus:before {
    content: "\e066";
    outline: 1px solid var(--focus-border-and-outline-color);
}

.sections-suggestions table > tbody > tr {
    border-bottom: 1px solid var(--primary-border-color);
}

.sections-suggestions table > tbody > tr:hover {
    background-color: var(--fiori3-table-row-hover);
}

.sections-suggestions table > tbody > tr > td.hierarchy {
    padding: 5px;
    text-align: right;
}

.sections-suggestions table > tbody > tr > td.section-path {
    padding: 5px;
    width: 300px;
}

.sections-suggestions table > tbody > tr > td.section-path:focus {
    outline: 2px solid var(--focus-border-and-outline-color) !important;
    outline-offset: -2px;
}

.is-open .sections-suggestions {
    display: inline-block;
    max-width: 295px;
    width: 100%;
}

.sections-suggestions ul {
    margin-bottom: 0;
    list-style: none;
    padding: 0;
    max-width: 295px;
}

    .sections-suggestions ul > li {
        border-bottom: 1px solid var(--primary-border-color);
        padding: 5px;
        display: flex;
        justify-content: space-between;
    }

        .sections-suggestions ul > li:hover {
            background-color: var(--fiori3-table-row-hover);
        }

        .sections-suggestions ul > li.hierarchy {
            margin-left: 5px;
            text-align: right;
        }

        .sections-suggestions ul > li.section-path:focus {
            outline: 2px solid var(--focus-border-and-outline-color) !important;
            outline-offset: -2px;
        }

    .search-input:after {
        font-family: var(--icons-font);
        content: '\e00d';
        color: var(--main-link-and-icon-color);
        font-size: 18px;
        position: absolute;
        top: .5px;
        right: 12px;
    }

li .selected-section {
    background-color: var(--fiori3-info-background-color);
}

    li .selected-section span {
        background-color: var(--fiori3-info-background-color);
    }

tr.selected-section {
    background-color: var(--fiori3-info-background-color);
}

    tr.selected-section td {
        background-color: var(--fiori3-info-background-color);
    }
.allocate-section {
    width: 40px !important;
    min-width: 40px !important;
    text-align: right;
    position: relative;
}

    .allocate-section button:before {
        font-family: var(--icons-font);
        content: "\e0d1";
        font-size: 16px;
    }

    .allocate-section.allocated button:before {
        color: gray;
    }

    .allocate-section.unallocated .tooltip-content span {
        background-color: var(--secondary-background-color);
        color: var(--primary-text-color);
        border: 1px solid var(--primary-border-color); 
    }

    .allocate-section.allocated .tooltip-content span {
        background-color: var(--secondary-background-color);
        text-align: center;
    }

.allocation-parent-section {
    text-align: left;
    background-color: var(--fiori3-info-background-color);
    padding: 1px 3px;
    border-radius: 4px;
    width: 300px !important;
}

    .allocation-parent-section .section-title {
        max-width: calc(100% - 40px);
        display: inline-block;
        margin: 3px 0 0 8px;
    }

    .allocation-parent-section button.icon-sys-cancel:before {
        font-family: var(--icons-font);
        content: "\e1c7";
    }

    .allocation-parent-section button.icon-sys-cancel:focus {
        border: 1px solid var(--focus-border-and-outline-color) !important;
    }

.tooltip-content {
    display: none;
    z-index: 1010;
    overflow-y: auto;
    margin-top: 0;
    overflow: visible;
}

    .tooltip-content > span {
        background-color: var(--secondary-background-color);
        white-space: nowrap;
        padding: 2px;
    }

.is-open > .tooltip-content {
    display: block;
}

.nav > li.guest-user-login-button {
    margin-left: 15px;
}

    .nav > li.guest-user-login-button > a {
        color: var(--main-link-and-icon-color);
        padding: 4px 7px;
        height: 42px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        border: 1px solid transparent;
    }

        .nav > li.guest-user-login-button > a:hover,
        .nav > li.guest-user-login-button > a:active {
            background-color: var(--main-link-and-icon-hover-color) !important;
            border-radius: 4px;
        }

        .nav > li.guest-user-login-button > a:focus {
            background-color: var(--main-link-and-icon-hover-color) !important;
            -webkit-box-shadow: none !important;
            box-shadow: none !important;
            border-radius: 4px;
            font-weight: normal !important;
            color: var(--white-text-color);
            border: 1px solid var(--focus-border-and-outline-color);
            outline: none;
        }

/*------- topMenuC4C -------*/
    #topMenuC4C {
    float: right;
    padding-right: 16px;
    padding-top: 12px;
}

    #topMenuC4C .main-list-item {
        display: inline-flex;
        font-size: 14px;
        margin-right: 8px;
        width: 32px;
        height: 24px;
    }

    #topMenuC4C > ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
    }

    #topMenuC4C ul li a {
        text-decoration: none;
    }

    #topMenuC4C ul li ul li a {
        text-decoration: none;
        color: black;
    }

    #topMenuC4C ul li ul li {
        display: block;
        font-size: 14px;
        padding: 5px;
    }

    #topMenuC4C ul li:last-child {
        margin: 0;
    }

    #topMenuC4C .dropdown-menu {
        right: 5px;
        left: auto;
        top: 40px;
        box-shadow: 0 2px 4px 0 rgba(51, 51, 51, 0.2);
        border: 1px solid var(--primary-border-color);
    }

#wrap.wrap-when-landing-C4C #categoryContainer {
    top: 68px;
    margin-left: -50px;
}

#wrap.wrap-when-landing-C4C .catalog-page-container {
    left: 0;
}

#wrap.wrap-when-landing-C4C .catalog .catalog-content {
    margin-top: 20px;
    width: calc(100vw - 300px);
}

#wrap.wrap-when-landing-C4C .catalog.categories-toggled .catalog-content {
    width: calc(100vw - 93px);
}

#wrap.wrap-when-landing-C4C .catalog.categories-toggled #categoryContainer {
    top: 68px;
    margin-left: -50px;
}

#wrap.wrap-when-landing-C4C #sideMenuContainer {
    display: none;
}

#wrap.wrap-when-landing-C4C #headerContainer {
    display: none;
}

.d-none {
    display: none;
}

#topMenuC4C .current-quote-and-favorites {
    display: inline-block;
    width: 32px;
    height: 24px;
    margin-right: 8px;
}

#topMenuC4C .nav > li:not(.current-quote) {
    display: none;
}

.main-list-item .dropdown-toggle ul li a {
    text-align: left;
}

#topMenuC4C .current-quote-icon-style, #topMenuC4C .current-quote-icon-style:hover {
    background-color: transparent !important;
    color: var(--main-link-and-icon-color);
    padding: 0 !important;
    margin: 0 !important;
    font-size: 14px;
    width: 100%;
}

.main-list-item a {
    text-align: left;
}

.setup-menu-dropdown-c4c:before {
    content: "";
    position: absolute;
    top: -16px;
    right: 25px;
    margin-left: -5px;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
    z-index: 2;
}

.setup-menu-dropdown-c4c:after {
    content: "";
    position: absolute;
    top: -17px;
    right: 25px;
    margin-left: -5px;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent #eeeeef transparent;
    z-index: 1;
}

#topMenuC4C #currentQuoteDropdown {
    top: 30px !important;
    right: -60px !important;
}

#wrap.wrap-when-landing-C4C .cart-wrapper {
    margin-top: -20px !important;
    margin-left: 210px !important;
    width: calc(100vw - 260px) !important;
}

#wrap.wrap-when-landing-C4C .quote-page-main-container.actions-toggled .cart-wrapper {
    margin-top: -20px !important;
    margin-left: 25px !important;
    width: calc(100vw - 75px) !important;
}

#wrap.wrap-when-landing-C4C #actionsContainer {
    top: 48px;
}
/* general top menu c4c styles */
/* end */

/* #region FIORI 3 NEW COMMON STYLES */
/* #region buttons */
.btn-primary.fiori3-btn-primary {
    background: unset;
    height: 26px;
    padding: 0 16px;
    background-color: var(--fiori-primary-btn-background-color);
    color: var(--fiori-primary-btn-color);
    border-radius: 4px;
    line-height: 24px;
}

a.btn-primary.fiori3-btn-primary,
a.btn-secondary.fiori3-btn-primary,
a.btn-secondary.fiori3-btn-secondary,
a.btn-secondary.fiori3-btn-tertiary,
a.btn-tertiary.fiori3-btn-tertiary {
    padding: 0 16px;
}

a.btn-primary.fiori3-btn-primary.disabled,
a.btn-secondary.fiori3-btn-secondary.disabled,
a.btn-tertiary.fiori3-btn-tertiary.disabled {
    cursor: not-allowed;
}

    a.btn-primary.fiori3-btn-primary:hover {
        color: var(--fiori-primary-btn-color);
    }

.btn-primary.fiori3-btn-primary:hover, .btn-primary.fiori3-btn-primary:focus, .btn-primary.fiori3-btn-primary:active {
    background-color: var(--fiori-primary-btn-hover-color);
    box-shadow: none;
}

.btn-primary.fiori3-btn-primary:disabled, .btn-primary.fiori3-btn-primary.disabled {
    background-color: var(--fiori-primary-btn-hover-color);
    opacity: 0.4;
    border-color: transparent;
}

li.btn-primary.fiori3-btn-primary.disabled {
    background-color: var(--fiori-primary-btn-hover-color);
    opacity: 0.4;
    pointer-events: none;
    cursor: not-allowed;
}

.btn-secondary.fiori3-btn-secondary {
    background: unset;
    height: 26px;
    padding: 0 16px;
    background-color: var(--fiori-primary-btn-color);
    color: var(--fiori-primary-btn-background-color);
    border-radius: 4px;
    border: 1px solid var(--fiori-primary-btn-background-color);
    line-height: 24px;
}

    .btn-secondary.fiori3-btn-secondary:hover, .btn-secondary.fiori3-btn-secondary:focus, .btn-secondary.fiori3-btn-secondary:active {
        color: var(--fiori-primary-btn-hover-color);
        border: 1px solid var(--fiori-primary-btn-hover-color);
        box-shadow: none;
    }

    .btn-secondary.fiori3-btn-secondary:disabled, .btn-secondary.fiori3-btn-secondary.disabled {
        color: var(--fiori-primary-btn-background-color);
        border: 1px solid var(--fiori-primary-btn-background-color);
        opacity: 0.4;
    }

.btn-tertiary.fiori3-btn-tertiary {
    background: unset;
    height: 26px;
    padding: 0 16px;
    background-color: var(--fiori-primary-btn-color);
    color: var(--fiori-primary-btn-background-color);
    border-radius: 4px;
    line-height: 24px;
}

    .btn-tertiary.fiori3-btn-tertiary:hover {
        background-color: var(--fiori-tertiary-btn-background-color);
    }

    .btn-tertiary.fiori3-btn-tertiary:focus, .btn-tertiary.fiori3-btn-tertiary:active {
        background-color: var(--primary-background-color);
        box-shadow: none;
    }

    .btn-tertiary.fiori3-btn-tertiary:disabled, .btn-tertiary.fiori3-btn-tertiary.disabled {
        background-color: none;
        opacity: 0.4;
    }

.btn-xs.fiori3-btn-xs {
    height: 21px;
    padding: 0 8px;
}

.fiori3-btn-default {
    height: 26px;
    padding: 3px 12px;
}

.btn-file {
    padding-top: 2px;
}
/* #endregion */

/* #region input fields and labels and select */
.fiori3-input-group {
    margin: 0 !important;
    margin-bottom: 16px !important;
}

.fiori3-input-group label {
    font-size: 14px !important;
    text-align: left !important;
    color: var(--secondary-text-color);
    padding: 0 !important;
    padding-bottom: 4px !important;
    margin-bottom: 0 !important;
}

.fiori3-input-group input,
.fiori3-input-group textarea {
    height: 26px;
    border-radius: 4px !important;
    border: 1px solid var(--input-border-color);
    color: var(--primary-text-color);
    padding: 0 6px;
}

.fiori3-input-group textarea.long-text {
    min-height: 100px;
}

.fiori3-input-group pre {
    min-height: 26px;
    color: var(--primary-text-color);
    padding: 3px 6px;
    font-family: inherit;
    white-space: pre-wrap;
    border: none;
    background-color: transparent;
}

    .fiori3-input-group input::placeholder,
    .fiori3-input-group input::-ms-input-placeholder,
    .fiori3-input-group input::-ms-input-placeholder {
        color: var(--fiori-input-placeholder-color);
    }

    .fiori3-input-group input:hover,
    .fiori3-input-group input:focus,
    .fiori3-input-group textarea:hover,
    .fiori3-input-group textarea:focus,
    .fiori3-attributes .fiori3-input-group.qty input[type="text"]:hover,
    .fiori3-attributes .fiori3-input-group.qty input[type="text"]:focus {
        border-color: var(--focus-border-and-outline-color);
        color: var(--primary-text-color);
    }

    .fiori3-input-group input:focus,
    .fiori3-input-group textarea:focus {
        -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2) !important;
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2) !important;
        outline: none;
    }

    .fiori3-input-group pre:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: none;
    }

    .fiori3-input-group input[disabled]:hover,
    .fiori3-input-group select[disabled]:hover,
    .fiori3-input-group input.disabled:hover,
    .fiori3-input-group select.disabled:hover {
        border-color: var(--input-border-color) !important;
        -webkit-box-shadow: none;
        box-shadow: none;
        cursor: not-allowed;
    }

    .fiori3-input-group input.form-control.error,
    .fiori3-input-group input.form-control.error:hover,
    .fiori3-input-group input.form-control.error:focus,
    .fiori3-input-group select.form-control.error {
        border-color: var(--error-required-color) !important;
    }

    .fiori3-input-group input.form-control.conflict,
    .fiori3-input-group input.form-control.conflict:hover,
    .fiori3-input-group input.form-control.conflict:focus,
    .fiori3-input-group select.form-control.conflict {
        border-color: var(--warning-color) !important;
    }

    .fiori3-input-group input.form-control.validation-error.error,
    .fiori3-input-group select.form-control.validation-error.error {
        border-color: var(--error-required-color) !important;
    }

    .fiori3-input-group select {
        height: 26px;
        padding: 0 8px;
        color: var(--primary-text-color);
        border-radius: 4px !important;
        border: 1px solid var(--input-border-color);
        cursor: pointer;
        box-shadow: none;
        line-height: 26px;
    }

        .fiori3-input-group select:hover {
            -webkit-box-shadow: none;
            box-shadow: none;
            border: 1px solid var(--focus-border-and-outline-color);
        }

        .fiori3-input-group select:focus {
            -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2) !important;
            box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2) !important;
            outline: none;
            border: 1px solid var(--focus-border-and-outline-color);
        }

    .fiori3-input-group.date-field input {
        border-radius: 4px 0 0 4px !important;
        display: block;
    }

.fiori3-textarea {
    border: 1px solid var(--input-border-color);
    color: var(--primary-text-color);
}

    .fiori3-textarea::placeholder,
    .fiori3-textarea::-ms-input-placeholder,
    .fiori3-textarea::-ms-input-placeholder {
        color: var(--fiori-input-placeholder-color);
    }

    .fiori3-textarea:hover,
    .fiori3-textarea:focus {
        border-color: var(--focus-border-and-outline-color);
        color: var(--primary-text-color);
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .fiori3-textarea[disabled]:hover,
    .fiori3-textarea.disabled:hover {
        border-color: var(--input-border-color);
        -webkit-box-shadow: none;
        box-shadow: none;
        cursor: not-allowed;
    }

.fiori3-input-group.fiori3-select-group {
    position: relative;
}

    .fiori3-input-group.fiori3-select-group select {
        -webkit-appearance: none;
        -moz-appearance: none;
        padding: 0 25px 0 6px;
    }

#divGenDocMain .flex {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.fiori3-input-group.fiori3-select-group::after {
    font-family: var(--icons-font);
    content: "\e1f8";
    color: var(--main-link-and-icon-color);
    position: absolute;
    top: 6px;
    right: 9px;
    font-size: 22px;
    line-height: 0;
    pointer-events: none;
}

.fiori3-input-group.date-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .fiori3-input-group.date-field .input-group-addon {
        width: 38px;
        display: block;
    }
/* #endregion */

/* #region checkbox */
.fiori3-checkbox-group {
    display: inline-block;
    font-weight: normal;
    cursor: pointer;
    margin-bottom: 16px;
}

    .fiori3-checkbox-group input {
        position: absolute;
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-top: 0;
        opacity: 0;
        cursor: pointer;
    }

        .fiori3-checkbox-group input + span {
            color: var(--primary-text-color);
            padding-left: 24px;
            position: relative;
            display: inline-block;
            word-wrap: break-word;
        }

            .fiori3-checkbox-group input + span:before {
                content: "";
                display: inline-block;
                width: 16px;
                height: 16px;
                position: absolute;
                left: 0;
                background-color: var(--secondary-background-color);
                border: 1px solid var(--input-border-color);
                border-radius: 4px;
                cursor: pointer;
                margin-top: 1px;
            }

        .fiori3-checkbox-group input:hover + span:before {
            border: 1px solid var(--focus-border-and-outline-color);
        }

        .fiori3-checkbox-group input:focus + span:before {
            -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
            border: 2px solid var(--focus-border-and-outline-color);
        }

        .fiori3-checkbox-group input:checked:focus + span:before {
            -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
            background-color: var(--focus-border-and-outline-color);
        }

        .fiori3-checkbox-group input:checked + span:before {
            content: "\e05b";
            background-color: var(--sap-icon-color);
            font-size: 12px;
            font-family: var(--icons-font);
            text-align: center;
            line-height: 15px;
            color: var(--white-text-color);
            border: none;
        }

        .fiori3-checkbox-group input:disabled + span:before {
            cursor: not-allowed;
            opacity: .4;
        }
/* #endregion */

/* #region pagination */
.fiori3-pagination-container {
    padding: 0;
    margin-top: 6px;
    z-index: 2;
}

@media all and (max-width: 676px) {
    .fiori3-catalog-page-container .col-md-12.clearfix.fiori3-pagination-container {
        padding-top: 20px;
    }
}

.fiori3-pagination {
    position: relative;
    padding: 0;
    padding-right: 16px;
    z-index: 2;
}

    .fiori3-pagination li {
        display: inline;
    }

        .fiori3-pagination li:first-child {
            margin-right: 16px;
        }

        .fiori3-pagination li:last-child {
            margin-left: 16px;
        }

    .fiori3-pagination > li > span {
        font-size: 14px;
        color: var(--main-link-and-icon-color);
        border: none;
    }

    .fiori3-pagination > li:hover > span {
        background: none;
        border: none;
        cursor: pointer;
    }

    .fiori3-pagination > .pages {
        margin: 0 12px;
    }

        .fiori3-pagination > .pages span {
            color: var(--primary-text-color);
            cursor: default !important;
        }

    .fiori3-pagination > .active > span {
        color: var(--primary-text-color);
    }

    .fiori3-pagination > .disabled > span {
        opacity: 0.4;
        cursor: not-allowed;
    }

    .fiori3-pagination > .disabled:hover > span {
        cursor: not-allowed;
    }

    .fiori3-pagination input {
        text-align: center;
        max-width: 38px;
        border-color: var(--input-border-color);
        font-size: 12px;
    }

    .fiori3-pagination select {
        border: none;
        box-shadow: none;
    }

        .fiori3-pagination select::-ms-expand {
            display: none;
        }
/* #endregion */

/* #region items per page */
.fiori3-items-per-page-container {
    position: relative;
    margin-left: 16px;
    z-index: 992;
}

.fiori3-items-per-page-container .items-per-page-label {
    color: var(--secondary-text-color);
}

.fiori3-items-per-page-container .items-per-page-number {
    font-size: 14px;
    color: var(--main-link-and-icon-color);
    cursor: pointer;
}

.fiori3-items-per-page-container #itemsPerPageDropdown {
    display: inline-block;
}

.fiori3-items-per-page-container .dropdown-menu {
    display: block !important;
    visibility: hidden;
    width: 50px;
    min-width: inherit;
    top: 15px;
    left: -11px;
    border-radius: 4px;
    border: 1px solid var(--input-border-color);
    padding: 0;
    margin: 2px 0 3px 0;
    box-shadow: 0 2px 4px 0 rgba(51, 51, 51, 0.2);
    max-height: 0;
    overflow: hidden;
    transition: max-height 300ms ease-in-out;
}

.fiori3-items-per-page-container.open .dropdown-menu {
    visibility: visible;
    max-height: 132px;
    transition: max-height 300ms ease-in-out;
}

.fiori3-items-per-page-container .dropdown-menu.open-up {
    bottom: 21px;
    top: auto;
}

.fiori3-items-per-page-container .dropdown-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.fiori3-items-per-page-container .dropdown-menu ul li {
    padding: 1px 10px;
    cursor: pointer;
    border: 2px solid transparent;
}

    .fiori3-items-per-page-container .dropdown-menu ul li:hover {
        background: var(--fiori3-table-row-hover);
    }

    .fiori3-items-per-page-container .dropdown-menu ul li:active,
    .fiori3-items-per-page-container .dropdown-menu ul li.selected {
        background: var(--fiori3-info-background-color);
    }

        .fiori3-items-per-page-container .dropdown-menu ul li.selected:hover {
            background: var(--focus-border-and-outline-color);
        }

    .fiori3-items-per-page-container .dropdown-menu ul li:focus {
        border: 2px solid var(--focus-border-and-outline-color);
        outline: none;
    }

.fiori3-items-per-page-container button.pager-items-per-page-number {
    background-color: transparent;
    border: none;
}

    .fiori3-items-per-page-container button.pager-items-per-page-number:focus {
        outline: 2px solid var(--focus-border-and-outline-color);
    }
/* #endregion */

/* #region fiori3 dropdown */
.fiori3-dropdown .dropdown-menu {
    border-radius: 4px;
    border: 1px solid var(--primary-border-color);
    box-shadow: 0 2px 4px 0 rgba(51, 51, 51, 0.2);
    overflow: visible;
}

    .fiori3-dropdown .dropdown-menu::before {
        content: "";
        position: absolute;
        top: -17px;
        right: 12px;
        z-index: 1;
        border-color: transparent transparent var(--secondary-background-color) transparent;
        border-width: 9px;
        border-style: solid;
    }

    .fiori3-dropdown .dropdown-menu::after {
        content: "";
        position: absolute;
        top: -18px;
        right: 12px;
        border-color: transparent transparent var(--primary-border-color) transparent;
        border-width: 9px;
        border-style: solid;
    }
/* #endregion */

/* #region fiori3 icon button */
.fiori3-icon-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 auto;
    font-family: var(--icons-font);
    height: 26px;
    width: 32px;
    background-color: var(--secondary-background-color);
    border-radius: 4px;
    color: var(--sap-icon-color);
    cursor: pointer;
    border: 1px solid transparent !important;
}

    .fiori3-icon-button .sap-icon {
        font-size: 18px;
    }

    .fiori3-icon-button:hover {
        background-color: var(--fiori-tertiary-btn-background-color);
        color: var(--main-link-and-icon-color);
    }

    .fiori3-icon-button:focus,
    .fiori3-icon-button:active,
    .fiori3-icon-button.active,
    .fiori3-icon-button.open {
        background-color: var(--fiori-tertiary-btn-background-color);
        color: var(--main-link-and-icon-color);
        box-shadow: none;
    }

    .fiori3-icon-button:focus {
        -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2) !important;
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2) !important;
        border: 1px solid var(--focus-border-and-outline-color) !important;
        outline: none !important;
        background-color: var(--primary-background-color);
    }

    .fiori3-icon-button.disabled {
        color: var(--main-link-and-icon-color);
        opacity: 0.4;
        cursor: not-allowed;
    }

        .fiori3-icon-button.disabled .sap-icon {
            pointer-events: auto;
        }
/* #endregion */

/* #region fiori3 alerts */
.fiori3-alert {
    position: relative;
    padding: 6px 16px 6px 48px;
    margin-bottom: 16px;
    font-size: 14px;
    line-height: normal;
    border: none;
    color: var(--primary-text-color);
}

    .fiori3-alert .sap-icon,
    .fiori3-alert .sap-icon-extended {
        position: absolute;
        left: 16px;
        top: 50%;
        transform: translateY(-50%);
        display: inline-block;
        margin-right: 16px;
        font-size: 14px;
    }

.fiori3-alert-info {
    background-color: var(--fiori3-info-background-color);
}

    .fiori3-alert-info .sap-icon,
    .fiori3-alert-info .sap-icon-extended {
        color: var(--fiori3-info-border-color);
    }

.fiori3-alert-info-border {
    border: 1px solid var(--fiori3-info-border-color);
    border-radius: 3px;
}

.fiori3-alert-danger {
    background-color: var(--fiori3-error-background-color);
}

    .fiori3-alert-danger .sap-icon,
    .fiori3-alert-danger .sap-icon-extended {
        color: var(--fiori3-error-border-color);
    }

.fiori3-alert-danger-border {
    border: 1px solid var(--fiori3-error-border-color);
    border-radius: 3px;
}

.fiori3-alert-danger-icon::before {
    content: '\e1ec';
}

.fiori3-alert-warning {
    background-color: var(--fiori3-warning-background-color);
}

    .fiori3-alert-warning .sap-icon,
    .fiori3-alert-warning .sap-icon-extended {
        color: var(--fiori3-warning-border-color);
    }

.fiori3-alert-warning-border {
    border: 1px solid var(--fiori3-warning-border-color);
    border-radius: 3px;
}

.fiori3-alert-success {
    background-color: var(--fiori3-success-background-color);
}

    .fiori3-alert-success .sap-icon,
    .fiori3-alert-success .sap-icon-extended {
        color: var(--fiori3-succes-border-color);
    }

.fiori3-alert-success-border {
    border: 1px solid var(--fiori3-succes-border-color);
    border-radius: 3px;
}

.fiori3-alert-success-icon::before {
    content: '\e203';
}

.fiori3-alert ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.fiori3-warning-icon-color {
    color: var(--warning-color);
}

.federation-wrapper.fiori3-alert.fiori3-alert-danger {
    margin-top: 20px;
}
/* #endregion */
/* #region fiori3 table */
.fiori3-table {
    width: 100%;
    color: var(--secondary-text-color);
    border: 1px solid var(--primary-border-color);
}

    .fiori3-table tbody > tr:hover,
    .fiori3-table tbody > tr:hover .fiori3-icon-button {
        background-color: var(--fiori3-table-row-hover);
    }

    .fiori3-table tr:hover .fiori3-icon-button:hover {
        background-color: var(--fiori-tertiary-btn-background-color);
    }

    .fiori3-table th {
        background-color: var(--tertiary-background-color);
        font-size: 14px;
        color: var(--primary-text-color);
    }

    .fiori3-table th,
    .fiori3-table td {
        padding: 6px 16px !important;
        border: 1px solid var(--primary-border-color) !important;
        vertical-align: middle;
    }

    .fiori3-table .fiori3-input-group {
        position: relative;
        margin-bottom: 0 !important;
    }

    .fiori3-table .drag-icon {
        color: var(--secondary-text-color);
    }
/* #endregion */

/* #region fiori3 modal */
.fiori3-modal-dialog .modal-header {
    position: relative;
    height: 40px;
    text-align: center;
    background-color: var(--secondary-background-color);
    padding: 0;
}

    .fiori3-modal-dialog .modal-header h3, .fiori3-modal-dialog .modal-header h4 {
        background-color: var(--secondary-background-color);
        color: var(--primary-text-color);
        max-width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 13px 0 9px 20px;
    }

    .fiori3-modal-dialog .modal-header h4 {
        padding: 13px 0 6px 20px;
        margin: 0px;
    }

    .fiori3-modal-dialog .modal-header button {
        position: absolute;
        top: 10px;
        right: 16px;
        color: var(--main-link-and-icon-color);
        font-size: 18px;
    }

.fiori3-modal-dialog .modal-body {
    padding: 20px;
    background-color: var(--secondary-background-color);
}

.fiori3-modal-dialog .modal-footer {
    padding: 0;
    height: 40px;
}

.fiori3-modal-dialog .modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

    .fiori3-modal-dialog .modal-footer .btn-primary,
    .fiori3-modal-dialog .modal-footer .btn-tertiary {
        float: right;
        margin-right: 8px;
    }

    .fiori3-modal-dialog .modal-footer .btn-tertiary {
        right: 5px;
    }
/* #endregion */

/* #region fiori3 radio button */
.fiori3-radio-button {
    cursor: pointer;
}

    .fiori3-radio-button input {
        display: block;
        height: 16px;
        width: 16px;
        opacity: 0;
        position: absolute;
    }

        .fiori3-radio-button input + span {
            position: relative;
            padding-left: 25px;
        }

        .fiori3-radio-button input:disabled + span {
            cursor: not-allowed;
        }

        .fiori3-radio-button input + span:before {
            content: "";
            display: inline-block;
            width: 17px;
            height: 17px;
            position: absolute;
            left: 0;
            border-radius: 8px;
            background-color: var(--secondary-background-color);
            border: 1px solid var(--input-border-color);
            box-shadow: none;
            cursor: pointer;
        }

    .fiori3-radio-button:hover input + span:before {
        border: 1px solid var(--focus-border-and-outline-color);
    }

    .fiori3-radio-button:focus input + span:before,
    .fiori3-radio-button input:focus ~ span:before {
        -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
        border: 1px solid var(--focus-border-and-outline-color);
    }

    .fiori3-radio-button input:checked:focus ~ span:before {
        border: 1px solid var(--focus-border-and-outline-color);
        color: var(--focus-border-and-outline-color);
    }

    .fiori3-radio-button input:checked + span:before {
        content: "\e255";
        font-family: var(--icons-font);
        font-size: 8px;
        text-align: center;
        line-height: 16px;
        color: var(--fiori-primary-btn-background-color);
        border: 1px solid var(--fiori-primary-btn-background-color);
    }

@supports (-ms-ime-align: auto) {
    .fiori3-radio-button input:checked + span:before {
        line-height: 15px;
    }
}

.fiori3-radio-button input:disabled + span:before,
.fiori3-radio-button input[disabled] + span:before,
.fiori3-radio-button input.disabled + span:before {
    cursor: not-allowed;
    border: 1px solid var(--input-border-color);
    opacity: .4;
    box-shadow: none;
}
/* #endregion */

/* #region fiori3 dropdown menu */
.fiori3-dropdown-menu li {
    float: none;
    display: block;
    font-family: var(--main-font-family);
    font-size: 14px;
    color: var(--primary-text-color);
    margin: 5px;
    border-radius: 4px;
    cursor: pointer;
    line-height: 24px;
    min-width: 140px;
}

    .fiori3-dropdown-menu li:hover {
        background-color: var(--fiori3-table-row-hover);
    }

.fiori3-dropdown-icons-menu li span:first-child {
    position: absolute;
    padding: 0 8px;
}

.fiori3-dropdown-icons-menu li span:last-child {
    padding-right: 8px;
    padding-left: 29px;
    word-break: break-all;
    word-wrap: break-word;
    min-height: 24px;
}

/* #endregion */

/* #region customer feedback side modal */
.item-comment-pills {
    background-color: var(--tertiary-background-color);
    border-radius: 4px;
    display: inline-block;
    padding: 0px 11px;
    margin-bottom: 7px;
}

    .item-comment-pills .fa-times {
        color: var(--main-link-and-icon-color);
        width: 8px;
        height: 12px;
        cursor: pointer;
    }

.feedback-comment-time {
    display: block;
    text-align: right;
}

.cart-warning-group {
    margin-bottom: 16px;
}

    .cart-warning-group.last-visible {
        margin-bottom: 0;
    }

div.cart-warning-group > p {
    margin-bottom: 4px;
}

button.feedback-delete-comment:focus {
    opacity: 1 !important;
}
/* #endregion */

/* #region recommendations side modal */
.recommendations-side-modal {
    width: 400px;
    position: fixed;
    top: 48px;
    bottom: 0;
    right: 0;
    background-color: var(--secondary-background-color);
    padding: 0;
    box-shadow: 0 2px 4px 0 rgba(51, 51, 51, 0.2);
    z-index: 1040;
    color: var(--primary-text-color);
}


@media all and (max-width: 768px) {
    .recommendations-side-modal {
        width: 300px;
    }
}

.recommendations-header {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    background-color: var(--tertiary-background-color);
    height: 45px;
    border-bottom: 1px solid var(--primary-border-color);
    padding-right: 10px;
}

.recommendations-container {
    max-height: calc(100% - 45px);
    overflow-x: hidden;
    overflow-y: auto;
}

.recommendations-header h3 {
    margin: 0;
    color: var(--primary-text-color);
    background: inherit;
}

.recommendations-header .sap-icon {
    color: var(--main-link-and-icon-color);
    background-color: transparent;
    cursor: pointer;
    height: 26px;
    width: 32px;
    text-align: center;
    padding-top: 4px;
    margin: 0;
}

.promotions-item-box {
}

.promotions-item-header {
    background-color: var(--selected-category-background-color);
    border-bottom: 1px solid var(--primary-border-color);
    padding-left: 18px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.accept-all-promotions-wrapper {
    border-bottom: 1px solid var(--primary-border-color);
    padding-left: 18px;
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
    padding-right: 18px;
}

.accept-all-promotions-padding {
    flex: 2;
}

.accept-all-promotions-button {
    flex: 1;
}

.accept-all-promotions-close-button {
    flex: 1;
    margin-left: 8px;
}

.promotion-title-wrapper {
    display: flex;
    flex-direction: row;
}

.promotions-item-header-title {
    font-size: 15px;
    font-weight: bold;
    color: var(--primary-text-color);
    padding-right: 10px;
    margin-bottom: 0;
}

.promotions-item-header-tooltip {
    flex: 1;
    padding-right: 12px
}

.validity-container {
    display: flex;
    justify-content: space-between;
    max-width: 300px;
}

.promo-item-container {
    display: flex;
    padding-left: 18px;
    padding-right: 12px;
    padding-bottom: 5px;
    margin: 15px;
    border-bottom: 1px solid var(--primary-border-color);
}

.promo-item-header {
    display: flex;
    padding-left: 18px;
    padding-right: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: var(--tertiary-background-color);
    margin: 15px;
    border-bottom: 1px solid var(--primary-border-color);
}

.container3 {
    display: flex;
    margin: 15px;
    width: 70%;
}

.tiered-pricing-table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: sticky;
    left: 0px;
    background-color: var(--tertiary-background-color);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.promotions-container-padding {
    padding-bottom: 50px;
}

.accept-all-promotions-wrapper {
    display: flex;
    position: sticky;
    bottom: 0px;
    background-color: var(--tertiary-background-color);
    align-items: center;
}

.discard-promotion-message {
    text-align: left;
}

.discard-item-container {
    display: flex;
    padding-right: 12px;
    padding-bottom: 5px;
    margin: 18px;
    border-bottom: 1px solid var(--primary-border-color);
}

.promotions-discount-applied-on-header {
    padding-right: 10px;
    font-weight: bold;
}

.promotions-discount-applied-on-range {
    flex: 4;
    font-weight: bold;
}

.promotions-discount-applied-on-header-buttons {
    flex: 1;
    font-weight: bold;
    margin-left: 10px;
}

.promotions-no-longer-valid-header {
    margin-left: 10px;
    width: 51%;
}


.promotions-discount-applied-on {
    flex: 3;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
}

.promotions-discount-type {
    flex: 3;
}

.promotions-discount-amount {
    flex: 2;
}

.promotions-quantity {
    flex: 2;
}

    .promotions-quantity input[type="number"] {
        width: 80%;
    }

.checkbox1 {
    flex: 2;
    display: flex;
    align-items: baseline;
    flex-direction: row-reverse;
    justify-content: space-around
}

.checkboxHeader {
    flex: 2;
    display: flex;
    justify-content: flex-end;
}


.validity-container1 {
    display: flex;
    justify-content: space-between;
}

.recommendation-item-box {
    font-size: 12px;
    color: var(--secondary-text-color);
    border-bottom: 1px solid var(--primary-border-color);
    padding: 20px;
}

.recommendations-button-container button:first-child {
    margin-right: 4px;
}

.recommended-product-and-quantity {
    color: var(--primary-text-color);
}

    .recommended-product-and-quantity p:first-child {
        font-size: 14px;
    }

.recommendations-container p:last-child {
    margin-bottom: 16px;
}

.recommendations-side-modal > div:last-child {
    margin-top: 30px;
}

.recommendations-side-modal .loaderWrap {
    position: static;
    display: block;
    margin: 0 auto;
}
/* #endregion */

/* #region responsive table */
@media all and (max-width: 800px) {
    .fiori3-responsive-table {
        border: 2px solid var(--primary-border-color) !important;
        border-collapse: collapse;
    }

        .fiori3-responsive-table tr {
            border: 2px solid var(--primary-border-color) !important;
        }

        .fiori3-responsive-table th,
        .fiori3-responsive-table td {
            display: block;
            background-color: var(--secondary-background-color);
        }

        .fiori3-responsive-table th {
            border: none !important;
        }

        .fiori3-responsive-table.fiori3-table td {
            border: none !important;
            border-top: 1px solid var(--primary-border-color) !important;
        }

        .fiori3-responsive-table tr:hover td {
            background-color: var(--fiori3-table-row-hover);
        }

        .fiori3-responsive-table tr:hover {
            background-color: var(--secondary-background-color);
        }
}
/* #endregion */

/* #region fiori3-pills */
.fiori3-pills-container ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
}

.fiori3-pills-container > ul li:not(:last-child) {
    margin-right: 8px;
    margin-bottom: 4px;
}

.fiori3-pills-container .fiori3-pills {
    font-size: 12px;
    min-height: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    background-color: var(--fiori3-pills-background-color);
    border-radius: 4px;
    padding: 0;
}

    .fiori3-pills-container .fiori3-pills span {
        padding-left: 6px;
        color: var(--primary-text-color);
        max-width: 500px;
        overflow-wrap: break-word;
    }

        .fiori3-pills-container .fiori3-pills span:nth-child(2) {
            padding: 0 !important;
            font-weight: normal !important;
        }

    .fiori3-pills-container .fiori3-pills .sap-icon {
        padding: 4px 8px;
        color: var(--main-link-and-icon-color);
        text-decoration: none;
        border-radius: 4px;
    }

.fiori3-pills-container .close-filter-pill {
    font-size: 12px;
    color: var(--main-link-and-icon-color);
    text-decoration: none;
    padding-left: 5px;
    border-radius: 4px;
}
/* #endregion */

/* #region fiori3-nav-tabs */
.fiori3-nav-tabs-container .fiori3-nav-tabs {
    padding: 0 16px;
    border-bottom: none;
}

    .fiori3-nav-tabs-container .fiori3-nav-tabs li {
        color: var(--secondary-text-color);
        margin-right: 32px;
        border-bottom: 2px solid transparent;
    }

        .fiori3-nav-tabs-container .fiori3-nav-tabs li:last-child,
        .fiori3-nav-tabs-container .fiori3-nav-tabs li.tabdrop {
            margin-right: 0;
        }

        .fiori3-nav-tabs-container .fiori3-nav-tabs li.active,
        .fiori3-nav-tabs-container .fiori3-nav-tabs li:hover {
            border: none;
            border-bottom: 2px solid var(--main-link-and-icon-color);
        }

            .fiori3-nav-tabs-container .fiori3-nav-tabs li a,
            .fiori3-nav-tabs-container .fiori3-nav-tabs li.active .dropdown-menu li a {
                padding: 8px 0 5px;
                margin-right: 0;
                color: var(--secondary-text-color);
                font-size: 14px;
                border: none;
                cursor: pointer;
            }

                .fiori3-nav-tabs-container .fiori3-nav-tabs li a:hover {
                    background-color: transparent;
                    border: none;
                }

            .fiori3-nav-tabs-container .fiori3-nav-tabs li.active a,
            .fiori3-nav-tabs-container .fiori3-nav-tabs .dropdown-menu .nav-tab-item.active a {
                border: none;
                color: var(--main-link-and-icon-color);
            }

        .fiori3-nav-tabs-container .fiori3-nav-tabs li.tabdrop a {
            padding: 7px 5px 6px 5px;
            cursor: pointer;
        }

        .fiori3-nav-tabs-container .fiori3-nav-tabs li.open a {
            background-color: transparent;
        }

.fiori3-nav-tabs-container .tabdrop.open .dropdown-menu {
    top: 35px;
    right: -17px;
    border-radius: 4px;
    padding: 5px;
}

.fiori3-nav-tabs-container .fiori3-nav-tabs .tabdrop .caret {
    margin-left: 0;
}
/* #endregion */
/* #region SubscriptionBilling */
.sb-charge-table {
    margin-bottom: 0;
}

    .sb-charge-table th,
    .sb-charge-table td {
        border-right: none !important;
        border-left: none !important;
    }

    .sb-charge-table th {
        font-size: 12px;
        text-align: center;
        color: var(--primary-text-color);
    }

    .sb-charge-table tbody td {
        font-size: 13px;
        color: var(--primary-text-color);
    }

.sb-charges label {
    font-size: 12px;
    color: var(--primary-text-color);
}

.sb-charges span {
    font-size: 12px;
    color: var(--primary-text-color);
}

.sb-rateplan-field {
    width: 32%;
    display: inline-block;
    margin-bottom: 20px;
}

.tiered-pricing-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.tiered-pricing-table-width-small {
    width: calc(0% + 77vw);
}

.tiered-pricing-table-width-large {
    width: calc(0% + 100vw - 250px);
}

.tiered-pricing-edit-actions-container {
    margin-bottom: 5px;
}

.tiered-pricing-details-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 90%;
    margin: 15px 0px 15px 0px;
}

.tiered-pricing-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.tiered-pricing-row {
    position: relative;
}

    .tiered-pricing-row .numberCell::before {
        content: '';
        width: 3px;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

.tiered-pricing-new-row .numberCell::before {
    background-color: var(--success-color);
}

.tiered-pricing-updated-row .numberCell::before {
    background-color: var(--warning-color);
}

.tiered-pricing-detail-value {
    color: var(--primary-text-color);
}

.tiered-pricing-container table td {
    border: 1px solid var(--primary-border-color) !important;
}

.tiered-pricing-table-wrapper {
    position: relative;
    z-index: 2;
}

    .tiered-pricing-table-wrapper:last-child .dropdown-menu {
        top: auto;
        bottom: 21px;
    }

.tiered-pricing-inactive-tab {
    margin-left: 32px;
}

.tiered-pricing-icon-active {
    background-color: var(--sap-icon-color);
    border-radius: 10%;
}

.tiered-pricing-icon {
    padding: 0 9px;
    margin-right: 8px;
    cursor: pointer;
}

.tiered-pricing-date-picker {
    background-color: transparent !important;
}

.tiered-pricing-checkbox-cell {
    width: 20px;
}

.tiered-pricing-checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 5px;
}

.tiered-pricing-icon-active .sap-icon {
    color: var(--fiori-primary-btn-color) !important;
}

.fiori3-table tbody > .tiered-pricing-table-wrapper:hover {
    background-color: transparent !important;
}

.fiori3-items-table-sticky .fiori3-table .tiered-pricing-table-wrapper th:first-child::after, .fiori3-items-table-sticky .fiori3-table .tiered-pricing-table-wrapper th:nth-child(2)::after,
.fiori3-items-table-sticky .fiori3-table .tiered-pricing-table-wrapper td:first-child::after, .fiori3-items-table-sticky .fiori3-table .tiered-pricing-table-wrapper td:nth-child(2)::after,
.fiori3-items-table-sticky .fiori3-table .tiered-pricing-table-wrapper th:first-child::before, .fiori3-items-table-sticky .fiori3-table .tiered-pricing-table-wrapper th:nth-child(2)::before,
.fiori3-items-table-sticky .fiori3-table .tiered-pricing-table-wrapper td:first-child::before, .fiori3-items-table-sticky .fiori3-table .tiered-pricing-table-wrapper td:nth-child(2)::before {
    display: none;
}

.tiered-pricing-header-container {
    display: -webkit-box;
    display: -ms-flexbox;
    border-bottom: 1px solid var(--primary-border-color);
    margin: 10px 0px 5px 0px;
}

    .tiered-pricing-header-container .fiori3-cart-tabs-container.tabbable > ul {
        padding-left: 0 !important;
    }

.tiered-pricing-header {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.tiered-pricing-header-buttons-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 4px;
}

.tiered-pricing-table-padding {
    position: sticky;
    left: 0;
}

.tiered-pricing-table-row {
    position: sticky;
    z-index: 1;
    left: 135px;
    max-width: 0px;
}

.tiered-pricing-search-all-wrapper {
    display: flex;
    position: relative;
    padding: 5px 5px 15px 5px;
}

.tiered-pricing-search-all-button {
    position: absolute;
    right: 5px;
    background: transparent;
    cursor: pointer;
    display: flex;
    justify-content: center;
    height: 26px;
    width: 32px;
    align-items: center;
}

.tiered-pricing-table-cell-title {
    padding-left: 12px;
}

@media all and (max-width: 800px) {
    .tiered-pricing-table-row {
        left: 0px;
        max-width: 100%;
    }

    .tiered-pricing-table-width-large {
        width: 100%;
        padding-left: 30px;
    }

    .tiered-pricing-header-container {
        display: flex;
        flex-direction: column;
    }

    .tiered-pricing-details-container {
        flex-direction: column;
        width: 100%;
        gap: 10px;
    }

    .tiered-pricing-detail {
        display: flex;
        flex-direction: row !important;
        justify-content: space-between;
    }

    .tiered-pricing-header-container {
        border-bottom: none;
    }

    .tiered-pricing-header-container .fiori3-cart-tabs-container.tabbable > ul {
        border-bottom: 1px solid var(--primary-border-color);
    }

    .tiered-pricing-header-buttons-container {
        padding-top: 20px;
    }

    .tiered-pricing-row-sm {
        position: relative;
    }

    .tiered-pricing-row-sm .numberCell::before {
        content: '';
        width: 3px;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

    .tiered-pricing-new-row-sm .numberCell::before {
        background-color: var(--success-color);
    }

    .tiered-pricing-updated-row-sm .numberCell::before {
        background-color: var(--warning-color);
    }

    .tiered-pricing-input-wrapper-sm {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .tiered-pricing-input-sm {
        min-width: 200px;
        max-width: 200px;
    }

    .tiered-pricing-table-cell-sm {
        text-align: left !important;
        display: flex !important;
        justify-content: space-between;
    }
}

@media all and (min-width: 801px) {
    .tiered-pricing-search-all-wrapper,
    .tiered-pricing-table-cell-title {
        display: none;
    }
}


.sb-charge-type-header {
    font-size: 15px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.sb-modal-body hr,
.sb-table-container {
    margin: 0 -20px 0 -20px;
}

.sb-charges .table-container ~ hr {
    display: none;
}

.sb-price-tag-label {
    font-size: 12px;
}

.sb-contract-info {
    padding-top: 20px;
    padding-bottom: 15px;
    padding-left: 20px;
    border-top: 1px solid var(--primary-border-color);
    border-bottom: 1px solid var(--primary-border-color);
    margin: 0 -20px 0 -20px;
}

    .sb-contract-info > div {
        display: inline-block;
        margin-right: 70px;
    }

    .sb-contract-info span {
        color: var(--primary-text-color);
        font-size: 14px;
    }

    .sb-contract-info label {
        color: var(--secondary-text-color);
        font-size: 12px;
    }

.sb-modal-body {
    max-height: 75vh;
    overflow-y: auto;
    padding-top: 0 !important;
}

.name-value-pair {
    -webkit-align-items: center;
    align-items: center;
}

    .name-value-pair select {
        width: auto;
    }
/* #endregion */

/* #region Subscription key value pair */

.subscriptionTable {
    overflow-x: auto;
}

.subscriptionTable table {
    width: 100%;
    overflow: scroll;
}

@media all and (max-width: 800px) {
    .subscriptionTable table .tiered-pricing-table-scrollable {
        overflow: unset;
    }
}

.subscriptionTable thead tr,
.subscriptionTable thead tr th{
    background-color: var(--tertiary-background-color);
}

.subscriptionTable .item-part-number-wrapper span.item-part-number {
    color: var(--main-link-and-icon-color);
}

    .subscriptionTable tr {
        border-top: 1px solid var(--primary-border-color);
        border-bottom: 1px solid var(--primary-border-color);
    }

        .subscriptionTable tr.RatePlan {
            border-top: none;
        }

    .subscriptionTable td {
        border: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        min-width: 10% !important;
        margin: auto;
        border-collapse: collapse !important;
    }

.simpleDiv,
.simple-item-table-cell {
    width: auto;
}

    .simpleDiv input,
    .simple-item-table-cell input {
        max-width: 100%;
        width: auto !important;
        float: right;
    }

.complexDiv input,
.complex-item-table-cell input {
    width: 70px !important;
}

.cellsColumn {
    width: auto;
    white-space: nowrap;
    display: inline-flex !important;
}

.cellTable th {
    text-align: center;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.cellTable {
    width: 100%;
    height: 100%;
    border: 0 !important;
}

    .cellTable th {
        height: auto;
    }

    .cellTable tr {
        border: 0 !important;
    }

    .cellTable td {
        border: 0 !important;
        vertical-align: bottom;
        padding-top: 2px !important;
        padding-bottom: 0 !important
    }

.fiori3-nav-tabs li a:focus {
    background: transparent;
}

.cellTable th {
    text-align: center;
    background-color: transparent;
    border: 0 !important;
    color: var(--primary-text-color);
    overflow: visible;
    white-space: nowrap;
}

.RatePlan tr:hover, .RatePlan td:hover tr {
    background-color: var(--secondary-background-color);
}

.RatePlan:hover > td, .RatePlan th {
    background-color: var(--secondary-background-color) !important;
}

.RatePlan input {
    width: 60px !important;
}

.valueFont {
    color: var(--primary-text-color);
    font-size: 14px;
}

/*Css for No Tier charges*/

.simpleChargeTable {
    table-layout: fixed;
    width: auto !important;
    color: var(--primary-text-color);
}

    .simpleChargeTable th {
        border: 0 !important;
        color: var(--primary-text-color);
        font-size: 14px;
    }

    .simpleChargeTable td {
        text-align: left;
        border: 0 !important;
    }

    .simpleChargeTable label {
        color: var(--primary-text-color);
        font-size: 12px !important;
    }

.NameValuePair {
    display: block;
    width: 100% !important;
    line-height: 1.8;
}

    .NameValuePair input {
        border: 1px solid #CECED0;
        border-radius: 4px;
    }

    .NameValuePair div {
        text-align: left;
    }

/*CSS for Volume and Tier Charges*/

.SimpleField {
    width: 50%;
    float: left;
    display: block;
    color: var(--primary-text-color);
    font-size: 12px;
    line-height: 2;
    margin-bottom: 10px;
}

    .SimpleField div {
        text-align: left;
    }

.chargeInfo {
    vertical-align: top !important;
    padding-top: 6%;
    width: 25%;
    border: 1px solid green !important
}

.ComplexCharge {
    font-size: 12px;
    color: var(--primary-text-color);
    width: 90% !important;
    border-bottom: 1px solid var(--primary-border-color);
}

    .ComplexCharge > tr {
        border: 0 !important
    }

    .ComplexCharge th {
        border: 0 !important;
        font-size: 14px;
    }

    .ComplexCharge td {
        vertical-align: top;
        border: 0 !important;
        color: var(--primary-text-color);
        font-size: 14px;
    }

.PricingTierTable {
    table-layout: fixed;
    margin-bottom: 1%;
    width: auto !important;
}

    .SimpleField input, .PricingTierTable input {
        width: 60px !important;
        text-align: right;
        border: 1px solid var(--input-border-color);
        border-radius: 4px;
        margin-right: 20%;
        height: 26px;
    }

.SimpleField input {
    color: var(--primary-text-color);
    font-size: 14px;
}

.PricingTierTable tr {
    border-bottom: 1px solid var(--primary-border-color);
}

.PricingTierTable th {
    color: var(--primary-text-color);
    font-size: 12px;
    text-align: left;
    border-top: 1px solid var(--primary-border-color) !important;
    border-bottom: 1px solid var(--primary-border-color) !important;
    background-color: var(--tertiary-background-color) !important;
}

.PricingTierTable td {
    text-align: right;
}

    .PricingTierTable td > div {
        text-align: right;
    }

    .PricingTierTable td input {
        display: inline-block;
        margin: 0;
    }

/* #endregion */
#downloadColumn > ul {
    padding: 0px;
    list-style: none;
}

#errorContainer {
    display: flex;
    flex: 2;
    justify-content: space-evenly;
    padding-top: 20px;
}

    #errorContainer .messageInfo {
        background-color: var(--fiori3-info-background-color) !important;
        border-color: var(--fiori3-info-border-color) !important;
        color: var(--primary-text-color) !important;
        display: flex;
        align-items: center;
        position: relative;
        padding: 6px 16px 6px 48px;
        margin-bottom: 16px;
        font-size: 14px;
        line-height: normal;
        border: none;
    }

        #errorContainer .messageInfo .sap-icon {
            position: absolute;
            left: 16px;
            top: 50%;
            transform: translateY(-50%);
            display: inline-block;
            margin-right: 16px;
        }

#floatingCreateLinks ul.savetemplate2 {
    list-style: none;
    padding: 0px;
}

div.nccontainer #sectionDetailsList {
    list-style: none;
}

.choose-document-template-page-container {
    width: 100%;
    text-align: center;
}

.document-generation-title {
    color: var(--primary-text-color);
    font-size: 22px;
    text-align: center;
}

.custom-spinner {
    margin: 100px auto;
    width: 50px;
    height: 60px;
    text-align: center;
    font-size: 10px;
}

    .custom-spinner > div {
        background-color: var(--main-link-and-icon-color);
        height: 100%;
        width: 6px;
        display: inline-block;
        -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
        animation: sk-stretchdelay 1.2s infinite ease-in-out;
    }

    .custom-spinner .rect2 {
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s;
    }

    .custom-spinner .rect3 {
        -webkit-animation-delay: -1.0s;
        animation-delay: -1.0s;
    }

    .custom-spinner .rect4 {
        -webkit-animation-delay: -0.9s;
        animation-delay: -0.9s;
    }

    .custom-spinner .rect5 {
        -webkit-animation-delay: -0.8s;
        animation-delay: -0.8s;
    }

@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4)
    }

    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes sk-stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }

    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}

/* #region filter modal template*/
.section-names, a.section-names:focus, a.section-names:visited, a.section-names:active, a.section-names:hover {
    color: var(--primary-text-color);
}

.removed-sections {
    color: var(--main-link-and-icon-color);
    cursor: pointer;
    white-space: nowrap;
    padding: 3px 0;
}

a.removed-sections:focus, a.removed-sections:visited, a.removed-sections:active, a.removed-sections:hover {
    color: var(--main-link-and-icon-color);
}

/* #endregion */

/* #region quote - business partners - partner function */
.fiori3-select-group.partner-function-dropdown::after {
    top: 6px;
}

.business-partners-modal-members {
    margin-top: 10px;
    max-height: 125px;
    min-height: 105px;
    position: relative;
}

.business-partner-remove {
    position: absolute;
    height: 24px;
    top: 2px;
    right: 2px;
    z-index: 100;
}

.add-business-partner-search-field {
    height: 27px;
    padding-top: 5px;
    padding-left: 11px;
    border: 1px solid var(--input-border-color);
}

.business-partner-sap-icons-tooltip-left {
    margin-left: 4px;
    color: var(--main-link-and-icon-color);
}

.modal .add-involved-party-modal-dialog {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
    width: 380px;
}

.modal .tiered-pricing-modal-dialog {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
    width: 420px;
}

.add-involved-party-modal-dialog .modal-content,
.tiered-pricing-modal-dialog .modal-content {
    border-radius: 4px;
}

.add-involved-party-modal-header {
    text-align: center;
    background-color: var(--secondary-background-color);
    color: var(--primary-text-color);
    border-radius: 4px 4px 0 0;
    height: 40px;
    position: relative;
}

    .involved-parties-columns-modal-header .fiori3-icon-button,
    .add-involved-party-modal-header .fiori3-icon-button,
    .config-assets-columns-layout-header .fiori3-icon-button {
        position: absolute;
        right: 8px;
        top: 8px;
        font-size: 16px;
    }

.add-involved-party-modal-body {
    padding: 20px 16px !important;
}

.tiered-pricing-modal-error-message {
    margin-top: 24px;
}

.tiered-pricing-modal-body {
    padding: 20px 16px !important;
    display: flex;
    gap: 5px;
    flex-direction: row;
} 

@media all and (min-height: 390px) and (max-height: 650px) and (orientation: landscape) {
    .add-involved-party-modal-body {
        max-height: 230px;
        overflow-y: auto;
    }
}

.add-involved-party-modal-body-label-role {
    margin-top: 20px !important;
}

.add-involved-party-modal-body .form-control {
    float: none;
}

.add-involved-party-modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border-top: 1px solid var(--primary-border-color);
    padding: 7px 20px;
}

    .add-involved-party-modal-footer .fiori3-btn-primary,
    .involved-parties-columns-modal-footer .fiori3-btn-primary,
    .config-assets-columns-modal-footer .fiori3-btn-primary {
        margin-right: 8px;
    }

.modal .search-involved-party-modal-dialog {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
    width: calc(100vw - 100px);
}

.search-involved-party-modal-dialog .modal-content {
    border-radius: 4px;
}

.search-involved-party-modal-dialog .search-involved-party-modal-body-wrapper {
    background-color: var(--secondary-background-color);
    padding-bottom: 8px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .15);
}

.search-involved-party-modal-header {
    text-align: center;
    background-color: var(--secondary-background-color);
    color: var(--primary-text-color);
    border-radius: 4px 4px 0 0;
    height: 40px;
    position: relative;
}

.search-involved-party-modal-body {
    padding: 30px 30px 10px 30px;
    background-color: var(--modal-background-color);
    overflow-y: auto;
    max-height: calc(100vh - 140px);
}

    @supports (-webkit-touch-callout: none) {
        .search-involved-party-modal-body {
            max-height: calc(100vh - 200px);
        }   
    }

.search-business-partners-view-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 16px 16px 0;
}

.involved-parties-columns-modal-header .fiori3-icon-button,
.search-involved-party-modal-header .fiori3-icon-button,
.config-assets-columns-layout-header .fiori3-icon-button {
    position: absolute;
    right: 8px;
    top: 8px;
    font-size: 16px;
    background-color: var(--tertiary-background-color);
}

.involved-party-table .fiori3-search-input-wrapper .sap-icon,
.search-business-partners-view-header .business-partners-view-actions .fiori3-search-input-wrapper .sap-icon {
    color: var(--main-link-and-icon-color);
    font-size: 18px;
}

.involved-party-table .fiori3-search-input-wrapper .fiori3-icon-button,
.filter-business-partners-results .business-partners-view-actions .fiori3-search-input-wrapper .fiori3-icon-button {
    position: absolute;
    right: 2px;
    top: 2px;
    height: 22px;
    width: 22px;
}

.tiered-pricing-checkbox-cell {
    width: 45px;
}

.tiered-pricing-add-row-modal-header {
    background-color: var(--secondary-background-color);
    color: var(--primary-text-color);
    border-radius: 4px 4px 0 0;
    height: 40px;
    position: relative;
}

.filter-tiered-pricing-results .fiori3-search-input-wrapper .fiori3-icon-button {
    position: absolute;
    right: 2px;
    top: 2px;
    height: 22px;
    width: 22px;
    background-color: transparent !important;
}

.search-business-partners-view-header .business-partners-view-actions .fiori3-search-input-wrapper .sap-icon {
    position: absolute;
    right: 4px;
    top: 0;
}

.involved-party-table .fiori3-search-input-wrapper input {
    padding-right: 25px;
}

.search-business-partners-view-header .business-partners-view-actions .fiori3-input-group,
.filter-business-partners-results .fiori3-input-group {
    position: relative;
}

.business-partners-view-actions .fiori3-input-group {
    margin-bottom: 0 !important;
}

    .business-partners-view-actions .fiori3-input-group input {
        max-width: 220px;
        padding-right: 30px;
    }

.business-partners-view-actions .fiori3-search-input-wrapper {
    margin-right: 8px;
}

.search-business-partners-view-header .business-partners-view-actions .fiori3-search-input-wrapper .fiori3-icon-button,
.filter-business-partners-results .fiori3-search-input-wrapper .fiori3-icon-button {
    position: absolute;
    right: 3px;
    top: 2px;
    font-size: 18px;
    height: 22px;
    width: 22px;
}

.search-business-partners-view-header .business-partners-view-actions .fiori3-icon-button {
    margin-left: auto;
}

.filter-business-partners-results .fiori3-icon-button {
    margin: 0 2px;
}

.search-business-partners-view-header label {
    font-size: 16px;
    color: var(--primary-text-color);
}

.involved-party-container .involved-party-table thead th:nth-child(3) {
    width: 300px;
}

.business-partner-search-result-table {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    margin-top: 10px;
}

    .business-partner-search-result-table .fiori3-table td {
        vertical-align: middle;
    }

    .business-partner-search-result-table .fiori3-table .fiori3-checkbox-group {
        margin-bottom: inherit;
    }

    .business-partner-search-result-table .fiori3-checkbox-group input + span:before {
        top: -11px;
    }

    .business-partner-search-result-table thead th:not(:first-child) {
        min-width: 200px;
        max-width: 300px;
    }

    .business-partner-search-result-table thead td {
        background-color: var(--tertiary-background-color);
    }

.business-partner-search-result-checkbox {
    min-width: 2% !important;
    width: 43px;
    border-left: unset !important;
}

@media all and (max-width: 800px) {
    .business-partner-search-result-checkbox {
        width: 100%;
    }
}

.search-business-partners-modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border-top: 1px solid var(--primary-border-color);
    padding: 7px 20px;
}

    .search-business-partners-modal-footer .fiori3-btn-primary,
    .involved-parties-columns-modal-footer .fiori3-btn-primary {
        margin-right: 8px;
    }

.modal-dialog-header {
    display: inline
}

h4.modal-dialog-header,
h4.involved-parties-columns-layout-header,
h4.config-assets-columns-layout-header {
    font-size: 14px;
}

div > .table-sort-column-container-icon {
    padding: 0 5px;
    height: 20px;
    width: 12px;
    position: relative;
}

.validation-message {
    display: none;
    position: absolute;
    z-index: 3;
    height: auto;
    width: auto;
    min-width: 100px;
    max-width: 600px;
    white-space: normal;
    padding: 4px;
    color: var(--primary-text-color) !important;
    background-color: var(--fiori3-error-background-color) !important;
    font-size: 12px;
}

.validation-message-required {
    position: absolute;
    top: unset;
    left: 16px;
    bottom: -26px;
    z-index: 3;
    height: auto;
    width: auto;
    min-width: 100px;
    max-width: 600px;
    white-space: normal;
    padding: 0px 4px;
    line-height: 26px;
    color: var(--primary-text-color) !important;
    background-color: var(--fiori3-error-background-color) !important;
    font-size: 12px;
}

.date-field + .validation-message-required {
    bottom: -10px;
}

.validation-message.backend-validation-message {
    display: block !important;
    -webkit-transition: all 1.5s ease-in-out 1.5s;
    -o-transition: all 1.5s ease-in-out 1.5s;
    transition: all 1.5s ease-in-out 1.5s;
    visibility: hidden;
    opacity: 0;
}

    .validation-message.backend-validation-message.backend-validation-message__show {
        visibility: visible;
        opacity: 1;
    }

.screen-reader-only {
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

input:not(.validation-initial):focus ~ .validation-message,
select:not(.validation-initial):focus ~ .validation-message,
textarea:not(.validation-initial):focus ~ .validation-message {
    display: block;
}

.validation-error:not(.validation-initial),
.validation-error:not(.validation-initial) ~ .select2-container .select2-selection,
.required-validation-error,
.required-validation-error ~ .select2-container .select2-selection, /* Styling for dropdowns rendered via 'select2' */
.validation-error-customField {
    border: 2px solid var(--error-required-color) !important;
}

.date-field .validation-message,
#userDetailsTab .choose-backup-approver .validation-message,
.select2-hidden-accessible ~ .validation-message {
    margin-top: 26px;
}

.responsible-approver-cell {
    position: relative;
    padding: 6px 5px 23px 5px !important;
}

    .responsible-approver-cell .select2,
    .responsible-approver-cell .select2-container .select2-selection--multiple,
    .responsible-approver-cell .select2-selection__rendered,
    .responsible-approver-cell .select2-search--inline {
        height: 26px;
        min-height: 26px;
    }

    .responsible-approver-cell .select2-search,
    .responsible-approver-cell .select2-search .select2-search--inline,
    .responsible-approver-cell .select2-container .select2-search--inline .select2-search__field {
        margin-top: 0;
    }

    .responsible-approver-cell .validation-message {
        margin: 0;
        top: 38px;
    }

@-moz-document url-prefix() {
    .responsible-approver-cell .validation-message {
        top: 48px;
    }
}

.responsible-approver-cell-no-comment.responsible-approver-cell .validation-message {
    top: 30px;
}

.responsible-approver-cell .select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 2px;
    height: 20px;
    font-size: 13px;
}

.responsible-approver-cell select[multiple] {
    height: 26px !important;
}

#userDetailsTab .validation-message,
#modifyPersonalDetailsTab .date-field .validation-message {
    margin-top: 34px;
}

#userDetailsTab .form-horizontal .form-group {
    position: relative;
}

.fiori3-attributes .fiori3-input-group.qty span.validation-message,
.fiori3-attributes .fiori3-input-group.currency span.validation-message {
    display: block;
    margin-top: 26px;
    height: auto;
    width: auto;
    min-width: 100px;
    max-width: 600px;
    padding: 4px;
    line-height: 18px;
}
/* #endregion */

.assets-table-checkbox {
    min-width: 2% !important;
    width: 43px;
    border-left: unset !important;
    vertical-align: middle !important;
}

.assets-table-custom-column-checkbox {
    min-width: 2% !important;
    width: 103px;
    border-left: unset !important;
}

.no-assets-container {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 14px;
    color: var(--primary-text-color);
}

.assets-table-cell {
    vertical-align: middle !important;
}

    .assets-table-cell.contractid-cell {
        white-space: nowrap;
    }

    .assets-table-cell .asset-history-toggle {
        padding: 0 2px;
        font-size: 12px;
    }

.assets-section-table-container {
    overflow-x: auto;
}

.assets-section-container .fiori3-pagination-container {
    padding: 10px 0;
}

.assets-section-container .fiori3-table {
    margin-bottom: 0 !important;
}

.row-assets {
    background-color: var(--secondary-background-color);
    margin-bottom: 16px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    border-radius: 4px;
}

.add-asset-modal-dialog,
.brim-change-product-modal-dialog {
    width: 1250px;
}

.brim-change-product-modal-dialog {
    text-align: left;
}

.alert-multiple-contract-selection {
    padding: 12px 40px
}

@media all and (max-width: 1300px) and (min-width: 800px) {
    .add-asset-modal-dialog, .brim-change-product-modal-dialog {
        width: calc(100% - 40px);
    }
}

@media all and (max-width: 800px) {

    .add-asset-modal-dialog, .brim-change-product-modal-dialog {
        width: calc(100% - 30px);
        overflow-y: auto;
        overflow-x: hidden;
    }

    .add-asset-filter-bar, .assets-filter-bar, .quote-items-filter-bar, .swap-mapping-filter-bar {
        display: block !important;
    }

        .add-asset-filter-bar .fiori3-input-group,
        .assets-filter-bar .fiori3-input-group,
        .quote-items-filter-bar .fiori3-input-group,
        .swap-mapping-filter-bar .fiori3-input-group {
            max-width: initial !important;
        }
}

.add-asset-modal-dialog .modal-content,
.brim-change-product-modal-dialog .modal-content {
    border-radius: 4px;
}

.add-asset-modal-header {
    color: var(--primary-text-color);
    padding: 10px 0 10px 20px !important;
}

.add-asset-modal-dialog .modal-content {
    background-color: var(--modal-background-color);
}

.add-asset-modal-dialog .modal-body {
    background-color: var(--secondary-background-color);
    margin: 15px;
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
}

.add-asset-modal-dialog.add-asset-modal-dialog .modal-dialog-header {
    display: block;
    padding: 0;
    text-align: left;
}

.brim-change-product-modal-dialog .modal-header {
    text-align: left;
    padding: 10px 0 0 15px;
}

    .brim-change-product-modal-dialog .modal-header h3 {
        padding: 0;
    }

.add-asset-modal-footer {
    background-color: var(--secondary-background-color);
}

.add-asset-modal-footer,
.brim-change-product-modal-footer {
    border-top: 1px solid var(--primary-border-color);
    padding: 7px 20px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

    .add-asset-modal-footer .fiori3-btn-primary,
    .add-asset-modal-footer .fiori3-btn-primary,
    .brim-change-product-modal-footer .fiori3-btn-primary {
        margin-right: 8px;
    }

.add-asset-modal-footer-left {
    margin-right: auto;
}

.add-asset-filter-bar,
.assets-filter-bar,
.quote-items-filter-bar,
.swap-mapping-filter-bar {
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 5px;
}

.assets-table-container,
.quote-item-table-container {
    overflow-x: scroll;
}

.assets-table-container,
.quote-item-table-container {
    height: 230px;
}


.assets-container .fiori3-items-per-page-container,
.quote-item-container .fiori3-items-per-page-container,
.swap-mapping-container .fiori3-items-per-page-container {
    visibility: hidden;
}

.assets-table-container .table,
.quote-item-table-container .table,
.swap-mapping-table-container .table {
    margin-bottom: 0px;
    border: none;
}

.assets-table-container table tbody td:nth-child(3),
.quote-item-table-container table tbody td:nth-child(3),
.swap-mapping-table-container table tbody td:nth-child(3) {
    white-space: nowrap;
}

.swap-mapping-table.table > tbody > tr > td:first-child {
    width: 40px;
}

.swap-mapping-filter-bar,
.assets-filter-bar,
.quote-items-filter-bar {
    box-shadow: none;
}

    .add-asset-filter-bar .fiori3-input-group,
    .assets-filter-bar .fiori3-input-group,
    .quote-items-filter-bar .fiori3-input-group,
    .swap-mapping-filter-bar .fiori3-input-group {
        padding: 10px 5px 0px;
        max-width: 150px;
    }

    .add-asset-filter-bar .fiori3-toggle-text,
    .assets-filter-bar .fiori3-toggle-text,
    .quote-items-filter-bar .fiori3-toggle-text,
    .swap-mapping-filter-bar .fiori3-toggle-text {
        white-space: normal;
        text-align: left;
    }

.add-asset-filter-bar .add-asset-single-contract-selection {
    padding: 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    align-self: center;
}

.fiori3-input-group.input-group.date-field {
    padding: 0 !important;
}

.add-asset-filter-bar .fiori3-input-group input:disabled {
    background-color: var(--secondary-background-color) !important;
}

.add-asset-filter-button,
.assets-filter-button,
.quote-items-filter-button,
.swap-mapping-filter-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px;
}

    .assets-filter-button label,
    .quote-items-filter-button label,
    .swap-mapping-filter-button label {
        margin: 0px;
    }

.fiori3-add-asset-table.table {
    margin-bottom: 0;
}

.fiori3-add-asset-table.table .fiori3-checkbox-group {
    margin: 0;
}

.fiori3-add-asset-table.table th,
.fiori3-add-asset-table.table td {
    vertical-align: middle;
    white-space: nowrap;
}

    .fiori3-add-asset-table.table th:not(.select-all-checkbox-cell) {
        vertical-align: top;
    }

.fiori3-add-asset-table.table th.select-all-checkbox-cell {
    vertical-align: bottom;
    text-align: center;
    padding: 6px !important;
    width: 45px;
}

    .fiori3-add-asset-table.table > tbody > tr:not(.asset-items-row) > td:first-child,
    .fiori3-add-asset-items-table td:first-child {
        padding: 5px 10px !important;
        text-align: center;
        min-width: 45px;
        width: 45px;
    }

.fiori3-add-asset-table.table > tbody > tr.asset-items-row > td {
    padding: 0 !important;
}

.fiori3-add-asset-table.table > tbody > tr > td.numberCell {
    text-align: right;
    }

.fiori3-add-asset-table.table > tbody > tr > td .item-toggle-container {
    display: inline-block;
    width: 16px;
}

.fiori3-add-asset-table.table > tbody > tr > .sap-icon {
    color: var(--main-link-and-icon-color);
    vertical-align: middle;
    display: inline-block;
    width: 15px;
    text-align: center;
}

    .fiori3-add-asset-table.table .fiori3-checkbox-group.indeterminate input + span:before {
        content: "\e069";
        background-color: var(--fiori-primary-btn-background-color);
        font-size: 12px;
        font-family: var(--icons-font);
        text-align: center;
        line-height: 15px;
        color: var(--white-text-color);
        border: none;
    }

.fiori3-add-asset-table .filter-add-asset-table input:disabled {
    background-color: var(--secondary-background-color);
}

.fiori3-add-asset-table .filter-add-asset-table .fiori3-search-input-wrapper .fiori3-icon-button {
    position: absolute;
    right: 3px;
    top: 2px;
    font-size: 18px;
    height: 22px;
    width: 22px;
    margin: 0 2px;
}

.fiori3-add-asset-table .fiori3-checkbox-group span {
    display: initial !important;
    padding-left: 19px !important;
    top: 3px !important;
}

.quote-items-table.table > thead > tr > th,
.quote-items-table.table > tbody > tr > td,
.swap-mapping-table.table > thead > tr > th,
.swap-mapping-table.table > tbody > tr > td {
    height: 30px !important;
    text-align: left;
    margin: 0;
    padding: 8px !important;
}

    .quote-items-table.table > tbody > tr > td:first-child,
    .swap-mapping-table.table > tbody > tr > td:first-child {
        text-align: center;
    }

        .assets-table.table > tbody > tr > td:first-child label,
        .quote-items-table.table > tbody > tr > td:first-child label {
            margin: 0px;
        }

.fiori3-add-asset-items-table.table {
    margin: 0;
}

.fiori3-add-asset-items-table.table .historic-records,
.fiori3-assets-table.table .historic-records {
    opacity: 0.5;
}

.fiori3-add-asset-items-table td.numberCell .responsive-value {
    margin-left: auto;
}

.add-asset-items-table-container {
    margin: -1px;
}

.add-asset-table-container {
    overflow-x: auto;
}

.add-asset-table-container #no-more-tables tr.child-item-records td.itemid-cell,
.add-asset-table-container #no-more-tables tr.phased-contract-items td.itemid-cell,
.add-asset-table-container #no-more-tables tr.historic-records td.itemid-cell {
    padding-left: 0 !important;
}

.add-asset-table-container #no-more-tables tr.child-item-records td .responsive-cell,
.add-asset-table-container #no-more-tables tr.phased-contract-items td .responsive-cell,
.add-asset-table-container #no-more-tables tr.historic-records td .responsive-cell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.add-asset-table-container #no-more-tables td .responsive-cell .indent-xs {
    display: none;
}

.swap-mapping-table.table > tbody > tr > td:first-child button {
    font-size: 16px;
}

.swap-mapping-table.table > tbody > tr > td {
    vertical-align: middle;
}

.assets-table.table .fiori3-radio-button input + span,
.quote-items-table.table .fiori3-radio-button input + span {
    padding: 0px 8px;
}

.assets-container,
.quote-item-container,
.swap-mapping-container {
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
    background-color: var(--secondary-background-color);
    padding: 5px 5px 10px;
}

.assets-table.fiori3-table tr > th:first-child,
.assets-table.fiori3-table tr > td:first-child,
.quote-items-table.fiori3-table tr > th:first-child,
.quote-items-table.fiori3-table tr > td:first-child,
.swap-mapping-table.fiori3-table tr > th:first-child,
.swap-mapping-table.fiori3-table tr > td:first-child {
    border-left: none !important;
}

.assets-table.fiori3-table tr > th:last-child,
.assets-table.fiori3-table tr > td:last-child,
.quote-items-table.fiori3-table tr > th:last-child,
.quote-items-table.fiori3-table tr > td:last-child,
.swap-mapping-table.fiori3-table tr > th:last-child,
.swap-mapping-table.fiori3-table tr > td:last-child {
    border-right: none !important;
}

.brim-change-product-modal-dialog .modal-body {
    background-color: var(--modal-background-color);
    padding: 15px 0px;
}

.brim-change-product-modal-dialog .table-title {
    padding: 3px 8px 8px;
    font-size: 1em;
    margin: 0;
}

.brim-change-product-modal-dialog .btn-select-for-swap {
    margin: 15px 0px;
}

/* Media query for Add Asset Table */
@media all and (max-width: 800px) {
    .add-asset-table-container #no-more-tables td.checkbox-cell {
        text-align: right;
        padding-right: 0px !important;
    }

    .add-asset-table-container #no-more-tables td .responsive-cell {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .add-asset-table-container #no-more-tables td .responsive-label {
        display: inline-block;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-right: 10px;
    }

    .add-asset-table-container #no-more-tables td .responsive-cell .indent-xs {
        display: inline-block;
    }

    .add-asset-table-container #no-more-tables td .responsive-cell .indent-ms {
        display: none;
    }

    .fiori3-add-asset-table.table > tbody > tr > td.numberCell {
        padding-right: 16px !important;
    }

    .add-asset-table-container #no-more-tables tr td {
        width: auto;
        text-align: left;
        padding-left: 10px !important;
        min-height: 37px;
        border: none !important;
        border-bottom: 1px solid #e5e5e5 !important;
    }

    .add-asset-table-container #no-more-tables tr:not(.asset-items-row) td:not(.toggle-cell) {
        padding-left: 30px !important;
    }

    .add-asset-table-container #no-more-tables tr.child-item-records,
    .add-asset-table-container #no-more-tables tr.phased-contract-items,
    .add-asset-table-container #no-more-tables tr.historic-records {
        border-top-width: 4px;
    }

    .add-asset-table-container td .items-toggle,
    .add-asset-table-container td .item-toggle {
        margin: 0 10px 0 0;
    }

    .add-asset-table-container td .fiori3-checkbox-group {
        padding: 6px 12px
    }

    .add-asset-table-container #no-more-tables tr td:last-child {
        border-bottom: none !important;
    }

    .add-asset-table-container #no-more-tables tr.asset-items-row {
        padding: 10px;
        background-color: #f5f5f5;
    }

        .add-asset-table-container #no-more-tables tr.asset-items-row > td {
            padding-left: 0px !important;
        }

    .fiori3-add-asset-table.table td .item-toggle-container {
        width: auto;
    }

    .add-asset-table-container tr.child-item-records td .item-toggle-container,
    .add-asset-table-container tr.phased-contract-items td .item-toggle-container,
    .add-asset-table-container tr.historic-records td .item-toggle-container {
        margin-left: -16px;
    }
}

/* Media query for SWAP selection modal */
@media all and (max-width: 800px) {
    .assets-table-container,
    .quote-item-table-container {
        height: auto;
    }

    .assets-table-container,
    .quote-item-table-container,
    .swap-mapping-table-container {
        overflow-x: hidden;
    }

        .assets-table-container table tbody td:nth-child(3),
        .quote-item-table-container table tbody td:nth-child(3),
        .swap-mapping-table-container table tbody td:nth-child(3) {
            white-space: normal;
        }

    .swap-mapping-table.table > tbody > tr > td:first-child {
        width: auto;
    }
}

.back-icon-asset-modal {
    vertical-align: top;
    margin-left: 6px;
}

.empty-assets {
    margin: 0 20px;
    text-align: center;
}

.asset-table-input {
    min-width: 130px;
}

.asset-table-date-input {
    min-width: 160px;
}

.table > thead > tr > th.assets-column-headers {
    vertical-align: middle;
}

.assets-column-headers label {
    margin-bottom: 0;
}

.dropdown-menu-header {
    background-color: var(--secondary-background-color);
    color: unset;
    margin: 0;
    padding: 12px 0;
    height: 40px;
    font-size: 1em;
    text-align: center;
    border-bottom: 1px solid var(--primary-border-color);
}

.add-involved-party-dropdown-value {
    top: 26px;
}

.add-involved-party:hover, .add-involved-party:focus-within {
    color: var(--white-text-color);
}

.add-involved-party-dropdown-icon {
    margin-left: 10px;
}

.partner-function-dropdown {
    min-width: 200px;
    max-width: 300px;
    display: inline-block;
    margin-right: 20px !important;
}

.business-partner-relationship-dropdown {
    min-width: 200px;
    max-width: 300px;
    display: inline-block;
}

.business-partner-search-result-table table {
    margin-bottom: 0;
}

.search-involved-party-modal-body .modal-body {
    padding: 0;
}

.business-partners-view-actions .fiori3-btn-primary {
    margin-right: 8px;
}

.business-partner-search-result-checkbox .fiori3-radio-button {
    margin-left: 2px;
    margin-bottom: 2px;
}

.business-partner-search-result-checkbox .sap-icon {
    font-size: 16px;
    margin-left: 3px;
}

.search-icon-button {
    position: absolute;
    right: 3px;
    top: 1px;
    font-size: 18px;
    height: 22px;
    width: 22px;
    display: flex;
    background-color: var(--secondary-background-color);
    color: #0854a0;
    font-family: var(--icons-font);
    justify-content: center;
    margin: 0 2px;
}

.hide-remove-business-partner, .hide-edit-partner-function {
    display: none !important;
}

.responsive-label {
    display: none;
}

    @media all and (max-width: 800px) {
        .involved-party-table .fiori3-search-input-wrapper {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: end;
        }

        .involved-party-table td, .business-partner-search-result-table td {
            min-height: 34px;
        }

        .business-partner-search-result-table #no-more-tables td,
        .involved-party-table #no-more-tables td {
            padding-left: 16px !important;
        }

            .business-partner-search-result-table #no-more-tables td::before,
            .involved-party-table #no-more-tables td::before {
                left: 16px;
            }

        .involved-party-table .flex span {
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
            display: block;
        }

        #no-more-tables td .responsive-label {
            display: block;
            text-align: left;
        }

        .business-partner-search-result-checkbox .fiori3-radio-button {
            margin-bottom: 0;
        }

            .business-partner-search-result-checkbox .fiori3-radio-button input + span {
                padding-left: 16px;
            }
    }

.white-space-pre-wrap {
    white-space: pre-wrap;
}

.saml-error-wrapper,
.responsive-template-error-wrapper,
.obsolete-classic-design-wrapper {
    background-color: var(--secondary-background-color);
    margin: auto;
    text-align: center;
    width: 50%;
    margin-top: 20px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.02);
    padding: 20px;
}

.responsive-template-error-wrapper h2 {
    margin: 10px 0 20px 0;
}

.saml-error-wrapper h2,
.obsolete-classic-design-wrapper h2 {
    margin-top: 0;
}

.obsolete-classic-design-wrapper .flex  {
    margin-bottom: 10px;
    gap: 8px;
}

.obsolete-classic-design-wrapper .flex label {
    margin-bottom: 0;
}

.obsolete-classic-design-wrapper .flex input {
    margin-top: 0;
}

#samlBody .alert.alert-info {
    color: var(--primary-text-color);
    background-color: #f5faff;
    border: 1px solid var(--main-link-and-icon-color);
    border-radius: 4px !important;
    width: 30%;
    margin: auto;
    display: flex;
    padding: 6px 13px;
    margin-top: 20px;
    background-image: initial;
}

.federation-warning-group {
    text-align: left;
}

.swaped-item-popover {
    list-style: none;
    padding: 10px 10px;
    margin: 0px;
}

.cell-center-align[data-title*="ItemType"] {
    text-align: center;
}

.concurrent-quote-bubble-row {
    display: flex;
    gap: 10px;
    justify-content: center;
    padding: 2px 10px 0 0;
}

.concurrent-quote-bubble {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #4a90e2;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    text-transform: uppercase;
    cursor: default;
}

.activeUserInfoPopover {
    white-space: pre-line;
}

:root {
    /* Fonts */
    --main-font-family: "72", Calibri, Arial, sans-serif;
    --icons-font: SAP-icons;
    --secondary-icons-font: FontAwesome;

    /* Text color */
    --primary-text-color: #32363A;
    --secondary-text-color: #6a6d70;
    --white-text-color: #ffffff;

    /* Background colors */
    --shellbar-background-color: #354a5f;
    --primary-background-color: #edeff0;
    --secondary-background-color: #ffffff;
    --tertiary-background-color: #f2f2f2;
    --modal-background-color: #f7f7f7;
    --selected-category-background-color: #eef5fc;
    --different-compared-data-background-color: #d1e8ff;
    --sidemenu-background-color: #f8f9fa;
    --preview-document-pager-background-color: #484C4F;

    /* Links and icons */
    --main-link-and-icon-color: #0a6ed1;
    --main-link-and-icon-hover-color: #0252a2;
    --focus-border-and-outline-color: #7bbaf9;
    --sap-icon-color: #0854a0;
    --drag-icon-color: #bfbfbf;

    /* Alerts */
    --error-required-color: #bb0000;
    --error-required-hover-color: #970000;
    --warning-color: #e9730c;
    --success-color: #107e3e;
    --success-hover-color: #006F2A;

    /* Shellbar and sidemenu */
    --shellbar-icon-color: #d1e3ff;
    --shellbar-icon-focus-color: #3f5161;
    --shellbar-icon-focus-background-color: #919ba7;
    --sidemenu-icon-hover: #ecf2f8;

    /* Borders */
    --primary-border-color: #e5e5e5;
    --secondary-border-color: #d7d7d7;
    --input-border-color: #89919a;

    /* Buttons */
    --fiori-primary-btn-background-color: #0a6ed1;
    --fiori-primary-btn-color: #ffffff;
    --fiori-primary-btn-hover-color: #0252a2;
    --fiori-tertiary-btn-background-color: #fafafa;
    --fiori-input-placeholder-color: #74777a;

    /* Notifications */
    --fiori3-table-row-hover: #f5f5f5;
    --fiori3-info-background-color: #f5faff;
    --fiori3-info-border-color: #0a6ed1;
    --fiori3-warning-background-color: #fef7f0;
    --fiori3-warning-border-color: #e9730c;
    --fiori3-error-background-color: #ffebeb;
    --fiori3-error-border-color: #bb0000;
    --fiori3-success-background-color: #f1fdf6;
    --fiori3-succes-border-color: #107e3e;
    --fiori3-pills-background-color: #f5faff;

    /* Helper */
    --show-me-why: #7f4681;

    /* System list */
    --system-list-dark-color: #0A6ED1;
    --system-list-light-color: #38A1EB;
}