/* 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'
(3277,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(3279,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(3289,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(3290,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(3299,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(3300,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(3324,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(3334,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(3337,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(3411,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(3417,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(3423,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(3439,28): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(3458,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(3484,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(3492,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-background-color'
(3494,36): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(3512,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(3534,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(3541,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(3548,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(3563,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(3573,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(3583,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(3589,21): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(3596,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(3603,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(3622,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(3636,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(3645,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(3648,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(3656,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(3659,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(3692,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(3693,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(3710,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(3711,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(3725,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-background-color'
(3729,31): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(3748,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(3759,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(3779,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(3812,17): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(3963,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(3997,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(4027,26): run-time error CSS1039: Token not allowed after unary operator: '-sidemenu-icon-hover'
(4032,26): run-time error CSS1039: Token not allowed after unary operator: '-sidemenu-icon-hover'
(4034,32): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(4046,32): run-time error CSS1039: Token not allowed after unary operator: '-sidemenu-icon-hover'
(4048,32): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(4064,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(4071,22): run-time error CSS1039: Token not allowed after unary operator: '-sidemenu-background-color'
(4101,22): run-time error CSS1039: Token not allowed after unary operator: '-sidemenu-icon-hover'
(4130,40): run-time error CSS1039: Token not allowed after unary operator: '-sidemenu-icon-hover'
(4152,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(4186,26): run-time error CSS1039: Token not allowed after unary operator: '-sidemenu-icon-hover'
(4190,22): run-time error CSS1039: Token not allowed after unary operator: '-sidemenu-icon-hover'
(4191,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(4192,33): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(4197,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(4214,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(4232,27): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(4238,28): run-time error CSS1039: Token not allowed after unary operator: '-sidemenu-icon-hover'
(4239,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(4284,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(4293,32): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(4367,23): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(4369,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(4390,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(4391,33): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(4424,17): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(4480,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-icons-font'
(4484,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-warning-background-color'
(4490,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-icons-font'
(4675,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(4679,23): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(4690,27): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(4692,21): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(4734,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(4738,17): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(4745,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(4844,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(4846,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(4904,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(4905,23): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(4914,21): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(5056,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(5057,23): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(5105,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-color'
(5125,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(5134,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-background-color'
(5142,31): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(5152,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-icons-font'
(5174,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(5178,30): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(5183,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(5188,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(5194,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-background-color'
(5303,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(5393,22): run-time error CSS1039: Token not allowed after unary operator: '-shellbar-icon-focus-color'
(5398,33): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(5411,36): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(5422,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(5423,17): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(5434,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(5435,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(5436,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(5437,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(5610,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(5611,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(5658,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(5678,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(5731,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(5757,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(5763,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(5764,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(5765,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(5766,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(5770,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(5774,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(5775,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(5776,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(5781,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-color'
(5787,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(5835,39): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(5852,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(5853,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(5854,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(5854,42): run-time error CSS1019: Unexpected token, found ':'
(5854,42): run-time error CSS1042: Expected function, found ':'
(5854,42): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(5883,17): run-time error CSS1039: Token not allowed after unary operator: '-show-me-why'
(5893,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(5935,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(5944,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(5945,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(6061,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(6069,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(6073,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(6082,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(6096,17): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(6101,21): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(6102,33): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(6107,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(6111,21): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(6113,33): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(6148,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(6221,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(6267,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(6275,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(6284,28): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(6291,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(6318,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(6327,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(6342,32): run-time error CSS1039: Token not allowed after unary operator: '-sap-icon-color'
(6343,21): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(6347,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-background-color'
(6351,32): run-time error CSS1039: Token not allowed after unary operator: '-fiori-tertiary-btn-background-color'
(6355,36): run-time error CSS1039: Token not allowed after unary operator: '-fiori-tertiary-btn-background-color'
(6359,32): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(6364,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-background-color'
(6368,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(6373,39): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(6453,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(6459,39): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(6481,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(6649,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(6657,39): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(6658,38): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(6659,37): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(6687,29): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(6692,28): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(6700,24): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(6713,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(6714,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(6804,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(6877,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(6907,17): run-time error CSS1039: Token not allowed after unary operator: '-error-required-color'
(6911,17): run-time error CSS1039: Token not allowed after unary operator: '-error-required-color'
(6922,17): run-time error CSS1039: Token not allowed after unary operator: '-show-me-why'
(6927,17): run-time error CSS1039: Token not allowed after unary operator: '-error-required-color'
(7025,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-background-color'
(7026,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(7042,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-icons-font'
(7050,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-icons-font'
(7057,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(7177,27): run-time error CSS1039: Token not allowed after unary operator: '-secondary-icons-font'
(7185,27): run-time error CSS1039: Token not allowed after unary operator: '-secondary-icons-font'
(7193,27): run-time error CSS1039: Token not allowed after unary operator: '-secondary-icons-font'
(7202,27): run-time error CSS1039: Token not allowed after unary operator: '-secondary-icons-font'
(7265,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(7266,35): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(7273,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(7274,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(7281,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(7292,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(7328,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(7330,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(7344,32): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(7385,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(7551,36): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(7559,32): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(7598,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(7602,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(7608,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(7635,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(7687,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(7766,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(7800,21): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(7808,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(7875,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(8134,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-warning-background-color'
(8165,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-warning-border-color'
(8169,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-warning-background-color'
(8186,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(8215,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: '-secondary-background-color'
(8239,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(8241,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(8242,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(8255,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(8256,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(8263,28): run-time error CSS1039: Token not allowed after unary operator: '-modal-background-color'
(8264,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(8271,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(8298,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(8323,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(8324,28): run-time error CSS1039: Token not allowed after unary operator: '-sap-icon-color'
(8333,26): run-time error CSS1039: Token not allowed after unary operator: '-sap-icon-color'
(8369,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(8411,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-icons-font'
(8418,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-icons-font'
(8425,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-icons-font'
(8432,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-icons-font'
(8439,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-icons-font'
(8446,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-icons-font'
(8568,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(8699,28): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(8704,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(8749,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(8753,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(8757,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(8821,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(8840,37): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(8850,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(8862,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(8892,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(8898,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(8899,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(8904,32): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(8920,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(8995,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(9036,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(9162,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(9194,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(9389,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(9403,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-color'
(9415,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(9424,31): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(9428,35): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(9432,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(9450,29): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(9454,32): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-table-row-hover'
(9458,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-table-row-hover'
(9466,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-table-row-hover'
(9545,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(9549,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(9550,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(9554,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-warning-background-color'
(9566,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(9577,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(9610,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(9617,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(9626,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori-primary-btn-background-color'
(9630,17): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(9642,17): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(9646,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(9658,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(9659,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(9660,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(9665,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(9666,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(9675,45): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(9676,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(9690,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(9708,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(9751,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(9754,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(9755,39): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(9759,43): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(9763,29): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(9767,54): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(9793,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(9811,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(9815,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(9824,17): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(9825,20): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(9832,17): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(9836,33): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(9842,17): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(9843,25): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(9850,21): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(9855,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(9878,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(9882,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(9886,37): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(9891,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(9892,27): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(9907,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(9911,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(9924,17): run-time error CSS1039: Token not allowed after unary operator: '-sap-icon-color'
(9926,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(10060,17): run-time error CSS1039: Token not allowed after unary operator: '-sap-icon-color'
(10070,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(10075,39): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(10104,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(10105,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(10106,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(10184,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-icons-font'
(10199,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(10256,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(10257,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(10258,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(10360,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(10361,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(10369,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(10370,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(10652,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(10838,39): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(10879,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(11001,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(11019,28): run-time error CSS1039: Token not allowed after unary operator: '-shellbar-background-color'
(11023,17): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(11029,27): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(11037,21): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(11073,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(11074,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11079,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11083,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(11088,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11096,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11105,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(11115,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(11117,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11159,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(11169,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-success-background-color'
(11174,21): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-succes-border-color'
(11182,31): run-time error CSS1039: Token not allowed after unary operator: '-secondary-icons-font'
(11233,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11234,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(11238,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(11253,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(11257,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11263,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(11272,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11273,32): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(11277,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11304,25): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(11311,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(11351,28): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(11352,28): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(11353,17): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(11360,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-warning-background-color'
(11361,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-warning-border-color'
(11362,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(11397,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(11398,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(11399,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11400,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11401,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11402,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11418,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(11420,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11449,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11457,32): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(11458,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(11514,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(11519,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(11523,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-warning-background-color'
(11524,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-warning-border-color'
(11525,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(11538,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11572,17): run-time error CSS1039: Token not allowed after unary operator: '-error-required-color'
(11579,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-error-background-color'
(11580,24): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-error-border-color'
(11581,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(11595,27): run-time error CSS1039: Token not allowed after unary operator: '-secondary-icons-font'
(11600,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-success-background-color'
(11601,24): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-succes-border-color'
(11602,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(11614,27): run-time error CSS1039: Token not allowed after unary operator: '-secondary-icons-font'
(11619,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-info-background-color'
(11620,24): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-info-border-color'
(11621,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(11633,27): run-time error CSS1039: Token not allowed after unary operator: '-secondary-icons-font'
(11647,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(11667,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(11681,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11685,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11691,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(11707,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11708,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(11718,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11722,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(11726,43): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(11731,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(11733,31): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(11744,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(11745,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11750,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(11752,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11785,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(11788,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11793,25): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(11801,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(11802,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11816,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(11817,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11865,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(11877,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11905,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(11941,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11943,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(11954,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11955,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(12042,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(12043,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(12063,21): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(12064,32): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(12068,25): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(12117,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(12133,40): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(12140,40): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(12140,68): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(12140,96): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(12144,35): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(12149,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(12154,35): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-succes-border-color'
(12180,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(12195,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(12205,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(12210,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(12214,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(12278,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-info-background-color'
(12279,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(12283,21): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(12287,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(12310,17): run-time error CSS1039: Token not allowed after unary operator: '-error-required-color'
(12315,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(12325,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(12327,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(12363,17): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(12364,28): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(12370,28): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(12378,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(12389,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(12407,24): run-time error CSS1039: Token not allowed after unary operator: '-error-required-color'
(12432,17): run-time error CSS1039: Token not allowed after unary operator: '-show-me-why'
(12436,21): run-time error CSS1039: Token not allowed after unary operator: '-show-me-why'
(12467,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(12468,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(12476,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(12480,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(12485,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(12486,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(12494,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(12551,32): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(12559,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(12561,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(12568,28): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(12589,21): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(12597,32): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(12605,32): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(12659,28): run-time error CSS1039: Token not allowed after unary operator: '-show-me-why'
(12660,17): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(12664,23): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(12669,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(12719,23): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(12720,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(12725,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(12777,17): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(12778,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(12786,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(12787,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(12860,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(12872,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(12891,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(12896,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(12903,21): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(12913,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(12926,32): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(12936,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(12943,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(12947,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-warning-background-color'
(12957,32): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(12968,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-warning-background-color'
(12998,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(13002,17): run-time error CSS1039: Token not allowed after unary operator: '-sap-icon-color'
(13024,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(13030,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(13038,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(13039,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(13073,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(13077,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(13100,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(13129,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(13135,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(13141,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(13146,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(13147,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(13156,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(13161,32): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(13163,21): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(13186,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(13192,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(13197,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(13241,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(13264,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(13267,27): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(13270,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(13287,32): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(13292,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(13298,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(13320,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(13329,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(13342,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(13347,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(13414,28): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(13418,32): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(13432,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(13438,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(13450,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(13496,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-info-background-color'
(13539,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(13561,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(13566,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(13572,40): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(13573,43): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(13630,27): run-time error CSS1039: Token not allowed after unary operator: '-secondary-icons-font'
(13631,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(13636,27): run-time error CSS1039: Token not allowed after unary operator: '-secondary-icons-font'
(13637,21): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(13642,27): run-time error CSS1039: Token not allowed after unary operator: '-secondary-icons-font'
(13643,21): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(13649,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(13664,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(13674,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(13702,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(13724,29): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(13728,29): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(13729,40): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(13730,36): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(13734,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(13735,36): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(13736,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(13737,39): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(13749,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(13750,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(13796,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(13798,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(13807,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(13810,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(13858,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(13869,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(13907,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(13908,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(13951,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-pills-background-color'
(13956,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(13961,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(13968,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(13975,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(13976,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(13977,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(13983,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-warning-background-color'
(13984,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(13985,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-warning-border-color'
(14002,32): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-warning-background-color'
(14006,32): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(14035,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(14036,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(14052,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(14065,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(14070,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(14081,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(14098,36): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(14103,36): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-info-background-color'
(14107,36): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(14112,30): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-info-border-color'
(14152,27): run-time error CSS1039: Token not allowed after unary operator: '-secondary-icons-font'
(14154,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(14160,27): run-time error CSS1039: Token not allowed after unary operator: '-secondary-icons-font'
(14162,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(14172,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(14177,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(14184,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(14189,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(14193,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(14230,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-warning-background-color'
(14232,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(14239,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(14241,28): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(14254,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(14260,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(14267,28): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(14275,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(14276,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(14414,40): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(14423,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(14427,39): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(14437,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-info-background-color'
(14448,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-background-color'
(14449,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(14454,32): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(14463,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(14483,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(14493,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(14547,24): run-time error CSS1039: Token not allowed after unary operator: '-error-required-color'
(14551,17): run-time error CSS1039: Token not allowed after unary operator: '-error-required-color'
(14563,17): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-warning-border-color'
(14590,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(14614,17): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(14661,28): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(14671,21): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(14684,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(14690,37): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(14717,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(14729,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(14737,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(14747,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-pills-background-color'
(14751,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-pills-background-color'
(14863,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(14869,21): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(14870,32): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(14875,28): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(14884,17): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(14886,28): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(14887,28): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(14891,32): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(14892,32): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(14897,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(14902,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(14906,28): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(14932,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(14936,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(14941,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(14971,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-background-color'
(14975,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-info-background-color'
(15003,32): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(15007,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(15012,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(15019,40): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(15030,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(15081,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(15116,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(15177,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(15188,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(15208,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(15214,35): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(15286,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(15291,36): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(15314,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(15314,55): run-time error CSS1019: Unexpected token, found ':'
(15314,55): run-time error CSS1042: Expected function, found ':'
(15314,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(15324,32): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-info-background-color'
(15367,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(15398,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-background-color'
(15403,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(15417,36): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(15422,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(15455,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-background-color'
(15459,21): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(15469,36): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(15474,36): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(15475,25): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(15484,32): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(15500,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(15523,39): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(15540,29): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(15545,29): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(15549,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(15553,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-table-row-hover'
(15567,29): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(15585,39): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(15592,36): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-table-row-hover'
(15601,37): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(15606,27): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(15608,21): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(15616,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-info-background-color'
(15620,32): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-info-background-color'
(15624,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-info-background-color'
(15628,32): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-info-background-color'
(15638,27): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(15648,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(15649,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(15650,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(15654,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(15660,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-info-background-color'
(15673,27): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(15678,32): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(15690,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(15704,21): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(15720,36): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-hover-color'
(15725,36): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-hover-color'
(15730,25): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(15731,36): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(15783,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(15838,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(15902,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori-primary-btn-background-color'
(15903,17): run-time error CSS1039: Token not allowed after unary operator: '-fiori-primary-btn-color'
(15923,21): run-time error CSS1039: Token not allowed after unary operator: '-fiori-primary-btn-color'
(15927,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori-primary-btn-hover-color'
(15932,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori-primary-btn-hover-color'
(15938,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori-primary-btn-hover-color'
(15948,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori-primary-btn-color'
(15949,17): run-time error CSS1039: Token not allowed after unary operator: '-fiori-primary-btn-background-color'
(15951,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori-primary-btn-background-color'
(15956,21): run-time error CSS1039: Token not allowed after unary operator: '-fiori-primary-btn-hover-color'
(15957,32): run-time error CSS1039: Token not allowed after unary operator: '-fiori-primary-btn-hover-color'
(15962,21): run-time error CSS1039: Token not allowed after unary operator: '-fiori-primary-btn-background-color'
(15963,32): run-time error CSS1039: Token not allowed after unary operator: '-fiori-primary-btn-background-color'
(15971,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori-primary-btn-color'
(15972,17): run-time error CSS1039: Token not allowed after unary operator: '-fiori-primary-btn-background-color'
(15978,32): run-time error CSS1039: Token not allowed after unary operator: '-fiori-tertiary-btn-background-color'
(15982,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-background-color'
(16015,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(16025,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(16026,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(16036,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(16047,21): run-time error CSS1039: Token not allowed after unary operator: '-fiori-input-placeholder-color'
(16056,28): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(16057,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(16077,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(16087,28): run-time error CSS1039: Token not allowed after unary operator: '-error-required-color'
(16094,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-color'
(16099,28): run-time error CSS1039: Token not allowed after unary operator: '-error-required-color'
(16105,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(16107,32): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(16116,36): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(16123,36): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(16132,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(16133,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(16139,21): run-time error CSS1039: Token not allowed after unary operator: '-fiori-input-placeholder-color'
(16144,28): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(16145,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(16152,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(16175,23): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(16177,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(16231,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(16245,40): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(16246,40): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(16253,36): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(16259,36): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(16265,36): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(16270,36): run-time error CSS1039: Token not allowed after unary operator: '-sap-icon-color'
(16272,31): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(16275,25): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(16319,21): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(16334,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(16339,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(16354,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(16376,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(16381,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(16397,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(16430,26): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-table-row-hover'
(16435,26): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-info-background-color'
(16439,30): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(16443,32): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(16453,33): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(16460,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(16471,52): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(16481,52): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(16498,23): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(16501,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(16503,17): run-time error CSS1039: Token not allowed after unary operator: '-sap-icon-color'
(16513,32): run-time error CSS1039: Token not allowed after unary operator: '-fiori-tertiary-btn-background-color'
(16514,21): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(16521,32): run-time error CSS1039: Token not allowed after unary operator: '-fiori-tertiary-btn-background-color'
(16522,21): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(16529,32): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(16531,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-background-color'
(16535,21): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(16553,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(16568,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-info-background-color'
(16573,21): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-info-border-color'
(16577,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-info-border-color'
(16582,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-error-background-color'
(16587,21): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-error-border-color'
(16591,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-error-border-color'
(16600,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-warning-background-color'
(16605,21): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-warning-border-color'
(16609,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-warning-border-color'
(16614,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-success-background-color'
(16619,21): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-succes-border-color'
(16623,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-succes-border-color'
(16638,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-color'
(16648,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(16649,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(16654,32): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-table-row-hover'
(16658,32): run-time error CSS1039: Token not allowed after unary operator: '-fiori-tertiary-btn-background-color'
(16662,32): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(16664,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(16670,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(16680,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(16689,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(16694,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(16695,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(16712,21): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(16718,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(16778,36): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(16779,36): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(16785,32): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(16792,32): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(16796,32): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(16797,21): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(16802,27): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(16806,21): run-time error CSS1039: Token not allowed after unary operator: '-fiori-primary-btn-background-color'
(16807,32): run-time error CSS1039: Token not allowed after unary operator: '-fiori-primary-btn-background-color'
(16820,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(16830,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(16832,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(16841,32): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-table-row-hover'
(16861,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(16869,21): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(16904,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(16908,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(16921,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(16923,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(16935,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(16940,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(16954,28): run-time error CSS1039: Token not allowed after unary operator: '-selected-category-background-color'
(16955,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(16962,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(16991,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(17013,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(17022,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(17024,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(17039,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(17053,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(17066,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(17136,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(17137,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(17146,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(17171,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(17176,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(17182,36): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(17191,40): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(17195,36): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-table-row-hover'
(17199,36): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(17236,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-pills-background-color'
(17243,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(17255,21): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(17262,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(17276,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(17289,43): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(17296,29): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(17310,29): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(17347,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(17352,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(17357,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(17362,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(17432,28): run-time error CSS1039: Token not allowed after unary operator: '-success-color'
(17436,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-color'
(17440,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(17444,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(17462,28): run-time error CSS1039: Token not allowed after unary operator: '-sap-icon-color'
(17491,17): run-time error CSS1039: Token not allowed after unary operator: '-fiori-primary-btn-color'
(17508,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(17602,39): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(17623,32): run-time error CSS1039: Token not allowed after unary operator: '-success-color'
(17627,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-color'
(17679,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(17680,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(17690,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(17695,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(17734,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(17738,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(17742,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(17743,39): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(17817,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(17823,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(17827,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(17835,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(17844,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(17849,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(17859,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(17884,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(17903,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(17905,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(17920,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(17933,32): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(17940,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(17945,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(17949,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(17952,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(17953,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(17954,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(17984,32): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-info-background-color'
(17985,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-info-border-color'
(17986,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(18021,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(18035,32): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(18087,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(18091,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(18098,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(18127,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(18132,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(18162,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(18163,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(18215,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(18240,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(18247,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(18248,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(18256,28): run-time error CSS1039: Token not allowed after unary operator: '-modal-background-color'
(18284,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(18289,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(18307,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(18308,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(18371,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(18403,32): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(18425,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(18461,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(18462,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-error-background-color'
(18479,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(18480,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-error-background-color'
(18524,28): run-time error CSS1039: Token not allowed after unary operator: '-error-required-color'
(18632,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(18661,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(18714,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(18719,28): run-time error CSS1039: Token not allowed after unary operator: '-modal-background-color'
(18723,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(18745,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(18750,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(18858,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(18931,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(18940,32): run-time error CSS1039: Token not allowed after unary operator: '-fiori-primary-btn-background-color'
(18942,27): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(18945,21): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(18950,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(19044,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(19067,28): run-time error CSS1039: Token not allowed after unary operator: '-modal-background-color'
(19215,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(19222,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(19230,17): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(19280,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(19282,23): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(19349,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(19381,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(19383,28): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(19409,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19410,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19411,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19414,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19415,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19416,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19419,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19420,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19421,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19422,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19423,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19424,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19425,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19426,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19427,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19430,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19431,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19432,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19433,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19434,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19437,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19438,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19439,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19440,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19441,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19444,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19445,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19446,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19447,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19450,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19451,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19452,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19455,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19456,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19457,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19458,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19459,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19462,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19463,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19464,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19465,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19466,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19467,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19468,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19469,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19470,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19471,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19474,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19477,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19478,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 */

#cartTeamsContainer .popover {
    max-width: none;
}

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

.teams-table-container .delete-column {
    width: 56px;
}

.teams-table-container .team-users-column {
    width: 135px;
}

.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;
        height: 33px;
        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);
    }

    .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 (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .categories-tabular {
        outline: none;
        border: 2px solid transparent;
    }

        .categories-tabular:focus {
            outline: none;
            outline-offset: 0;
            border: 2px solid var(--focus-border-and-outline-color);
        }
}

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

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .editable-pagination input {
        margin-top: 3px;
    }
}

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

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .customer-feedback .my-message-box, .customer-feedback .message-box, .customer-feedback .reply-box {
        box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.75);
    }

        .customer-feedback .my-message-box::before, .customer-feedback .message-box::before, .customer-feedback .reply-box::before {
            content: "";
            position: absolute;
            -webkit-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
            transform: rotate(135deg);
            margin-left: -5px;
            border-width: 14px;
            border-style: solid;
            z-index: -1;
            top: -13px;
        }

        .customer-feedback .my-message-box::before, .customer-feedback .reply-box::before {
            left: -5px;
            border-color: transparent rgba(0, 0, 0, 0.1) transparent transparent;
        }

        .customer-feedback .message-box::before {
            right: -10px;
            border-color: rgba(0, 0, 0, 0.1) transparent transparent transparent;
        }
}

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

    /* Smaller height for IE */
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .business-partners-modal-content {
            height: calc(100vh - 260px);
        }
    }

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

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .sections-suggestions {
        height: 100%;
    }

    .sections-suggestions li,
    .sections-suggestions tr {
        background-color: var(--secondary-background-color);
    }
}

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

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .fiori3-input-group.fiori3-select-group select {
        padding: 0 6px;
    }

    .fiori3-input-group.fiori3-select-group::after {
        display: none;
    }

    .fiori3-input-group.date-field .input-group-addon {
        width: 48px;
    }
}
/* #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;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .approval-conditions-table {
        overflow: visible;
    }
}

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

/* fixing alignment issues for IE 10+ */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .date-field .validation-message,
    .fiori3-attributes .fiori3-input-group.qty span.validation-message,
    .fiori3-attributes .fiori3-input-group.currency span.validation-message {
        left: 0;
    }
}

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

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