/* Minification failed. Returning unminified contents.
(7,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-info-background-color'
(8,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(21,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-border-color'
(52,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(60,32): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(66,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-background-color'
(67,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(72,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-border-color'
(88,23): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(104,17): run-time error CSS1039: Token not allowed after unary operator: '-shellbar-icon-color'
(121,22): run-time error CSS1039: Token not allowed after unary operator: '-selected-category-background-color'
(205,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-background-color'
(224,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(308,32): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(309,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-background-color'
(339,22): run-time error CSS1039: Token not allowed after unary operator: '-fiori-tertiary-btn-background-color'
(356,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-background-color'
(367,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(394,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(453,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-border-color'
(465,52): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(475,52): run-time error CSS1039: Token not allowed after unary operator: '-secondary-border-color'
(483,35): run-time error CSS1039: Token not allowed after unary operator: '-secondary-border-color'
(501,35): run-time error CSS1039: Token not allowed after unary operator: '-secondary-border-color'
(506,28): run-time error CSS1039: Token not allowed after unary operator: '-selected-category-background-color'
(510,32): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(517,35): run-time error CSS1039: Token not allowed after unary operator: '-secondary-border-color'
(571,34): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(574,32): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(656,52): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(669,52): run-time error CSS1039: Token not allowed after unary operator: '-secondary-border-color'
(679,35): run-time error CSS1039: Token not allowed after unary operator: '-secondary-border-color'
(695,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(704,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(705,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(712,28): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(713,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(770,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-border-color'
(884,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(890,28): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(908,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(980,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-border-color'
(981,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(983,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(996,52): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(1007,52): run-time error CSS1039: Token not allowed after unary operator: '-secondary-border-color'
(1025,32): run-time error CSS1039: Token not allowed after unary operator: '-selected-category-background-color'
(1074,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(1102,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(1167,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-pills-background-color'
(1179,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(1186,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(1226,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(1256,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori-tertiary-btn-background-color'
(1285,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-background-color'
(1307,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(1315,22): run-time error CSS1039: Token not allowed after unary operator: '-selected-category-background-color'
(1331,33): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(1357,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(1429,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(1510,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(1515,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(1564,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(1573,28): run-time error CSS1039: Token not allowed after unary operator: '-selected-category-background-color'
(1622,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(1682,17): run-time error CSS1039: Token not allowed after unary operator: '-sap-icon-color'
(1697,33): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(1881,26): run-time error CSS1039: Token not allowed after unary operator: '-selected-category-background-color'
(1900,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(1966,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(1969,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(1977,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(1985,22): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(1986,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(2016,25): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(2046,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(2051,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(2105,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(2175,17): run-time error CSS1039: Token not allowed after unary operator: '-sap-icon-color'
(2313,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(2323,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(2331,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(2368,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(2380,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(2409,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(2410,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(2484,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(2547,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(2570,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(2574,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-color'
(2585,32): run-time error CSS1039: Token not allowed after unary operator: '-fiori-tertiary-btn-background-color'
(2595,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-background-color'
(2601,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(2612,26): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(2620,26): run-time error CSS1039: Token not allowed after unary operator: '-warning-color'
(2634,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(2645,17): run-time error CSS1039: Token not allowed after unary operator: '-success-color'
(2670,43): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(2679,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(2686,34): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(2691,30): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(2692,25): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(2701,37): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(2705,25): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(2706,43): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(2715,25): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-error-border-color'
(2720,25): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-error-border-color'
(2725,43): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-error-border-color'
(2732,43): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-error-border-color'
(2739,25): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-error-border-color'
(2757,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(2758,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(2761,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(2771,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(2776,39): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(2780,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(2786,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(2787,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(2811,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(2813,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(2820,32): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(2837,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(2838,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(2847,26): run-time error CSS1039: Token not allowed after unary operator: '-fiori-tertiary-btn-background-color'
(2852,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-background-color'
(2860,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(2868,32): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(2869,32): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-table-row-hover'
(2875,32): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(2921,17): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(2940,21): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(2979,34): run-time error CSS1039: Token not allowed after unary operator: '-fiori-tertiary-btn-background-color'
(2989,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(3016,36): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(3051,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(3093,39): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(3101,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(3108,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(3117,21): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(3118,39): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(3128,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(3136,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(3141,39): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(3145,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(3152,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(3153,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(3199,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(3230,23): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(3232,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(3250,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(3266,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(3280,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(3383,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(3384,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(3389,28): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(3390,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(3421,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-background-color'
(3422,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(3426,32): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(3436,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(3441,32): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(3478,23): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(3480,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(3500,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(3509,24): run-time error CSS1039: Token not allowed after unary operator: '-fiori-primary-btn-background-color'
(3541,17): run-time error CSS1039: Token not allowed after unary operator: '-sap-icon-color'
(3580,32): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(3672,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(3677,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(3690,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(3697,21): run-time error CSS1039: Token not allowed after unary operator: '-error-required-color'
(3730,17): run-time error CSS1039: Token not allowed after unary operator: '-sap-icon-color'
(4086,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(4129,17): run-time error CSS1039: Token not allowed after unary operator: '-error-required-color'
(4142,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-color'
(4147,17): run-time error CSS1039: Token not allowed after unary operator: '-error-required-color'
(4254,25): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(4580,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-border-color'
(4672,28): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(4727,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(4728,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(4733,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(4748,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(4749,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(4763,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(4764,31): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(4768,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(4784,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(4800,28): run-time error CSS1039: Token not allowed after unary operator: '-shellbar-icon-focus-background-color'
(4801,17): run-time error CSS1039: Token not allowed after unary operator: '-fiori-tertiary-btn-background-color'
(4809,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(4810,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(4844,22): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(4848,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(4865,25): run-time error CSS1039: Token not allowed after unary operator: '-fiori-input-placeholder-color'
(4893,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(4917,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(4957,17): run-time error CSS1039: Token not allowed after unary operator: '-sap-icon-color'
(4963,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(5057,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(5073,36): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(5077,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(5090,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(5109,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(5111,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(5124,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(5172,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(5173,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(5174,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(5190,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(5282,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(5342,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(5346,32): run-time error CSS1039: Token not allowed after unary operator: '-fiori-tertiary-btn-background-color'
(5350,28): run-time error CSS1039: Token not allowed after unary operator: '-selected-category-background-color'
(5363,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-background-color'
(5430,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(5434,28): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(5463,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-background-color'
(5472,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(5474,17): run-time error CSS1039: Token not allowed after unary operator: '-sap-icon-color'
(5480,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-background-color'
(5502,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-background-color'
(5511,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-background-color'
(5516,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(5525,32): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(5528,32): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(5594,48): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(5604,48): run-time error CSS1039: Token not allowed after unary operator: '-secondary-border-color'
(5617,35): run-time error CSS1039: Token not allowed after unary operator: '-secondary-border-color'
(5647,32): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(5665,32): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(5666,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(5678,32): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-pills-background-color'
(5679,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(5698,21): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(5733,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-border-color'
(5756,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(5761,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(5768,39): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(5814,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(5816,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(5824,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(5828,32): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(5936,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(5943,21): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(5956,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(5961,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-info-background-color'
(5965,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-error-background-color'
(5969,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-warning-background-color'
(5988,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(5989,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(6003,32): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(6016,32): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(6158,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(6174,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(6259,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(6273,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(6279,21): run-time error CSS1039: Token not allowed after unary operator: '-error-required-color'
(6287,17): run-time error CSS1039: Token not allowed after unary operator: '-error-required-color'
(6322,39): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(6343,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(6370,23): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(6371,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(6428,17): run-time error CSS1039: Token not allowed after unary operator: '-error-required-color'
(6472,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(6474,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(6483,32): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(6522,39): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(6526,21): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(6527,39): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(6535,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(6543,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(6548,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(6556,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(6571,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(6583,21): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(6589,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(6594,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(6638,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(6642,21): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(6699,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-background-color'
(6700,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(6725,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(6749,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(6788,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(6790,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(6808,27): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(6848,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(6958,36): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(6974,40): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(6979,36): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-warning-background-color'
(6981,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(7001,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(7022,48): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(7032,48): run-time error CSS1039: Token not allowed after unary operator: '-secondary-border-color'
(7051,35): run-time error CSS1039: Token not allowed after unary operator: '-secondary-border-color'
(7060,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(7068,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(7085,39): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(7113,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(7153,39): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(7157,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-error-background-color'
(7159,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(7166,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(7188,38): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(7193,37): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(7197,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(7208,21): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(7212,28): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(7225,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(7238,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(7239,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(7257,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(7318,29): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(7333,32): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(7338,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(7355,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(7356,23): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(7363,23): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(7385,29): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(7389,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(7440,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(7445,32): run-time error CSS1039: Token not allowed after unary operator: '-fiori-tertiary-btn-background-color'
(7459,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(7501,17): run-time error CSS1039: Token not allowed after unary operator: '-error-required-color'
(7576,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(7586,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(7587,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(7645,33): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(7662,23): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(7664,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(7716,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(7745,17): run-time error CSS1039: Token not allowed after unary operator: '-fiori-input-placeholder-color'
(7749,17): run-time error CSS1039: Token not allowed after unary operator: '-fiori-input-placeholder-color'
(7758,23): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(7759,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(7766,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(7767,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(7801,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(7811,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(7838,29): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(7855,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(7861,25): run-time error CSS1039: Token not allowed after unary operator: '-sap-icon-color'
(7862,43): run-time error CSS1039: Token not allowed after unary operator: '-sap-icon-color'
(7866,25): run-time error CSS1039: Token not allowed after unary operator: '-sap-icon-color'
(7877,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(7901,17): run-time error CSS1039: Token not allowed after unary operator: '-error-required-color'
(7938,29): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(7960,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(7965,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(7970,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(7979,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(7999,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(8000,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori-tertiary-btn-background-color'
(8007,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-color'
(8011,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(8013,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-color'
(8017,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(8022,28): run-time error CSS1039: Token not allowed after unary operator: '-shellbar-background-color'
(8033,28): run-time error CSS1039: Token not allowed after unary operator: '-shellbar-background-color'
(8041,17): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(8059,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(8060,32): run-time error CSS1039: Token not allowed after unary operator: '-fiori-tertiary-btn-background-color'
(8064,28): run-time error CSS1039: Token not allowed after unary operator: '-selected-category-background-color'
(8065,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(8079,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(8105,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(8116,32): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(8120,17): run-time error CSS1039: Token not allowed after unary operator: '-error-required-color'
(8139,23): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(8141,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(8181,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(8189,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori-tertiary-btn-background-color'
(8191,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(8225,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(8235,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(8244,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori-tertiary-btn-background-color'
(8246,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(8254,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(8274,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(8312,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(8327,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(8337,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(8393,24): run-time error CSS1039: Token not allowed after unary operator: '-error-required-color'
(8394,17): run-time error CSS1039: Token not allowed after unary operator: '-error-required-color'
(8399,28): run-time error CSS1039: Token not allowed after unary operator: '-error-required-hover-color'
(8400,21): run-time error CSS1039: Token not allowed after unary operator: '-error-required-hover-color'
(8405,17): run-time error CSS1039: Token not allowed after unary operator: '-white-text-color'
(8406,28): run-time error CSS1039: Token not allowed after unary operator: '-success-color'
(8412,32): run-time error CSS1039: Token not allowed after unary operator: '-success-hover-color'
(8416,28): run-time error CSS1039: Token not allowed after unary operator: '-error-required-color'
(8420,32): run-time error CSS1039: Token not allowed after unary operator: '-error-required-hover-color'
(8437,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(8500,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-color'
(8525,21): run-time error CSS1039: Token not allowed after unary operator: '-sap-icon-color'
(8543,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(8563,39): run-time error CSS1039: Token not allowed after unary operator: '-error-required-color'
(8567,28): run-time error CSS1039: Token not allowed after unary operator: '-error-required-hover-color'
(8571,21): run-time error CSS1039: Token not allowed after unary operator: '-error-required-color'
(8575,39): run-time error CSS1039: Token not allowed after unary operator: '-warning-color'
(8579,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-color'
(8583,21): run-time error CSS1039: Token not allowed after unary operator: '-warning-color'
(8607,37): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(8612,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(8624,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(8676,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(8692,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(8702,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(8706,21): run-time error CSS1039: Token not allowed after unary operator: '-error-required-color'
(8711,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(8717,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(8736,21): run-time error CSS1039: Token not allowed after unary operator: '-fiori-input-placeholder-color'
(8745,27): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(8746,21): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(8760,32): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(8761,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(8768,32): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(8769,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(8776,21): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(8789,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(8827,32): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(8837,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(8852,40): run-time error CSS1039: Token not allowed after unary operator: '-primary-background-color'
(8861,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(8911,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(8913,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(8914,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(8932,32): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(8937,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(8980,24): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(8985,24): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(8991,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(8993,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(9007,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(9024,28): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(9033,17): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(9037,28): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(9099,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(9184,32): run-time error CSS1039: Token not allowed after unary operator: '-fiori-tertiary-btn-background-color'
(9192,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(9248,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(9292,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(9313,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(9334,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(9339,32): run-time error CSS1039: Token not allowed after unary operator: '-system-list-dark-color'
(9344,32): run-time error CSS1039: Token not allowed after unary operator: '-system-list-light-color'
(9354,32): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(9359,32): run-time error CSS1039: Token not allowed after unary operator: '-system-list-light-color'
(9364,32): run-time error CSS1039: Token not allowed after unary operator: '-system-list-dark-color'
(9461,40): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(9525,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(9529,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(9536,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(9545,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(9551,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(9556,28): run-time error CSS1039: Token not allowed after unary operator: '-system-list-light-color'
(9561,28): run-time error CSS1039: Token not allowed after unary operator: '-system-list-dark-color'
(9591,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(9618,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(9623,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(9684,32): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(9754,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-info-background-color'
(9767,27): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(9772,32): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(9785,39): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(9902,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(9917,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(9929,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(9956,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(9976,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(9994,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(10059,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(10101,34): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(10104,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(10119,37): run-time error CSS1039: Token not allowed after unary operator: '-sap-icon-color'
(10120,32): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(10121,21): run-time error CSS1039: Token not allowed after unary operator: '-sap-icon-color'
(10253,23): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(10254,17): run-time error CSS1039: Token not allowed after unary operator: '-sap-icon-color'
(10309,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(10357,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(10432,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(10436,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(10447,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(10475,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(10489,39): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(10516,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(10530,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(10577,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(10585,32): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(10619,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-background-color'
(10644,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(10717,32): run-time error CSS1039: Token not allowed after unary operator: '-selected-category-background-color'
(10751,39): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(10773,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(10785,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(10793,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(10829,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(10835,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(10840,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(10844,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(10866,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(10867,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(10887,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(10902,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(10907,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-background-color'
(10907,53): run-time error CSS1019: Unexpected token, found ':'
(10907,53): run-time error CSS1042: Expected function, found ':'
(10907,53): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(10912,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(10933,39): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(10946,21): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(10947,40): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
(10988,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font-family'
(10995,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(11022,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: '-secondary-border-color'
(11124,35): run-time error CSS1039: Token not allowed after unary operator: '-secondary-border-color'
(11142,32): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-warning-background-color'
(11143,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-color'
(11162,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(11210,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(11211,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(11212,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11219,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(11220,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11264,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(11271,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(11272,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(11280,28): run-time error CSS1039: Token not allowed after unary operator: '-modal-background-color'
(11300,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(11322,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(11369,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11387,17): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-error-border-color'
(11458,28): run-time error CSS1039: Token not allowed after unary operator: '-different-compared-data-background-color'
(11462,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(11512,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-border-color'
(11629,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11715,21): run-time error CSS1039: Token not allowed after unary operator: '-error-required-color'
(11772,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(12013,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(12077,23): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(12083,17): run-time error CSS1039: Token not allowed after unary operator: '-error-required-color'
(12093,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-color'
(12103,17): run-time error CSS1039: Token not allowed after unary operator: '-success-color'
(12132,23): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(12133,17): run-time error CSS1039: Token not allowed after unary operator: '-sap-icon-color'
(12160,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-background-color'
(12234,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(12309,28): run-time error CSS1039: Token not allowed after unary operator: '-focus-border-and-outline-color'
(12313,27): run-time error CSS1039: Token not allowed after unary operator: '-icons-font'
(12319,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-info-background-color'
(12323,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(12437,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori-primary-btn-background-color'
(12441,17): run-time error CSS1039: Token not allowed after unary operator: '-fiori-primary-btn-background-color'
(12446,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(12466,28): run-time error CSS1039: Token not allowed after unary operator: '-sap-icon-color'
(12471,17): run-time error CSS1039: Token not allowed after unary operator: '-fiori-primary-btn-color'
(12502,17): run-time error CSS1039: Token not allowed after unary operator: '-sap-icon-color'
(12506,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(12569,28): run-time error CSS1039: Token not allowed after unary operator: '-fiori-primary-btn-background-color'
(12573,17): run-time error CSS1039: Token not allowed after unary operator: '-fiori-primary-btn-background-color'
(12578,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(12596,17): run-time error CSS1039: Token not allowed after unary operator: '-error-required-color'
(12635,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(12645,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color'
(12692,28): run-time error CSS1039: Token not allowed after unary operator: '-success-color'
(12696,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-color'
(12836,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(12845,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-background-color'
(12893,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(12941,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(12992,17): run-time error CSS1039: Token not allowed after unary operator: '-fiori3-error-border-color'
(12998,35): run-time error CSS1039: Token not allowed after unary operator: '-main-link-and-icon-color'
 */
/* GENERAL */
a, a:hover, a:active, a:focus {
    text-decoration: none;
}

.alert-warning {
    background-color: var(--fiori3-info-background-color);
    color: var(--primary-text-color);
    font-size: 14px;
    border-radius: 0;
}

    @media all and (max-width: 991px) {
        .mobile-order {
            display: inline-block !important;
        }
    }

.popover {
    border-radius: 4px;
    border: 1px solid var(--secondary-border-color);
    box-shadow: 0 2px 4px 0 rgba(51, 51, 51, 0.2);
    z-index: 1041;
}

.popover img {
    max-width: 100%;
}

.vertical-align {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex !important;
    -webkit-align-items: center;
    align-items: center;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.select2-container--default .select2-selection--single {
    border: 1px solid var(--input-border-color);
    height: 26px;
}

    .select2-container--default .select2-selection--single:hover,
    .select2-container--default .select2-selection--single:focus,
    .select2-container--default .select2-search--dropdown .select2-search__field:hover,
    .select2-container--default .select2-search--dropdown .select2-search__field:focus {
        border: 1px solid var(--focus-border-and-outline-color) !important;
        box-shadow: none;
        outline: none;
    }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--primary-background-color);
    color: var(--primary-text-color);
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border-radius: 4px;
    border: 1px solid var(--secondary-border-color);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 26px;
}

.btn-tertiary.fiori3-btn-tertiary.back-btn {
    position: relative;
    padding: 3px 16px 0 27px;
    margin-top: 7px;
    line-height: 20px !important;
}

.back-btn::before {
    content: "\e1eb";
    font-family: var(--icons-font);
    font-size: 14px;
    position: absolute;
    left: 8px;
}

.modal-body .back-btn {
    display: none;
}

.current-quote.disabled {
    cursor: not-allowed;
}

.current-quote.disabled .current-quote-icon-style {
    pointer-events: none;
    color: var(--shellbar-icon-color);
}
/* end */
/* #region CATALOG AND FAVORITES PAGE HEADER SECTION */
/* #region general styles */
.fiori3-catalog-page-container .catalog-main div > .col-md-12,
.fiori3-favorites-page-container .catalog-main div > .col-md-12 {
    padding: 0;
}

.fiori3-catalog-page-container .categories-container,
.fiori3-favorites-page-container .categories-container {
    margin-bottom: 20px;
}

.sidebar #categoryTree a.selectedCat,
.sidebar #categoryTree div.selectedCat {
    background: var(--selected-category-background-color) !important;
    border-radius: 4px;
}

@media all and (max-width: 1024px) {
    .catalog-actions-toolbar .toolbar-action-sort,
    .catalog-actions-toolbar .toolbar-action-toogle-view,
    .favorites-actions-toolbar .toolbar-action-sort,
    .favorites-actions-toolbar .toolbar-action-toogle-view,
    .fiori3-show-products, .fiori3-view-control, .fiori3-order-data {
        display: none;
    }

    #wrap .catalog .fiori3-catalog-page-container .catalog-content,
    #wrap .catalog .fiori3-favorites-page-container {
        min-height: calc(100vh - 88px);
        width: calc(100vw - 88px) !important;
        margin-left: 20px;
    }
}

@media all and (max-width: 768px) {
    #wrap .catalog .fiori3-catalog-page-container .catalog-content,
    #wrap .catalog .fiori3-favorites-page-container {
        min-height: calc(100vh - 48px);
        width: 100% !important;
        margin: 0 !important;
    }

    .catalog-content .catalog-products {
        min-height: calc(100vh - 48px);
    }

    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
        #wrap .catalog .fiori3-catalog-page-container .catalog-content,
        #wrap .catalog .fiori3-favorites-page-container {
            min-height: calc(100vh - 79px);
        }

        .catalog-content .catalog-products {
            min-height: calc(100vh - 79px);
        }
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    #wrap .catalog .fiori3-catalog-page-container .catalog-content,
    #wrap .catalog .fiori3-favorites-page-container {
        min-height: calc(100vh - 120px);
    }

    .catalog-content .catalog-products {
        min-height: calc(100vh - 120px);
    }
}

.fiori3-catalog-page-container .catalog-page-header,
.fiori3-favorites-page-container .favorites-page-header {
    width: 100%;
    padding: 0 10px 0 16px !important;
    margin-bottom: 10px;
}

.fiori3-catalog-page-container .catalog-page-header > div:first-child,
.fiori3-catalog-page-container .catalog-page-header > nav:first-child,
.fiori3-favorites-page-container .favorites-page-header > div:first-child,
.fiori3-favorites-page-container .favorites-page-header > nav:first-child{
    width: 50%;
}

    @media all and (min-width: 360px) and (max-width: 767px) {
        .fiori3-catalog-page-container .catalog-page-header > div:first-child,
        .fiori3-catalog-page-container .catalog-page-header > nav:first-child,
        .fiori3-favorites-page-container .favorites-page-header > div:first-child,
        .fiori3-favorites-page-container .favorites-page-header > nav:first-child {
            width: 30%;
        }
    }

.fiori3-catalog-page-container .catalog-page-header .divider,
.fiori3-favorites-page-container .favorites-page-header .divider {
    width: calc(100% + 26px);
    height: 1px;
    margin: 0 -16px;
    background-color: var(--primary-background-color);
    margin-top: 12px;
}

    @media all and (max-width: 576px) {
        .fiori3-catalog-page-container .catalog-page-header .divider,
        .fiori3-favorites-page-container .favorites-page-header .divider {
            margin-top: 40px;
        }
    }

.fiori3-catalog-page-container .catalog-page-heading,
.fiori3-favorites-page-container .favorites-page-heading {
    font-size: 16px;
    margin: 5px 0 15px 0;
    padding: 0;
    height: initial;
    border-bottom: none;
    background: none;
    color: var(--primary-text-color);
}

.fiori3-favorites-page-container .favorites-page-heading {
    margin-left: 16px;
}

.fiori3-catalog-page-container .catalog-main .catalog-page-heading {
    margin: 5px 16px 13px 16px;
}

.fiori3-catalog-page-container .catalog-page-header > .pull-right,
.fiori3-favorites-page-container .favorites-page-header > .pull-right {
    margin-right: 10px;
}

.favorites-page-header .favorites-page-heading {
    margin-left: 0;
}

.fiori3-catalog-search .input-group-btn,
.actions-toolbar .toolbar-action .input-group-btn {
    vertical-align: baseline;
}

@media all and (max-width: 1024px) {
    .fiori3-catalog-search,
    .fiori3-favorites-search {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .fiori3-catalog-search .input-group-btn,
    .actions-toolbar .toolbar-action .input-group-btn,
    .fiori3-favorites-search .input-group-btn {
        width: auto;
    }

    .catalog-actions-toolbar .toolbar-action-favorite,
    .favorites-actions-toolbar .toolbar-action-favorite,
    .fiori3-small-screen-favorites-icon {
        display: block;
    }
}

@media all and (min-width: 1025px) {
    .fiori3-small-screen-favorites-icon {
        display: none;
    }
}

.fiori3-view-control > div,
.fiori3-order-data > div:first-child,
.fiori3-catalog-search .input-group-btn > div:first-child,
.actions-toolbar .toolbar-action .input-group-btn > div:first-child,
.fiori3-favorites-page-container .input-group-btn > div:first-child,
.fiori3-catalog-search .search-input-trigger,
.fiori3-favorites-page-container .search-input-trigger,
.fiori3-items-section .fiori3-table .fiori3-items-search .search-input-trigger,
.fiori3-catalog-page-container .fiori3-show-products > div,
.fiori3-small-screen-favorites-icon {
    width: 32px;
    height: 26px;
    margin: 10px 6px 20px 0;
    text-align: center;
    float: right;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid transparent;
}

    .fiori3-catalog-page-container .fiori3-catalog-search .search-input-trigger:focus,
    .fiori3-favorites-page-container .search-input-trigger:focus,
    .fiori3-favorites-page-container .input-group-btn > div:first-child:focus,
    .fiori3-catalog-page-container .fiori3-catalog-search .input-group-btn > div:first-child:focus,
    .actions-toolbar .toolbar-action .input-group-btn > div:first-child:focus,
    .fiori3-order-data > div:first-child:focus,
    .fiori3-view-control > div:focus,
    .fiori3-catalog-page-container .fiori3-show-products > div:focus,
    .fiori3-small-screen-favorites-icon:focus {
        border: 1px solid var(--focus-border-and-outline-color);
        background-color: var(--primary-background-color);
        border-radius: 4px;
        -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);
        outline: none;
    }

    @media all and (max-width: 1024px) {
        .fiori3-catalog-page-container .fiori3-catalog-search .search-input-trigger,
        .fiori3-items-section .fiori3-table .fiori3-items-search .search-input-trigger,
        .fiori3-catalog-page-container .fiori3-catalog-search .input-group-btn > div:first-child,
        .actions-toolbar .toolbar-action .input-group-btn > div:first-child,
        .fiori3-favorites-page-container .search-input-trigger,
        .fiori3-favorites-page-container .input-group-btn > div:first-child,
        .fiori3-small-screen-favorites-icon {
            margin-top: 0;
            margin-bottom: 0;
        }
    }

.fiori3-order-data > div:first-child:active,
.fiori3-order-data.open > div:first-child,
.fiori3-order-data.open > div:first-child:hover,
.fiori3-catalog-page-container .fiori3-catalog-search .input-group-btn.open > div:first-child,
.actions-toolbar .toolbar-action .input-group-btn.open > div:first-child,
.fiori3-catalog-page-container .fiori3-catalog-search .input-group-btn.open > div:first-child:hover,
.actions-toolbar .toolbar-action .input-group-btn.open > div:first-child:hover,
.fiori3-catalog-page-container .guided-selling.open,
.fiori3-catalog-page-container .guided-selling.open:hover,
.fiori3-cart-header .actions-dropdown .dropdown-menu li:hover {
    background: var(--fiori-tertiary-btn-background-color);
    border-radius: 4px;
}

.fiori3-view-control > div:hover,
.fiori3-order-data > div:first-child:hover,
.fiori3-catalog-page-container .fiori3-catalog-search .input-group-btn > div:first-child:hover,
.actions-toolbar .toolbar-action .input-group-btn > div:first-child:hover,
.fiori3-favorites-page-container .input-group-btn > div:first-child:hover,
.fiori3-catalog-page-container .guided-selling:hover,
.fiori3-catalog-page-container .fiori3-show-products > div:hover,
.fiori3-catalog-page-container .fiori3-catalog-search .search-input-trigger-hover-state:hover,
.fiori3-favorites-page-container .search-input-trigger-hover-state:hover,
.fiori3-items-table .fiori3-table .fiori3-items-search .search-input-trigger-hover-state:hover,
.fiori3-cart-header .actions-dropdown .dropdown-menu li:focus,
.fiori3-cart-header .actions-dropdown .dropdown-menu li:active,
.fiori3-small-screen-favorites-icon:hover {
    background: var(--primary-background-color);
    border-radius: 4px;
}

.fiori3-view-control .sap-icon,
.fiori3-order-data .sap-icon,
.fiori3-catalog-page-container .fiori3-catalog-search .sap-icon,
.actions-toolbar .toolbar-action .sap-icon,
.favorites-page-header .pull-right .sap-icon,
.fiori3-items-section .fiori3-table .fiori3-items-search .sap-icon,
.fiori3-catalog-page-container .fiori3-show-products .sap-icon {
    color: var(--main-link-and-icon-color);
    font-size: 18px;
}

.fiori3-order-data .dropdown-menu li.sort-list-footer button,
.fiori3-catalog-page-container .fiori3-catalog-search .input-group-btn .dropdown-menu .filter-footer button,
.actions-toolbar .toolbar-action .input-group-btn .dropdown-menu .filter-footer button,
.fiori3-favorites-page-container .filter-footer button {
    padding: 2px 18px;
    cursor: pointer;
}

.fiori3-order-data .dropdown-menu li.sort-list-footer button:nth-child(2),
.fiori3-catalog-page-container .fiori3-catalog-search .input-group-btn .dropdown-menu .filter-footer button:nth-child(2),
.actions-toolbar .toolbar-action .input-group-btn .dropdown-menu .filter-footer button:nth-child(2),
.fiori3-favorites-page-container .filter-footer button:nth-child(2){
    padding: 2px 13px;
    margin-left: 8px;
    cursor: pointer;
}

.view-control.fiori3-view-control {
    margin: 0;
}

.fiori3-table.categories-list-view-table td {
    padding: 9px 16px !important;
    color: var(--primary-text-color);
}

.fiori3-table.categories-list-view-table td:first-child {
    width: 35%;
    max-width: 35%;
    word-break: break-word;
}

.favorites-quantity-input {
    margin-right: 8px;
}

/* #region refactored catalog page header */

.catalog-page-header-refactored {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.catalog-page-header-refactored .catalog-header-actions {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    width: 100%;
    margin-bottom: 0;
}

@media all and (max-width: 500px) {
    .catalog-page-header-refactored .catalog-header-actions {
        flex-wrap: wrap;
        height: max-content;
    }
}

.dropdown-menu-catalog {
    position: absolute;
    right: 0;
    left: auto;
}

.new-folder-wrapper {
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
}

    .new-folder-wrapper .new-folder-input {
        flex-basis: 60%;
    }

    .new-folder-wrapper .new-folder-input div[class*="col-"] {
        padding: 0;
    }
    /* #endregion */
    /* #endregion */
    /* #region sorting section */
    .fiori3-order-data .dropdown-menu {
        width: 282px;
        border-radius: 4px;
        border: 1px solid var(--secondary-border-color);
        top: 40px;
        padding: 0;
        box-shadow: 0 2px 4px 0 rgba(51, 51, 51, 0.2);
    }

    .fiori3-order-data .dropdown-menu::before {
        content: "";
        position: absolute;
        top: -17px;
        right: 12px;
        z-index: 1;
        border-color: transparent transparent var(--white-text-color) transparent;
        border-width: 9px;
        border-style: solid;
    }

    .fiori3-order-data .dropdown-menu::after {
        content: "";
        position: absolute;
        top: -18px;
        right: 12px;
        border-color: transparent transparent var(--secondary-border-color) transparent;
        border-width: 9px;
        border-style: solid;
    }

.fiori3-order-data .dropdown-menu > span {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid var(--secondary-border-color);
    padding: 10px 0;
}

.fiori3-order-data .dropdown-menu ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

.fiori3-order-data .dropdown-menu li {
    height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: 1px solid var(--secondary-border-color);
    cursor: pointer;
}

.fiori3-order-data .dropdown-menu li.selected:not(:last-child) {
    background-color: var(--selected-category-background-color);
}

    .fiori3-order-data .dropdown-menu li:not(:last-child):hover {
        background-color: var(--tertiary-background-color);
    }

.fiori3-order-data .dropdown-menu li.divider {
    width: 100%;
    min-height: 1px;
    max-height: 1px;
    border-bottom: 1px solid var(--secondary-border-color);
    margin: 0;
}

.fiori3-order-data .dropdown-menu li > span {
    width: 32px;
    height: 19px;
    margin: 0 3px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    visibility: hidden;
}

.fiori3-order-data .dropdown-menu li.selected > span {
    visibility: visible;
}

.fiori3-order-data .dropdown-menu li.sort-list-footer {
    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;
    height: auto;
    border-bottom: none;
    padding: 8px 16px;
    cursor: auto;
}
/* #endregion */

/* #region search section */
.fiori3-catalog-page-container .fiori3-catalog-search,
.fiori3-items-table .fiori3-table .fiori3-items-search {
    margin-bottom: 0;
    z-index: 101;
}

    .fiori3-catalog-page-container .fiori3-catalog-search .input-group-btn > div .sap-icon.color-change::after,
    .actions-toolbar .toolbar-action .input-group-btn > div .sap-icon.color-change::after,
    .fiori3-favorites-page-container .sap-icon.color-change::after,
    .subscriptionTable .swapped-item .sap-icon::after {
        content: '';
        position: absolute;
        top: 13px;
        right: 12px;
        border: 0.1px solid var(--white-text-color);
        width: 5px;
        height: 5px;
        background-color: var(--main-link-and-icon-color);
        border-radius: 50%;
    }

.subscriptionTable .swapped-item .sap-icon {
    position: relative;
}

.subscriptionTable .swapped-item .sap-icon::after {
    top: -4px;
    right: -4px;
}

.fiori3-active-filter-icon {
    position: relative;
}

    .fiori3-active-filter-icon::after {
        top: 0 !important;
        right: -3px !important;
    }

    @media all and (max-width: 991px) {
        .fiori3-catalog-page-container .fiori3-catalog-search .input-group-btn > div .sap-icon.color-change::after,
        .actions-toolbar .toolbar-action .input-group-btn > div .sap-icon.color-change::after,
        .fiori3-favorites-page-container .sap-icon.color-change::after {
            top: 4px;
        }

        .fiori3-active-filter-icon::after {
            top: 0 !important;
        }
    }

.fiori3-catalog-page-container .fiori3-catalog-search .input-group-btn .dropdown-menu,
.actions-toolbar .toolbar-action .input-group-btn .dropdown-menu,
.fiori3-favorites-page-container .fiori3-favorites-search .dropdown-menu {
    width: 450px;
    max-height: 100vh;
    padding: 0;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    top: 40px;
    border-radius: 4px;
    overflow: visible;
}

    @media all and (max-width: 1024px) {
        .fiori3-catalog-page-container .fiori3-catalog-search .input-group-btn #FilterDropdown.dropdown-menu,
        .actions-toolbar .toolbar-action .input-group-btn #FilterDropdown.dropdown-menu {
            width: 350px;
            top: 29px;
        }

        .fiori3-catalog-page-container .fiori3-catalog-search .input-group-btn .dropdown-menu::before,
        .fiori3-catalog-page-container .fiori3-catalog-search .input-group-btn .dropdown-menu::after,
        .fiori3-favorites-page-container .fiori3-favorites-search .dropdown-menu::before,
        .fiori3-favorites-page-container .fiori3-favorites-search .dropdown-menu::after {
            right: 50px !important;
        }

        .fiori3-favorites-page-container .fiori3-favorites-search .dropdown-menu {
            top: 29px;
        }
    }

    @media all and (max-width: 768px) {
        .fiori3-catalog-page-container .fiori3-catalog-search .input-group-btn #FilterDropdown.dropdown-menu,
        .actions-toolbar .toolbar-action .input-group-btn #FilterDropdown.dropdown-menu,
        .fiori3-favorites-page-container #FilterDropdown.dropdown-menu {
            width: 250px;
        }
    }

    .fiori3-catalog-page-container .fiori3-catalog-search .input-group-btn .dropdown-menu::before,
    .actions-toolbar .toolbar-action .input-group-btn .dropdown-menu::before,
    .fiori3-favorites-page-container .fiori3-favorites-search .dropdown-menu::before,
    .sales-area-dropdown-menu::before {
        content: "";
        position: absolute;
        top: -17px;
        right: 13px;
        z-index: 1;
        border-color: transparent transparent var(--white-text-color) transparent;
        border-width: 9px;
        border-style: solid;
    }

    .fiori3-catalog-page-container .fiori3-catalog-search .input-group-btn .dropdown-menu::after,
    .actions-toolbar .toolbar-action .input-group-btn .dropdown-menu::after,
    .fiori3-favorites-page-container .fiori3-favorites-search .dropdown-menu::after,
    .sales-area-dropdown-menu::after {
        content: "";
        position: absolute;
        top: -18px;
        right: 13px;
        border-color: transparent transparent var(--secondary-border-color) transparent;
        border-width: 9px;
        border-style: solid;
    }

.fiori3-catalog-page-container .fiori3-catalog-search .input-group-btn .dropdown-menu .filter-header,
.actions-toolbar .toolbar-action .input-group-btn .dropdown-menu .filter-header,
.fiori3-favorites-page-container .filter-header {
    height: 40px;
    padding: 12px;
    border-bottom: 1px solid var(--secondary-border-color);
    text-align: center;
}

.fiori3-catalog-page-container .fiori3-catalog-search .dropdown-menu .filters,
.fiori3-favorites-page-container .filters,
.actions-toolbar .toolbar-action-filter .filters {
    min-height: 250px;
    max-height: calc(100vh - 250px);
    overflow: auto;
    padding: 20px;
}

.fiori3-catalog-page-container .fiori3-catalog-search .dropdown-menu .filters .mobile-order label,
.fiori3-catalog-page-container .filters .mobile-order label {
    font-size: 12px;
    color: var(--secondary-text-color);
}

.fiori3-catalog-page-container .fiori3-catalog-search .dropdown-menu .filters .mobile-order select,
.fiori3-favorites-page-container .filters .mobile-order select {
    border-radius: 4px;
    height: 27px;
    font-size: 12px;
    padding: 4px 5px;
    border: 1px solid var(--primary-border-color);
    color: var(--primary-text-color);
}

    .fiori3-catalog-page-container .fiori3-catalog-search .dropdown-menu .filters .mobile-order select:hover,
    .fiori3-catalog-page-container .fiori3-catalog-search .dropdown-menu .filters .mobile-order select:focus,
    .fiori3-favorites-page-container .filters .mobile-order select:hover,
    .fiori3-favorites-page-container .filters .mobile-order select:focus {
        border-color: var(--focus-border-and-outline-color) !important;
        color: var(--primary-text-color);
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

.fiori3-catalog-page-container .fiori3-catalog-search .input-group-btn .dropdown-menu .fiori3-checkbox-group,
.actions-toolbar .toolbar-action .input-group-btn .dropdown-menu .fiori3-checkbox-group {
    display: block;
}

.fiori3-catalog-page-container .fiori3-catalog-search .input-group-btn .dropdown-menu .fiori3-checkbox-group label,
.actions-toolbar .toolbar-action .input-group-btn .dropdown-menu .fiori3-checkbox-group label,
.fiori3-favorites-page-container .dropdown-menu .fiori3-checkbox-group label {
    font-size: 12px;
}

.fiori3-catalog-page-container .fiori3-catalog-search .input-group-btn .dropdown-menu .filters .fiori3-input-group,
.actions-toolbar .toolbar-action .input-group-btn .dropdown-menu .filters .fiori3-input-group {
    width: 100%;
}

.fiori3-catalog-page-container .fiori3-catalog-search .input-group-btn .dropdown-menu .filters .fiori3-input-group.price-lower,
.fiori3-catalog-page-container .fiori3-catalog-search .input-group-btn .dropdown-menu .filters .fiori3-input-group.price-higher,
.actions-toolbar .toolbar-action .input-group-btn .dropdown-menu .filters .fiori3-input-group.price-lower,
.actions-toolbar .toolbar-action .input-group-btn .dropdown-menu .filters .fiori3-input-group.price-higher {
    width: 50%;
    float: left;
}

.fiori3-catalog-page-container .fiori3-catalog-search .input-group-btn .dropdown-menu .filters .fiori3-input-group.price-lower,
.actions-toolbar .toolbar-action .input-group-btn .dropdown-menu .filters .fiori3-input-group.price-lower{
    padding-right: 15px;
}

.fiori3-catalog-page-container .fiori3-catalog-search .input-group-btn .dropdown-menu .filters .fiori3-input-group.price-higher,
.actions-toolbar .toolbar-action .input-group-btn .dropdown-menu .filters .fiori3-input-group.price-higher{
    padding-left: 15px;
}

.fiori3-catalog-page-container .fiori3-catalog-search .input-group-btn .dropdown-menu .filters .fiori3-input-group:last-child,
.actions-toolbar .toolbar-action .input-group-btn .dropdown-menu .filters .fiori3-input-group:last-child{
    margin-bottom: 0;
}

.fiori3-catalog-page-container .fiori3-catalog-search .input-group-btn .dropdown-menu .filter-footer,
.actions-toolbar .toolbar-action .input-group-btn .dropdown-menu .filter-footer,
.fiori3-favorites-page-container .filter-footer {
    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;
    height: 58px;
    padding: 16px;
    border-top: 1px solid var(--secondary-border-color);
    box-sizing: border-box;
}

.fiori3-catalog-page-container .fiori3-catalog-search .twitter-typeahead,
.fiori3-items-table .fiori3-table .fiori3-items-search .fiori3-input-group,
.fiori3-favorites-search .favorites-search-input {
    width: 0;
    opacity: 0;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.fiori3-catalog-page-container .fiori3-catalog-search > .twitter-typeahead,
.fiori3-favorites-page-container .favorites-search-input {
    position: absolute !important;
    right: 47px;
    top: 10px;
    z-index: 0;
}

@media all and (max-width: 1024px) {
    .fiori3-catalog-page-container .fiori3-catalog-search > .twitter-typeahead, 
    .fiori3-favorites-page-container .favorites-search-input {
        right: 85px;
    }
    
    .fiori3-favorites-page-container .favorites-search-input {
        top: 0;
    }

    .toolbar-action-search .fiori3-catalog-search > .twitter-typeahead,
    .toolbar-action-search .favorites-search-input {
        right: 10px;
    }
}

.fiori3-favorites-page-container .favorites-search-input::-ms-clear {
    display: none;
}

.catalog-search .twitter-typeahead:not(.search-in-use) .form-control,
.catalog-search .twitter-typeahead:not(.search-in-use) .tt-hint {
    padding: 0;
    left: -2px !important;
}

.fiori3-catalog-page-container .fiori3-catalog-search > .twitter-typeahead.search-in-use .tt-hint {
    display: none;
}

    .fiori3-catalog-page-container .fiori3-catalog-search > .twitter-typeahead.search-in-use .tt-query::-ms-clear {
        display: none;
    }

    @media all and (max-width: 1024px) {
        .fiori3-catalog-page-container .fiori3-catalog-search > .twitter-typeahead,
        .fiori3-items-table .fiori3-table .fiori3-items-search .fiori3-input-group {
            top: 0;
        }

        .fiori3-catalog-page-container .fiori3-catalog-search > .twitter-typeahead .tt-hint.form-control {
            max-height: 30px;
        }
    }

.fiori3-catalog-page-container .fiori3-catalog-search > .twitter-typeahead.search-in-use,
.fiori3-favorites-search.search-in-use .favorites-search-input {
    width: 100%;
    max-width: 320px;
    opacity: 1;
    -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: 768px) {
        .fiori3-catalog-page-container .fiori3-catalog-search > .twitter-typeahead.search-in-use,
        .fiori3-items-table .fiori3-table .fiori3-items-search .fiori3-favorites-search.search-in-use,
        .fiori3-favorites-search.search-in-use .favorites-search-input {
            width: 60%;
        }

        .actions-toolbar .toolbar-action-search .twitter-typeahead.search-in-use {
            width: 80%;
        }

        .catalog-actions-toolbar .toolbar-action-search,
        .favorites-actions-toolbar .toolbar-action-search {
            flex: 1 0 100px !important;
        }
    }

.fiori3-catalog-page-container .fiori3-catalog-search > .twitter-typeahead.shrink-search-field,
.fiori3-items-table .fiori3-table .fiori3-items-search .fiori3-input-group.shrink-search-field,
.fiori3-favorites-search.shrink-search-field .favorites-search-input {
    width: 0;
    opacity: 0;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.fiori3-catalog-page-container .fiori3-catalog-search.search-in-use > .twitter-typeahead input,
.fiori3-catalog-page-container .fiori3-catalog-search.search-in-use #searchInput,
.fiori3-catalog-page-container .fiori3-catalog-search.search-in-use #searchInputOptimized,
.fiori3-favorites-page-container .fiori3-favorites-search.search-in-use #searchInput,
.fiori3-items-table .fiori3-table .fiori3-items-search.search-in-use .fiori3-input-group input,
.fiori3-items-table .fiori3-table .fiori3-items-search.search-in-use #searchInput2 {
    height: 26px;
    border-radius: 4px;
    padding-right: 33px;
    padding: 0 6px;
    border-color: var(--input-border-color);
}

    .fiori3-catalog-page-container .fiori3-catalog-search.search-in-use #searchInput:focus,
    .fiori3-catalog-page-container .fiori3-catalog-search.search-in-use #searchInputOptimized:focus,
    .fiori3-favorites-page-container .fiori3-favorites-search.search-in-use #searchInput:focus {
        border-color: var(--focus-border-and-outline-color);
    }

.fiori3-catalog-page-container .fiori3-catalog-search .search-input-trigger,
.fiori3-items-table .fiori3-table .fiori3-items-search .search-input-trigger {
    position: relative;
    z-index: 1;
}

.fiori3-catalog-search.search-in-use .search-input-trigger,
.fiori3-favorites-search.search-in-use .search-input-trigger {
    border-color: transparent !important;
}
/* #endregion */

/* #region ABS - guided selling */
.fiori3-catalog-page-container .guided-selling {
    font-size: 14px;
    color: var(--main-link-and-icon-color);
    margin: 2px 6px 0 0;
    padding: 3px 7px;
    cursor: pointer;
    position: relative;
    max-width: 200px;
    height: fit-content;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100px;
    flex: 0 1 100px;
}

.guided-selling-label {
    white-space: nowrap;
}

.fiori3-catalog-page-container .guided-selling .flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 2px;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 4px;
}

.guided-selling-category,
.guided-selling-category-single {
    max-width: 170px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    margin-right: 4px;
}

.guided-selling-category-single {
    max-width: 190px;
}

.fiori3-catalog-page-container .guided-selling.dropdown-arrow-padding {
    padding-right: 25px;
}

    @media all and (min-width: 360px) and (max-width: 767px) {
        .fiori3-catalog-page-container .guided-selling {
            max-width: 100px;
        }
    }

    @media all and (max-width: 1024px) {
        .fiori3-catalog-page-container .guided-selling {
            margin: 0;
        }
    }

.fiori3-catalog-page-container .guided-selling span.sap-icon {
    display: inline-block;
    text-align: center;
    margin-left: 3px;
    position: absolute;
    top: 3px;
    right: 5px;
}

.fiori3-catalog-page-container .guided-selling .dropdown {
    margin: 10px 6px 10px 0;
    display: inline-block;
}

.fiori3-catalog-page-container .guided-selling .dropdown-menu {
    max-width: 320px;
    box-shadow: 0 2px 4px 0 rgba(51, 51, 51, 0.2);
    border: 1px solid var(--secondary-border-color);
    background-color: var(--secondary-background-color);
    font-size: 14px;
    color: var(--primary-text-color);
    padding: 5px 9px;
    right: -9px;
    top: 30px;
    left: auto;
}

    .fiori3-catalog-page-container .guided-selling .dropdown-menu::before {
        content: "";
        position: absolute;
        top: -17px;
        right: 13px;
        z-index: 1;
        border-color: transparent transparent var(--white-text-color) transparent;
        border-width: 9px;
        border-style: solid;
        z-index: 2;
    }

    .fiori3-catalog-page-container .guided-selling .dropdown-menu::after {
        content: "";
        position: absolute;
        top: -18px;
        right: 13px;
        border-color: transparent transparent var(--secondary-border-color) transparent;
        border-width: 9px;
        border-style: solid;
    }

    @media all and (max-width: 768px) {
        .fiori3-catalog-page-container .guided-selling .dropdown-menu {
            left: auto;
        }
    }

.fiori3-catalog-page-container .guided-selling .dropdown-menu li {
    display: block;
    padding: 5px 12px;
    border-radius: 4px;
}

    .fiori3-catalog-page-container .guided-selling .dropdown-menu li:hover {
        background-color: var(--selected-category-background-color);
    }

.fiori3-catalog-page-container .guided-selling .dropdown-menu li a {
    padding: 0;
}

        .fiori3-catalog-page-container .guided-selling .dropdown-menu li a:hover {
            background: transparent;
        }
/* #endregion */

/* #region breadcrumbs */
.fiori3-catalog-page-container .breadcrumb,
.fiori3-favorites-page-container .breadcrumb {
    margin: 0;
    padding: 0;
    font-size: 12px;
    overflow: hidden;
    word-break: break-all;
}

.fiori3-catalog-page-container .compare-products .breadcrumb
.fiori3-favorites-page-container .compare-products .breadcrumb {
    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;
    max-width: none;
}

.fiori3-catalog-page-container ul:not(#breadcrumbsContainer) .breadcrumb li,
.fiori3-favorites-page-container ul:not(#breadcrumbsContainer) .breadcrumb li {
    margin: 0;
    margin-right: 8px;
    margin-top: 10px;
}

.fiori3-catalog-page-container .breadcrumb li:first-child label,
.fiori3-favorites-page-container .breadcrumb li:first-child label {
    margin-bottom: 0;
}

.fiori3-catalog-page-container .breadcrumb > li.breadcrumb-item + li:before,
.fiori3-favorites-page-container .breadcrumb > li.breadcrumb-item + li:before {
    color: var(--primary-text-color);
}

.fiori3-catalog-page-container .breadcrumb > li + li:before,
.fiori3-favorites-page-container .breadcrumb > li + li:before {
    content: "";
    padding: 0;
}

.fiori3-catalog-page-container .breadcrumb > li.breadcrumb-item + li:before,
.fiori3-favorites-page-container .breadcrumb > li.breadcrumb-item + li:before {
    content: '/ ';
}

.fiori3-catalog-page-container .breadcrumb-item a,
.fiori3-favorites-page-container .breadcrumb-item a {
    text-decoration: none;
}

    .fiori3-catalog-page-container .breadcrumb-item a:focus,
    .fiori3-favorites-page-container .breadcrumb-item a:focus {
        outline-offset: -2px;
    }

.fiori3-catalog-page-container .breadcrumb-item:last-child,
.fiori3-catalog-page-container .breadcrumb-item:last-child a,
.fiori3-favorites-page-container .breadcrumb-item:last-child,
.fiori3-favorites-page-container .breadcrumb-item:last-child a {
    color: var(--primary-text-color);
    pointer-events: none;
}

.product-comparison-breadcrumbs.breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin: 10px 0;
}

.product-comparison-breadcrumbs li {
    margin-right: 8px;
}

.product-comparison-breadcrumbs .button-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.breadcrumb .clear-filters {
    margin-left: 8px;
}

.breadcrumb-heading-tab[tabindex='0'] {
    cursor: pointer;
}
/* #endregion */

/* #region filter pills*/
.catalog-pills-container {
    padding: 0 16px;
}

.filter-pills-container {
    margin-bottom: 5px;
}

.filter-pills-container li,
.compare-products li {
    max-width: 50%;
}

.filter-pills-container .filter-pills,
.compare-products .filter-pills {
    font-size: 12px;
    line-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;
}

.filter-pills-container .filter-pills span,
.compare-products .filter-pills span {
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding-left: 6px;
    color: var(--primary-text-color);
    overflow-wrap: break-word;
}

.filter-pills-container .filter-pills a,
.compare-products .filter-pills a {
    margin: 4px 8px;
    color: var(--main-link-and-icon-color);
    text-decoration: none;
    line-height: 12px;
}

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

.filter-pills-container > ul li {
    float: left;
}

.filter-pills-container > ul li:not(:last-child) {
    margin-right: 8px;
    margin-bottom: 4px;
}

.filter-pills-container > ul li:last-child a,
.compare-products ul li:last-child a {
    font-size: 12px;
    text-decoration: none;
}

.fiori3-quote-section-container .fiori3-pills-container {
    padding-left: 16px;
}

.fiori3-pills-container .filtered-total-value {
    color: var(--primary-text-color);
    background-color: transparent;
    padding-right: 16px;
    width: 110px;
    text-align: right;
    top: 5px;
}

    @media all and (min-width: 600px) {
        .fiori3-pills-container .filtered-total-value {
            width: auto;
        }
    }

    @media all and (min-width: 768px) {
        .fiori3-pills-container .filtered-total-value {
            top: 60px;
        }
    }

    @media all and (min-width: 800px) {
        .fiori3-pills-container .filtered-total-value {
            top: 5px;
        }
    }   
/* #endregion */

/* #region product comparison */
.fiori3-catalog-page-container .add-to-compare,
.fiori3-favorites-page-container .add-to-compare {
    background-color: var(--fiori-tertiary-btn-background-color) !important;
}

.fiori3-catalog-page-container .compare-products,
.fiori3-favorites-page-container .compare-products {
    width: 100%;
    margin: 0 !important;
    overflow: visible !important;
}

    @media all and (max-width: 768px) {
        .fiori3-catalog-page-container .compare-products > div:nth-child(2),
        .fiori3-favorites-page-container .compare-products > div:nth-child(2) {
            padding-bottom: 0 !important;
        }
    }

.fiori3-catalog-page-container .compare-products > div:not(.divider),
.fiori3-favorites-page-container .compare-products > div:not(.divider) {
    padding: 0;
    border: none;
}

.fiori3-catalog-page-container .compare-products .divider,
.fiori3-favorites-page-container .compare-products .divider {
    width: calc(100% + 26px);
    height: 1px;
    margin: 0 -16px;
    margin-top: 0 !important;
    background-color: var(--primary-background-color);
    padding: 0;
    border: none;
}
/* #endregion */
/* #endregion */

/* #region CATALOG PAGE MAIN SECTION */
/* #region general styles */
.fiori3-catalog-page-container .catalog-main div > .col-md-12,
.fiori3-favorites-page-container .favorites-main div > .col-md-12 {
    padding: 0;
}

.fiori3-catalog-page-container .subcategories .catalog-page-heading,
.favorite-folders-container .catalog-page-heading {
    font-size: 16px;
    margin: 5px 0 7px 16px;
    padding: 0;
    height: initial;
    border-bottom: none;
    background: none;
    color: var(--primary-text-color);
}

.favorite-folders-container .catalog-page-heading {
    margin-bottom: 15px;
}

.fiori3-catalog-page-container .sidebar #categoryTree a.selectedCat {
    background: var(--selected-category-background-color) !important;
    border-radius: 4px;
    border: 1px solid transparent;
}

.catalog-content {
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}

.fiori3-catalog-products .fiori3-items-per-page-container .page-size {
    border: none;
    background-color: transparent;
}

    .fiori3-catalog-products .fiori3-items-per-page-container .page-size:focus {
        outline: 2px solid var(--focus-border-and-outline-color);
    }
/* #endregion */
/* #region catalog page product details section */
.fiori3-catalog-page-container .catalog-content > .catalog-products {
    padding-left: 0;
    padding-right: 0;
}

.product-details-main-container {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    z-index: 1;
}
/* #endregion */

/* #region categories grid view */
.fiori3-catalog-page-container .catalog-content .categories-tabular,
.favorite-folders-container .favorite-folders-tabular {
    margin: 0;
    max-width: none;
    background: var(--secondary-background-color);
    height: 265px;
    /* box shadow instead of border to achieve border collapsing effect */
    box-shadow: 1px 0 0 0 #edeff0, 0 1px 0 0 #edeff0, 1px 1px 0 0 #edeff0, 1px 0 0 0 #edeff0 inset, 0 1px 0 0 #edeff0 inset;
    padding: 20px;
}

.favorite-folders-container .favorite-folders-tabular {
    min-height: 265px;
}

    .fiori3-catalog-page-container .catalog-content .categories-tabular:focus,
    .favorite-folders-container .favorite-folders-tabular:focus {
        outline-offset: -2px;
    }

.fiori3-catalog-page-container .catalog-content .categories-tabular .image-holder,
.favorite-folders-container .favorite-folders-tabular .image-holder {
    height: calc(100% - 52px);
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    border: none;
}

.favorite-folders-container .favorite-folders-tabular .image-holder {
    background-image: url(/Content/images/folder-image.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 0 !important;
}

.favorite-folders-list-container .folder-name {
    margin-right: 20px; 
}

.favorite-folders-list-container .favorites-icon {
    display: inline-flex;
}

.fiori3-catalog-page-container .catalog-content .categories-tabular .image-holder {
    margin: 0;
}

.fiori3-catalog-page-container .catalog-content .categories-tabular .img-thumbnail,
.fiori3-catalog-page-container .catalog-content .product-box .img-thumbnail,
.fiori3-favorites-page-container .product-box .img-thumbnail,
.favorite-folders-container .favorite-folders-tabular .img-thumbnail {
    margin: inherit;
    position: static;
    border-radius: 0;
}

    .fiori3-catalog-page-container .catalog-content .categories-tabular:hover .img-thumbnail,
    .fiori3-catalog-page-container .catalog-content .product-box:hover .img-thumbnail,
    .fiori3-favorites-page-container .product-box:hover .img-thumbnail {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

.fiori3-catalog-page-container .catalog-content .categories-tabular h3,
.fiori3-catalog-page-container .catalog-content .product-box h3,
.fiori3-favorites-page-container .product-box h3,
.favorite-folders-container .favorite-folders-tabular h3 {
    border: none;
    background: transparent;
    color: var(--main-link-and-icon-color);
}

.fiori3-catalog-page-container .catalog-content .categories-tabular .product-header,
.favorite-folders-container .favorite-folders-tabular .product-header {
    display: block;
    min-width: 100%;
    padding: 0;
    margin-bottom: 15px !important;
}

.fiori3-catalog-page-container .catalog-content .categories-tabular .product-description {
    margin: 0;
}

.fiori3-catalog-page-container .subcategories .col-12,
.fiori3-catalog-page-container .subcategories .row {
    margin-left: -16px;
}

.favorite-folders-container.products-first {
    margin-top: 30px;
}

.favorite-folders-container.folders-first {
    margin-bottom: 30px;
}

.favorite-folders-container .favorite-folders-tabular .favorites-icon {
    font-size: 18px;
    display: flex;
}
/* #endregion */

/* #region products grid view */
.fiori3-catalog-page-container .product-detail-view,
.fiori3-favorites-page-container .product-detail-view {
    height: auto;
    padding: 0;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.fiori3-catalog-page-container .product-detail-view .product-box,
.fiori3-favorites-page-container .product-box {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 20px;
    margin: 0;
    max-width: none;
    /* box shadow instead of border to achieve border collapsing effect */
    box-shadow: 1px 0 0 0 #edeff0, 0 1px 0 0 #edeff0, 1px 1px 0 0 #edeff0, 1px 0 0 0 #edeff0 inset, 0 1px 0 0 #edeff0 inset;
}

.fiori3-catalog-page-container .product-detail-view .product-box .description,
.fiori3-favorites-page-container .product-box .description{
    font-size: 12px;
    padding: 0;
    margin-bottom: 8px;
    min-height: 18px;
}

.fiori3-catalog-page-container .product-detail-view .product-box .description p,
.fiori3-favorites-page-container .description p {
    margin: 0;
    min-width: 100%;
}

.fiori3-catalog-page-container .product-detail-view .product-box h3 .ellipsis.pull-left,
.fiori3-favorites-page-container h3 .ellipsis.pull-left {
    width: 100%;
}

.product-title-font-color {
    color: var(--main-link-and-icon-color) !important;
}

.fiori3-catalog-page-container .product-detail-view .product-box h3 .product-title,
.fiori3-favorites-page-container h3 .product-title {
    color: var(--main-link-and-icon-color);
    display: block;
    margin-right: 5px;
}

    .fiori3-catalog-page-container .product-detail-view .product-box h3 .product-title:focus {
        outline-offset: -2px;
    }

    @media (max-width: 767px) {
        .fiori3-catalog-page-container .product-detail-view .product-box h3 .product-title,
        .fiori3-favorites-page-container h3 .product-title {
            font-size: 1em;
        }
    }

.fiori3-catalog-page-container .product-detail-view .product-box .image-holder,
.fiori3-favorites-page-container .product-box .image-holder,
.favorite-folders-container .favorite-folders-tabular .image-holder {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    max-height: 175px;
    border: none;
    margin-bottom: 20px;
}

.fiori3-catalog-page-container .product-detail-view .product-box .image-holder .img-thumbnail,
.fiori3-favorites-page-container .image-holder .img-thumbnail {
    padding: 0;
    max-height: 175px;
    max-width: 100%;
    cursor: pointer;
}

.fiori3-catalog-page-container .product-detail-view .product-box .image-holder .img-thumbnail.not-clickable,
.fiori3-favorites-page-container .image-holder .img-thumbnail.not-clickable {
    cursor: auto;
}

.fiori3-catalog-page-container .product-detail-view .product-box .price-tag,
.fiori3-favorites-page-container .price-tag {
    width: auto;
    background: none;
    color: var(--primary-text-color);
    font-size: 16px;
    border: none;
    padding: 0;
}

.fiori3-catalog-page-container .price-error-message,
.fiori3-favorites-page-container .price-error-message,
.fiori3-product-details .price-error-message {
    background-color: var(--selected-category-background-color);
    padding: 7px;
    font-size: 13px;
}

.fiori3-catalog-page-container .product-detail-view .product-title-container,
.fiori3-favorites-page-container .product-title-container {
    padding: 0;
    margin-bottom: 8px;
}

.fiori3-catalog-page-container .product-detail-view .product-title-container > span,
.fiori3-favorites-page-container .product-title-container > span {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.fiori3-catalog-page-container .product-detail-view .product-title-container > div,
.fiori3-favorites-page-container .product-title-container > div {
    line-height: 1.4;
}

.favorites-icon-wrapper {
    position: absolute;
    top: 20px;
    right: 20px;
}

.fiori3-catalog-page-container .favorites-icon,
.fiori3-favorites-page-container .favorites-icon {
    width: auto;
}

.fiori3-catalog-page-container .product-detail-view .favorites-icon,
.fiori3-favorites-page-container .product-detail-view .favorites-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    position: absolute;
    top: 26px;
    right: 28px;
    height: 32px;
    width: 32px;
    border-radius: 4px;
    background-color: var(--secondary-background-color);
    margin-left: 8px;
}

.fiori3-favorites-page-container .product-detail-view .favorites-icon {
    position: static;
}

.fiori3-favorites-page-container .product-detail-view .edit-favorites-icon {
    right: 63px;
    font-size: 16px;
}

.fiori3-favorites-page-container .product-detail-view .favorites-description-icon {
    font-size: 16px;
    cursor: pointer
}

.fiori3-favorites-page-container .in-favorites span,
.fiori3-favorites-page-container .edit-favorites-icon span,
.fiori3-favorites-page-container .favorites-description-icon span {
    min-width: 22px;
    display: inline-block;
    text-align: center;
}

.fiori3-favorites-page-container button.in-favorites span,
.fiori3-favorites-page-container button.edit-favorites-icon span,
.fiori3-favorites-page-container .favorites-description-icon span {
    min-width: unset;
}

.fiori3-favorites-page-container button.in-favorites {
    line-height: 22px;
}

.favorite-description-popover {
    margin: 5px;
    word-break: break-word;
}

.fiori3-favorites-page-container .fiori3-products-list-table .edit-favorites-icon {
    margin-right: 5px;
    font-size: 16px;
}

.fiori3-favorites-page-container .fiori3-products-list-table .favorites-icon {
    text-align: center;
    display: flex;
}

.fiori3-catalog-page-container .favorites-icon .in-favorites,
.fiori3-catalog-page-container .favorites-icon .no-favorite,
.fiori3-favorites-page-container .in-favorites,
.fiori3-favorites-page-container .no-favorite,
.fiori3-configurator-page-container .in-favorites,
.fiori3-configurator-page-container .no-favorite {
    font-size: 18px;
    width: 32px;
    height: 26px;
    color: var(--sap-icon-color);
    cursor: pointer;
    text-decoration: none;
    line-height: 26px;
    border-radius: 4px;
    text-align: center;
    display: inline-block;
    background-color: transparent;
    border: none;
}

    .fiori3-catalog-page-container .favorites-icon .in-favorites:focus,
    .fiori3-catalog-page-container .favorites-icon .no-favorite:focus,
    .fiori3-favorites-page-container .in-favorites:focus,
    .fiori3-favorites-page-container .no-favorite:focus {
        outline: 2px solid var(--focus-border-and-outline-color);
    }

    button:focus-within {
        outline: none;
    }

.fiori3-catalog-page-container .compare-quantity-add-container .fiori3-input-group,
.fiori3-favorites-page-container .compare-quantity-add-container .fiori3-input-group {
    margin: 0 !important;
}

.fiori3-catalog-page-container .compare-quantity-add-container .fiori3-input-group ~ .fiori3-btn-secondary {
    margin-left: 9px;
}

.fiori3-catalog-page-container .config-button,
.fiori3-favorites-page-container .config-button {
    margin-top: 0px !important;
    margin-bottom: 0 !important;
    display: inline-block !important;
}

.fiori3-catalog-page-container .config-button a,
.fiori3-favorites-page-container .config-button a {
    margin-left: 8px !important;
}

.fiori3-catalog-page-container .compare-quantity-add-container div:nth-child(2),
.fiori3-favorites-page-container .compare-quantity-add-container div:nth-child(2) {
    margin: 0 0 auto auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    /* for Safari bug */
    @media not all and (min-resolution:.001dpcm) {
        .fiori3-catalog-page-container .compare-quantity-add-container div:nth-child(2),
        .fiori3-favorites-page-container .compare-quantity-add-container div:nth-child(2) {
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
        }
    }

.fiori3-catalog-page-container .compare-quantity-add-container,
.fiori3-catalog-page-container .price-category-container,
.fiori3-favorites-page-container .compare-quantity-add-container,
.fiori3-favorites-page-container .price-category-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;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

.fiori3-catalog-page-container .compare-quantity-add-container {
    gap: 10px;
}

.fiori3-favorites-page-container .compare-quantity-add-container {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.fiori3-catalog-page-container .price-category-container .fiori3-alert-info,
.fiori3-favorites-page-container .price-category-container .fiori3-alert-info {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    margin-top: 10px;
    padding: 8px 15px;
}

.favorite-folders-container .favorites-icon a {
    display: inline-block;
    width: 32px;
    height: 26px;
    font-size: 18px;
    text-align: center;
    line-height: 24px;
}

.favorite-folders-container .favorites-icon .edit-favorites-icon {
    margin-right: 8px;
}

.compare-quantity-add-container .compare,
.compare-quantity-add-container .compare label,
.compare-quantity-add-container .compare label input {
    margin: 0;
}

.compare-quantity-add-container .compare {
    min-width: 80px;
}

/* checkbox tweaks */
.compare-quantity-add-container .compare .fiori3-checkbox-group,
.compare-quantity-add-container .compare .fiori3-checkbox-group {
    -webkit-transform: translateX(25px);
    -ms-transform: translateX(25px);
    transform: translateX(25px);
}

.compare-quantity-add-container .compare .fiori3-checkbox-group input + span {
    position: static;
    font-size: 12px;
    padding-left: 0;
}

    .compare-quantity-add-container .compare .fiori3-checkbox-group input + span:before {
        width: 18px;
        height: 18px;
        -webkit-transform: translateX(-25px);
        -ms-transform: translateX(-25px);
        transform: translateX(-25px);
        margin-top: -1px;
    }

    .compare-quantity-add-container .compare .fiori3-checkbox-group input:checked + span:before {
        font-size: 13px;
        line-height: 17px;
    }
/* end */

.compare-quantity-add-container .qty .add-button,
.compare-quantity-add-container .configure-button {
    height: 26px;
    border-radius: 4px;
    font-size: 14px;
}

.compare-quantity-add-container .configure-button {
    margin-left: 0.5rem;
}

#catalogContainer .qty:not(.flex-container) {
    margin-left: 0.5rem !important;
}

.compare-quantity-add-container .configure-button {
    width: 105px;
    margin-left: 1rem;
    padding: 2px 0;
}

.compare-quantity-add-container .qty .qty-input-field {
    width: 50px;
    height: 26px;
    border-radius: 4px;
    font-size: 12px;
    padding: 0;
    text-align: right;
    padding-right: 14px;
    box-shadow: none;
}

.compare-quantity-add-container .qty-input-field ~ .fiori3-input-group {
    margin-left: 8px !important;
}

.price-category-container {
    margin-bottom: 10px;
    min-height: 38px;
}

    .price-category-container .category-name {
        max-width: 80%;
        background: var(--selected-category-background-color);
        border-radius: 16px;
        overflow: hidden;
        margin-left: auto;
        border: 1px solid transparent;
    }

        .price-category-container .category-name span {
            display: block;
            font-size: 12px;
            padding: 3px 25px;
        }

    .price-category-container .sb-prices-section {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        margin-right: 8px;
        word-wrap: break-word;
        color: var(--secondary-text-color)
    }
/* #endregion */

/* #region promotions */
.fiori3-catalog-page-container .promotion-container,
.fiori3-favorites-page-container .promotion-container {
    width: 100%;
    margin-top: -27px;
    margin-bottom: 1px;
    padding-top: 2px;
}

.fiori3-catalog-page-container .discontinued-product,
.fiori3-favorites-page-container .discontinued-product {
    margin: -8px 0 10px;
}
/* #endregion */

/* #region products list view */
.fiori3-products-list-table {
    width: calc(100% - 32px);
    margin: 0 16px;
    table-layout: fixed;
}

    @media all and (max-width: 992px) {
        .fiori3-products-list-table {
            width: 100%;
            margin: 0;
        }
    }

.fiori3-products-list-table .category-name-cell {
    display: inline-block;
    word-break: break-all;
}

.fiori3-products-list-table-small-screens {
    display: none;
}

    @media all and (max-width: 768px) {
        .fiori3-products-list-table {
            display: none;
        }

        .fiori3-products-list-table-small-screens {
            padding: 0;
            display: block;
        }
    }

.fiori3-products-list-table-small-screens .product-title {
    word-break: break-word;
    display: inline-block;
    margin-right: 8px;
}

.fiori3-products-list-table-small-screens .image-on-hover {
    padding-right: 107px;
}

.fiori3-products-list-table th,
.fiori3-products-list-table td {
    vertical-align: top;
    border: 1px solid var(--primary-border-color);
    border-collapse: collapse;
    padding: 8px 16px;
    color: var(--primary-text-color);
    word-break: break-all;
}

    @media all and (max-width: 992px) {
        .fiori3-products-list-table th,
        .fiori3-products-list-table td {
            vertical-align: top;
            border: 1px solid var(--primary-border-color);
            border-collapse: collapse;
            padding: 8px 8px;
        }
    }

.fiori3-products-list-table th {
    font-size: 12px;
    background: var(--tertiary-background-color);
    color: var(--primary-text-color);
}

    .fiori3-products-list-table th:first-child,
    .fiori3-products-list-table th:nth-child(5) {
        width: 25%;
    }

    .fiori3-products-list-table th:nth-child(2),
    .fiori3-products-list-table th:nth-child(3) {
        width: 16.66666667%;
    }

    .fiori3-products-list-table th:nth-child(4),
    .fiori3-products-list-table th:nth-child(6) {
        width: 8.33333333%;
    }

    .favorites-main .fiori3-products-list-table th:nth-child(2),
    .favorites-main .fiori3-products-list-table th:nth-child(3),
    .favorites-main .fiori3-products-list-table th:nth-child(6) {
        width: 8.33333333%;
    }

    .favorites-main .fiori3-products-list-table th:nth-child(5),
    .favorites-main .fiori3-products-list-table th:nth-child(4) {
        width: 16.66666667%;
    }

.fiori3-products-list-table:focus-visible {
    outline-color: var(--focus-border-and-outline-color);
}

/* compare checkbox tweaks */
.fiori3-products-list-table .compare-cell {
    text-align: center;
}

    .fiori3-products-list-table .compare-cell .fiori3-checkbox-group {
        margin: 0;
    }

        .fiori3-products-list-table .compare-cell .fiori3-checkbox-group input + span {
            padding-left: 16px;
        }
/* end */

.fiori3-products-list-table .image-on-hover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.fiori3-products-list-table span:not(.favorites-icon) .product-title {
    word-break: break-word;
    color: var(--main-link-and-icon-color);
}

.product-title.view-details-enabled,
.part-number.view-details-enabled {
    color: var(--main-link-and-icon-color);
    cursor: pointer;
}

.fiori3-products-list-table .part-number {
    white-space: pre-wrap;
}

    .fiori3-products-list-table .image-on-hover a:hover ~ .img-thumbnail,
    .fiori3-products-list-table .image-on-hover span.product-title:hover ~ .img-thumbnail {
        left: 0;
        top: 100%;
    }

.fiori3-products-list-table .description {
    font-size: 13px;
}

.fiori3-products-list-table .favorites-icon {
    margin-left: 15px;
    white-space: nowrap;
}

.fiori3-products-list-table .actions-column {
    text-align: right;
}

    .fiori3-products-list-table .actions-column > div {
        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;
        flex-wrap: wrap;
    }

    .fiori3-products-list-table .actions-column .fiori3-catalog-page-add-to-quote-div,
    .fiori3-products-list-table .add-button {
        display: inline-block;
        margin-bottom: 5px;
    }

    .fiori3-products-list-table .actions-column .fiori3-input-group a {
        margin-left: 8px;
    }

    .fiori3-products-list-table .actions-column input,
    .fiori3-products-list-table-small-screens .actions-container input {
        width: 50px;
        height: 26px;
        text-align: right;
        border-color: var(--input-border-color);
    }

    .fiori3-products-list-table .actions-column button,
    .fiori3-products-list-table-small-screens .actions-container button
    .fiori3-products-list-table-small-screens .actions-container a {
        margin-left: 8px;
    }

    .fiori3-products-list-table-small-screens .actions-container .fiori3-input-group a {
        width: 111px;
        margin-left: 12px;
        padding-top: 2px;
    }

.fiori3-products-list-table-small-screens .actions-container {
    margin-bottom: 8px;
}

.fiori3-products-list-table td.actions-column a {
    margin-left: 0;
}

.fiori3-products-list-table .price-column {
    text-align: right;
}
/* #endregion */

/* #region products list view small screens */
.fiori3-products-list-table-small-screens .catalog-table {
    box-shadow: 1px 0 0 0 #edeff0, 0 1px 0 0 #edeff0, 1px 1px 0 0 #edeff0, 1px 0 0 0 #edeff0 inset, 0 1px 0 0 #edeff0 inset;
    padding: 10px !important;
}

    .fiori3-products-list-table-small-screens .catalog-table:first-child {
        margin-top: 10px;
    }

.fiori3-products-list-table-small-screens .mobile-price {
    border-radius: 4px;
    font-weight: normal;
}

    @media (max-width: 767px) {
        .product-title {
            font-size: 16px;
        }
    }

.fiori3-products-list-table-small-screens .image-on-hover {
    position: relative;
}

.image-on-hover > span.favorites-icon {
    overflow: visible;
}

.fiori3-products-list-table-small-screens .favorites-icon-small-screens {
    width: auto;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 4px;
    font-weight: normal;
}

.favorites-icon-small-screens.favorites-icon a.product-title {
    font-size: 18px;
    width: 32px;
    height: 26px;
    color: var(--sap-icon-color);
    cursor: pointer;
    text-decoration: none;
    line-height: 26px;
    border-radius: 4px;
    text-align: center;
    display: inline-block;
    background-color: transparent;
    border: none;
}

.fiori3-products-list-table-small-screens .price-category-type-container {
    margin-top: 10px;
}

.fiori3-products-list-table-small-screens .actions-container {
    text-align: right;
}

    .fiori3-products-list-table-small-screens .actions-container .fiori3-input-group {
        margin-bottom: 5px !important;
    }
/* #endregion */

/* #region categories list view */
.subcategories-list-view {
    margin: 0 16px;
}

    @media all and (max-width: 768px) {
        .subcategories-list-view {
            margin: 0;
        }
    }
/* #endregion */
/* #endregion */

/* #region CART PAGE */
/* #region general styles */
.fiori3-cart-page-container.fiori3-cart-tab-container {
    margin-top: 78px !important;
}

.fiori3-cart-page-container.w960:not(.configurator-width) #actionsContainer {
    top: 146px;
}

.fiori3-cart-page-container .alert {
    margin-bottom: 16px;
}

#wrap .quote-page-main-container .cart-content.clearfix {
    min-height: calc(100vh - 246px);
}

.fiori3-cart-documents-container .cart-content.clearfix {
    min-height: initial;
}

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

#wrap.side-menu-expanded .fiori3-cart-page-container .quote-page-main-container .cart-wrapper {
    width: calc(100vw - 240px);
    margin-left: 193px;
}

.fiori3-cart-tab-container {
    margin-top: 144px !important;
    min-height: calc(100vh - 166px);
}

.fiori3-cart-tab-container.user-page-container {
    margin-top: 96px !important;
}

    @media all and (max-width: 768px) {
        .fiori3-cart-tab-container {
            margin-top: 78px !important;
            min-height: calc(100vh - 126px);
        }
    }

.fiori3-cart-tab-container .fiori3-checkbox-group {
    margin-bottom: 0;
}

.fiori3-cart-tab-container .fiori3-checkbox-group input + span:before {
    top: -10px;
}

.fiori3-cart-tab-container .fiori3-custom-table .fiori3-checkbox-group input + span:before {
    top: 0;
}

    @media all and (min-width: 800px) {
        .fiori3-cart-tab-container .fiori3-custom-table .fiori3-checkbox-group input + span:before {
            top: -14px;
        }
    }

.pricebook-missing-for-market-modal.fiori3-modal-dialog .modal-header .fiori3-icon-button {
    top: 5px;
    right: 11px;
    font-size: 18px;
}

.margin-left-10 {
    margin-left: 10px;
}

.quick-add-button.disabled {
    pointer-events: none;
}

.quick-add-quantity-add-container.disabled {
    cursor: not-allowed;
}

.custom-fields-with-footer {
    margin-bottom: 27px;
}

.fiori3-cart-tab-container-with-footer {
    position: relative;
    padding: 0 1px 30px;
}

.fiori3-cart-tab-container-with-footer .col-md-4 {
    margin-left: -3px !important;
}

.cart-page-tab-footer {
    width: 100%;
    position: absolute;
    bottom: 0;
    border-top: 1px solid var(--primary-border-color);
    padding: 8px 16px;
    text-align: right;
}

.fiori3-custom-fields-page {
    background-color: transparent;
}

.fiori3-custom-fields-page .fiori3-general-info-container {
    background-color: var(--secondary-background-color);
    margin-bottom: 16px;
    border-top: none;
    border-radius: 4px;
    padding: 0 !important;
}

.fiori3-general-info-container .fiori3-quote-section-header {
    border-bottom: 1px solid var(--primary-border-color);
}

.fiori3-general-info-container.section-toggled .fiori3-quote-section-header {
    border-bottom: none;
    transition: border-bottom .4s ease-in;
}

.fiori3-custom-fields-page .fiori3-general-info-container .fiori3-custom-fields-container {
    margin: 0 -16px !important;
}

.fiori3-custom-fields-page .fiori3-general-info-container h3 {
    font-size: 16px;
    padding: 0;
    margin: 0;
    border-bottom: none !important;
    background: unset;
    background-color: transparent !important;
    cursor: pointer;
}

.fiori3-custom-fields-page .fiori3-general-info-container .cart-table-container {
    margin: 0 0 20px;
    padding: 0 12px;
}

    .fiori3-custom-fields-page .fiori3-general-info-container .cart-table-container:last-child {
        margin: 0;
    }

.fiori3-custom-fields-page .fiori3-general-info-container .fiori3-custom-fields-container {
    padding: 10px 16px;
    border-top: none;
}

.fiori3-custom-fields-footer {
    background-color: var(--tertiary-background-color);
    padding: 8px 16px;
    -webkit-box-shadow: inset 0px 4px 4px -4px rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px 4px 4px -4px rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    position: fixed;
    right: 0;
    bottom: 0;
    width: calc(100% - 48px);
    z-index: 992;
}

.fiori3-custom-fields-page .fiori3-custom-section-wrapper section {
    background-color: var(--secondary-background-color);
    border-radius: 4px;
    margin-bottom: 16px;
}

.fiori3-custom-fields-page .fiori3-custom-section-wrapper .fiori3-quote-section-container {
    padding-bottom: 10px !important;
}

fiori3-general-info-container .fiori3-custom-fields-container .col-md-4:nth-child(1) {
    padding-left: 0 !important;
}

.fiori3-cart-tab-container-with-footer:not(.fiori3-custom-fields-page) {
    padding-top: 16px;
}

.fiori3-custom-fields-page .fiori3-quote-section-container:not(.fiori3-general-info-container) {
    padding-bottom: 10px !important;
    transition: padding .3s ease-in-out;
}

.fiori3-custom-fields-page.section-toggled .fiori3-quote-section-container {
    padding: 0 !important;
}
/* #endregion */

/* #region adjustments for C4C */
#wrap.wrap-when-landing-C4C header {
    background: var(--secondary-background-color);
    border-bottom: 1px solid var(--primary-border-color);
}

#wrap.wrap-when-landing-C4C .user-page-container {
    width: calc(100vw - 40px) !important;
    margin-left: 20px !important;
}

@media all and (max-width: 768px) {
    #wrap.wrap-when-landing-C4C .user-page-container {
        margin: 0 !important;
        margin-top: 78px !important;
        width: 100vw !important;
    }
}

#wrap.wrap-when-landing-C4C .fiori3-cart-header {
    left: 0;
}

#wrap.wrap-when-landing-C4C .cart-wrapper {
    margin-top: 0 !important;
    width: 100vw !important;
    margin-left: 0 !important;
}

    @media all and (max-width: 1024px) {
        #wrap.wrap-when-landing-C4C #cartContainer.user-page-container.fiori3-custom-fields-page-container {
            margin-left: 20px !important;
        }
    }

    @media (max-width: 768px) {
        #wrap.wrap-when-landing-C4C #cartContainer.user-page-container.fiori3-custom-fields-page-container {
            margin-left: 0 !important;
            margin-top: 78px !important;
        }
    }

#wrap.wrap-when-landing-C4C .cart-width {
    width: 100vw;
    margin-left: 0;
}

#wrap.wrap-when-landing-C4C .quote-page-container .quote-page-main-container .cart-wrapper.cart-view-mode {
    width: 100vw !important;
}

#wrap.wrap-when-landing-C4C .fiori3-shipping-info-page-container {
    width: calc(100vw - 40px) !important;
}

    @media all and (max-width: 768px) {
        #wrap.wrap-when-landing-C4C .fiori3-shipping-info-page-container {
            width: 100vw !important;
            margin-left: 0 !important;
        }

        #wrap.wrap-when-landing-C4C #catalogContainer .row-offcanvas {
            width: 100%;
        }
    }

#wrap.wrap-when-landing-C4C .fiori3-cart-tabs-container.tabbable {
    max-width: 100vw;
}
/* #endregion */

/* #region cart page header */
.fiori3-cart-header {
    position: fixed;
    top: 48px;
    left: 48px;
    right: 0;
    background: var(--secondary-background-color);
    z-index: 1040;
    -webkit-box-shadow: 0 8px 6px -6px rgba(51, 51, 51, 0.2);
    -moz-box-shadow: 0 8px 6px -6px rgba(51, 51, 51, 0.2);
    box-shadow: 0 8px 6px -6px rgba(51, 51, 51, 0.2);
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

#wrap.side-menu-expanded .fiori3-cart-header {
    left: 240px;
    -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: 768px) {
        #wrap.side-menu-expanded .fiori3-cart-header {
            left: 48px;
        }

        .fiori3-cart-header .cart-header-div {
            flex-wrap: wrap;
        }

        .fiori3-cart-header .cart-header-div > .flex {
            justify-content: flex-end;
            width: 100%;
        }
    }

.fiori3-cart-header .cart-header-div {
    min-height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 0;
    padding: 12px 16px 0 16px;
}

.fiori3-cart-header .cart-header-div .top-header {
    font-size: 18px;
    width: auto;
    border-bottom: none;
    padding: 0;
}

.fiori3-cart-header .cart-header-div .flex .predictive-and-collaboration {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    float: none;
}

.fiori3-cart-header .cart-header-div .flex .action-items-container {
    float: none;
}

.fiori3-cart-header .cart-header-div .quote-title {
    color: var(--primary-text-color);
}

.fiori3-cart-header .cart-header-div .predictive-and-collaboration .recommendations-btn-div {
    padding: 0;
}

    @media screen and (max-width: 992px){
        .recommendations-btn-div {
            margin-top: 0;
        }
    }

.fiori3-cart-header .cart-header-div .predictive-and-collaboration .btn-customer-feedback,
.fiori3-cart-header .cart-header-div .predictive-and-collaboration .btn.btn-recommendations {
    position: relative;
    right: 0;
    top: 0;
    padding: 0;
    width: 32px;
    height: 26px;
    border-radius: 4px;
    margin-left: 8px;
    color: var(--main-link-and-icon-color);
}

.fiori3-cart-header .cart-header-div .predictive-and-collaboration .btn.btn-recommendations {
    color: var(--warning-color);
}

    .fiori3-cart-header .cart-header-div .predictive-and-collaboration .btn.btn-recommendations span {
        display: block;
        margin: 0 auto;
    }

    .fiori3-cart-header .cart-header-div .predictive-and-collaboration .btn-customer-feedback:hover,
    .fiori3-cart-header .cart-header-div .predictive-and-collaboration .btn.btn-recommendations:hover,
    .fiori3-cart-header .actions-dropdown:hover {
        background-color: var(--fiori-tertiary-btn-background-color);
    }

    .fiori3-cart-header .cart-header-div .predictive-and-collaboration .btn-customer-feedback:focus,
    .fiori3-cart-header .cart-header-div .predictive-and-collaboration .btn.btn-recommendations:focus,
    .fiori3-cart-header .actions-dropdown:focus,
    .fiori3-cart-header .cart-header-div .predictive-and-collaboration .btn-customer-feedback:active,
    .fiori3-cart-header .cart-header-div .predictive-and-collaboration .btn.btn-recommendations:active,
    .fiori3-cart-header .actions-dropdown:active,
    .fiori3-cart-header .actions-dropdown.open {
        background: var(--primary-background-color);
        outline: none;
    }

    .fiori3-cart-header .cart-header-div .predictive-and-collaboration .btn-customer-feedback:disabled,
    .fiori3-cart-header .cart-header-div .predictive-and-collaboration .btn.btn-recommendations:disabled {
        background: var(--secondary-background-color);
        opacity: 0.6;
        cursor: not-allowed;
        pointer-events: all;
    }

    .fiori3-cart-header .cart-header-div .predictive-and-collaboration .btn-customer-feedback.new-state::before,
    .fiori3-cart-header .cart-header-div .predictive-and-collaboration .btn.btn-recommendations.new-state::before {
        content: '';
        width: 9px;
        height: 9px;
        background: var(--main-link-and-icon-color);
        border-radius: 50%;
        position: absolute;
        top: -1px;
        right: -1px;
    }

    .fiori3-cart-header .cart-header-div .predictive-and-collaboration .btn.btn-recommendations.new-state::before {
        background: var(--warning-color);
    }
/* #endregion */

/* #region cart page - upgrade items progress bar*/

.fiori3-upgrade-products-modal .modal-header {
    line-height: 40px;
    text-align: left;
    font-size: 16px;
    padding: 0 16px;
}

.fiori3-upgrade-products-modal .modal-header span {
    color: var(--primary-text-color);
}

.fiori3-upgrade-products-modal .modal-body span {
    text-align: center;
    display: block;
    font-size: 16px;
}

.fiori3-upgrade-products-modal .modal-body .sap-icon {
    font-size: 40px;
    color: var(--success-color);
}
/* #endregion */

/* #region tabs */
.fiori3-cart-tabs-container.tabbable {
    min-height: 30px;
    margin-bottom: 0;
    max-width: calc(100vw - 48px);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

    .fiori3-cart-tabs-container.tabbable > ul {
        border: none;
        padding: 0 35px 0 16px;
    }

    .fiori3-cart-tabs-container.tabbable li {
        border-bottom: solid 2px transparent;
    }
        
        .fiori3-cart-tabs-container.tabbable li.active {
            border: none;
            border-bottom: 2px solid var(--main-link-and-icon-color);
        }

        .fiori3-cart-tabs-container.tabbable li a {
            padding: 0;
            padding-bottom: 6px;
            padding-top: 6px;
            margin: 0;
            margin-top: 2px;
            color: var(--secondary-text-color);
            font-size: 14px;
            border: none;
            cursor: pointer;
        }

            .fiori3-cart-tabs-container.tabbable li a:focus {
                background: var(--secondary-background-color);
            }

        .fiori3-cart-tabs-container.tabbable li.active a {
            border: none;
            background: var(--secondary-background-color);
            color: var(--main-link-and-icon-color);
        }

        .fiori3-cart-tabs-container.tabbable li a:hover {
            border: none;
            background: none;
        }

        .fiori3-cart-tabs-container.tabbable li a:focus {
            outline: 2px solid var(--focus-border-and-outline-color);
        }

        .fiori3-cart-tabs-container.tabbable li:hover {
            color: var(--main-link-and-icon-color);
            border-bottom: 2px solid var(--main-link-and-icon-color);
        }

        .fiori3-cart-tabs-container.tabbable li.disabled:hover {
            border: none;
        }

        .fiori3-cart-tabs-container.tabbable li.has-invalid-data {
            display: flex;
            color: var(--fiori3-error-border-color);
        }

        .fiori3-cart-tabs-container.tabbable li.has-invalid-data a {
            border: none;
            color: var(--fiori3-error-border-color);
        }

        .fiori3-cart-tabs-container.tabbable li.has-invalid-data:hover {
            border: none;
            border-bottom: 2px solid var(--fiori3-error-border-color);
            cursor: pointer;
        }

        .fiori3-cart-tabs-container.tabbable li.has-invalid-data.active,
        .fiori3-cart-tabs-container.tabbable li.has-invalid-data.active:hover {
            border: none;
            border-bottom: 2px solid var(--fiori3-error-border-color);
            cursor: default;
        }

        li.has-invalid-data span.sap-icon {
            display: block;
            margin: 7px 5px;
            color: var(--fiori3-error-border-color);
        }

        
/* dropdown */
.fiori3-cart-header .nav-tabs li.tabdrop {
    position: absolute;
    right: 10px;
    bottom: 0;
}

.fiori3-cart-tabs-container .nav-tabs > li.tabdrop > a {
    padding: 7px 5px 6px 5px;
    cursor: pointer;
}

.fiori3-shipping-info-page-container .tabdrop > .active > a,
.fiori3-shipping-info-page-container .tabdrop > .active > a:hover {
    background: var(--secondary-background-color);
    color: var(--secondary-text-color);
}
.fiori3-cart-tabs-container .tabdrop.open > a {
    background-color: var(--secondary-background-color);
}

.fiori3-cart-tabs-container .tabdrop.open li {
    margin-right: 0;
    margin-left: 0 !important;
    padding-bottom: 2px;
}

.fiori3-cart-tabs-container .tabdrop.open li.active {
    background: var(--secondary-background-color);
}

    .fiori3-cart-tabs-container .tabdrop.open li:hover,
    .fiori3-cart-tabs-container .tabdrop.open li:hover {
        border-bottom: 2px solid var(--main-link-and-icon-color);
    }

.fiori3-cart-tabs-container .tabdrop.open li a {
    color: var(--secondary-text-color);
    padding: 0;
    cursor: pointer;
}

.fiori3-cart-tabs-container .tabdrop.open li.active a {
    background: var(--secondary-background-color);
    color: var(--secondary-text-color);
}

.fiori3-cart-tabs-container .tabdrop .caret {
    cursor: pointer;
    margin: 0;
}

.fiori3-cart-tabs-container .tabdrop.open .dropdown-menu {
    top: 31px;
    right: -17px;
    border-radius: 4px;
    padding: 5px;
    max-height: 400px;
    overflow: auto;
}
/* end */
/* #endregion */

/* #region items table actions */
.fiori3-item-actions.dropdown-menu-cart li {
    float: none;
    display: flex;
    align-items: center;
    font-family: var(--main-font-family);
    font-size: 14px;
    color: var(--primary-text-color);
    margin: 5px;
    border-radius: 4px;
    cursor: pointer;
}

    .fiori3-item-actions.dropdown-menu-cart li:hover {
        background-color: var(--tertiary-background-color);
    }

.fiori3-item-actions.dropdown-menu-cart li span:first-child {
    position: absolute;
    padding: 2px 8px;
}

.fiori3-item-actions.dropdown-menu-cart li span:nth-child(2) {
    padding-right: 8px;
    padding-left: 29px;
    word-break: break-all;
    word-wrap: break-word;
    min-height: 24px;
}

.fiori3-item-actions-small-screen button {
    background: var(--secondary-background-color) !important;
    color: var(--primary-text-color) !important;
    border: none;
    width: 32px;
    height: 26px;
    padding: 0;
    border-radius: 4px;
}

    .fiori3-item-actions-small-screen button:hover {
        background: var(--fiori-tertiary-btn-background-color) !important;
    }

    .fiori3-item-actions-small-screen button:active,
    .fiori3-item-actions-small-screen button:focus {
        background: var(--primary-background-color) !important;
    }

.fiori3-item-actions-small-screen button span {
    font-size: 16px;
}

.item-search-result-element {
    border-bottom: 1px solid var(--primary-border-color) !important;
    cursor: pointer;
    padding: 10px;
    border-radius: 5px;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

    .item-search-result-element:hover {
        border: 1px solid var(--focus-border-and-outline-color) !important;
        background-color: var(--fiori3-table-row-hover);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }

    .item-search-result-element:focus {
        outline: none !important;
        border: 2px solid var(--focus-border-and-outline-color);
        box-shadow: 0 0 10px rgba(0, 0, 255, 0.5); 
    }
/* #endregion */

/* #region cart actions */
.fiori3-cart-header .action-row {
    float: left;
    margin: 0;
}

.fiori3-cart-header .action-items-container,
.fiori3-cart-header .cart-actions-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    float: right;
}

.fiori3-cart-header .action-row,
.fiori3-cart-header .action-row > a,
.fiori3-cart-header .dropdown,
.fiori3-cart-header .dropdown div:first-child {
    display: inline-block;
}

.fiori3-cart-header .actions-dropdown {
    width: 32px;
    height: 26px;
    border-radius: 4px;
    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;
    cursor: pointer;
}

/* action buttons */
.fiori3-cart-header .action-row .fiori3-btn-primary span {
    color: var(--white-text-color);
}

.action-items-container > .action-row > a {
    padding: 3px 16px;
    margin: 0;
    margin-left: 8px;
    font-size: 14px;
    line-height: 20px;
}

/* end */

/* dropdown menu */
.fiori3-cart-header .actions-dropdown {
    margin-left: 8px;
}

    .fiori3-cart-header .actions-dropdown .sap-icon {
        color: var(--main-link-and-icon-color);
    }

    .fiori3-cart-header .actions-dropdown .dropdown-menu {
        top: 31px;
        left: auto;
        right: -6px;
        padding: 10px;
        z-index: 1042;
    }

    .fiori3-cart-header .actions-dropdown .dropdown-menu {
        max-height: none;
    }

        .fiori3-cart-header .actions-dropdown .dropdown-menu ul {
            padding: 0;
            margin: 0;
            max-height: 37vh;
            width: auto;
            overflow: auto;
        }

        .fiori3-cart-header .actions-dropdown .dropdown-menu li {
            width: 99%;
            min-height: 42px;
            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;
            border-radius: 4px;
            margin-top: 6px;
        }

            .fiori3-cart-header .actions-dropdown .dropdown-menu li:hover {
                background: var(--fiori-tertiary-btn-background-color);
            }

            .fiori3-cart-header .actions-dropdown .dropdown-menu li:first-child {
                margin-top: 0;
            }

            .fiori3-cart-header .actions-dropdown .dropdown-menu li span {
                font-size: 14px;
                padding-left: 14px;
                color: var(--primary-text-color);
            }

    .fiori3-cart-header .actions-dropdown div:first-child {
        padding: 0 6px;
    }

    .fiori3-cart-header .actions-dropdown .action-row a {
        width: 100%;
        margin: 0;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        border: 2px solid transparent;
        line-height: 1.5;
    }

        .fiori3-cart-header .actions-dropdown .action-row a:hover {
            background: none;
        }

        .fiori3-cart-header .actions-dropdown .action-row a:focus {
            outline: none;
            border: 2px solid var(--focus-border-and-outline-color);
            border-radius: 4px;
        }

.cart-actions-dropdown-trigger {
    width: 100%;
    text-align: center;
}

.fiori3-cart-header .actions-dropdown .action-row img {
    height: 20px;
    width: auto;
    float: left;
    margin: 0;
    padding: 11px 0 11px 14px;
    box-sizing: content-box;
}

.compare-action-icon {
    height: 20px;
    width: auto !important;
    font-size: 16px !important;
    float: left;
    margin: 0 3px 0 2px;
    padding: 9px 0 11px 15px;
    box-sizing: content-box;
}
/* end */
/* #endregion */

/* #region iframe custom tab */
.fiori3-iframe-custom-tab .fiori3-cart-header {
    position: fixed;
    top: 48px;
    left: 48px;
    background: var(--secondary-background-color);
    z-index: 5;
    -webkit-box-shadow: 0 8px 6px -6px rgba(51, 51, 51, 0.2);
    -moz-box-shadow: 0 8px 6px -6px rgba(51, 51, 51, 0.2);
    box-shadow: 0 8px 6px -6px rgba(51, 51, 51, 0.2);
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

#wrap.side-menu-expanded .fiori3-iframe-custom-tab .fiori3-cart-header {
    left: 240px;
    -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: 768px) {
    #wrap.side-menu-expanded .fiori3-iframe-custom-tab .fiori3-cart-header {
        left: 48px;
    }
}
/* #endregion */

/* #region iframe custom tab's tabs */
.fiori3-iframe-custom-tab .fiori3-cart-tabs-container.tabbable {
    min-height: 30px;
    margin-bottom: 0;
    padding: 0 16px;
}

    .fiori3-iframe-custom-tab .fiori3-cart-tabs-container.tabbable > ul {
        border: none;
    }

    .fiori3-iframe-custom-tab .fiori3-cart-tabs-container.tabbable li:not(.tabdrop) {
        margin-right: 32px;
        border-bottom: solid 2px transparent;
    }

    .fiori3-iframe-custom-tab .fiori3-cart-tabs-container.tabbable li.active {
        border: none;
        border-bottom: 2px solid var(--main-link-and-icon-color);
    }

    .fiori3-iframe-custom-tab .fiori3-cart-tabs-container.tabbable li a {
        padding: 0;
        padding-bottom: 6px;
        margin: 0;
        margin-top: 2px;
        color: var(--secondary-text-color);
        font-size: 14px;
        border: none;
    }

    .fiori3-iframe-custom-tab .fiori3-cart-tabs-container.tabbable li.active a {
        border: none;
        background: var(--secondary-background-color);
    }

    .fiori3-iframe-custom-tab .fiori3-cart-tabs-container.tabbable li a:hover {
        border: none;
        background: none;
    }

    .fiori3-iframe-custom-tab .fiori3-cart-tabs-container.tabbable li:hover {
        color: var(--main-link-and-icon-color);
        border-bottom: 2px solid var(--main-link-and-icon-color);
    }

/* dropdown */
.fiori3-iframe-custom-tab .fiori3-cart-tabs-container .nav-tabs > li.tabdrop > a {
    padding: 0 5px 6px 5px;
    cursor: pointer;
}

.fiori3-iframe-custom-tab .fiori3-cart-tabs-container .tabdrop.open > a {
    background-color: var(--secondary-background-color);
}

.fiori3-iframe-custom-tab .fiori3-cart-tabs-container .tabdrop.open li {
    margin-right: 0;
}

    .fiori3-iframe-custom-tab .fiori3-cart-tabs-container .tabdrop.open li.active {
        background: var(--secondary-background-color);
    }

    .fiori3-iframe-custom-tab .fiori3-cart-tabs-container .tabdrop.open li:hover,
    .fiori3-iframe-custom-tab .fiori3-cart-tabs-container .tabdrop.open li:hover {
        border-bottom: 2px solid var(--main-link-and-icon-color);
    }

    .fiori3-iframe-custom-tab .fiori3-cart-tabs-container .tabdrop.open li a {
        color: var(--secondary-text-color);
        padding: 0;
        padding-bottom: 2px;
        cursor: pointer;
    }

    .fiori3-iframe-custom-tab .fiori3-cart-tabs-container .tabdrop.open li.active a {
        background-color: var(--secondary-background-color);
        color: var(--secondary-text-color);
    }

.fiori3-iframe-custom-tab .fiori3-cart-tabs-container .tabdrop .caret {
    cursor: pointer;
    margin: 0;
}

.fiori3-iframe-custom-tab .fiori3-cart-tabs-container .tabdrop.open .dropdown-menu {
    top: 31px;
    right: -17px;
    border-radius: 4px;
    padding: 5px;
}
/* #endregion */

/* #region cart page sections */
.fiori3-cart-section {
    -webkit-transition: max-height 500ms ease;
    -o-transition: max-height 500ms ease;
    /* must coincide with the time given in the toggleQuoteSection method in CartModel.js */
    transition: max-height 500ms ease;
}

    .fiori3-cart-section.section-toggled {
        overflow: hidden;
        max-height: inherit !important;
    }

.short-quote-section-info {
    max-width: calc(100% - 35px);
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.fiori3-quote-section-header,
.fiori3-quote-section-header h3,
.fiori3-quote-section-header h4 {
    position: relative;
    padding: 9px 16px;
    padding-right: 35px;
    font-size: 16px;
    color: var(--primary-text-color);
}

    .fiori3-quote-section-header > h3 {
        margin: 0;
        padding: 0;
        background: transparent;
        line-height: inherit;
    }

    .fiori3-quote-section-header.items-section-header h3 {
        line-height: 26px;
    }

    .fiori3-quote-section-header:not(.items-section-header) {
        cursor: pointer;
    }

    .fiori3-quote-section-header .short-info-section {
        display: inline-block;
        margin-right: 16px;
    }

        .fiori3-quote-section-header .short-info-section span:first-child {
            font-size: 14px;
        }

.fiori3-quote-section-toggle {
    position: absolute;
    top: 7px;
    right: 16px;
    font-family: var(--icons-font);
    font-size: 18px;
    color: var(--main-link-and-icon-color);
    text-decoration: none !important;
    cursor: pointer;
    -webkit-transition: transform 300ms ease-in-out;
    -o-transition: transform 300ms ease-in-out;
    transition: transform 300ms ease-in-out;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.fiori3-quote-section-add-new {
    position: absolute;
    top: 11px;
    right: 50px;
}

.fiori3-quote-section-container {
    border-top: 1px solid var(--primary-border-color);
    padding: 16px 16px 20px 19px !important
}

.fiori3-rotated-quote-section-toggle {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.fiori3-cart-content > div[class="row"],
.fiori3-cart-content .cart-sections-wrapper > div[class="row"],
.fiori3-cart-content .cart-sections-wrapper > section[class="row"] {
    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;
}

.fiori3-cart-content.cart-content {
    background: transparent;
    padding: 0;
}

.fiori3-cart-content .debugger-links {
    background-color: var(--secondary-background-color) !important;
}

.fiori3-cart-content .select2-container {
    z-index: 4;
}

.fiori3-single-action-wrapper.flex .fiori3-single-action-list {
    padding-left: 0;
    margin-bottom: 0;
}

    .fiori3-single-action-wrapper.flex .fiori3-single-action-list > li .fiori3-icon-button {
        margin-left: 8px !important;
    }

    .fiori3-single-action-wrapper.flex .fiori3-single-action-list > li:first-child .fiori3-icon-button {
        margin-left: 0 !important;
    }
/* #endregion */

/* #region quote info cart section */

.coterm-enddate-label {
    padding: 0px;
    margin-right: 10px;
    margin-top: 2px;
}

.coterm-toggle {
    padding: 0px;
}

@media all and (max-width: 767px) {
    .fiori3-quote-info-first-column, .fiori3-quote-info-second-column {
        padding-right: 0 !important;
    }
}

.fiori3-quote-info-second-column .fiori3-input-group {
    float: left;
}

.fiori3-quote-info-second-column .cart-composite-number {
    float: none;
}

.fiori3-quote-info-second-column .fiori3-input-group .date-field {
    margin-bottom: 0 !important;
}

    .fiori3-quote-info-second-column .fiori3-input-group .date-field input {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

    .fiori3-quote-info-second-column .fiori3-input-group .date-field.disabled {
        cursor: not-allowed;
    }

    .fiori3-quote-info-second-column .fiori3-input-group .date-field input:disabled {
        pointer-events: none;
    }

.fiori3-quote-info-second-column .fiori3-input-group > span:not(.validation-message-hidden) {
    display: inline-block;
    line-height: 25px;
}

.fiori3-quote-info-second-column div[class^="col-"] {
    padding: 0;
}

.fiori3-custom-dropdown-container .form-control {
    height: 27px;
    padding: 3px 8px;
    cursor: pointer;
}

.fiori3-custom-dropdown-container .search-input .form-control {
    margin: 5px;
}

.fiori3-custom-dropdown-container .search-input:after {
    top: 10px;
}

.fiori3-revisions-container .fiori3-icon-button {
    font-size: 18px;
    margin-left: 8px;
    text-align: center;
    display: inline-block;
    padding: 0;
}

    .fiori3-revisions-container .fiori3-icon-button span {
        display: inline-block;
        margin: 0 auto;
    }

.fiori3-revisions-container .form-control {
    height: 26px;
    border-radius: 4px !important;
    border: 1px solid var(--input-border-color);
    color: var(--primary-text-color);
    padding: 3px 8px;
}

    .fiori3-revisions-container .form-control:hover {
        border-color: var(--focus-border-and-outline-color);
        color: var(--primary-text-color);
    }

.fiori3-revisions-select-container .btn {
    text-align: left
}

.fiori3-revisions-select-container {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 350px;
}

@media all and (max-width: 768px) {
    .fiori3-revisions-select-container {
        max-width: 100%;
    }
}

.fiori3-revisions-select-container .custom-dropdown-menu {
    border-radius: 4px;
}

.fiori3-revisions-select-container .revision-option {
    height: 27px;
    cursor: pointer;
    border: 1px solid transparent;
}

    .fiori3-revisions-select-container .revision-option:hover {
        background: var(--primary-background-color);
        color: var(--primary-text-color);
    }

    .fiori3-revisions-select-container .revision-option:focus {
        border: 1px solid var(--focus-border-and-outline-color);
        outline: none;
    }

.set-revision-as-active {
    float: right;
    margin: 2px 2px 0 0;
}

.fiori3-quote-section-container textarea {
    border: 1px solid var(--input-border-color);
}

    .fiori3-quote-section-container textarea:hover,
    .fiori3-quote-section-container textarea:focus {
        border: 1px solid var(--focus-border-and-outline-color);
        box-shadow: none;
    }

#uploadButtonTieredPricingTable.disabled .file-input {
    pointer-events: none;
    cursor: not-allowed;
}

#quote-info-section .fiori3-quote-section-container {
    padding: 16px 6px !important;
}

.fiori3-quote-info-first-column .fiori3-select-group {
    width: 100%;
}

    .fiori3-quote-info-first-column .fiori3-select-group::after, .fiori3-quote-info-second-column .fiori3-select-group::after {
        z-index: 3;
        top: 30px;
    }

.quote-effective-date .fiori3-input-group.input-group.date-field {
    max-width: 350px !important;
    width: 100%;
    float: none;
}

@media (min-width: 768px) {
    .incoterms-location {
        max-width: 350px !important;
        width: 100%;
        float: none;
    }
}

.revision-dropdown::after {
    font-family: var(--icons-font);
    content: "\e1f8";
    color: var(--main-link-and-icon-color);
    position: absolute;
    top: 4px;
    right: 9px;
    font-size: 22px;
    line-height: 0;
    pointer-events: none;
    z-index: 1;
}
/* #endregion */

/* #region custom fields section */
.fiori3-custom-fields-container .col-md-4,
.fiori3-document-custom-fields .fiori3-custom-fields .fiori3-input-group.col-md-4 {
    padding: 0 15px !important;
    margin-left: -3.5px !important;
}

.fiori3-custom-fields-container label {
    min-height: 21px;
    color: var(--secondary-text-color);
}

.fiori3-custom-fields-container .cart-table-button-add .btn {
    padding: 0 16px;
}

.fiori3-custom-fields-container .cart-table-button-add .btn-file {
    padding-top: 2px !important;
    border-color: var(--fiori-primary-btn-background-color) !important;
}

.fiori3-custom-fields-container .cart-table-button-add .btn span:first-child {
    margin-right: 0;
}

.fiori3-custom-fields-container .cart-table-button-add .fiori3-btn-secondary .sap-icon {
    position: relative;
    top: 2px;
    margin-left: 8px;
}

.fiori3-custom-fields-container .cart-table-button-add .custom-dropdown .fiori3-btn-secondary {
    position: relative;
    padding-right: 28px;
}

.fiori3-custom-fields-container .cart-table-button-add .custom-dropdown .fiori3-btn-secondary .sap-icon {
    position: absolute;
}

.fileUploadInput .fileupload.fileupload-new {
    margin-bottom: 0;
}

.fileUploadInput .fileupload.fileupload-new .btn-file {
    padding: 0 9px;
}

.fileUploadInput .fileupload.fileupload-new .sap-icon {
    margin-left: 0;
    color: var(--sap-icon-color);
}

.fiori3-custom-fields-container .column-with-actions-header {
    padding: 6px !important;
}

.fiori3-custom-fields-container .select2-container--default .select2-selection--single {
    margin-top: -6px;
}

    .fiori3-custom-fields-container .select2-container--default .select2-selection--single .select2-selection__arrow {
        display: none;
    }

.fiori3-custom-fields-container .fiori3-input-group .ac-custom-field-label {
    display: inline-block;
    margin-bottom: 5px !important;
}

.fiori3-custom-fields-container .fiori3-input-group label {
    padding-bottom: 0 !important;
    position: relative;
    top: 4px;
}

.fiori3-custom-fields-container .fiori3-select-group::after {
    z-index: 4;
    top: 33px;
    right: 22px;
}
/* #endregion */

/* #region products section */
.fiori3-items-container {
    padding: 0 !important;
}

    .fiori3-items-container .search-items .catalog-table:hover {
        background-color: var(--tertiary-background-color);
    }

    .fiori3-items-container .fiori3-pagination {
        margin-bottom: 0 !important;
    }

    .fiori3-items-container .fiori3-pagination-container {
        padding: 10px 0;
    }

    .fiori3-items-container .fiori3-items-per-page-container {
        margin-top: 5px;
    }

    .fiori3-items-container .table-responsive,
    .fiori3-items-container .add-product {
        margin-bottom: 0;
    }

.product-section-action-row {
    padding: 10px 16px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    flex-wrap: wrap;
}

    .product-section-action-row > div {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 200px;
    }

@media all and (max-width: 768px) {
    .product-section-action-row > div:first-child {
        margin-bottom: 10px;
    }
}

.product-section-action-row .fiori3-input-group:first-child,
.fiori3-quote-section-header .fiori3-input-group:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 0 !important;
}

    .product-section-action-row .fiori3-input-group:first-child .input-group-btn {
        display: inline-block;
        width: auto;
    }

    .fiori3-quote-section-header .fiori3-input-group:first-child .input-group-btn {
        width: auto;
    }

        .product-section-action-row .fiori3-input-group:first-child .input-group-btn a,
        .fiori3-quote-section-header .fiori3-input-group:first-child .input-group-btn .fiori3-icon-button {
            margin-left: 8px;
        }

            .fiori3-quote-section-header .fiori3-input-group:first-child .input-group-btn .fiori3-icon-button:first-child {
                margin-left: 0;
            }

        .product-section-action-row .fiori3-input-group:first-child .input-group-btn a,
        .fiori3-quote-section-header .fiori3-input-group:first-child .input-group-btn a {
            max-height: 27px;
            padding: 2px 6px;
            cursor: pointer;
        }

    .product-section-action-row .fiori3-input-group:first-child input {
        width: calc(100% - 63px);
        display: inline-block;
        border-radius: 4px 0 0 4px !important;
    }

@media all and (max-width: 800px) {
    .fiori3-items-container .search-items.add-product {
        padding: 0 16px !important;
        margin-top: 16px !important;
    }
}

.fiori3-product-type-label {
    border-radius: 4px;
    font-weight: normal;
    font-size: 14px;
    background: transparent;
    color: var(--primary-text-color);
}

.fiori3-items-container .item-number {
    display: inline-block;
    color: var(--primary-text-color);
}

.fiori3-items-container .tree-view-icons {
    display: inline-block;
    margin-left: 2px;
}

.fiori3-items-container .fiori3-checkbox-group input + span {
    padding-left: 16px;
}

.fiori3-items-container .numberCell {
    color: var(--primary-text-color);
}

    .fiori3-items-container .hasError:hover,
    .fiori3-items-container .hasError:focus,
    .fiori3-items-container .hasError,
    .fiori3-items-container .numberCell.hasError {
        color: var(--error-required-color);
    }

.fiori3-items-container .table-responsive input[type="text"], .table-responsive select {
    min-width: 60px;
}

.fiori3-items-container .item-number-input {
    text-align: center;
}

.fiori3-items-container .baseItem {
    border-left: none;
}

.fiori3-items-container .no-actions-width {
    min-width: 32px;
}

#items-section .fiori3-quote-section-header {
    padding-right: 17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.fiori3-items-section .sap-icon {
    color: var(--sap-icon-color);
}

#items-section .fiori3-quote-section-container {
    border-top: 0;
}

#items-section .fiori3-quote-section-header > span {
    width: 100%;
}

#items-section .fiori3-quote-section-header > span,
.fiori3-quote-section-header .fiori3-input-group .fiori3-search-input-wrapper {
    margin-bottom: 10px;
    position: relative;
}

.fiori3-quote-section-header .fiori3-input-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.fiori3-quote-section-header .fiori3-product-section-action-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

    .fiori3-quote-section-header .fiori3-product-section-action-row .add-product {
        margin-left: auto;
        width: 100%;
    }

    .fiori3-quote-section-header .fiori3-product-section-action-row .fiori3-manage-items-buttons button {
        margin-bottom: 0;
    }

@media all and (max-width: 468px) {
    .fiori3-quote-section-header .fiori3-product-section-action-row {
        flex-wrap: wrap;
    }
}

#items-section .fiori3-quote-section-header .add-product {
    margin-bottom: 0;
}

.fiori3-quote-section-header .fiori3-input-group .fiori3-search-input-wrapper {
    position: relative;
    width: 100%;
    max-width: 320px;
}

@media all and (min-width: 900px) {
    #items-section .fiori3-quote-section-header > span {
        width: 130px;
        margin-bottom: 0;
    }

    .fiori3-quote-section-header .fiori3-input-group .fiori3-search-input-wrapper {
        width: 265px;
        margin-bottom: 0;
    }
}

.fiori3-quote-section-header .fiori3-input-group .fiori3-search-input-wrapper > input {
    width: 100%;
}

    .fiori3-quote-section-header .fiori3-input-group .fiori3-search-input-wrapper > input::-ms-clear {
        display: none;
    }

.fiori3-quote-section-header .fiori3-input-group .fiori3-search-input-wrapper > span {
    position: absolute;
    right: 12px;
    top: 0;
}

.fiori3-quote-section-header .fiori3-input-group .input-group-btn .btn.fiori3-icon-button {
    border: none;
    font-size: 18px;
    padding: 0;
}

.fiori3-quote-section-header .fiori3-input-group:first-child .input-group-btn {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-left: 12px;
}

@media all and (max-width: 600px) {
    .fiori3-quote-section-header .fiori3-input-group:first-child .input-group-btn {
        margin-left: 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.fiori3-quote-section-header .fiori3-input-group .input-group-btn .btn:last-child {
    margin-right: 0;
}

.fiori3-quote-section-header .fiori3-input-group .fiori3-btn-secondary {
    margin-left: 8px;
}

@media all and (max-width: 500px) {
    .fiori3-quote-section-header .fiori3-input-group .fiori3-single-action-wrapper {
        margin-bottom: 10px;
    }
}

.fiori3-quote-section-header .fiori3-input-group .sap-icon {
    font-size: 18px;
}

#items-section .fiori3-single-action-wrapper .popover {
    overflow-y: visible;
    margin-top: -10px;
    width: 170px !important;
    max-width: initial;
    left: 35px !important;
    text-align: left;
}

    #items-section .fiori3-single-action-wrapper .popover .arrow {
        left: 83% !important;
        display: block;
    }

.fiori3-quote-section-header .fiori3-input-group .input-group-btn .center .btn {
    font-size: 14px;
    margin-right: 0;
}

.fiori3-quote-section-header .fiori3-input-group .input-group-btn label.fiori3-radio-button {
    font-size: 14px !important;
}

.fiori3-items-table {
    overflow-y: auto;
}

    .fiori3-items-table .fiori3-table th {
        white-space: nowrap;
    }

    @-moz-document url-prefix() {
        .fiori3-items-table-sticky .fiori3-table {
            border-collapse: separate;
        }
        .fiori3-items-table .fiori3-table th {
            position: relative;
        }
    }

    .fiori3-items-table .fiori3-table td {
        padding-top: 5px !important;
        padding-bottom: 4px !important;
    }

    .fiori3-items-table .fiori3-table .manage-items + th {
        line-height: 27px;
    }

    .fiori3-items-table .fiori3-table .manage-items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

    .fiori3-items-table .fiori3-table th.manage-items {
        display: table-cell;
        z-index: 2;
    }

        .fiori3-items-table .fiori3-table th.manage-items .fiori3-checkbox-group {
            margin-right: 0;
            left: -5px;
        }

    .fiori3-items-table .fiori3-table .fiori3-checkbox-group input + span {
        padding-left: 16px;
    }

    .fiori3-items-table .fiori3-table .manage-items .hidden-xs {
        margin-right: 23px;
    }

    .fiori3-items-table .fiori3-table .manage-items .sap-icon,
    .fiori3-items-table .fiori3-table .manage-items .sap-icon-extended {
        position: relative;
        top: 2px;
    }

    .fiori3-items-table .fiori3-table .manage-items .fiori3-checkbox-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        margin-right: 14px;
        position: relative;
        left: 0;
    }

@media all and (min-width: 768px) {
    .fiori3-items-table .fiori3-table .manage-items .fiori3-checkbox-group {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
    }
}

@media all and (max-width: 800px) {
    .fiori3-items-table .fiori3-table .manage-items .hidden-xs {
        display: none;
    }

    .fiori3-items-table .fiori3-table .manage-items .fiori3-checkbox-group {
        left: -82%;
    }
}

.fiori3-items-table .fiori3-table .fiori3-items-search .fiori3-input-group.search-in-use input::-ms-clear {
    display: none;
}

.fiori3-items-table .fiori3-table .item-column > div > .item-number-wrapper, .item-column-predictive > .item-column-table > .item-number-column {
    -ms-flex-preferred-size: 52px;
    flex-basis: 52px;
    padding-right: 5px;
}

.item-number-margin-right {
    margin-right: 5.5px !important;
}

.fiori3-items-table .item-column .item-number-input {
    min-width: 60px !important;
}

.fiori3-items-table .fiori3-table .item-column .item-description.margin-top {
    margin-top: 5px;
}

.fiori3-items-table .fiori3-table .partnumber-input {
    padding-top: 6px;
}

.fiori3-items-table .fiori3-table .partnumber-input-holder {
    position: relative;
    margin-right: 5px !important;
}

.fiori3-items-table .fiori3-table .item-column > .clearfix {
    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;
}

    .fiori3-items-table .fiori3-table .item-column > .clearfix .fiori3-input-group {
        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;
    }

.fiori3-items-table .fiori3-table .item-column .fiori3-item-wrapper {
    width: 100% !important;
    display: block;
}

    .fiori3-items-table .fiori3-table .item-column .fiori3-item-wrapper > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .fiori3-items-table .fiori3-table .item-column .fiori3-item-wrapper .fiori3-product-type-label {
        padding-right: 0;
        margin: 0 0 0 auto;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 38%;
        font-size: 12px;
    }

    .fiori3-items-table .fiori3-table .item-column .fiori3-item-wrapper .item-part-number-wrapper {
        max-width: 60%;
    }

        .fiori3-items-table .fiori3-table .item-column .fiori3-item-wrapper .item-part-number-wrapper a {
            max-width: 100%;
        }

        .fiori3-items-table .fiori3-table .item-column .fiori3-item-wrapper .item-part-number-wrapper span.sap-icon,
        .fiori3-items-table .fiori3-table .item-column .fiori3-item-wrapper .item-part-number-wrapper span.sap-icon-extended {
            margin-right: 7px;
            background-color: transparent;
        }

    .fiori3-items-table .fiori3-table .item-column .fiori3-item-wrapper .item-part-number {
        display: block;
        max-width: 100%;
        margin-right: 5px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .fiori3-items-table .fiori3-table .item-column .fiori3-item-wrapper .description {
        font-size: 12px;
        color: var(--primary-text-color);
        max-width: 80%;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.fiori3-items-table .input-group.date-field input {
    z-index: 0;
}

    .fiori3-items-table .input-group.date-field input:focus {
        z-index: 0;
    }

.fiori3-items-table .fiori3-table .fiori3-allocate-section {
    width: 40px !important;
    min-width: 40px !important;
}

    .fiori3-items-table .fiori3-table .fiori3-allocate-section .btn {
        padding: 1px 6px;
    }

    .fiori3-items-table .fiori3-table .fiori3-allocate-section .tooltip-content {
        position: absolute !important;
        top: 50% !important;
        right: 100% !important;
        left: auto !important;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

.fiori3-items-table .status-icons-wrapper {
    font-size: 16px;
}

.fiori3-items-table .subscription-item-icon {
    padding-right: 10px;
    padding-left: 10px;
}

.fiori3-items-table .subscription-item-icon-error {
    color: var(--error-required-color);
}

.fiori3-items-table .connected-item-icon
.fiori3-items-table .calculation-status,
.fiori3-items-table .incomplete-inconsistent-icon,
.fiori3-items-table .cart-item-comment,
.fiori3-items-table .discount-recommendation-icon {
    margin-right: 8px;
    cursor: pointer;
}

.fiori3-items-table .calculation-status-warning {
    color: var(--warning-color);
}

.fiori3-items-table .calculation-status-error,
.fiori3-items-table .incomplete-inconsistent-icon {
    color: var(--error-required-color);
}

@media all and (min-width: 500px) {
    .fiori3-items-table .fiori3-table .item-column .fiori3-item-wrapper .item-part-number-wrapper {
        min-width: 62%;
        max-width: 62%;
    }
}

@media all and (min-width: 801px) {
    .fiori3-items-table .item-column {
        min-width: 350px !important;
        max-width: 350px !important;
    }

    .fiori3-items-table .fiori3-table .item-column .fiori3-item-wrapper .description {
        max-width: 185px;
    }

    .fiori3-items-table .fiori3-table .item-column .fiori3-item-wrapper .item-part-number {
        max-width: 145px;
    }

    .fiori3-items-table .fiori3-table .fiori3-items-search .fiori3-input-group.search-in-use {
        width: 230px;
        max-width: 230px;
        opacity: 1;
        -webkit-transition: all 500ms ease-in-out;
        -o-transition: all 500ms ease-in-out;
        transition: all 500ms ease-in-out;
    }

    .subscriptionTable .item-column {
        min-width: 320px !important;
        max-width: 320px !important;
    }

    .fiori3-items-table .fiori3-table .fiori3-allocate-section .tooltip-content {
        position: absolute !important;
        top: 50% !important;
        left: 100% !important;
        right: auto !important;
    }
}

@media all and (min-width: 1000px) {
    .fiori3-items-table .item-column {
        min-width: 400px !important;
        max-width: 400px !important;
    }

    .fiori3-items-table .fiori3-table .item-column .fiori3-item-wrapper .description,
    .fiori3-items-table .fiori3-table .item-column .fiori3-item-wrapper .item-part-number {
        max-width: 220px;
    }

    .fiori3-items-table .fiori3-table .fiori3-items-search .fiori3-input-group.search-in-use {
        width: 300px;
        max-width: 300px;
    }
}

@media all and (min-width: 1200px) {
    .fiori3-items-table .item-column {
        min-width: 450px !important;
        max-width: 450px !important;
    }

    .fiori3-items-table .fiori3-table .item-column .fiori3-item-wrapper .description,
    .fiori3-items-table .fiori3-table .item-column .fiori3-item-wrapper .item-part-number {
        max-width: 260px;
    }

    .fiori3-items-table .fiori3-table .fiori3-items-search .fiori3-input-group.search-in-use {
        width: 320px;
        max-width: 320px;
    }
}

.fiori3-items-table .fiori3-table .fiori3-items-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

    .fiori3-items-table .fiori3-table .fiori3-items-search > span {
        margin-right: auto;
    }

        .fiori3-items-table .fiori3-table .fiori3-items-search > span > input {
            position: relative;
            right: -32px;
        }

    .fiori3-items-table .fiori3-table .fiori3-items-search .search-input-trigger {
        margin: 0;
        cursor: pointer;
        width: 32px;
        height: 26px;
        text-align: center;
        background: initial;
        line-height: 24px;
    }

        .fiori3-items-table .fiori3-table .fiori3-items-search .search-input-trigger .sap-icon {
            color: var(--main-link-and-icon-color);
            font-size: 18px;
        }

.fiori3-items-table .select2-container,
.fiori3-items-table .fiori3-input-group .form-control {
    z-index: 0;
}

.fiori3-items-table .fiori3-input-group .input-group-addon {
    padding: 3px 12px !important;
}

    .fiori3-items-table .fiori3-input-group .input-group-addon ~ .has-modified-computed-field {
        border-bottom-left-radius: 0 !important;
        border-top-left-radius: 0 !important;
    }

#itemActionsDropdown.fiori3-dropdown-icons-menu li span:first-child {
    font-size: 16px;
}

/* search items popover */
#items-section .popover .tertiary {
    margin: 0;
    border-radius: 4px 4px 0 0;
}

#items-section .popover {
    width: 230px;
    max-width: 230px;
    max-height: 400px;
    padding: 0;
    overflow-y: hidden;
    margin-top: 2px;
}

    #items-section .popover .popover-content-wrapper {
        max-height: 400px;
        overflow-y: auto;
    }

        #items-section .popover .popover-content-wrapper .fiori3-alert-info .sap-icon {
            font-size: 14px;
        }

@media all and (max-width: 800px) {
    #items-section .popover {
        width: calc(100% - 32px);
        max-width: 100%;
    }
}

@media all and (min-width: 1000px) {
    #items-section .popover {
        width: 300px;
        max-width: 300px;
    }
}

@media all and (min-width: 1200px) {
    #items-section .popover {
        width: 320px;
        max-width: 320px;
    }
}


/*Positioning of popover for Subscription Popover template no-reorder no delete*/
@media all and (max-width: 800px) {
    #items-section #items-container.subscription-popover-template.no-reorder.no-delete .popover {
        width: 350px;
        max-width: 350px;
        left: 15px !important;
        top: 24px !important;
    }
}

@media all and (min-width: 801px) {
    #items-section #items-container.subscription-popover-template.no-reorder.no-delete > .popover {
        width: 445px;
        max-width: 445px;
        top: 32px !important;
        left: 140px !important;
    }
}

@media all and (min-width: 1000px) {
    #items-section #items-container.subscription-popover-template.no-reorder.no-delete > .popover {
        width: 545px;
        max-width: 545px;
        left: 150px !important;
    }
}

@media all and (min-width: 1200px) {
    #items-section #items-container.subscription-popover-template.no-reorder.no-delete > .popover {
        width: 585px;
        max-width: 585px;
        left: 180px !important;
    }
}

    /*Positioning of popover for Subscription Popover template*/
    @media all and (max-width: 800px) {
        #items-section #items-container.subscription-popover-template .popover {
            width: 350px;
            max-width: 350px;
            left: 15px !important;
            top: 24px !important;
        }
    }

    @media all and (min-width: 801px) {
        #items-section #items-container.subscription-popover-template > .popover {
            width: 445px;
            max-width: 445px;
            top: 32px !important;
            left: 210px !important;
        }
    }

    @media all and (min-width: 1000px) {
        #items-section #items-container.subscription-popover-template > .popover {
            width: 545px;
            max-width: 545px;
            left: 220px !important;
        }
    }

    @media all and (min-width: 1200px) {
        #items-section #items-container.subscription-popover-template > .popover {
            width: 585px;
            max-width: 585px;
            left: 250px !important;
        }
    }

/*Positioning popover for Item popover template no-reorder*/
@media all and (max-width: 800px) {
    #items-section #items-container.item-popover-template.no-reorder .popover {
        width: 350px;
        max-width: 350px;
        left: 15px !important;
        top: 24px !important;
    }
}

@media all and (min-width: 801px) {
    #items-section #items-container.item-popover-template.no-reorder .popover {
        width: 445px;
        max-width: 445px;
        top: 44px !important;
        left: 200px !important;
    }
}

@media all and (min-width: 1000px) {
    #items-section #items-container.item-popover-template.no-reorder .popover {
        width: 545px;
        max-width: 545px;
        left: 180px !important;
    }
}

@media all and (min-width: 1200px) {
    #items-section #items-container.item-popover-template.no-reorder .popover {
        width: 585px;
        max-width: 585px;
        left: 209px !important;
    }
}

/*Positioning popover for Item popover template no-reorder no-delete*/
@media all and (max-width: 800px) {
    #items-section #items-container.item-popover-template.no-reorder.no-delete .popover {
        width: 350px;
        max-width: 350px;
        left: 15px !important;
        top: 24px !important;
    }
}

@media all and (min-width: 801px) {
    #items-section #items-container.item-popover-template.no-reorder.no-delete .popover {
        width: 445px;
        max-width: 445px;
        top: 44px !important;
        left: 170px !important;
    }
}

@media all and (min-width: 1000px) {
    #items-section #items-container.item-popover-template.no-reorder.no-delete .popover {
        width: 545px;
        max-width: 545px;
        left: 150px !important;
    }
}

@media all and (min-width: 1200px) {
    #items-section #items-container.item-popover-template.no-reorder.no-delete .popover {
        width: 585px;
        max-width: 585px;
        left: 179px !important;
    }
}

/*Positioning popover for Item popover template reorder-no-delete*/
@media all and (max-width: 800px) {
    #items-section #items-container.item-popover-template.reorder-no-delete .popover {
        width: 350px;
        max-width: 350px;
        left: 15px !important;
        top: 24px !important;
    }
}

@media all and (min-width: 801px) {
    #items-section #items-container.item-popover-template.reorder-no-delete .popover {
        width: 445px;
        max-width: 445px;
        top: 44px !important;
        left: 207px !important;
    }
}

@media all and (min-width: 1000px) {
    #items-section #items-container.item-popover-template.reorder-no-delete .popover {
        width: 545px;
        max-width: 545px;
        left: 187px !important;
    }
}

@media all and (min-width: 1200px) {
    #items-section #items-container.item-popover-template.reorder-no-delete .popover {
        width: 585px;
        max-width: 585px;
        left: 216px !important;
    }
}

/*Positioning popover for Item popover template can reorder can copy/delete*/
@media all and (max-width: 800px) {
    #items-section #items-container.item-popover-template .popover {
        width: 350px;
        max-width: 350px;
        left: 15px !important;
        top: 24px !important;
    }
}

@media all and (min-width: 801px) {
    #items-section #items-container.item-popover-template .popover {
        width: 445px;
        max-width: 445px;
        top: 44px !important;
        left: 240px !important;
    }
}

@media all and (min-width: 1000px) {
    #items-section #items-container.item-popover-template .popover {
        width: 545px;
        max-width: 545px;
        left: 220px !important;
    }
}

@media all and (min-width: 1200px) {
    #items-section #items-container.item-popover-template .popover {
        width: 585px;
        max-width: 585px;
        left: 249px !important;
    }
}

#items-section .popover .arrow {
    display: none;
}

#items-section .popover .catalog-table {
    padding: 10px 15px;
    cursor: pointer;
}

    #items-section .popover .catalog-table .description {
        width: 100%;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        display: inline-block;
    }

#items-section .fiori3-items-table .popover {
    width: auto;
    overflow: visible;
}

    #items-section .fiori3-items-table .popover .arrow {
        display: block;
    }

#items-section .fiori3-search-input-wrapper .popover {
    width: 100%;
    max-width: 100%;
}

.items-search-warning {
    margin-top: 16px;
}

.items-search-warning.alert-warning {
    padding: 6px 16px;
    margin-top: 16px;
}

#items-section input {
    padding: 0 6px;
}


/* Item actions sub-menu */
.dropdown-submenu {
    border-radius: 4px;
    border: 1px solid var(--secondary-border-color);
    box-shadow: 0 2px 4px 0 rgba(51, 51, 51, 0.2);
    z-index: 1041;
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    white-space: nowrap; 
}

.dropdown-submenu .sap-icon {
    min-width: 30px;
    text-align: center;
}

.has-dropdown-submenu:hover .dropdown-submenu {
    display: block;
}

.has-dropdown-submenu,
.dropdown-menu-cart li {
    position: relative;
}

.submenu-icon {
    margin-left: auto;
    margin-right: 5px;
}

.toggle-expand-collapse-items-icon {
    display: inline-block;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: transform 500ms ease-in-out;
    -o-transition: transform 500ms ease-in-out;
    transition: transform 500ms ease-in-out;
}

    .toggle-expand-collapse-items-icon.items-collapsed {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .toggle-expand-collapse-items-icon.fiori3-items-expand-icon {
        display: inline-block;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transition: transform 500ms ease-in-out;
        -o-transition: transform 500ms ease-in-out;
        transition: transform 500ms ease-in-out;
    }

        .toggle-expand-collapse-items-icon.fiori3-items-expand-icon.items-collapsed {
            -webkit-transform: rotate(270deg);
            -ms-transform: rotate(270deg);
            transform: rotate(270deg);
        }

.fiori3-items-section .toggle-expand-collapse-items-icon.fiori3-items-expand-icon .sap-icon {
    font-size: 18px;
}
/* No drag icon on Quote 2.0 */
.no-drag-icon {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
    left: 0 !important;
}
/* #endregion */

/* #region cart filter */
.fiori3-cart-filter {
    height: auto !important;
    bottom: 0;
    padding: 0;
}

    .fiori3-cart-filter .fiori3-input-group {
        margin-bottom: 0 !important;
    }

    .fiori3-cart-filter .quote-list-editors {
        bottom: 43px;
        top: 42px;
        padding-right: 0;
        margin-bottom: 0;
    }

.quote-list-editor-container .status-filter-template:focus ~ .select2 .select2-selection--single {
    border: 1px solid var(--focus-border-and-outline-color);
}

.fiori3-cart-filter .quote-filter-header, .sections-filter-editor .quote-filter-header {
    text-align: center;
    padding: 13px 16px 9px 16px;
}

.fiori3-cart-filter .quote-list-tab-footer {
    height: auto;
    text-align: right;
    padding: 8px;
}

.fiori3-date-filter-range > div {
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.fiori3-date-filter-range label {
    padding-bottom: 0 !important;
}

.fiori3-date-filter-range input {
    margin-top: 4px;
}

.fiori3-date-filter-range .btn-default {
    height: 27px;
    width: 38px;
}
/* #endregion */

/* #region feedback and collaboration */
.fiori3-customer-feedback #sidebar {
    right: 0;
    border: none;
    box-shadow: 0 2px 4px 0 rgba(51, 51, 51, 0.2);
}

.fiori3-customer-feedback .message-container {
    position: relative;
}

.fiori3-customer-feedback .messages {
    height: calc(100% - 127px);
}

.fiori3-customer-feedback .fiori3-collaboration-message-container {
    height: 100%;
    overflow: auto;
}

.fiori3-customer-feedback h5.message-title {
    min-height: 45px;
    background-color: var(--tertiary-background-color);
    border-bottom: 1px solid var(--primary-border-color);
}

.fiori3-customer-feedback .message-title span:not(.close-button),
.fiori3-customer-feedback .message-title {
    color: var(--primary-text-color);
    font-size: 12px;
    padding-top: 2px;
}

.fiori3-customer-feedback h5.message-title {
    font-weight: normal;
    margin-bottom: 0;
    padding: 0;
    min-height: unset;
    border-bottom: none;
    line-height: 26px;
}

.fiori3-customer-feedback .flex-container {
    border-bottom: 1px solid var(--primary-border-color);
    background-color: var(--tertiary-background-color);
    padding: 9px 14px;
    min-height: 45px;
    margin-bottom: 0;
}

.fiori3-customer-feedback .flex-container .fiori3-icon-button {
    margin: 0;
    background-color: transparent;
}

.fiori3-customer-feedback .close-button {
    font-size: 18px;
    text-align: center;
    color: var(--main-link-and-icon-color);
    -webkit-text-stroke: var(--main-link-and-icon-color);
}

.fiori3-customer-feedback .date-created {
    color: var(--primary-text-color);
    text-align: center;
    font-size: 11px;
    margin-bottom: 17px;
}

.fiori3-customer-feedback .customer-message:not(:first-child) .date-created {
    margin-top: 20px;
}

.fiori3-customer-feedback .customer-message .comment-header-holder {
    margin-bottom: 0;
}

.fiori3-customer-feedback .comment-header-holder span {
    font-size: 13px !important;
    color: var(--secondary-text-color);
    display: inline !important;
}

.fiori3-customer-feedback .message-box,
.fiori3-customer-feedback .my-message-box {
    position: static;
    width: 80%;
    box-shadow: 0 2px 4px 0 rgba(51, 51, 51, 0.2);
    -webkit-filter: none;
    filter: none;
    font-size: 13px;
}

.fiori3-customer-feedback .message-box {
    border-radius: 4px 4px 4px 0;
    background-color: var(--shellbar-icon-focus-background-color);
    color: var(--fiori-tertiary-btn-background-color);
    margin: 0;
    margin-bottom: 20px;
}

.fiori3-customer-feedback .my-message-box {
    border-radius: 4px 4px 0 4px;
    margin: 0 0 20px auto;
    background-color: var(--tertiary-background-color);
    color: var(--primary-text-color);
}


    .fiori3-customer-feedback .message-box::after,
    .fiori3-customer-feedback .my-message-box::after {
        border-width: 0;
    }

.fiori3-customer-feedback .comment-container button {
    display: block;
    margin: 0 0 0 auto;
    opacity: 0;
    -webkit-transition: opacity 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out;
    transition: opacity 300ms ease-in-out;
}

.fiori3-customer-feedback .comment-container:hover button {
    opacity: 1;
    -webkit-transition: opacity 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out;
    transition: opacity 300ms ease-in-out;
}

.fiori3-customer-feedback .comment-container:focus {
    outline: none;
}

.fiori3-customer-feedback .reply-input-group {
    position: absolute;
    bottom: 0;
    left: 0;
    min-height: 50px;
    background: var(--tertiary-background-color);
    margin-bottom: 0 !important;
    padding: 12px;
    width: 100%;
    border: 1px solid var(--primary-border-color);
}

    .fiori3-customer-feedback .reply-input-group textarea {
        flex: 1;
        height: 4.7em;
        font-size: 12px;
        padding: 5px 9px;
        resize: none;
        border-radius: 4px;
        line-height: 1.33;
    }

        .fiori3-customer-feedback .reply-input-group textarea::-webkit-input-placeholder,
        .fiori3-customer-feedback .reply-input-group textarea::-moz-placeholder,
        .fiori3-customer-feedback .reply-input-group textarea:-ms-input-placeholder,
        .fiori3-customer-feedback .reply-input-group textarea:-moz-placeholder {
            color: var(--fiori-input-placeholder-color);
        }

    .fiori3-customer-feedback .reply-input-group button {
        padding: 0 16px;
        background: transparent;
        margin-left: 5px;
    }

        .fiori3-customer-feedback .reply-input-group button:hover {
            background: none;
        }

.fiori3-customer-feedback .item-comment-pills .close-button {
    position: relative;
    top: 2px;
    right: 0;
}

.fiori3-customer-feedback .item-comment-pills .fiori3-icon-button {
    display: inline-block;
    padding: 0;
    height: 20px;
    width: 20px;
    margin: 0;
}

.fiori3-customer-feedback .comment-container .btn-tertiary {
    color: var(--main-link-and-icon-color);
    padding: 0 3px;
    margin-left: auto;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.fiori3-customer-feedback .comment-container .feedback-delete-comment {
    opacity: 1;
    margin: 0 0 0 12px;
}
/* #endregion */

/* #region quote custom table */
.fiori3-custom-table .visible-large {
    display: inline-block;
}

.fiori3-custom-table .visible-small {
    display: none;
}

.fiori3-custom-table .fiori3-currency {
    padding: 5px 12px !important;
    border-color: var(--input-border-color);
    width: 38px;
}

    .fiori3-custom-table .fiori3-currency ~ input {
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }

.fiori3-custom-table .column-label-in-row ~ div {
    text-align: right;
    width: 100%;
}

.fiori3-custom-table .input-group.date-field input {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.fiori3-custom-table .fiori3-input-group label {
    padding-bottom: 0 !important;
    width: 100%;
}

.fiori3-custom-table .fiori3-input-group .fiori3-quote-table-checkbox {
    width: auto;
    margin-left: auto;
    margin-right: 0;
}

.fiori3-custom-table .fiori3-input-group .chckqty label {
    margin-right: 20px;
}

.fiori3-custom-table .input-group.date-field .input-group-addon,
.input-group.date-field .input-group-addon {
    display: block;
    padding: 3.5px 12px !important;
    height: 26px;
    font-size: 17px;
    color: var(--sap-icon-color) !important;
}

.fiori3-table .input-group.date-field .input-group-addon,
.fiori3-input-group.input-group.date-field .input-group-addon,
.fiori3-input-group .input-group.date-field .input-group-addon {
    border-color: var(--input-border-color);
}

    @media all and (max-width: 800px) {
        .fiori3-custom-table .visible-large {
            display: none;
        }

        .fiori3-custom-table .visible-small {
            display: inline-block;
            line-height: 27px;
        }

        .fiori3-custom-table .column-with-actions-header {
            margin: auto 0 auto auto;
        }

        .fiori3-custom-table ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            -webkit-justify-content: flex-start;
            justify-content: flex-start;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }

        .fiori3-custom-table .actions-column .fiori3-icon-button {
            display: inline-block;
            line-height: 26px;
        }

        .fiori3-custom-table .column-label-in-row {
            margin-right: 8px;
            width: 100%;
            text-align: left;
        }

            .fiori3-custom-table .column-label-in-row ~ div {
                text-align: right;
            }

        .fiori3-custom-table .fiori3-currency ~ input {
            width: 100%;
        }

        .fiori3-custom-table .fiori3-input-group input[type=checkbox] ~ span {
            float: right;
            padding-left: 21px;
        }

        .search-in-columns-disabled {
            display: none;
        }

        .fiori3-custom-table thead td {
            display: none;
        }
    }

.fiori3-custom-table .actions-column .fiori3-icon-button {
    font-size: 18px;
}

.fiori3-custom-table .actions-column .flex {
    gap: 8px;
}

.fiori3-custom-fields-container .fiori3-custom-table .fiori3-select-group::after {
    z-index: 4;
    top: 6px;
    right: 8px;
}

.fiori3-custom-table .quote-table-cell > .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

.fiori3-custom-table .quote-table-cell > .flex .fiori3-quote-table-checkbox {
    margin-left: 0;
}

.fiori3-custom-table thead td,
.fiori3-custom-table thead .column-group-levels {
    background-color: var(--tertiary-background-color);
}
/* #endregion */

/* #region product details modal */
.fiori3-product-details-modal {
    max-width: none;
}

    .fiori3-product-details-modal .modal-header .fiori3-icon-button {
        top: 9px;
    }

        .fiori3-product-details-modal .modal-header .fiori3-icon-button:active {
            -webkit-box-shadow: none;
            box-shadow: none;
            background-color: var(--secondary-background-color);
        }

.fiori3-product-details {
    color: var(--secondary-text-color);
}

    .fiori3-product-details .product-name {
        display: block;
        max-width: 100%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .fiori3-product-details h3.alternate {
        padding-top: 15px;
        color: var(--primary-text-color);
        font-size: 18px !important;
    }

@media all and (min-width: 768px) {
    .fiori3-product-details h3.alternate {
        padding-top: 5px;
    }
}

.fiori3-product-details-page .image-wrapper {
    margin: 25px 0;
}

.fiori3-product-details .image-wrapper {
    text-align: center;
}

.fiori3-product-details .label {
    color: var(--secondary-text-color);
    font-size: 16px;
    background-color: var(--secondary-background-color);
    font-weight: normal;
    padding-top: 0;
    padding-right: 0;
}

    .fiori3-product-details .label .one-time-price {
        margin-bottom: 16px;
    }

    .fiori3-product-details .label .one-time-price,
    .fiori3-product-details .label .recurring-price {
        font-size: 14px;
        color: var(--primary-text-color);
        display: block;
        text-align: right;
    }

    .fiori3-product-details .label .one-time-price-label,
    .fiori3-product-details .label .recurring-price-label {
        font-size: 12px;
        display: block;
    }

.fiori3-product-details .row {
    padding: 0 5px;
}

#AddRowModal .product-details-table-container,
.fiori3-product-details-modal .fiori3-product-details .product-details-table-container {
    max-height: 150px;
    padding: 0 20px;
}

@media all and (min-width: 992px) {
    #AddRowModal .product-details-table-container,
    .fiori3-product-details-modal .fiori3-product-details .product-details-table-container {
        max-height: 270px;
    }
}

#AddRowModal .product-details-table-container {
    overflow: auto;
}

.fiori3-product-details .description {
    margin-bottom: 15px;
    word-break: break-word;
}

.fiori3-product-details .fiori3-table td {
    max-width: 100%;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.fiori3-product-details-page-container h3 {
    padding: 12px 16px;
    background-color: var(--secondary-background-color);
    color: var(--primary-text-color);
    border-bottom: 1px solid var(--primary-border-color);
}

.fiori3-product-details-page h3 {
    margin: 0 -16px;
}

.fiori3-product-details-page-container .fiori3-nav-tabs-container .fiori3-nav-tabs li {
    margin-top: 7px;
}

.fiori3-product-details-page-container .product-details {
    padding: 20px 0;
}

.fiori3-product-details-page-container .catalog-content {
    background-color: var(--secondary-background-color);
    border-radius: 4px;
}

.product-details-breadcrumbs-container {
    padding: 10px 16px 0;
    font-size: 12px;
}

    .product-details-breadcrumbs-container .breadcrumb > li {
        margin: 0;
    }

.fiori3-product-details-page {
    padding: 0 16px 16px;
}

    .fiori3-product-details-page hr,
    .fiori3-product-details-modal hr {
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-right: -20px;
        margin-bottom: 0;
    }

.product-details-page-footer .btn-tertiary.fiori3-btn-tertiary.back-btn {
    margin-top: 0;
}

.product-details-page-footer {
    padding-top: 7px;
}

.fiori3-product-details-page .fiori3-input-group,
.fiori3-product-details-page .product-details-buttons-container {
    padding-right: 10px;
}

.product-details-buttons-container .disabled-button {
    display: inline-block;
}

.fiori3-product-details-page .fiori3-input-group .form-control,
.fiori3-product-details-modal .fiori3-input-group .form-control {
    height: 26px;
    border-radius: 4px 0 0 4px !important;
    padding: 0 6px;
}

.fiori3-product-details-modal .alert-warning,
.fiori3-product-details-page .alert-warning {
    padding: 8px 16px;
}

.fiori3-product-details-modal .alert-warning {
    margin: 10px;
}

.fiori3-product-details-page .alert-warning {
    margin: 0 10px;
}

.fiori3-product-details-modal .product-details-back-button {
    max-width: 222px;
}

.fiori3-product-details-modal .product-details-buttons-container {
    margin-bottom: 16px;
}

    .fiori3-product-details-modal .product-details-buttons-container a {
        margin-bottom: 10px;
    }

@media all and (min-width: 428px) {
    .fiori3-product-details-modal .product-details-buttons-container a {
        margin-bottom: 0;
    }
}
/* #endregion */

/* #region quote list */
.user-page-container.load-quote-page-container {
    padding-right: 10px;
}

.fiori3-cart-list {
    padding: 6px;
}

    .fiori3-cart-list .fiori3-active-tab {
        font-size: 16px;
        color: var(--primary-text-color);
        margin: 0;
    }

    .fiori3-cart-list .fiori3-dropdown {
        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;
    }

        .fiori3-cart-list .fiori3-dropdown .fiori3-dropdown-menu-wrapper {
            position: relative;
        }

            /* span position relative to avoid button click effect in IE11 */
            .fiori3-cart-list .fiori3-dropdown .fiori3-dropdown-menu-wrapper .sap-icon {
                position: relative;
            }

        .fiori3-cart-list .fiori3-dropdown .dropdown-menu {
            padding: 6px 9px;
            min-width: inherit;
            left: auto;
            right: -60px;
        }

            .fiori3-cart-list .fiori3-dropdown .dropdown-menu::before,
            .fiori3-cart-list .fiori3-dropdown .dropdown-menu::after {
                right: 62px;
            }

@media all and (min-width: 450px) {
    .fiori3-cart-list .fiori3-dropdown .dropdown-menu {
        min-width: 228px;
        right: auto;
        left: 0;
    }

        .fiori3-cart-list .fiori3-dropdown .dropdown-menu::before,
        .fiori3-cart-list .fiori3-dropdown .dropdown-menu::after {
            right: auto;
            left: 14px;
        }
}

.fiori3-cart-list .fiori3-dropdown .dropdown-menu li {
    margin-bottom: 4px;
}

    .fiori3-cart-list .fiori3-dropdown .dropdown-menu li:last-child {
        margin-bottom: 0;
    }

.fiori3-cart-list .fiori3-dropdown .dropdown-menu a {
    border-radius: 4px;
    color: var(--primary-text-color);
}

    .fiori3-cart-list .fiori3-dropdown .dropdown-menu a:hover {
        background-color: var(--fiori-tertiary-btn-background-color);
    }

.fiori3-cart-list .fiori3-dropdown .dropdown-menu > .active > a {
    background-color: var(--selected-category-background-color);
}

.fiori3-cart-list .fiori3-icon-button {
    display: inline-block;
    margin: 0;
    margin-left: 10px;
    padding: 0;
    font-size: 14px;
    width: 26px;
}

    .fiori3-cart-list .fiori3-icon-button:focus {
        background-color: var(--primary-background-color);
    }

.fiori3-cart-list .fiori3-cart-list-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

@media all and (max-width: 600px) {
    .fiori3-cart-list .fiori3-cart-list-header .fiori3-dropdown {
        width: 100%;
    }
}

.fiori3-cart-search-group {
    max-width: 360px;
    width: auto;
    margin-left: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .fiori3-cart-search-group .input-group-btn {
        width: auto;
    }

    .fiori3-cart-search-group .fiori3-search-input-holder {
        position: absolute !important;
        right: 39px;
        top: 0;
        z-index: 0;
        width: 0;
        opacity: 0;
        -webkit-transition: all 500ms ease-in-out;
        -o-transition: all 500ms ease-in-out;
        transition: all 500ms ease-in-out;
    }

.fiori3-quote-search-group-add-new .fiori3-search-input-holder {
    right: 77px;
}

.fiori3-cart-search-group-add-new .fiori3-search-input-holder {
    right: 85px;
}

.fiori3-cart-search-group-add-new ~ div:last-child .fiori3-quote-list-filter-editor::before,
.fiori3-cart-search-group-add-new ~ div:last-child .fiori3-quote-list-filter-editor::after {
    right: 55px;
}

.fiori3-cart-search-group .fiori3-search-input-holder input {
    height: 26px;
    border-radius: 4px !important;
    padding-right: 33px;
    padding: 0 6px;
    border-color: var(--input-border-color);
}

    .fiori3-cart-search-group .fiori3-search-input-holder input:focus {
        border-color: var(--focus-border-and-outline-color);
    }

.fiori3-cart-search-group .search-input-trigger,
.fiori3-cart-search-group .filter-trigger,
.fiori3-cart-search-group .create-new-quote-icon-button,
.fiori3-cart-search-group .add-items-in-bulk-icon-button {
    width: 32px;
    height: 26px;
    margin: 0;
    margin-right: 8px;
    text-align: center;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.fiori3-cart-search-group .compare-icon-button {
    width: 32px;
    height: 26px;
    margin: 0;
    margin-right: 8px;
    text-align: center;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

    .fiori3-cart-search-group .compare-icon-button:hover {
        background-color: var(--primary-background-color);
        border-radius: 4px;
    }

.compare-rev-icon-button {
    width: 32px;
    height: 26px;
    margin: 0;
    margin-bottom: 10px;
    background: var(--secondary-background-color);
    text-align: right;
    color: var(--sap-icon-color);
    cursor: pointer;
    z-index: 1;
}

    .compare-rev-icon-button:hover {
        background-color: var(--primary-background-color) !important;
        border-radius: 4px;
    }

.fiori3-cart-search-group .filter-trigger,
.fiori3-cart-search-group .create-new-quote-icon-button {
    margin-right: 0;
}

.fiori3-cart-search-group-add-new .filter-trigger,
.fiori3-quote-search-group-add-new .filter-trigger {
    margin-right: 8px;
}

.fiori3-cart-search-group .add-items-in-bulk-icon-button {
    margin-left: 8px;
}

    .fiori3-cart-search-group .search-input-trigger:hover,
    .fiori3-cart-search-group .filter-trigger:hover,
    .fiori3-cart-search-group .create-new-quote-icon-button:hover,
    .fiori3-cart-search-group .add-items-in-bulk-icon-button:hover {
        background-color: var(--primary-background-color) !important;
        border-radius: 4px;
    }

.fiori3-cart-search-group.search-in-use .search-input-trigger:hover {
    background-color: transparent;
}

.fiori3-cart-search-group .input-group-btn.open > div:first-child {
    background: var(--primary-background-color);
    border-radius: 4px;
}

.fiori3-cart-search-group .sap-icon {
    color: var(--main-link-and-icon-color);
    font-size: 18px;
}

    .fiori3-cart-search-group .sap-icon.color-change::after {
        content: '';
        position: absolute;
        top: 4px;
        right: 6px;
        border: 1px solid var(--white-text-color);
        width: 5px;
        height: 5px;
        background-color: var(--main-link-and-icon-color);
        border-radius: 50%;
    }

.fiori3-cart-search-group .fiori3-search-input-holder.shrink-search-field {
    width: 0;
    opacity: 0;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.fiori3-cart-search-group .fiori3-search-input-holder.search-in-use {
    width: 180px;
    max-width: 320px;
    opacity: 1;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

@media all and (min-width: 420px) and (max-width: 650px) {
    .fiori3-cart-search-group .fiori3-search-input-holder.search-in-use {
        width: 200px;
    }
}

@media all and (min-width: 750px) {
    .fiori3-cart-search-group .fiori3-search-input-holder.search-in-use {
        width: 320px;
    }
}

.fiori3-cart-search-group .input-group-btn .dropdown-menu {
    width: 450px;
    max-height: 100vh;
    padding: 0;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    top: 32px;
    right: -7px;
    border-radius: 4px;
    overflow: visible;
}

    .fiori3-cart-search-group .input-group-btn .dropdown-menu .fiori3-input-group .fiori3-input-group.date-field {
        margin-bottom: 0 !important;
    }

@media all and (max-width: 1024px) {
    .fiori3-cart-search-group .input-group-btn .dropdown-menu {
        width: 350px;
    }
}

@media all and (max-width: 768px) {
    .fiori3-cart-search-group .input-group-btn .dropdown-menu {
        width: 250px;
    }
}

.fiori3-cart-search-group .input-group-btn .dropdown-menu::before {
    content: "";
    position: absolute;
    top: -17px;
    right: 13px;
    z-index: 1;
    border-color: transparent transparent var(--white-text-color) transparent;
    border-width: 9px;
    border-style: solid;
}

.fiori3-cart-search-group .input-group-btn .dropdown-menu::after {
    content: "";
    position: absolute;
    top: -18px;
    right: 13px;
    border-color: transparent transparent var(--secondary-border-color) transparent;
    border-width: 9px;
    border-style: solid;
}

.fiori3-cart-search-group-add-new .input-group-btn .dropdown-menu::before,
.fiori3-cart-search-group-add-new .input-group-btn .dropdown-menu::after {
    right: 61px;
}

.fiori3-cart-search-group .input-group-btn .dropdown-menu .filter-header {
    height: 40px;
    padding: 12px;
    border-bottom: 1px solid var(--secondary-border-color);
    text-align: center;
}

.fiori3-cart-search-group .input-group-btn .dropdown-menu .filters {
    min-height: 250px;
    max-height: calc(100vh - 250px);
    overflow: auto;
    padding: 20px;
}

    .fiori3-cart-search-group .input-group-btn .dropdown-menu .filters .select2-selection--multiple,
    .fiori3-cart-search-group .input-group-btn .dropdown-menu .filters .select2-selection__rendered,
    .fiori3-quote-list-tab-container .quote-list-editors .select2-selection__rendered,
    .fiori3-quote-list-tab-container .quote-list-editors .select2-selection--multiple,
    .quote-comparison-items-section .quote-comparison-select-item-columns .quote-comparison-select-wrapper .select2-selection--multiple,
    .quote-comparison-items-section .quote-comparison-select-item-columns .quote-comparison-select-wrapper .select2-selection__rendered,
    .quote-comparison-quotation-section .quote-comparison-select-wrapper .select2-selection--multiple,
    .quote-comparison-quotation-section .quote-comparison-select-wrapper .select2-selection__rendered,
    .quote-comparison-custom-tab-section .quote-comparison-select-wrapper .select2-selection--multiple,
    .quote-comparison-custom-tab-section .quote-comparison-select-wrapper .select2-selection__rendered {
        min-height: 27px;
        line-height: 0;
    }

    .fiori3-cart-search-group .input-group-btn .dropdown-menu .filters .select2-selection--multiple,
    .fiori3-quote-list-tab-container .quote-list-editors .select2-selection--multiple,
    .quote-comparison-items-section .quote-comparison-select-item-columns .quote-comparison-select-wrapper .select2-selection--multiple,
    .quote-comparison-quotation-section .quote-comparison-select-wrapper .select2-selection--multiple,
    .quote-comparison-custom-tab-section .quote-comparison-select-wrapper .select2-selection--multiple {
        border: 1px solid var(--input-border-color);
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }

        .fiori3-cart-search-group .input-group-btn .dropdown-menu .filters .select2-selection--multiple:hover,
        .fiori3-cart-search-group .input-group-btn .dropdown-menu .filters .select2-selection--multiple:focus,
        .fiori3-quote-list-tab-container .quote-list-editors .select2-selection--multiple:hover,
        .fiori3-quote-list-tab-container .quote-list-editors .select2-selection--multiple:focus,
        .quote-comparison-items-section .quote-comparison-select-item-columns .quote-comparison-select-wrapper .select2-selection--multiple:hover,
        .quote-comparison-items-section .quote-comparison-select-item-columns .quote-comparison-select-wrapper .select2-selection--multiple:focus,
        .quote-comparison-quotation-section .quote-comparison-select-wrapper .select2-selection--multiple:hover,
        .quote-comparison-quotation-section .quote-comparison-select-wrapper .select2-selection--multiple:focus,
        .quote-comparison-custom-tab-section .quote-comparison-select-wrapper .select2-selection--multiple:hover,
        .quote-comparison-custom-tab-section .quote-comparison-select-wrapper .select2-selection--multiple:focus {
            border-color: var(--focus-border-and-outline-color) !important;
            color: var(--primary-text-color);
            -webkit-box-shadow: none !important;
            box-shadow: none !important;
        }

    .fiori3-cart-search-group .input-group-btn .dropdown-menu .filters .select2-selection__choice,
    .fiori3-quote-list-tab-container .quote-list-editors .select2-selection__choice,
    .quote-comparison-items-section .quote-comparison-select-item-columns .quote-comparison-select-wrapper .select2-selection__choice,
    .quote-comparison-quotation-section .quote-comparison-select-wrapper .select2-selection__choice,
    .quote-comparison-custom-tab-section .quote-comparison-select-wrapper .select2-selection__choice {
        margin-top: 2px;
        font-size: 12px;
        background-color: var(--fiori3-pills-background-color);
        color: var(--primary-text-color);
        border: none;
        min-height: 22px;
        line-height: 22px;
        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;
    }

    .fiori3-cart-search-group .input-group-btn .dropdown-menu .filters .select2-selection__choice__remove,
    .fiori3-quote-list-tab-container .quote-list-editors .select2-selection__choice__remove,
    .quote-comparison-items-section .quote-comparison-select-item-columns .quote-comparison-select-wrapper .select2-selection__choice__remove,
    .quote-comparison-quotation-section .quote-comparison-select-wrapper .select2-selection__choice__remove,
    .quote-comparison-custom-tab-section .quote-comparison-select-wrapper .select2-selection__choice__remove {
        color: var(--main-link-and-icon-color);
        font-size: 16px;
    }

    .fiori3-cart-search-group .input-group-btn .dropdown-menu .filters .select2-search,
    .fiori3-cart-search-group .input-group-btn .dropdown-menu .filters .select2-search__field {
        margin-top: 3px;
    }

.fiori3-quote-list-tab-container .quote-list-editors .select2-search__field:focus {
    box-shadow: none !important;
}

.fiori3-quote-list-tab-container .quote-list-editors .select2-search {
    padding: 0;
}

.fiori3-quote-list-tab-container .quote-list-editors .select2-search,
.fiori3-quote-list-tab-container .quote-list-editors .select2-search__field {
    margin-top: 0;
}

.fiori3-cart-search-group .input-group-btn .dropdown-menu .fiori3-input-group {
    margin-bottom: 20px !important;
}

    .fiori3-cart-search-group .input-group-btn .dropdown-menu .fiori3-input-group input {
        float: none;
    }

.fiori3-cart-search-group .input-group-btn .dropdown-menu .filter-footer {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    height: 58px;
    padding: 8px 20px;
    border-top: 1px solid var(--secondary-border-color);
    box-sizing: border-box;
}

.fiori3-cart-list .fiori3-pills-container {
    margin-bottom: 10px;
    width: 100%;
}

.fiori3-quote-list-grid .alert {
    padding: 8px;
}

.fiori3-quote-list-grid .pull-left {
    margin-bottom: 10px;
}

.fiori3-cart-list .fiori3-quote-list-grid .table-responsive {
    padding: 0;
    margin-bottom: 6px;
}

.fiori3-cart-list .fiori3-quote-list-grid .fiori3-table {
    color: var(--primary-text-color);
}

    .fiori3-cart-list .fiori3-quote-list-grid .fiori3-table th {
        text-align: center;
        color: var(--primary-text-color);
        font-size: 12px;
    }

@media all and (max-width: 800px) {
    .fiori3-cart-list .fiori3-quote-list-grid .fiori3-table td {
        border: none !important;
        border-bottom: 1px solid var(--primary-border-color) !important;
    }

    #no-more-tables td:before {
        top: 9px;
    }

    .fiori3-manage-customers-table #no-more-tables td.column-with-actions.dropdown {
        display: none !important;
    }

    .fiori3-quote-list-grid #no-more-tables td.column-with-actions.dropdown {
        display: block !important;
        padding-left: 45% !important;
        text-align: right;
    }
}

.fiori3-cart-list .fiori3-quote-list-grid .fiori3-table .column-with-actions .fiori3-icon-button {
    margin-left: 0;
    width: 32px;
    text-align: center;
}

    .fiori3-cart-list .fiori3-quote-list-grid .fiori3-table .column-with-actions .fiori3-icon-button .sap-icon {
        position: relative;
        top: 2px;
    }

#cartListContainer .popover {
    z-index: 1041;
    min-width: 140px;
    left: auto;
    right: 0;
}

@media all and (min-width: 800px) {
    #cartListContainer .popover {
        left: inherit;
        right: inherit;
    }
}

.fiori3-quote-list-actions 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;
}

    .fiori3-quote-list-actions li a {
        color: var(--primary-text-color);
    }

    .fiori3-quote-list-actions li:hover {
        background-color: var(--tertiary-background-color);
    }

    .fiori3-quote-list-actions li span {
        padding: 0 10px;
        word-break: break-all;
        word-wrap: break-word;
        min-height: 24px;
        border-radius: 4px;
    }

    .fiori3-quote-list-actions li .fiori3-btn-primary {
        padding: 0 10px;
    }

.separator {
    display: none;
}

@media all and (min-width: 320px) and (max-width: 450px) {
    .fiori3-filters-container .fiori3-cart-search-group.fiori3-quote-search-group-add-new {
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .fiori3-filters-container .fiori3-cart-search-group .fiori3-search-input-holder-addition {
        right: 8px !important;
    }

    .separator {
        display: block;
        width: 100%;
        height: 10px;
    }
}

/* Daterangepicker fix*/
@media all and (min-width: 564px) {
    .daterangepicker:not(.show-ranges) {
        min-width: 486px;
    }
}

@media all and (min-width: 768px) {
    .daterangepicker.show-ranges {
        min-width: 627px;
    }
}
/* #endregion */

/* #region toast messages */
@media all and (max-width: 480px) {
    .toast-top-full-width {
        width: calc(100% - 48px) !important;
        margin-left: 0;
        top: 48px;
        left: 48px;
    }

    #toast-container .toast-close-button {
        right: 20px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@media all and (max-width: 800px) {
    .toast-top-full-width {
        top: 48px;
        width: calc(100% - 48px) !important;
        margin-left: 0 !important;
        left: 48px;
    }
}

.toast-top-full-width {
    width: calc(100% - 48px) !important;
    top: 48px;
    left: 48px;
    margin-left: 0;
    -webkit-box-shadow: 0 2px 4px 0 rgba(51, 51, 51, 0.2);
    box-shadow: 0 2px 4px 0 rgba(51, 51, 51, 0.2);
}

#toast-container {
    position: fixed;
    top: 48px;
    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;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.toast-close-button {
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: var(--main-link-and-icon-color);
    font-size: 28px;
    text-shadow: none;
    opacity: 1;
}

    .toast-close-button:hover {
        color: var(--main-link-and-icon-color);
        opacity: .5;
    }

#toast-container > div {
    padding: 16px 15px;
}

#toast-container > .toast-info,
#toast-container > .toast-success,
#toast-container > .toast-error,
#toast-container > .toast-warning {
    border: none;
    color: var(--primary-text-color);
}

#toast-container > .toast-info,
#toast-container > .toast-success {
    background-color: var(--fiori3-info-background-color);
}

#toast-container > .toast-error {
    background-color: var(--fiori3-error-background-color);
}

#toast-container > .toast-warning {
    background-color: var(--fiori3-warning-background-color);
}

    #toast-container > .toast-info:before,
    #toast-container > .toast-error:before,
    #toast-container > .toast-success:before,
    #toast-container > .toast-warning:before {
        display: none;
    }

.toast-title, .toast-message {
    padding: 0 30px 0 5px;
}
/* #endregion */

/* #region sap spinner */
.fd-spinner {
    font-size: 14px;
    line-height: 1.42857;
    color: var(--primary-text-color);
    font-family: var(--main-font-family);
    position: relative;
    width: 29px;
    height: 40px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}

    .fd-spinner::before, .fd-spinner::after {
        content: "";
        position: relative;
        width: 5px;
        height: 100%;
        background-color: var(--main-link-and-icon-color);
    }

    .fd-spinner::before {
        animation: line-scale 1s infinite ease;
        animation-delay: -1s;
    }

    .fd-spinner div::before, .fd-spinner div::after {
        content: "";
        position: absolute;
        width: 5px;
        height: 100%;
        background-color: var(--main-link-and-icon-color);
    }

    .fd-spinner div::before {
        left: 8px;
        animation: line-scale 1s infinite ease;
        animation-delay: -0.9s;
    }

    .fd-spinner div::after {
        right: 8px;
        animation: line-scale 1s infinite ease;
        animation-delay: -0.8s;
    }

    .fd-spinner::after {
        animation: line-scale 1s infinite ease;
        animation-delay: -0.7s;
    }

@-webkit-keyframes line-scale {
    0%, 40%, 100% {
        transform: scaleY(0.4);
    }

    80% {
        transform: scaleY(1);
    }
}

@keyframes line-scale {
    0%, 40%, 100% {
        transform: scaleY(0.4);
    }

    80% {
        transform: scaleY(1);
    }
}

.loaderWrap {
    background-color: transparent;
}
/* #endregion */

/* #region customer info */
.fiori3-shipping-info-page-container,
.fiori3-shipping-info-container {
    background-color: transparent;
    padding: 0;
    max-width: calc(100vw - 86px) !important;
}

.fiori3-shipping-info-page-container {
    margin-left: 60px !important;
    margin-bottom: 20px !important;
}

.fiori3-shipping-info-container {
    width: auto;
    margin: 0;
}

@media all and (min-width: 768px) {
    .fiori3-shipping-info-container {
        width: 100%;
        margin-right: 15px;
    }
}

@media all and (min-width: 800px) {
    .fiori3-shipping-info-container {
        width: 100%;
        margin-bottom: 40px;
    }
}

@media all and (min-width: 992px) {
    .fiori3-shipping-info-container {
        margin-bottom: 30px;
    }
}

.fiori3-shipping-info-container .fiori3-customers-display {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.fiori3-shipping-info-container .fiori3-shipping-info-wrapper {
    width: 33.333%;
    padding: 0 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media all and (max-width: 400px) {
    .fiori3-shipping-info-container .fiori3-shipping-info-wrapper,
    .fiori3-shipping-info-container .fiori3-shipping-info-wrapper:last-child {
        margin-bottom: 50px !important;
    }

        .fiori3-shipping-info-container .fiori3-shipping-info-wrapper:nth-child(2) {
            margin-bottom: 20px !important;
        }
}

@media all and (max-width: 800px) {
    .fiori3-shipping-info-container {
        background-color: transparent;
        padding: 0;
    }

        .fiori3-shipping-info-container .fiori3-shipping-info-wrapper {
            display: block;
            margin-top: 10px;
            margin-bottom: 30px;
            width: 100%;
            padding: 0;
        }
}

.fiori3-shipping-info-wrapper .fiori3-shipping-info {
    border-radius: 4px;
    border: none;
    -webkit-box-shadow: 0 2px 4px 0 rgba(51, 51, 51, 0.2);
    box-shadow: 0 2px 4px 0 rgba(51, 51, 51, 0.2);
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}

.fiori3-shipping-info-actions-wrapper {
    position: relative;
    border-bottom: 1px solid var(--primary-border-color);
    margin: 0 -10px;
    padding: 0 15px 10px;
}

    .fiori3-shipping-info-actions-wrapper .fiori3-shipping-info-actions {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
    }

.fiori3-shipping-info-actions h4 {
    color: var(--primary-text-color);
    margin: 0;
    line-height: 27px;
}

.fiori3-customer-actions-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    width: auto;
    margin-left: auto;
    margin-right: -8px;
}

@media all and (min-width: 650px) {
    .fiori3-shipping-info-actions-wrapper .fiori3-shipping-info-actions {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .fiori3-customer-actions-wrapper {
        margin-left: 0;
    }
}

@media all and (min-width: 800px) {
    .fiori3-customer-actions-wrapper {
        margin-left: auto;
    }
}

@media all and (min-width: 800px) and (max-width: 1200px) {
    .fiori3-customer-actions-wrapper {
        width: 100%;
    }
}

.fiori3-shipping-info-actions-wrapper .sap-icon {
    font-size: 18px;
}

.fiori3-customer-actions-wrapper .fiori3-icon-button {
    padding: 0;
    margin: 0;
    margin-right: 8px;
    display: inline-block;
}

.fiori3-customer-actions-wrapper .fiori3-actions-last-in-order {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.fiori3-shipping-info-actions-wrapper .fiori3-shipping-customer-search {
    width: 100%;
    max-width: 320px;
    margin-top: 10px;
    margin-left: auto;
}

.fiori3-shipping-customer-search input {
    height: 26px;
    border-radius: 4px;
    padding: 0 6px;
}

.fiori3-shipping-info-actions .fiori3-edit-delete-action-buttons {
    width: 100%;
    margin-top: 10px;
}

.fiori3-shipping-customers-form .alert-warning {
    padding: 8px;
    margin: 8px;
}

    .fiori3-shipping-customers-form .alert-warning span {
        color: var(--primary-text-color);
    }

.fiori3-shipping-customers-form .form-group {
    margin-left: 0;
    margin-right: 0;
}

    .fiori3-shipping-customers-form .form-group div span {
        margin-top: 0;
    }

.fiori3-shipping-customers-form .fiori3-control-label {
    text-align: left !important;
    color: var(--secondary-text-color);
    font-size: 12px;
}

    .fiori3-shipping-customers-form .fiori3-control-label.required::after {
        content: "*";
        color: var(--error-required-color);
        position: relative;
        left: 2px;
        top: -1px;
        font-size: 14px;
    }

.fiori3-shipping-customers-form .fiori3-input-group .validationMessage {
    color: var(--error-required-color);
    font-weight: normal;
}

@media all and (max-width: 1024px) {
    .fiori3-shipping-customers-form .fiori3-control-label {
        text-align: left !important;
    }
}

.fiori3-shipping-customers-form .fiori3-input-group {
    margin-bottom: 0 !important;
}

.fiori3-copy-customer {
    display: inline-block;
    margin-top: 5px;
    margin-right: 5px;
}

.fiori3-shipping-info-page-container .fiori3-custom-fields-wrap {
    width: 100%;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(51, 51, 51, 0.2);
    box-shadow: 0 2px 4px 0 rgba(51, 51, 51, 0.2);
}

    .fiori3-shipping-info-page-container .fiori3-custom-fields-wrap .custom-fields {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -16px;
    }

    .fiori3-shipping-info-page-container .fiori3-custom-fields-wrap h3 {
        border-radius: 4px 4px 0 0;
        border-bottom: 1px solid var(--primary-border-color);
        font-size: 18px;
        padding: 10px 16px;
    }

    .fiori3-shipping-info-page-container .fiori3-custom-fields-wrap .custom-fields .cart-table-container {
        padding: 0 16px;
    }

@media all and (min-width: 800px) {
    .fiori3-shipping-info-page-container .fiori3-custom-fields-wrap {
        width: calc(100% - 16px);
        margin-left: 8px;
    }
}

.fiori3-modal-dialog .modal-header .fiori3-icon-button {
    top: 9px;
}

.fiori3-shipping-modal .fiori3-table {
    color: var(--primary-text-color);
}

.fiori3-shipping-modal .column-with-actions .sap-icon {
    font-size: 18px;
}

.fiori3-shipping-modal .fiori3-table th,
.fiori3-manage-customers-table .fiori3-table th {
    text-align: center;
}

.fiori3-table th.table-header, .fiori3-table th.table-header-sort-up, .fiori3-table th.table-header-sort-down {
    cursor: pointer;
}

.fiori3-quote-list-grid .fiori3-table tr > th:not(:first-child) {
    min-width: 130px;
}

.fiori3-shipping-modal .fiori3-table th.header::after,
.fiori3-shipping-modal .fiori3-table th.table-header::after,
.fiori3-manage-customers-table .fiori3-table th.header::after,
.fiori3-manage-customers-table .fiori3-table th.table-header::after,
.fiori3-cart-list .fiori3-quote-list-grid .fiori3-table th.header::after,
.fiori3-cart-list .fiori3-quote-list-grid .fiori3-table th.table-header::after {
    content: "\e095";
    font-family: var(--icons-font);
    color: var(--main-link-and-icon-color);
    position: relative;
    left: 5px;
    opacity: 0;
}

.fiori3-shipping-modal .fiori3-table th.header:hover::after,
.fiori3-shipping-modal .fiori3-table th.table-header:hover::after,
.fiori3-manage-customers-table .fiori3-table th.header:hover::after,
.fiori3-manage-customers-table .fiori3-table th.table-header:hover::after,
.fiori3-cart-list .fiori3-quote-list-grid .fiori3-table th.header:hover::after,
.fiori3-cart-list .fiori3-quote-list-grid .fiori3-table th.table-header:hover::after {
    opacity: 1;
}

.fiori3-shipping-modal .fiori3-table th.header-sort-up::after,
.fiori3-shipping-modal .fiori3-table th.table-header-sort-up::after,
.fiori3-manage-customers-table .fiori3-table th.header-sort-up::after,
.fiori3-manage-customers-table .fiori3-table th.table-header-sort-up::after,
.fiori3-cart-list .fiori3-quote-list-grid .fiori3-table th.header-sort-up::after,
.fiori3-cart-list .fiori3-quote-list-grid .fiori3-table th.table-header-sort-up::after {
    content: "\e1fd";
    opacity: 1;
}

.fiori3-shipping-modal .fiori3-table th.header-sort-down::after,
.fiori3-shipping-modal .fiori3-table th.table-header-sort-down::after,
.fiori3-manage-customers-table .fiori3-table th.header-sort-down::after,
.fiori3-manage-customers-table .fiori3-table th.table-header-sort-down::after,
.fiori3-cart-list .fiori3-quote-list-grid .fiori3-table th.header-sort-down::after,
.fiori3-cart-list .fiori3-quote-list-grid .fiori3-table th.table-header-sort-down::after {
    content: "\e1fc";
    opacity: 1;
}

@media all and (max-width: 800px) {
    .fiori3-shipping-modal #no-more-tables td.column-with-actions.dropdown {
        display: none !important;
    }

    .fiori3-shipping-modal #no-more-tables td.column-with-actions.show-all,
    .fiori3-manage-customers-table #no-more-tables td.column-with-actions.show-all {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

        .fiori3-shipping-modal #no-more-tables td.column-with-actions.show-all .fiori3-icon-button,
        .fiori3-manage-customers-table #no-more-tables td.column-with-actions.show-all .fiori3-icon-button {
            margin: 0;
            margin-right: 10px;
            padding: 0;
        }
}

.fiori3-table .column-with-actions .blocked-from-deletion {
    color: var(--error-required-color);
}

.fiori3-shipping-modal .table-responsive .alert-warning,
.fiori3-manage-customers-table .table-responsive .alert-warning {
    margin-top: 20px;
}

.fiori3-manage-customer-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    margin-bottom: 20px;
}

    .fiori3-manage-customer-actions .btn:first-child {
        margin-bottom: 10px;
    }

    .fiori3-manage-customer-actions .btn:last-child {
        margin-left: 10px;
    }

@media all and (min-width: 450px) {
    .fiori3-manage-customer-actions {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

        .fiori3-manage-customer-actions .btn:first-child {
            margin-bottom: 0;
        }
}

.fiori3-customer-lookup-actions 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-customer-lookup-actions li:hover {
        background-color: var(--tertiary-background-color);
    }

    .fiori3-customer-lookup-actions li span {
        padding: 0 10px;
        word-break: break-all;
        word-wrap: break-word;
        min-height: 24px;
        border-radius: 4px;
    }

        .fiori3-customer-lookup-actions li span.sap-icon {
            padding-left: 0;
        }

.user-page-container [id="customerContainer"] {
    padding: 6px;
}

.user-page-container h3.fiori3-manage-customers-heading {
    font-size: 16px;
    border-bottom: none;
    padding: 0;
}

.fiori3-add-edit-customer-modal .form-height-fix {
    padding-right: 0;
}

.fiori3-add-edit-customer-modal .fiori3-shipping-info-actions-wrapper {
    display: none;
}

.fiori3-crm-lookup-modal .fiori3-nav-tabs li {
    margin-right: 32px;
}

    .fiori3-crm-lookup-modal .fiori3-nav-tabs li.active {
        border: none;
        border-bottom: 2px solid var(--main-link-and-icon-color);
    }

    .fiori3-crm-lookup-modal .fiori3-nav-tabs li:hover {
        color: var(--main-link-and-icon-color);
        border-bottom: 2px solid var(--main-link-and-icon-color);
    }

    .fiori3-crm-lookup-modal .fiori3-nav-tabs li a {
        padding: 0;
        padding-bottom: 6px;
        margin: 0;
        margin-top: 3px;
        color: var(--secondary-text-color);
        font-size: 14px;
        border: none;
        cursor: pointer;
    }

    .fiori3-crm-lookup-modal .fiori3-nav-tabs li.active a {
        border: none;
        background: var(--secondary-background-color);
    }

    .fiori3-crm-lookup-modal .fiori3-nav-tabs li a:hover {
        background-color: transparent;
        color: var(--secondary-text-color);
    }

.fiori3-crm-lookup-modal .crm-modal {
    padding: 15px 0;
}

.fiori3-crm-lookup-modal .crm-account-name {
    color: var(--primary-text-color);
    font-size: 16px;
}

.fiori3-crm-lookup-modal .crm-modal > div,
.fiori3-crm-lookup-modal .crm-modal > h4 {
    margin-bottom: 20px;
}

.fiori3-crm-lookup-modal .popover {
    max-width: 300px;
    width: 300px;
}

    .fiori3-crm-lookup-modal .popover .popover-title {
        color: var(--primary-text-color);
        background-color: transparent;
        padding: 13px 14px 9px;
    }

    .fiori3-crm-lookup-modal .popover .contact-details {
        max-height: 350px;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .fiori3-crm-lookup-modal .popover .sap-icon {
        color: var(--main-link-and-icon-color);
    }

    .fiori3-crm-lookup-modal .popover .contact-details .form-group {
        margin: 0;
        margin-bottom: 10px;
        color: var(--secondary-text-color);
    }

    .fiori3-crm-lookup-modal .popover .contact-details .fiori3-control-label {
        text-align: left;
        color: var(--primary-text-color);
    }

    .fiori3-crm-lookup-modal .popover .contact-details .form-group span {
        font-size: 14px;
    }

.fiori3-crm-lookup-modal .fiori3-pagination-container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.fiori3-crm-lookup-modal .pager-number-of-items-message {
    padding-left: 0;
}

.fiori3-crm-lookup-modal .fiori3-pagination {
    padding-right: 0;
}
/* #endregion */

/* #region salesforce */
.fiori3-sf-header .sap_header_bar.cald_logo {
    background: url(/Content/images/cpq_logo_white.svg) no-repeat left;
    background-size: auto 22px;
    background-position: 15px center;
}

.fiori3-sf-header .sap_logo_small {
    display: none;
}
/* #endregion */

/* #region category tree */
.sidebar .fiori3-favorites-icon-wrapper {
    padding-left: 9px;
    cursor: pointer;
    display: block;
}

    .sidebar .fiori3-favorites-icon-wrapper a {
        display: inline-block;
        color: var(--primary-text-color);
    }

    .sidebar .fiori3-favorites-icon-wrapper .sap-icon {
        color: var(--main-link-and-icon-color);
    }

    .sidebar .fiori3-favorites-icon-wrapper .favorites-icon.sap-icon {
        margin-left: 5px;
        font-size: 16px;
    }

    .sidebar .fiori3-favorites-icon-wrapper .categories-tree {
        vertical-align: top;
        margin-left: 15px;
    }

.fiori3-favorites-icon-wrapper .tree-view-icons {
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    padding: 0;
    padding-left: 6px;
}

.fiori3-favorites-icon-wrapper .icon-wrapper .fiori3-icon-button {
    background: initial;
    width: unset;
    height: unset;
}

.fiori3-favorites-icon-wrapper .categoryName .fiori3-icon-button {
    opacity: 0;
}

    .fiori3-favorites-icon-wrapper .categoryName:hover .fiori3-icon-button,
    .fiori3-favorites-icon-wrapper .categoryName .fiori3-icon-button:focus {
        opacity: 1;
    }

.navCat {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    .navCat.nav-cat-favorites {
        padding-left: 10px;
    }

#navCatChildren {
    overflow: auto;
    min-height: 300px;
}

.navCat > li {
    padding: 0 0 0 10px;
    margin-bottom: 4px;
}

.selectedCat {
    background-color: var(--primary-background-color);
    color: var(--primary-text-color) !important;
    cursor: default;
    text-decoration: none !important;
}

    .selectedCat:hover {
        text-decoration: none !important;
    }

.toggle-categories {
    display: none;
}

#categoryTree .categoryName {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 6px 3px;
    width: 90%;
    color: var(--primary-text-color);
    border-radius: 2px;
    text-decoration: none;
    word-break: break-all;
    margin-bottom: 2px;
    /*line-height: 16px;*/
}

#categoryTree .fiori3-favorites-icon-wrapper .categoryName,
#categoryTree .favorite-folder {
    padding: 0;
}

    #categoryTree .fiori3-favorites-icon-wrapper .categoryName a {
        padding: 6px 3px;
        border-radius: 2px;
    }

    #categoryTree .favorite-folder a {
        padding: 6px 3px 6px 10px;
        border-radius: 2px;
    }

#categoryTree .categoryName a {
    color: var(--primary-text-color);
    width: 90%;
}

#categoryTree .categoryName .icon-wrapper {
    white-space: nowrap;
}

    #categoryTree .categoryName .icon-wrapper .fiori3-icon-button {
        background: initial;
        width: unset;
        height: unset;
        display: inline-block;
        font-size: 16px;
    }

#categoryTree .categoryName .fiori3-icon-button {
    opacity: 0;
}

    #categoryTree .categoryName:hover .fiori3-icon-button,
    #categoryTree .categoryName .fiori3-icon-button:focus {
        opacity: 1;
    }

#categoryTree .categoryName:focus {
    outline-offset: -2px;
}

#categoryTree .navCat .navCat .categoryName {
    padding-left: 10px;
}

#categoryTree .navCat .navCat .favorite-folder {
    padding-left: 0;
}

#categoryTree h2.tertiary,
#categoryTree h3.tertiary {
    background: var(--secondary-background-color);
    font-size: 16px;
    border-bottom: 1px solid var(--primary-border-color);
    padding: 12px 20px;
}

.categories-collapse a {
    padding: 0 2px;
    font-size: 20px;
}

.tree-view-icons {
    cursor: pointer;
    text-decoration: none !important;
    display: table-cell;
    padding: 0 5px;
    font-size: 18px;
}

    .tree-view-icons span {
        font-family: var(--icons-font);
        display: block;
        -webkit-transition: transform 200ms ease;
        -o-transition: transform 200ms ease;
        transition: transform 200ms ease;
    }

.fiori3-category-tree .navCat .tree-view-icons,
.fiori3-favorites-icon-wrapper .tree-view-icons {
    padding-left: 0 !important;
    height: 18px;
    line-height: 18px;
    width: 15px;
    text-align: center;
}
/* #endregion */
/* #region editable pager */
.fiori3-pagination-container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .fiori3-pagination-container .fiori3-pagination {
        order: 1;
        margin-bottom: 0 !important;
    }

    .fiori3-pagination-container .fiori3-items-per-page-container {
        margin: 0 16px 10px;
    }

    .fiori3-pagination-container .pager-number-of-items-message {
        background-color: transparent;
        margin: 0;
        margin-bottom: 10px;
        color: var(--secondary-text-color);
    }

@media all and (min-width: 600px) {
    .fiori3-pagination-container {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

        .fiori3-pagination-container .fiori3-items-per-page-container {
            margin-bottom: 0;
        }

        .fiori3-pagination-container .pager-number-of-items-message {
            margin-bottom: 0;
        }
}
/* #endregion */

/* #region quote list dialogs */
.fiori3-reassign-cart-modal .modal-header .fiori3-icon-button,
.fiori3-retract-approval-modal .modal-header .fiori3-icon-button {
    top: 9px;
}

.fiori3-retract-approval-modal .modal-header h3 {
    line-height: 1.1;
}

.fiori3-reassign-cart-modal .modal-content,
.fiori3-retract-approval-modal .modal-content {
    background-clip: border-box;
}

.fiori3-retract-approval-modal textarea {
    min-height: 60px;
}

.fiori3-reassign-cart-modal .modal-footer .btn-primary,
.fiori3-retract-approval-modal .modal-footer .btn-primary {
    margin-right: 0;
}

.fiori3-reassign-cart-modal .modal-body .fiori3-input-group::after {
    right: 25px;
}

.fiori3-retract-approval-modal .close .sap-icon,
.fiori3-reassign-cart-modal .close .sap-icon {
    margin-bottom: 2px;
}
/* #endregion */

/* #region quote list 2.0 */
#quoteListContainer .fiori3-cart-list {
    height: auto;
    min-height: calc(100vh - 78px);
}

@media all and (min-width: 800px) {
    #quoteListContainer .fiori3-cart-list {
        height: calc(100vh - 108px);
    }
}

#quoteListContainer .fiori3-cart-list-header {
    display: block;
}

.fiori3-filters-container {
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .fiori3-filters-container .fiori3-pills-container {
        margin-bottom: 0;
    }

    .fiori3-filters-container .fiori3-cart-search-group {
        position: relative;
        width: auto;
    }

        .fiori3-filters-container .fiori3-cart-search-group .fiori3-search-input-holder {
            z-index: 1;
        }

        .fiori3-filters-container .fiori3-cart-search-group .search-input-trigger {
            background-color: transparent;
            z-index: 2;
        }

        .fiori3-filters-container .fiori3-cart-search-group .sap-icon {
            font-size: 18px;
        }

        .fiori3-filters-container .fiori3-cart-search-group .custom-dropdown.fiori3-search-input-holder #quoteSearch {
            padding: 0;
            border: 0;
        }

        .fiori3-filters-container .fiori3-cart-search-group .custom-dropdown.fiori3-search-input-holder.search-in-use #quoteSearch {
            padding: 0 6px;
            border: 1px solid var(--input-border-color);
        }

            .fiori3-filters-container .fiori3-cart-search-group .custom-dropdown.fiori3-search-input-holder.search-in-use #quoteSearch::-ms-clear {
                display: none;
            }

        .fiori3-filters-container .fiori3-cart-search-group .fiori3-search-input-holder .custom-dropdown-menu .filter-suggestion {
            margin: 5px;
            padding: 0 10px;
            border-radius: 4px;
            cursor: pointer;
            line-height: 30px;
        }

            .fiori3-filters-container .fiori3-cart-search-group .fiori3-search-input-holder .custom-dropdown-menu .filter-suggestion:hover {
                background-color: var(--tertiary-background-color);
            }

        .fiori3-filters-container .fiori3-cart-search-group .fiori3-search-input-holder .custom-dropdown-menu .quick-filter-message {
            border: none;
            background-color: var(--fiori3-warning-background-color);
            display: block;
            color: var(--primary-text-color);
            padding: 8px;
        }

    .fiori3-filters-container .quote-list-filter-editor {
        z-index: 3;
    }

.fiori3-quote-list-filter-editor {
    top: 65px;
    right: 0;
    width: 100%;
    max-width: 450px;
    bottom: 0;
    left: auto;
    max-height: calc(100vh - 150px);
    padding: 0;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    overflow: visible;
    border: 1px solid var(--primary-border-color);
}

@media all and (min-width: 650px) {
    .fiori3-filters-container .fiori3-cart-search-group {
        position: absolute;
        top: 8px;
        right: 8px;
    }

    .fiori3-quote-list-filter-editor {
        top: 40px;
    }
}

.fiori3-quote-list-filter-editor::before {
    content: "";
    position: absolute;
    top: -17px;
    right: 13px;
    z-index: 1;
    border-color: transparent transparent var(--white-text-color) transparent;
    border-width: 9px;
    border-style: solid;
}

.fiori3-quote-list-filter-editor::after {
    content: "";
    position: absolute;
    top: -18px;
    right: 13px;
    border-color: transparent transparent var(--secondary-border-color) transparent;
    border-width: 9px;
    border-style: solid;
}


.fiori3-quote-list-filter-editor-add-new::before,
.fiori3-quote-list-filter-editor-add-new::after {
    right: 55px;
}

.fiori3-quote-list-filter-editor-add-new.filter-arrow-position::before,
.fiori3-quote-list-filter-editor-add-new.filter-arrow-position::after {
    right: 102px;
}

.fiori3-quote-list-filter-editor .quote-filter-header {
    height: 40px;
    padding: 12px;
    border-bottom: 1px solid var(--secondary-border-color);
    text-align: center;
}

    .fiori3-quote-list-filter-editor .quote-filter-header .sap-icon {
        font-size: 18px;
    }

.fiori3-quote-list-filter-editor .filter-editor-title {
    color: var(--secondary-text-color);
    display: inline-block;
    padding: 0;
    margin: 0;
    border: 0;
}

.fiori3-quote-list-filter-editor .quote-filter-header .close-filter-editor {
    color: var(--main-link-and-icon-color) !important;
    position: relative;
    top: -2px;
}

.fiori3-quote-list-filter-editor .quote-list-editors .fiori3-input-group,
.fiori3-quote-list-filter-editor .quote-list-editors .saved-filter-wrapper {
    padding: 0 16px;
    margin-bottom: 10px;
}

    .fiori3-quote-list-filter-editor .quote-list-editors .fiori3-input-group .fiori3-select-group,
    .fiori3-quote-list-filter-editor .quote-list-editors .fiori3-input-group .custom-dropdown.fiori3-input-group {
        padding: 0;
    }

    .fiori3-quote-list-filter-editor .quote-list-editors .saved-filter-wrapper:last-of-type .saved-filter-footer {
        border-bottom: 1px solid var(--primary-border-color);
    }

.fiori3-quote-list-filter-editor .quote-list-tab-footer {
    height: 90px;
}

    .fiori3-quote-list-filter-editor .quote-list-tab-footer .btn {
        margin-bottom: 10px;
        line-height: 24px;
    }

.compact-modal {
    width: 400px;
}

.fiori3-quote-list-filter-editor .quote-filter-header #toast-container.filter-editor-toastr-top {
    right: 0;
}

    .fiori3-quote-list-filter-editor .quote-filter-header #toast-container.filter-editor-toastr-top .toast {
        width: 100%;
        -webkit-box-shadow: 0 2px 4px 0 rgba(51, 51, 51, 0.2);
        box-shadow: 0 2px 4px 0 rgba(51, 51, 51, 0.2);
    }

.quote-list-editor-container .fiori3-cart-tabs-container {
    padding-top: 10px !important;
    border-bottom: 1px solid var(--primary-border-color);
}

    .quote-list-editor-container .fiori3-cart-tabs-container li {
        margin-right: 20px;
        float: left !important;
    }

    .quote-list-editor-container .fiori3-cart-tabs-container.tabbable li a {
        padding-bottom: 5px;
    }

.fiori3-quote-list-tab-container .quote-list-editors {
    padding-top: 16px;
    bottom: 95px;
}

@media all and (min-width: 450px) {
    .fiori3-quote-list-tab-container .quote-list-editors {
        bottom: 45px
    }

    .fiori3-quote-list-filter-editor .quote-list-tab-footer {
        height: 55px;
    }

        .fiori3-quote-list-filter-editor .quote-list-tab-footer .btn {
            margin-bottom: 0;
        }
}

.fiori3-quote-list-tab-container .load-filter {
    bottom: 15px;
}

.fiori3-quote-list-tab-container ul li {
    padding: 0 16px;
}

    .fiori3-quote-list-tab-container ul li:last-of-type .saved-filter-footer {
        border-bottom: 1px solid var(--primary-border-color);
    }

.fiori3-quote-list-tab-container .message_error {
    background-color: var(--fiori3-error-background-color);
    padding: 8px;
    color: var(--primary-text-color);
    font-size: 14px;
    margin: 10px 0;
    font-weight: normal;
}

.fiori3-quote-list-tab-container .date-filter-range-picker {
    border-bottom: 1px solid var(--primary-border-color);
}

.fiori3-quote-list-tab-container .date-filter-range-holder {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.fiori3-quote-list-tab-container .date-filter-range {
    font-weight: normal;
    padding: 5px 5px 0 0;
}

    .fiori3-quote-list-tab-container .date-filter-range:last-child {
        padding-right: 0;
        padding-left: 5px;
    }

    .fiori3-quote-list-tab-container .date-filter-range.range-selected {
        border-right: 1px solid var(--primary-border-color);
    }

    .fiori3-quote-list-tab-container .date-filter-range:last-child.range-selected {
        border-right: none;
        border-left: 1px solid var(--primary-border-color);
    }

.fiori3-quote-list-tab-container .date-filter-range-picker {
    border-bottom: 1px solid var(--primary-border-color);
}

.fiori3-quote-list-tab-container .date-filter-range-picker-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

    .fiori3-quote-list-tab-container .date-filter-range-picker-buttons .btn-date-filter-date-apply {
        color: var(--white-text-color);
    }

.fiori3-quote-list-tab-container .numeric-filter-slider.active .slider-selection {
    background-color: var(--main-link-and-icon-color);
}

.numeric-filter-slider .slider.slider-horizontal {
    width: 100%;
    margin: 10px 0;
}

.fiori3-quote-list-tab-container .numeric-filter-slider-values {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    color: var(--secondary-text-color);
}

    .fiori3-quote-list-tab-container .numeric-filter-slider-values span:first-child {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

.fiori3-quote-list-tab-container .select2-container--default .select2-selection--single,
.select2-container--default .select2-search--dropdown .select2-search__field {
    height: 26px;
    border-radius: 4px !important;
    border: 1px solid var(--input-border-color);
    color: var(--primary-text-color);
    padding: 0 6px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.fiori3-quote-list-tab-container .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.fiori3-quote-list-tab-container .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.fiori3-quote-list-tab-container .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 26px;
    color: var(--primary-text-color);
}

.saved-filter-name {
    font-weight: bold;
    margin-bottom: 1px;
}

.fiori3-quote-list-tab-container .saved-filter-footer .fiori3-icon-button {
    width: 32px;
    margin-left: 0;
}

@media all and (min-width: 768px) {
    #quoteListContainer .fiori3-cart-list {
        min-height: calc(100vh - 108px);
    }
}

.fiori3-cart-list .fiori3-quote-list-table {
    height: calc(100% - 76px);
    padding: 0;
    border: none;
}

.fiori3-quote-list-table .table-container {
    max-height: calc(100% - 40px);
    height: auto;
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 6px;
}

    .fiori3-quote-list-table .table-container:before {
        display: none;
    }

.fiori3-quote-list-table .fiori3-table {
    margin-top: 0;
}

.fiori3-quote-list-table .quote-grid-container {
    overflow: visible;
    padding: 0;
}

    .fiori3-quote-list-table .quote-grid-container.approvers {
        margin-bottom: 50px;
    }

        .fiori3-quote-list-table .quote-grid-container.approvers:last-child {
            margin-bottom: 0;
        }

@media all and (min-width: 800px) {
    .fiori3-quote-list-table .quote-grid-container.approvers {
        margin-bottom: 20px;
    }
}

.fiori3-quote-list-table .quote-grid-container th:focus span:first-child {
    outline: 2px solid var(--focus-border-and-outline-color);
    outline-offset: 0;
}

.fiori3-quote-list-table .quote-grid-container.approvers .fiori3-items-per-page-container .dropdown-menu {
    top: auto;
    bottom: 17px;
}

.quote-grid-container .table-container {
    border: 2px solid transparent;
    border-top: none;
}

    .quote-grid-container .table-container:focus {
        border: 2px solid var(--focus-border-and-outline-color);
        outline: none;
    }

.fiori3-items-per-page-container .dropdown-menu ul li a {
    color: var(--primary-text-color);
    display: block;
}

.fiori3-quote-list-table .title-container h3 {
    border-bottom: none;
    font-size: 16px;
    padding: 0;
}

.fiori3-quote-list-table .fiori3-table {
    border: none;
}

.fiori3-quote-list-table thead th span.sorting::after,
.fiori3-quote-list-table thead th span.sorting_desc:after,
.fiori3-quote-list-table thead th span.sorting_asc:after {
    color: var(--main-link-and-icon-color);
    font-family: var(--icons-font);
    font-size: 14px;
    border: 2px solid transparent;
}

.fiori3-quote-list-table thead th span.sorting::after {
    content: "\e095";
    font-family: var(--icons-font);
    opacity: 0;
}

.fiori3-quote-list-table thead th:hover span.sorting::after,
.fiori3-quote-list-table thead th span.sorting:focus:after {
    opacity: 1;
}

.fiori3-quote-list-table thead th span.sorting_desc:after,
.fiori3-quote-list-table thead th span.sorting_desc:focus:after {
    content: "\e1fc";
}

.fiori3-quote-list-table thead th span.sorting_asc:after,
.fiori3-quote-list-table thead th span.sorting_asc:focus:after {
    content: "\e1fd";
}

.fiori3-quote-list-table thead th span.sorting:focus,
.fiori3-quote-list-table thead th span.sorting_desc:focus,
.fiori3-quote-list-table thead th span.sorting_asc:focus {
    outline: 2px solid var(--focus-border-and-outline-color);
}

.fiori3-quote-list-table .fiori3-table tr {
    border: 1px solid var(--primary-border-color) !important;
    border-bottom: none !important;
}

.fiori3-quote-list-table .fiori3-table th:first-child,
.fiori3-quote-list-table .fiori3-table td:first-child {
    min-width: initial;
}

#quoteListContainer .popover {
    min-width: 150px;
    z-index: 1041;
    padding-bottom: 5px;
}

#quoteListContainer .fiori3-quote-list-actions li .fiori3-quote-list-actions li {
    margin: 5px 0;
}

#quoteListContainer .fiori3-quote-list-actions li:first-child,
#quoteListContainer .fiori3-quote-list-actions li:last-child {
    margin-bottom: 0;
}

#quoteListContainer .fiori3-quote-list-actions li .fiori3-quote-list-actions li:first-child {
    margin-top: 0;
}

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

.fiori3-quote-list-table .quote-data-cell {
    padding: 7px 16px !important;
    min-height: 35px;
}

    .fiori3-quote-list-table .quote-data-cell .status-cell {
        padding: 0;
    }

    .fiori3-quote-list-table .quote-data-cell .fiori3-icon-button {
        margin-left: auto;
        width: 32px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

.fiori3-quote-list-table .clickable-icon[disabled] {
    color: var(--primary-text-color);
}

@media all and (min-width: 800px) {
    .fiori3-quote-list-table .table-container:before {
        background-color: var(--fiori-tertiary-btn-background-color);
        border: 1px solid #eeeeef !important;
        display: block;
        min-height: 2.7em;
    }

    .fiori3-quote-list-table .quote-data-cell .fiori3-icon-button {
        margin-left: 0;
    }
}
/* #endregion */

/* #region configurator container template */
.fiori3-attributes .fiori3-configuration-container-wrapper .fiori3-container-label {
    color: var(--secondary-text-color);
    font-size: 12px;
    padding-left: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 5px;
    width: 50%;
    float: left;
    border-bottom: none !important;
    margin-bottom: 0 !important;
}

.fiori3-container-label .label-range-hint-wrapper {
    position: relative;
    padding-right: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.fiori3-container-label label {
    margin-right: 10px;
    min-height: 20px;
    word-break: break-word;
    margin-bottom: 0;
}

.fiori3-container-label .label-hint-icon {
    position: absolute;
    right: 0;
    top: 1px;
    height: 13px;
}

    .fiori3-container-label .label-hint-icon .sap-icon {
        font-size: 14px;
        position: relative;
        bottom: 3px;
    }

.required-attribute::after {
    content: "*";
    font-size: 16px;
    color: var(--error-required-color);
    margin-left: 4px;
    margin-top: -2px;
}

.fiori3-configuration-container-table th .required-attribute::after {
    right: auto;
}

.fiori3-container-label .required {
    margin-right: 5px;
}

.fiori3-failed-validation.col-xs-12 {
    padding: 0;
}

.fiori3-failed-validation .alert {
    padding: 4px 15px;
}

.fiori3-container-actions {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 12px;
    padding-right: 0px
}

    .fiori3-container-actions > div {
        width: 100%;
    }

.fiori3-add-container-row {
    margin-bottom: 10px;
}

.fiori3-container-actions .fiori3-add-container-row .btn {
    font-size: 12px;
}

.fiori3-container-actions > div:nth-child(2) {
    padding-right: 15px !important;
}

.fiori3-check-clear-actions {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.fiori3-show-selected-rows {
    margin-bottom: 10px;
}

.fiori3-clear-sorting {
    margin-left: 16px;
    margin-bottom: 10px;
}

.fiori3-attributes .config-container {
    margin: 0 -16px;
}

.fiori3-attributes .popover {
    z-index: 1041;
}

.fiori3-configuration-container-table.fiori3-table {
    border: none;
    margin-bottom: 0;
    overflow: auto;
}

.fiori3-no-data-message {
    display: block;
    text-align: center;
    color: var(--secondary-text-color);
    margin: 30px 0;
    font-size: 13px;
}

.fiori3-label-in-dropdown {
    padding: 0 16px;
    padding-bottom: 5px;
    margin-bottom: 8px;
    font-size: 14px;
    color: var(--primary-text-color);
    border-bottom: 1px solid var(--primary-border-color);
}

.fiori3-master-file-name {
    padding: 0 16px;
    display: inline-block;
    margin-bottom: 18px;
    font-size: 14px;
}

.fiori3-list-in-dropdown {
    padding: 8px 16px 0;
}

    .fiori3-list-in-dropdown li {
        padding-bottom: 8px;
        word-break: break-all;
    }

#cartDocumentsContainer .popover {
    min-width: 200px;
}

.column-name-dropdown .flex {
    -webkit-align-items: center;
    align-items: center;
}

.column-name-dropdown .fiori3-icon-button {
    font-size: 14px;
    margin-left: 8px;
    line-height: 24px;
}

.fiori3-list-in-dropdown ul {
    list-style: none;
    padding: 0;
}

#cartDocumentsContainer .popover .arrow {
    display: none;
}

.cart-documents-file-names-popover {
    list-style: none;
    padding: 10px 0;
    margin-bottom: 0;
}

.fiori3-configuration-container-table .fiori3-sortable-display-icon .sortable-icon-position {
    position: absolute;
    right: 0;
    top: calc(50% - 8px);
    line-height: 1;
    cursor: pointer;
}

    .fiori3-configuration-container-table .fiori3-sortable-display-icon .sortable-icon-position:focus {
        outline: 2px solid var(--focus-border-and-outline-color);
    }

@media all and (max-width: 800px) {
    .fiori3-configuration-container-table tr {
        border: none !important;
    }
}

.fiori3-configuration-container-table .fiori3-sortable-display-icon span:first-child {
    padding-right: 20px;
    cursor: pointer;
}

.fiori3-configuration-container-table .fiori3-sortable-display-icon .sortable-icon-position.sorting::before,
.fiori3-configuration-container-table .fiori3-sortable-display-icon .sortable-icon-position.sorting_asc::before,
.fiori3-configuration-container-table .fiori3-sortable-display-icon .sortable-icon-position.sorting_desc::before {
    font-family: var(--icons-font);
    font-size: 14px;
    color: var(--main-link-and-icon-color);
}

.fiori3-configuration-container-table .fiori3-sortable-display-icon .sortable-icon-position.sorting::before {
    content: "\e095";
    opacity: 0;
}

.fiori3-configuration-container-table th:hover .fiori3-sortable-display-icon .sortable-icon-position.sorting::before,
.fiori3-configuration-container-table th .fiori3-sortable-display-icon .sortable-icon-position:focus.sorting::before {
    opacity: 1;
}

.fiori3-configuration-container-table .fiori3-sortable-display-icon .sortable-icon-position.sorting_desc::before {
    content: "\e1fc";
}

.fiori3-configuration-container-table .fiori3-sortable-display-icon .sortable-icon-position.sorting_asc::before {
    content: "\e1fd";
}

.fiori3-configuration-container-table .column-with-actions.show-all .fiori3-icon-button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0;
}

.fiori3-configuration-container-table ul.chckqty li {
    padding-bottom: 0;
    min-height: 27px;
}

    .fiori3-configuration-container-table ul.chckqty li label {
        margin-bottom: 0;
    }

.fiori3-configuration-container-table select.form-control {
    line-height: 24px;
}

.fiori3-configuration-container-table textarea.form-control {
    padding-top: 2px;
    min-height: 100px;
    min-width: 120px;
}

.fiori3-configuration-container-table th {
    font-size: 12px;
}

.fiori3-configuration-container-table td {
    color: var(--primary-text-color);
}

.fiori3-configuration-container-table .fiori3-container-row-selector {
    height: 27px;
    margin-bottom: 0;
    width: 16px;
}

    .fiori3-configuration-container-table .fiori3-container-row-selector.fiori3-checkbox-group input + span::before {
        top: 4px;
    }

.fiori3-configuration-container-table .select2-container .select2-selection--single {
    height: 27px;
}

.fiori3-configuration-container-table .select2-hidden-accessible,
.fiori3-items-table .select2-hidden-accessible {
    position: relative !important;
}

.fiori3-configuration-container-table .select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 27px;
    text-align: left;
    line-height: 24px;
}

.fiori3-configuration-container-table .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--fiori-input-placeholder-color);
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--fiori-input-placeholder-color);
}

.fiori3-configuration-container-table .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: none;
}

.fiori3-configuration-container-table .select2-container--default .select2-selection--single .select2-selection__arrow::after {
    content: "\e1e2";
    font-family: var(--icons-font);
    color: var(--main-link-and-icon-color);
    position: absolute;
    top: 4px;
    left: 0;
}

.fiori3-copy-row-modal label:not(.fiori3-checkbox-group) {
    border-bottom: 1px solid var(--primary-border-color);
    color: var(--secondary-text-color);
    font-size: 12px;
    margin-bottom: 15px;
}

.fiori3-copy-row-modal .ccontainer .fiori3-checkbox-group input {
    position: relative;
}

.fiori3-copy-row-modal .fiori3-btn-secondary {
    float: right;
    margin-right: 5px;
}

.fiori3-configuration-container-table .fiori3-input-group.listbox-options select {
    height: 100px;
    min-width: 120px;
}

.fiori3-configuration-container-table .read-only-container-cell,
.fiori3-configuration-container-table .currency-container-total-cell,
.fiori3-attributes .fiori3-input-group.currency input {
    text-align: right;
}

.fiori3-attributes .fiori3-configuration-container-table .fiori3-input-group input,
.fiori3-attributes .fiori3-configuration-container-table .fiori3-radio-button,
.fiori3-attributes .fiori3-configuration-container-table .fiori3-checkbox-group,
.fiori3-attributes .fiori3-configuration-container-table .fiori3-select-group select,
.fiori3-attributes .fiori3-configuration-container-table .select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 14px;
}

.fiori3-configuration-container-table .fiori3-checkbox-group input + span {
    color: var(--primary-text-color);
}

.container-header-label {
    display: none;
}


@media all and (max-width: 800px) {
    #no-more-tables .fiori3-configuration-container-table tr {
        border: 1px solid var(--primary-border-color) !important;
    }

    #no-more-tables .fiori3-configuration-container-table td {
        padding-left: 16px !important;
        text-align: left;
    }

    .container-responisve-row-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .container-header-label {
        display: block;
    }

    #no-more-tables .fiori3-configuration-container-table td::before {
        display: none !important;
    }
}

#containerActionsDropdown.fiori3-dropdown-menu li:focus {
    outline: 2px solid var(--focus-border-and-outline-color);
}

.fiori3-tab-list {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .fiori3-tab-list li {
        margin: 0;
    }

        .fiori3-tab-list li a {
            display: block;
            padding: 10px 12px;
            color: var(--secondary-text-color);
            text-decoration: none;
            font-weight: 400;
        }

        .fiori3-tab-list li.fiori3-tab-active a {
            color: var(--sap-icon-color);
            border-bottom: 2px solid var(--sap-icon-color);
        }

        .fiori3-tab-list li a:hover {
            color: var(--sap-icon-color);
        }

/* #endregion */

/* #region configurator responder */
.fiori3-responder-section-container {
    -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;
    background-color: var(--secondary-background-color);
    padding: 0;
}

.fixed-responder {
    position: -webkit-sticky;
    position: sticky;
    top: 68px;
    width: 33.333%;
    float: left;
}

.fiori3-responder-section-container {
    float: left;
    width: 100%;
}

@media (max-width: 1199px) and (min-width: 1024px) {
    .fiori3-responder-section-container.hide-responder {
        padding: 0;
    }
}

.fiori3-responder-section-container .fiori3-nav-tabs .li[id="conflictNumber"] {
    color: var(--error-required-color);
}

@media all and (min-width: 1200px) {
    #responderContainer {
        padding: 0;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }
}

.fixed-responder #responderContainer,
.fixed-responder #treeViewContainer,
.fixed-responder #conflictSummaryContainer {
    max-height: calc(100vh - 122px);
    overflow: auto;
    -webkit-overflow-scrolling: auto;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .fixed-responder #responderContainer,
    .fixed-responder #treeViewContainer,
    .fixed-responder #conflictSummaryContainer {
        max-height: calc(100vh - 186px);
    }
}

.fiori3-responder-table.fiori3-table {
    border: none;
    font-size: 13px;
}

    .fiori3-responder-table.fiori3-table th {
        background-color: transparent;
    }

#responderContainer:focus {
    outline: 2px solid var(--focus-border-and-outline-color);
}

/* No border left, right and bottom */
.fiori3-responder-table.fiori3-table th:first-child,
.fiori3-responder-table.fiori3-table td:first-child {
    border-left: none !important;
}

.fiori3-responder-table.fiori3-table th:last-child,
.fiori3-responder-table.fiori3-table td:last-child {
    border-right: none !important;
}

.fiori3-responder-table.table-hover tfoot th,
.fiori3-responder-table.table-hover tfoot td {
    border-bottom: none !important;
}
/* END */

.fiori3-responder-table th,
.fiori3-responder-table td {
    border: 1px solid var(--primary-border-color) !important;
}

.fiori3-responder-table td,
.fiori3-responder-table .responder-attribute {
    color: var(--primary-text-color);
}

.fiori3-responder-table .responder-values,
.fiori3-responder-table .responder-line-items {
    color: var(--primary-text-color);
}

.fiori3-responder-table.table-hover tr:nth-child(2n) th,
.fiori3-responder-table.table-hover tr:nth-child(2n) td,
.fiori3-responder-table.table-hover tr:nth-child(2n) th[colspan="3"],
.fiori3-responder-table.table-hover tr:nth-child(2n) td[colspan="3"],
.fiori3-responder-table.table-hover tr:nth-child(2n) th[colspan="3"]:hover,
.fiori3-responder-table.table-hover tr:nth-child(2n) td[colspan="3"]:hover {
    background-color: var(--secondary-background-color);
}

.fiori3-responder-table .info-label {
    min-height: inherit;
    padding: 0 10px;
    background: none;
}

    .fiori3-responder-table .info-label a {
        text-decoration: none;
    }

    .fiori3-responder-table .info-label span {
        cursor: pointer;
        font-size: 14px;
    }

.fiori3-responder-table .responder-attribute .popover .incomplete-popover-title {
    font-size: 13px;
    color: var(--primary-text-color);
    background-color: var(--fiori-tertiary-btn-background-color);
    padding: 8px 16px;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
}

.fiori3-responder-table .responder-attribute .popover .incomplete li {
    color: var(--warning-color);
}

.fiori3-responder-table .responder-attribute .popover .conflict-item > div:nth-child(1) {
    color: var(--primary-text-color);
    margin-bottom: 8px;
    color: var(--warning-color);
}

.fiori3-responder-table .responder-attribute .popover .conflict-item > div:nth-child(2) {
    color: var(--primary-text-color);
    margin-bottom: 8px;
}

.fiori3-responder-table.table-hover tfoot {
    background-color: var(--shellbar-background-color);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.fixed-responder .fiori3-responder-table.table-hover tfoot,
.fixed-responder .fiori3-responder-table.table-hover tfoot th,
.fixed-responder .fiori3-responder-table.table-hover tfoot td {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    background-color: var(--shellbar-background-color);
}

.fiori3-responder-table.table-hover tfoot tr:hover {
    background-color: transparent;
}

.fiori3-responder-table.table-hover tfoot td {
    color: var(--white-text-color);
}

#treeViewContainerStyle {
    background-color: transparent;
    padding: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.fiori3-responder-section-container .config-tree-parent {
    margin: 0;
    border-bottom: none;
}

    .fiori3-responder-section-container .config-tree-parent #configTreeParent {
        width: 100%;
        padding: 0 16px;
        color: var(--primary-text-color) !important;
        background-color: var(--fiori-tertiary-btn-background-color);
    }

.fiori3-responder-section-container .selectedCat {
    background-color: var(--selected-category-background-color) !important;
    color: var(--primary-text-color);
}

.fiori3-responder-section-container #treeViewContainerStyle .navCat {
    max-height: inherit !important;
    font-size: 13px;
}

    .fiori3-responder-section-container #treeViewContainerStyle .navCat:first-child {
        margin-left: 0;
    }

.fiori3-responder-section-container .navCat li {
    padding: 0;
    border-bottom: 1px solid var(--primary-border-color);
    position: relative;
    margin-bottom: 0;
}

.fiori3-responder-section-container .navCat .tree-view-icons {
    position: absolute;
    top: 11px;
    left: 24px;
}

.fiori3-responder-section-container .navCat.nav-cat-child li {
    padding-left: 0px;
    border-bottom: none;
    margin-left: 7px;
}

.fiori3-responder-section-container .navCat li .categoryName {
    width: calc(100% - 32px) !important;
}

.fiori3-responder-section-container #treeViewContainerStyle .categoryName {
    border-bottom: none;
    width: auto;
    padding: 10px 26px;
    margin-left: 16px;
    color: var(--primary-text-color);
    border: 2px solid transparent;
}

.fiori3-responder-section-container .config-tree-parent a {
    border: 2px solid transparent;
}

    .fiori3-responder-section-container .categoryName:focus,
    .fiori3-responder-section-container .config-tree-parent a:focus {
        outline: none;
        border: 2px solid var(--focus-border-and-outline-color) !important;
    }

.fiori3-responder-section-container .label-incomplete {
    color: var(--error-required-color) !important;
}

.categories-tree {
    margin-left: 0;
}

/* #region configurator conflicts */

#conflictSummaryContainerStyle {
    padding: 0;
}

.conflictSummaryContainerStyle .conflict-item-toggle {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: normal;
    font-family: var(--icons-font);
    font-size: 18px;
    color: var(--main-link-and-icon-color);
    cursor: pointer;
    -webkit-transition: transform 300ms ease-in-out;
    -o-transition: transform 300ms ease-in-out;
    -webkit-transition: -webkit-transform 300ms ease-in-out;
    transition: -webkit-transform 300ms ease-in-out;
    transition: transform 300ms ease-in-out;
    transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.conflictSummaryContainerStyle .rotated-conflict-item-toggle {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.conflictSummaryContainerStyle .conflictItem:first-child {
    margin-top: unset;
}

.conflictSummaryContainerStyle .conflictItem {
    margin-top: 10px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}

.conflictItemPopover {
    margin: 5px;
    word-break: break-word;
}

.conflictSummaryContainerStyle .conflictName {
    background-color: #EDEFF0;
    border: none;
    color: var(--primary-text-color);
    padding: 8px 16px;
    font-weight: bold;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}

.conflictSummaryContainerStyle .conflictAttributes {
    background-color: var(--fiori-tertiary-btn-background-color);
    border: none;
    color: var(--primary-text-color);
    padding: 8px 16px;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.conflictSummaryContainerStyle .conflictingAttributes {
    overflow: hidden;
    max-height: 0;
    transition: max-height 500ms ease;
    -webkit-transition: max-height 500ms ease;
    -o-transition: max-height 500ms ease;
}

.conflictSummaryContainerStyle .conflictingAttributes.expanded {
    overflow: hidden;
    max-height: 1000px; 
    transition: max-height 500ms ease;
    -webkit-transition: max-height 500ms ease;
    -o-transition: max-height 500ms ease;
}

.conflictSummaryContainerStyle .conflictExplanation {
    border: none;
    padding: 8px 16px;
    font-size: 13px;
    color: var(--primary-text-color);
}

.conflictSummaryContainerStyle .conflictAttributeName {
    border: none;
    padding: 8px 16px;
    font-size: 13px;    
}

.conflictSummaryContainerStyle .conflictAttributeName span {
    color: var(--main-link-and-icon-color);
    cursor: pointer;
}

.conflictSummaryContainerStyle .conflictAttributeName .sap-icon {
   margin: 3px;
}

.conflictSummaryContainerStyle .attributeName {
    background-color: var(--fiori-tertiary-btn-background-color);
    border: none;
    color: var(--primary-text-color);
    padding: 8px 16px;
}

.conflictSummaryContainerStyle .conflictMessage {
    border: none;
    padding: 8px 16px;
    font-size: 13px;
    color: var(--primary-text-color);
}

.fiori3-configuration-summary-modal .fiori3-responder-section-container,
.fiori3-configuration-tree-modal .fiori3-responder-section-container {
    box-shadow: none;
}

.fiori3-configuration-summary-modal .modal-body,
.fiori3-configuration-tree-modal .modal-body {
    padding: 0;
}

.fiori3-configuration-summary-modal .modal-footer,
.fiori3-configuration-tree-modal .modal-footer {
    padding: 0 16px;
}

.fiori3-responder-show-prices-toggle {
    padding: 15px;
    border-top: 1px solid var(--primary-border-color);
}
/* #endregion */

/* #endregion */

/* #region configurator actions */
.fiori3-configurator-page-container.user-page-container {
    position: absolute;
    top: 48px;
    width: calc(100vw - 82px);
    padding-bottom: 20px;
}

@media all and (max-width: 800px) {
    .fiori3-configurator-page-container.user-page-container {
        width: 100%;
    }
}


.fiori3-configurator-wrapper.col-md-8 {
    padding: 0;
    width: 100%;
}

@media all and (min-width: 1024px) {
    .fiori3-configurator-wrapper.col-md-8 {
        padding-right: 15px;
        width: 66.66666667%;
    }
}

.fiori3-configurator-section-container {
    -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;
    background-color: var(--secondary-background-color);
}

.fiori3-breadcrumbs-container {
    padding: 0;
}

@media all and (min-width: 1024px) {
    .fiori3-breadcrumbs-container {
        padding-right: 15px;
        padding-bottom: 0;
    }
}

.fiori3-breadcrumbs-container .breadcrumb {
    background-color: var(--secondary-background-color);
    padding-left: 16px;
    padding-top: 13px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    font-size: 12px;
    padding-bottom: 4px;
}

.fiori3-configurator-section-container .fiori3-conftop {
    background-color: var(--secondary-background-color);
    padding: 0 16px;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

@supports (-ms-ime-align: auto) {
    .fiori3-configurator-section-container .fiori3-conftop {
        border-radius: 0 !important;
    }
}

.fiori3-conftop .product-name {
    font-size: 16px;
    background-color: transparent;
    border-bottom: none;
    padding: 8px 8px 10px 0;
    margin: 0 0 10px 0;
}

.fiori3-conftop .alert {
    padding: 5px 15px;
}

.fiori3-conftop .fiori3-alert-warning {
    margin: 0;
}

    .fiori3-conftop .fiori3-alert-warning ul {
        list-style: none;
        padding-left: 20px;
    }

.fiori3-product-status {
    max-width: 500px;
}

    .fiori3-product-status .info-label {
        padding: 0;
        display: block;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: transparent;
        padding-top: 4px;
        width: auto !important;
        margin-top: 0;
    }

    .fiori3-product-status .btn {
        height: 18px;
        font-size: 11px;
        margin-top: 3px;
        border-radius: 2px;
    }

.show-incomplete {
    border-color: var(--error-required-color) !important;
    color: var(--error-required-color) !important;
    background-color: transparent !important;
}

    .show-incomplete:hover {
        border-color: var(--error-required-hover-color) !important;
        color: var(--error-required-hover-color) !important;
    }

.fiori3-product-status .fiori3-btn-primary.label-complete,
.fiori3-product-status .fiori3-btn-primary.label-incomplete {
    color: var(--white-text-color);
    background-color: var(--success-color);
    border-color: transparent;
    line-height: 16px;
}

    .fiori3-product-status .fiori3-btn-primary.label-complete:hover {
        background-color: var(--success-hover-color);
    }

.fiori3-product-status .fiori3-btn-primary.label-incomplete {
    background-color: var(--error-required-color);
}

    .fiori3-product-status .fiori3-btn-primary.label-incomplete:hover {
        background-color: var(--error-required-hover-color);
    }

.fiori3-product-status .label-incomplete > span,
.fiori3-product-status .label-complete > span {
    font-size: 11px;
}

.fiori3-product-status .has-incomplete-children {
    display: none;
}

.fiori3-configurator-main-actions .btn {
    margin-right: 8px;
}

.fiori3-favorites-icon .sap-icon {
    color: var(--main-link-and-icon-color);
    font-size: 18px;
}

.fiori3-configurator {
    margin-top: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.fiori3-actions-and-status-wrapper {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.fiori3-configurator-actions {
    width: auto;
    margin-left: auto;
}

.fiori3-configurator-main-actions {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .fiori3-configurator-main-actions .btn {
        margin-bottom: 10px;
        width: auto;
    }

.fiori3-favorites-icon {
    margin: 0;
}

    .fiori3-favorites-icon a {
        padding: 0;
        margin-left: 14px;
    }

.fiori3-configurator-actions .fiori3-configurator-side-actions {
    width: 100% !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    box-shadow: none;
    justify-content: end;
}

@media all and (min-width: 1023px) {
    .fiori3-configurator-actions .fiori3-configurator-side-actions {
        display: none !important;
    }
}

.fiori3-configurator-actions .label-incomplete .sap-icon {
    color: var(--warning-color);
}

.fiori3-configurator-side-actions label {
    text-transform: none;
    font-size: 14px;
    display: inline-block;
    margin-bottom: 0;
    margin-right: 5px;
}

.fiori3-configurator-side-actions a {
    margin-right: 15px;
    text-decoration: none;
}

.fiori3-configurator-main-actions .favorites-icons a {
    width: 32px;
    height: 26px;
    display: inline-block;
    text-align: center;
    font-size: 18px;
}

    .fiori3-configurator-side-actions a:hover {
        color: var(--sap-icon-color);
    }

.fiori3-configurator-side-actions div:last-child a {
    margin-right: 0;
}

.fiori3-configurator-side-actions span {
    font-size: 14px;
}

.fiori3-configurator-side-actions .configTreeLabel {
    line-height: inherit;
}

.fiori3-configurator .fiori3-nav-tabs-container {
    position: relative;
    height: 35px;
    border-bottom: 1px solid var(--primary-border-color);
}

.fiori3-configurator .fiori3-nav-tabs {
    position: absolute;
    width: 100%;
    padding-right: 35px;
}

    .fiori3-configurator .fiori3-nav-tabs li.tabdrop {
        position: absolute;
        right: 10px;
    }


    .fiori3-configurator .fiori3-nav-tabs li a {
        padding-top: 7px;
    }

    .fiori3-configurator .fiori3-nav-tabs li.requiredtab.active {
        border-bottom: 2px solid var(--error-required-color);
    }

    .fiori3-configurator .fiori3-nav-tabs li.requiredtab:hover {
        border-color: var(--error-required-hover-color);
    }

    .fiori3-configurator .fiori3-nav-tabs li.requiredtab a {
        color: var(--error-required-color) !important;
    }

    .fiori3-configurator .fiori3-nav-tabs li.conflictedTab.active {
        border-bottom: 2px solid var(--warning-color);
    }

    .fiori3-configurator .fiori3-nav-tabs li.conflictedTab:hover {
        border-color: var(--warning-color);
    }

    .fiori3-configurator .fiori3-nav-tabs li.conflictedTab a {
        color: var(--warning-color) !important;
    }

    .fiori3-configurator .fiori3-nav-tabs li {
        margin-right: 0;
    }

    .fiori3-configurator .fiori3-nav-tabs .dropdown-menu li {
        margin-left: 0 !important;
    }
/* #endregion */

/* #region configurator templates */
.fiori3-attributes {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .fiori3-attributes:focus,
    .fiori3-nav-tabs-container {
        outline: none;
    }

        .fiori3-nav-tabs-container .tabdrop a:focus {
            outline: 2px solid var(--focus-border-and-outline-color);
            outline-offset: 0;
        }

    .fiori3-attributes [class|=col] .fiori3-container-label {
        color: var(--secondary-text-color);
        font-size: 15px;
        margin-bottom: 7px;
    }

        .fiori3-attributes [class|=col] .fiori3-container-label > label {
            margin-bottom: 4px !important;
        }

    .fiori3-attributes [class|=col] {
        margin: 0;
        padding: 16px 16px 20px;
        background-color: var(--secondary-background-color);
    }

    .fiori3-attributes .fiori3-input-group input,
    .fiori3-attributes .fiori3-radio-button,
    .fiori3-attributes .fiori3-checkbox-group,
    .fiori3-attributes .fiori3-select-list option,
    .fiori3-attributes .fiori3-checkbox-template .qty,
    .fiori3-attributes .fiori3-select-group select,
    .fiori3-drill-down .fiori3-alert-info,
    .fiori3-drill-down .fiori3-alert-danger,
    .fiori3-drill-down .fiori3-input-group select {
        font-size: 14px;
    }

    .fiori3-attributes .fiori3-checkbox-template {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 8px;
    }

        .fiori3-attributes .fiori3-checkbox-template .checkboxes {
            display: block;
            float: left;
            margin-bottom: 5px;
        }

        .fiori3-attributes .fiori3-checkbox-template .quantity {
            float: right;
            margin-left: auto !important;
            margin-bottom: 0 !important;
        }

        .fiori3-attributes .fiori3-checkbox-template .fiori3-checkbox-group {
            margin-bottom: 0;
        }

            .fiori3-attributes .fiori3-checkbox-template .fiori3-checkbox-group input + span::before {
                width: 18px;
                height: 18px;
            }

            .fiori3-attributes .fiori3-checkbox-template .fiori3-checkbox-group input:checked + span::before {
                line-height: 18px;
            }

            .fiori3-attributes .fiori3-checkbox-template .fiori3-checkbox-group input + span,
            .fiori3-attributes .fiori3-checkbox-template .input-group span {
                color: var(--primary-text-color);
            }

        .fiori3-attributes .fiori3-checkbox-template .qty span {
            height: 26px;
            line-height: 26px;
            padding: 0;
        }

    .fiori3-attributes .fiori3-input-group.qty span {
        height: 26px;
        width: 50px;
        min-width: 50px;
        padding: 0;
        line-height: 24px;
        font-size: 12px;
        border-color: var(--input-border-color);
    }

    .fiori3-attributes .fiori3-input-group.currency span {
        height: 26px;
        width: auto;
        min-width: 38px;
        padding: 0 6px;
        line-height: 24px;
        font-size: 12px;
        border-color: var(--input-border-color);
    }

    .fiori3-attributes .validationMessage {
        color: var(--error-required-color);
        font-weight: normal;
    }

    .fiori3-attributes .fiori3-input-group.qty input[type="text"] {
        border-color: var(--input-border-color);
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }

    .fiori3-attributes .fiori3-input-group.currency input[type="text"] {
        border-color: var(--input-border-color);
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
        width: 100%;
        min-width: 60px;
    }

    .fiori3-attributes .select2-container .select2-selection--single {
        height: 27px;
    }

        .fiori3-attributes .select2-container .select2-selection--single .select2-selection__rendered {
            padding-right: 27px;
            text-align: left;
            line-height: 24px;
            font-size: 12px;
        }

    .fiori3-attributes .select2-container--default .select2-selection--single .select2-selection__placeholder {
        color: var(--fiori-input-placeholder-color);
    }

    .fiori3-attributes .select2-container--default .select2-selection--single .select2-selection__arrow b {
        border: none;
    }

    .fiori3-attributes .select2-container--default .select2-selection--single .select2-selection__arrow::after {
        content: "\e1e2";
        font-family: var(--icons-font);
        color: var(--main-link-and-icon-color);
        position: absolute;
        top: 4px;
        left: 0;
    }

    .fiori3-attributes .select2-container--default .select2-selection--single: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);
    }

    .fiori3-attributes .fiori3-file-upload .uneditable-input,
    .fiori3-attributes .fiori3-configuration-upload .uneditable-input {
        height: 27px;
        border: 1px solid var(--input-border-color);
        color: var(--primary-text-color);
        padding: 0 6px;
        line-height: 23px;
    }

        .fiori3-attributes .fiori3-file-upload .uneditable-input:hover,
        .fiori3-attributes .fiori3-configuration-upload .uneditable-input:hover {
            border-color: var(--focus-border-and-outline-color) !important;
            color: var(--primary-text-color);
            -webkit-box-shadow: none !important;
            box-shadow: none !important;
        }

    .fiori3-attributes .fiori3-file-upload .sap-icon,
    .fiori3-attributes .fiori3-configuration-upload .sap-icon {
        color: var(--main-link-and-icon-color);
    }

    .fiori3-attributes .fiori3-file-upload .fileupload-preview,
    .fiori3-attributes .fiori3-configuration-upload .fileupload-preview {
        font-size: 12px;
    }

    .fiori3-attributes .fiori3-configuration-upload .btn-default:hover {
        z-index: 0;
    }

    .fiori3-attributes .fiori3-file-upload .input-group-btn {
        border: 1px solid var(--primary-border-color);
        border-left: none;
        border-bottom-right-radius: 4px;
        border-top-right-radius: 4px;
    }

        .fiori3-attributes .fiori3-file-upload .input-group-btn .btn-default {
            height: 25px;
            padding: 0 12px;
            line-height: 25px;
            background-color: transparent;
            background: none;
        }

    .fiori3-attributes .fiori3-thumbnails {
        clear: both;
    }

    .fiori3-attributes [class|=col] .fiori3-thumbnails .img-thumbnail,
    .fiori3-attributes .g4 .fiori3-thumbnails .img-thumbnail {
        border: 1px solid transparent;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }

    .fiori3-attributes [class|=col] .fiori3-thumbnails .img-thumbnail {
        max-width: 150px;
        font-size: 12px;
        border-radius: 0;
    }

    .fiori3-attributes .fiori3-thumbnails .img-thumbnail .img-responsive {
        max-width: 100%;
    }

    .fiori3-attributes .fiori3-thumbnails .img-thumbnail:hover,
    .fiori3-attributes .fiori3-thumbnails .img-thumbnail.selectedImage {
        border: 1px solid var(--main-link-and-icon-color);
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .fiori3-attributes .fiori3-thumbnails .img-thumbnail.selectedImage {
        border-width: 2px;
    }

    .fiori3-attributes .fiori3-thumbnails .selectedDisabledImage {
        border-color: var(--primary-border-color);
    }

    .fiori3-attributes .fiori3-select-list {
        height: auto;
        overflow-y: auto;
        padding: 6px 8px;
    }

        .fiori3-attributes .fiori3-select-list option {
            margin-bottom: 3px;
            padding: 1px 2px;
        }

            .fiori3-attributes .fiori3-select-list option:hover {
                background-color: var(--primary-background-color);
            }

    .fiori3-attributes .fiori3-qty-input {
        margin-left: auto !important;
    }

.fiori3-drill-down h4,
.fiori3-drill-down .fiori3-drill-down-template .drilldown-template-label {
    border-bottom: 1px solid var(--primary-border-color);
    margin-top: 0;
    margin-bottom: 15px;
    line-height: 21px;
    font-size: 12px;
}

.fiori3-drill-down .label {
    display: inline-block;
    font-weight: normal;
    border-radius: 2px;
    margin-bottom: 10px;
}

.fiori3-drill-down .fiori3-drill-down-template {
    padding: 0 10px;
}

    .fiori3-drill-down .fiori3-drill-down-template .fiori3-thumbnails li {
        margin-top: 0;
        margin-bottom: 10px;
    }

.fiori3-drill-down .fiori3-alert-danger {
    align-items: center;
}

    .fiori3-drill-down .fiori3-alert-danger .sap-icon,
    .fiori3-drill-down .fiori3-alert-info .sap-icon {
        margin-right: 16px;
        font-size: 14px;
    }

.fiori3-attributes .fiori3-file-upload .uneditable-input {
    border-radius: 4px;
}

.fiori3-attributes .fiori3-configuration-upload .input-group-btn .btn-default {
    height: 27px;
    padding: 0 12px;
    line-height: 27px;
    background-color: transparent;
    background: none;
}

.fiori3-upload-configuration .download-template-btn {
    height: 27px;
    width: 40px;
    padding-top: 3px;
    z-index: 1 !important;
    border: 1px solid var(--primary-border-color);
    margin-right: 10px;
    background-color: var(--secondary-background-color);
    color: var(--main-link-and-icon-color);
    margin-bottom: 5px;
}

.fiori3-upload-configuration .fiori3-configuration-upload .input-group-btn,
.fiori3-attributes .fiori3-file-upload .input-group-btn {
    border: none;
}

    .fiori3-attributes .fiori3-file-upload .input-group-btn .btn-file {
        margin-left: 5px;
    }

    .fiori3-upload-configuration .fiori3-configuration-upload .input-group-btn .btn-file,
    .fiori3-attributes .fiori3-file-upload .input-group-btn .btn-file {
        height: 27px;
        padding-top: 1px;
        z-index: 1 !important;
        border: 1px solid var(--input-border-color);
    }

    .fiori3-attributes .fiori3-file-upload .input-group-btn .remove-upload-btn,
    .fiori3-attributes .fiori3-file-upload .input-group-btn .download-file-btn {
        border: 1px solid var(--primary-border-color);
        height: 27px;
        margin-left: 5px;
        border-radius: 4px !important;
    }

.fiori3-upload-configuration .fiori3-configuration-upload .form-control {
    border-radius: 4px;
}

.fiori3-upload-configuration .fiori3-configuration-upload .apply-template-btn,
.fiori3-upload-configuration .fiori3-configuration-upload .input-group-btn .btn-file {
    margin-left: 5px;
    border-radius: 4px !important;
}

.fiori3-upload-configuration .fiori3-configuration-upload .input-group-btn.fileupload-exists a {
    display: inline-block;
    margin-left: 5px;
}

.fiori3-attributes .input-group-btn input[type="file"] {
    position: absolute;
    top: 0;
    left: 7px;
    margin: 0;
    opacity: 0;
    transform: none;
    font-size: 0;
    direction: ltr;
    cursor: pointer;
    z-index: 2;
    width: 35px;
    height: 25px;
}

.fiori3-upload-configuration .download-template-btn:hover,
.fiori3-upload-configuration .fiori3-configuration-upload input[type="file"]:hover ~ .btn-file,
.fiori3-upload-configuration .fiori3-configuration-upload .input-group-btn.fileupload-exists a:hover,
.fiori3-upload-configuration .fiori3-configuration-upload .input-group-btn .apply-template-btn:hover,
.fiori3-attributes .fiori3-file-upload .input-group-btn .remove-upload-btn:hover,
.fiori3-attributes .fiori3-file-upload .input-group-btn .download-file-btn:hover,
.fiori3-attributes .fiori3-file-upload .input-group-btn input[type="file"]:hover ~ .btn-file {
    border-color: var(--focus-border-and-outline-color);
}

.fiori3-upload-configuration .fiori3-configuration-upload .input-group-btn input[type="file"]:focus ~ .btn-file,
.fiori3-attributes .fiori3-file-upload .input-group-btn input[type="file"]:focus ~ .btn-file {
    border-color: var(--focus-border-and-outline-color) !important;
    -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;
}

.fiori3-attributes .fiori3-configurator-upload-label {
    color: var(--secondary-text-color);
    font-size: 12px;
    border-bottom: 1px solid var(--primary-border-color);
    padding-bottom: 4px;
    margin-bottom: 15px;
}

    .fiori3-attributes .fiori3-configurator-upload-label ~ form > .fiori3-icon-button {
        padding: 0;
        padding-left: 7px;
        margin: 0;
        margin-right: 10px;
        margin-bottom: 10px;
    }

.fiori3-attributes .fiori3-configuration-upload .input-group-btn .apply-template-btn {
    color: var(--primary-text-color);
    font-size: 12px;
    line-height: 23px;
}

.fiori3-attributes .fiori3-select-group select {
    line-height: 25px;
}

.fiori3-attributes .fiori3-upload-configuration {
    padding: 0 20px;
    width: 100%;
    margin-top: 20px;
    z-index: 1;
}

.fiori3-attributes .fiori3-radio-button input[type="radio"]:focus ~ span:before {
    border: 1px solid var(--focus-border-and-outline-color);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2) !important;
}

.fiori3-attributes .popover {
    z-index: 1041;
}

.fiori3-attributes .fiori3-input-group.date-field span.btn-default {
    color: var(--main-link-and-icon-color);
}

    .fiori3-attributes .fiori3-input-group.date-field span.btn-default:hover {
        border-color: var(--focus-border-and-outline-color);
    }

.full-width-attribute .fiori3-input-group,
.full-width-attribute .select2.select2-container.select2-container--default,
.full-width-attribute .fiori3-file-upload,
.full-width-attribute .fiori3-chckqty-wrapper {
    width: 100% !important;
}

@media all and (min-width: 768px) {
    .full-width-attribute .fiori3-input-group,
    .full-width-attribute .select2.select2-container.select2-container--default,
    .full-width-attribute .fiori3-file-upload,
    .full-width-attribute .fiori3-chckqty-wrapper {
        width: 50% !important;
    }
}

@media all and (min-width: 992px) {
    .full-width-attribute .fiori3-input-group,
    .full-width-attribute .select2.select2-container.select2-container--default,
    .full-width-attribute .fiori3-file-upload,
    .full-width-attribute .fiori3-chckqty-wrapper {
        width: 40% !important;
    }
}

.fiori3-input-group.multiline-textbox {
    width: 100% !important;
}

    .full-width-attribute .fiori3-input-group.multiline-textbox textarea,
    .fiori3-input-group.multiline-textbox textarea {
        min-height: 62px;
        height: auto;
        width: 40%;
        min-width: 40%;
        max-width: 100%;
        resize: both;
        /* For FF to match exact row value to height */
        overflow-x: hidden;
    }

    .fiori3-input-group.multiline-textbox textarea {
        width: 100%;
        min-width: 100%;
    }

.fiori3-chckqty-wrapper .quantity.fiori3-input-group,
.fiori3-chckqty-wrapper .fiori3-input-group.fiori3-qty-input {
    width: auto !important;
}

.fiori3-configurator-view {
    position: relative;
}

    .fiori3-configurator-view .tabdrop-cover {
        height: calc(100% - 80px);
        width: 100%;
        position: absolute;
        background-color: var(--secondary-background-color);
    }

    .fiori3-configurator-view .bottomnav {
        padding: 0 20px;
        margin-bottom: 20px;
    }

        .fiori3-configurator-view .bottomnav .btn {
            line-height: 22px;
        }

            .fiori3-configurator-view .bottomnav .btn.disabled {
                cursor: not-allowed;
                pointer-events: auto;
            }

            .fiori3-configurator-view .bottomnav .btn:first-child {
                margin-right: 10px;
            }

        .fiori3-configurator-view .bottomnav .sap-icon {
            font-size: 12px;
        }

        .fiori3-configurator-view .bottomnav .btn:first-child .sap-icon {
            margin-right: 8px;
        }

        .fiori3-configurator-view .bottomnav .btn:last-child .sap-icon {
            margin-left: 8px;
        }

/* #endregion */

/* #region guest login dialog */
.fiori3-guest-login-dialog .modal-body {
    padding: 20px 35px;
}

.fiori3-guest-login-dialog .col-md-12 {
    padding: 0;
}

.fiori3-guest-login-dialog .form-group {
    margin-bottom: 0;
}

.fiori3-guest-login-dialog .center {
    margin-bottom: 10px;
}

.fiori3-guest-login-dialog .modal-footer {
    padding-top: 20px;
}
/* #endregion */

/* #region items table column freeze */
.fiori3-items-table-sticky .search-items-sticky {
    z-index: 3;
}

@media all and (max-width: 800px) {
    .fiori3-items-table td.item-actions-sticky {
        min-height: 40px
    }

        .fiori3-items-table td.item-actions-sticky .manage-items .fiori3-checkbox-group input + span {
            top: 15px;
        }
}

@media all and (min-width: 801px) {
    .fiori3-items-table-sticky .fiori3-table {
        margin-left: -1px;
    }

    .manage-items-sticky, .search-items-sticky, .item-actions-sticky, .item-column-sticky {
        position: -webkit-sticky !important;
        position: sticky !important;
        z-index: 1;
        background-clip: padding-box;
    }

    .manage-items-sticky, .item-actions-sticky, .search-items-sticky {
        background-color: var(--fiori-tertiary-btn-background-color);
        position: -webkit-sticky !important;
        position: sticky !important;
        left: 0;
        min-width: 132px;
    }

    .item-actions-sticky, .item-column-sticky {
        background-color: var(--secondary-background-color);
    }

        .item-actions-sticky .column-with-actions {
            flex: 1;
            text-align: right;
        }

    .search-items-sticky,
    .item-column-sticky,
    .subscriptionTable .search-items-sticky,
    .subscriptionTable .item-column-sticky {
        left: 132px;
    }

    .subscriptionTable .search-items-header-view-mode {
        left: 65px !important;
    }

    .subscriptionTable td.item-actions-sticky.no-reorder {
        padding-left: 40px !important;
    }

    .subscriptionTable td.item-actions-sticky.new-quote-manage-items-width.no-reorder.no-delete {
        max-width: 65px;
        min-width: 65px !important;
        padding-left: 0px !important;
    }

    .subscriptionTable th.manage-items.manage-items-sticky.no-reorder {
        padding-right: 45px !important;
    }

        .subscriptionTable th.manage-items.manage-items-sticky.no-reorder.no-delete {
            max-width: 65px;
            min-width: 65px;
        }

    .search-items-sticky.no-reorder,
    .item-column-sticky.no-reorder {
        left: 95px;
    }

    .search-items-sticky.no-delete,
    .item-column-sticky.no-delete {
        left: 102px;
    }

    .search-items-sticky.no-reorder.no-delete,
    .item-column-sticky.no-reorder.no-delete {
        left: 65px;
    }

    .item-first-column-view-mode {
        left: 0px;
        position: sticky;
        background-color: var(--secondary-background-color);
    }

    .item-actions-sticky.no-reorder-manage-items,
    .new-quote-manage-items-width {
        width: auto;
        min-width: 0;
    }

    .fiori3-items-table-sticky.reorder-no-delete .item-actions-sticky,
    .fiori3-items-table-sticky.reorder-no-delete .manage-items-sticky {
        min-width: 102px;
    }

    .fiori3-items-table-sticky.no-reorder.no-delete .item-actions-sticky,
    .fiori3-items-table-sticky.no-reorder.no-delete .manage-items-sticky {
        min-width: 65px;
    }

    .fiori3-items-table.fiori3-items-table-sticky .view-mode-sticky-edge,
    .fiori3-items-table.fiori3-items-table-sticky .manage-items-sticky.view-mode-sticky {
        min-width: 65px;
        width: 65px;
    }

    .fiori3-items-table-sticky.no-reorder .item-actions-sticky,
    .fiori3-items-table-sticky.no-reorder .manage-items-sticky {
        min-width: 95px;
    }

    .fiori3-items-table-sticky .fiori3-table tr:first-child th:first-child::after,
    .fiori3-items-table-sticky .fiori3-table tr:first-child th:nth-child(2)::after,
    .fiori3-items-table-sticky .fiori3-table td:first-child::after,
    .fiori3-items-table-sticky .fiori3-table td:nth-child(2)::after,
    .fiori3-items-table-sticky .fiori3-table th:first-child::before,
    .fiori3-items-table-sticky .fiori3-table th:nth-child(2)::before,
    .fiori3-items-table-sticky .fiori3-table td:first-child::before,
    .fiori3-items-table-sticky .fiori3-table td:nth-child(2)::before {
        content: '';
        position: absolute;
        top: 0;
        right: -1px;
        height: 100%;
        width: 1px;
        background-color: var(--primary-border-color);
        z-index: 3;
    }

    .fiori3-items-table-sticky .fiori3-table tr:nth-child(1) th:first-child::after,
    .fiori3-items-table-sticky .fiori3-table tr:nth-child(1) th:nth-child(2)::after {
        right: unset;
        left: -1px;
    }

    .fiori3-items-table-sticky .fiori3-table tr:nth-child(1) th:nth-child(3) {
        position: relative;
    }

    .fiori3-items-table-sticky .fiori3-table tr:first-child th:nth-child(3)::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 1px;
        background-color: var(--primary-border-color);
        z-index: 1;
    }

    .fiori3-items-table:not(.subscriptionTable) thead tr:nth-child(1) th:nth-child(3)::before {
        top: -1px;
    }

    .fiori3-items-table-sticky .fiori3-table th:first-child::before,
    .fiori3-items-table-sticky .fiori3-table td:first-child::before {
        right: initial;
        left: -1px;
    }

    .fiori3-items-table-sticky .fiori3-table th:nth-child(2)::before,
    .fiori3-items-table-sticky .fiori3-table td:nth-child(2)::before {
        left: -1px;
        right: initial;
    }

    .fiori3-items-table-sticky .fiori3-table th:first-child::before {
        background-color: var(--primary-border-color) !important;
    }

    .system-list-dark::before {
        width: 4px !important;
        background-color: var(--system-list-dark-color) !important;
    }

    .system-list-light::before {
        width: 4px !important;
        background-color: var(--system-list-light-color) !important;
    }

    .fiori3-items-table-sticky .fiori3-table thead tr:hover {
        background-color: transparent;
    }

    .fiori3-items-table-sticky .fiori3-table tbody tr:hover .item-actions-sticky,
    .fiori3-items-table-sticky .fiori3-table tbody tr:hover .item-actions-sticky::before,
    .fiori3-items-table-sticky .fiori3-table tbody tr:hover .item-column-sticky {
        background-color: var(--tertiary-background-color) !important;
    }

    .fiori3-items-table-sticky .fiori3-table tbody tr:hover .system-list-light::before {
        width: 4px !important;
        background-color: var(--system-list-light-color) !important;
    }

    .fiori3-items-table-sticky .fiori3-table tbody tr:hover .system-list-dark::before {
        width: 4px !important;
        background-color: var(--system-list-dark-color) !important;
    }

    .fiori3-quote-list-filter-editor .quote-list-tab-footer .btn-tertiary {
        line-height: 20px;
    }

    /* for quote2 */
    .new-quote-item-column-sticky {
        left: 65px;
    }

    .subscriptionTable .new-quote-item-column-sticky {
        left: 135px;
    }

    .new-quote-item-actions-sticky {
        left: 135px;
    }

    .item-column-sticky.no-delete.view-mode-sticky,
    .search-items-sticky.no-delete.view-mode-sticky,
    .new-quote-item-column-sticky.no-reorder.no-delete.view-mode-sticky,
    .new-quote-item-column-sticky.view-mode-sticky {
        left: 65px;
    }

    .fiori3-items-table-sticky.subscriptionTable .new-quote-item-column-sticky.view-mode-sticky {
        left: 33px;
    }

    .no-first-column-sticky {
        left: 0 !important;
    }

    .fiori3-quote2-table .item-actions-sticky,
    .fiori3-quote2-table .manage-items-sticky {
        min-width: 135px;
    }

    .view-mode-actions {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .manage-items .fiori3-icon-button {
        margin: 0;
    }

    /* different sticky position for EDGE  */
    @supports (-ms-ime-align:auto) {
        .no-reorder:not(.new-quote-manage-items-width) {
            left: 94.5px;
        }

        .new-quote-manage-items-width {
            width: 64.8px;
            min-width: 64.8px;
        }

            .new-quote-manage-items-width.view-mode-sticky-edge {
                width: 33px;
                min-width: 33px;
            }
    }

    /* thead freeze */

    .fiori3-items-table:not(.subscriptionTable) {
        max-height: 640px;
        overflow-y: auto;
    }

    @media all and (max-height: 750px) {
        .fiori3-items-table:not(.subscriptionTable) {
            max-height: 600px;
        }
    }

    .fiori3-items-table:not(.subscriptionTable) thead {
        position: sticky;
        top: 0;
        z-index: 2;
    }

        .fiori3-items-table:not(.subscriptionTable) thead tr:nth-child(1) {
            position: relative;
            z-index: 1;
        }

            .fiori3-items-table:not(.subscriptionTable) thead tr:nth-child(1) th::before,
            .fiori3-items-table:not(.subscriptionTable) thead tr:nth-child(2) th::before {
                content: '';
                position: absolute;
                left: 0;
                width: 100%;
                height: 1px;
                background-color: var(--primary-border-color);
            }

            .fiori3-items-table:not(.subscriptionTable) thead tr:nth-child(1) th::before {
                top: 0;
                z-index: 3;
            }

        .fiori3-items-table:not(.subscriptionTable) thead tr:nth-child(2) th::before {
            top: 33px;
            z-index: 0;
        }

        @-moz-document url-prefix() {
            .fiori3-items-table:not(.subscriptionTable) thead tr:nth-child(1) th::before {
                top: -1px;
            }

            .fiori3-items-table:not(.subscriptionTable) thead tr:nth-child(2) th::before {
                top: 32px;
            }
        }

    @supports (-webkit-touch-callout: none) {
        .fiori3-items-table-sticky .fiori3-table tr:first-child th:nth-child(3)::after {
            height: 0;
        }
    }

        .fiori3-items-table:not(.subscriptionTable) thead tr:nth-child(1) th:nth-child(1)::before,
        .fiori3-items-table:not(.subscriptionTable) thead tr:nth-child(1) th:nth-child(2)::before {
            top: -1px;
        }
}

.higher-zindex {
    z-index: 2;
}

/* #region subscription billing items table */
.subscriptionTable tr.RatePlan tr {
    border: none !important;
}

.subscriptionTable .RatePlan:hover td:first-child::after,
.subscriptionTable .RatePlan:hover td:nth-child(2)::after,
.subscriptionTable .RatePlan:hover td:first-child::before,
.subscriptionTable .RatePlan:hover td:nth-child(2)::before,
.subscriptionTable .RatePlan:hover th:first-child::before,
.subscriptionTable .RatePlan:hover th:first-child::after,
.subscriptionTable .RatePlan:hover th:nth-child(2)::after,
.subscriptionTable .RatePlan td:nth-child(2)::before,
.subscriptionTable .RatePlan td:first-child::after,
.subscriptionTable .RatePlan th:nth-child(2)::before,
.subscriptionTable .RatePlan td:nth-child(2)::before {
    content: '';
    width: 0;
    background-color: transparent;
}

.fiori3-items-table-sticky.subscriptionTable tr:hover tr.RatePlan td:nth-child(2)::after,
.fiori3-items-table-sticky.subscriptionTable .sb-inner-table td:nth-child(2)::after,
.fiori3-items-table-sticky.subscriptionTable .sb-inner-table td:nth-child(2)::after,
.fiori3-items-table-sticky.subscriptionTable .sb-inner-table th:first-child::after {
    background-color: var(--secondary-background-color) !important;
}

.fiori3-items-table-sticky.subscriptionTable tr:hover .sb-inner-table th:first-child::after {
    background-color: var(--primary-border-color) !important;
}

@media (min-width: 800px) {
    .fiori3-items-table-sticky.subscriptionTable td:first-child::after,
    .fiori3-items-table-sticky.subscriptionTable th:first-child::before,
    .fiori3-items-table-sticky.subscriptionTable td:nth-child(2)::before {
        background-color: var(--secondary-background-color) !important;
    }

    .fiori3-items-table-sticky.subscriptionTable tr td:nth-child(2)::after,
    .fiori3-items-table-sticky.subscriptionTable tr:hover td:first-child::after,
    .fiori3-items-table-sticky.subscriptionTable tr:hover td:nth-child(2)::after,
    .fiori3-items-table-sticky.subscriptionTable tr:hover td:first-child::before,
    .fiori3-items-table-sticky.subscriptionTable tr:hover td:nth-child(2)::before,
    .fiori3-items-table-sticky.subscriptionTable tr:hover th:first-child::before {
        background-color: var(--primary-border-color) !important;
    }
}

.fiori3-items-table-sticky.subscriptionTable tr td:nth-child(2)::after,
.fiori3-items-table-sticky.subscriptionTable tr:hover td:nth-child(2)::after {
    background-color: var(--primary-border-color) !important;
}

.fiori3-items-table-sticky.subscriptionTable .fiori3-table tbody tr:hover .system-list-light::before {
    width: 4px !important;
    background-color: var(--system-list-light-color) !important;
}

.fiori3-items-table-sticky.subscriptionTable .fiori3-table tbody tr:hover .system-list-dark::before {
    width: 4px !important;
    background-color: var(--system-list-dark-color) !important;
}

.subscriptionTable .sb-inner-table .input-group.date-field input {
    max-width: none;
}

.fiori3-table.subscriptionTable .product-type-table-cell {
    text-align: center;
}

.fiori3-table.subscriptionTable .complex-item-table-cell {
    padding: 0 !important;
    vertical-align: top;
}

.fiori3-table.subscriptionTable .simple-item-table-cell {
    vertical-align: middle;
}

    .fiori3-table.subscriptionTable .complex-item-table-cell .subscription-item-wrapper,
    .fiori3-table.subscriptionTable .simple-item-table-cell .subscription-item-wrapper {
        position: relative;
        padding: 4px 24px 18px;
    }

.fiori3-table.subscriptionTable .subscription-item-main-header {
    display: inline-block;
    width: 100%;
    text-align: center;
    color: var(--primary-text-color);
    white-space: nowrap;
    line-height: 1em;
    margin-bottom: 8px;
}

.fiori3-table.subscriptionTable .simple-item-table-cell {
    padding: 0 !important;
}

.fiori3-table.subscriptionTable .complex-item-table-cell,
.fiori3-table.subscriptionTable .simple-item-table-cell {
    position: relative;
}

    .fiori3-table.subscriptionTable .complex-item-table-cell::before,
    .fiori3-table.subscriptionTable .simple-item-table-cell::before {
        content: ' ';
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 1px;
        height: 32px;
        background-color: var(--primary-border-color);
    }

    .fiori3-table.subscriptionTable .complex-item-table-cell .complex-item-headers {
        font-size: 12px;
        color: var(--secondary-text-color);
        margin-bottom: 4px;
    }

    .fiori3-table.subscriptionTable .complex-item-table-cell .complex-item-headers,
    .fiori3-table.subscriptionTable .complex-item-table-cell .subscription-item-values-wrapper,
    .fiori3-table.subscriptionTable .simple-item-table-cell .subscription-item-values-wrapper,
    .fiori3-table.subscriptionTable .simple-item-table-cell .subscription-item-values-wrapper > div {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

.complex-item-table-cell .flex:first-child > div {
    text-align: left;
}

.simple-item-table-cell .flex:first-child > div {
    text-align: right;
}

.fiori3-table.subscriptionTable .complex-item-table-cell .complex-item-headers span:first-child {
    white-space: nowrap;
    padding-right: 12px;
}

.fiori3-table.subscriptionTable .complex-item-table-cell .complex-item-headers span:last-child,
.fiori3-table.subscriptionTable .complex-item-table-cell .subscription-item-values-wrapper > div:last-child {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-left: 12px;
}

.fiori3-table.subscriptionTable .complex-item-table-cell .subscription-item-values-wrapper > div:first-child {
    padding-right: 12px;
}

.fiori3-table.subscriptionTable .simple-item-table-cell .subscription-item-values-wrapper > div.flex {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

    .fiori3-table.subscriptionTable .simple-item-table-cell .subscription-item-values-wrapper > div.flex .item-type-column {
        margin: 0 auto;
    }

.fiori3-items-table .fiori3-table .spacer {
    height: 5px;
    border-bottom: none !important;
    position: relative;
}

    .fiori3-items-table .fiori3-table .spacer td {
        position: absolute;
        padding: 0 !important;
        display: block;
        width: 100%;
        height: 5px;
        background-color: var(--tertiary-background-color);
    }

        .fiori3-items-table .fiori3-table .spacer td::before,
        .fiori3-items-table .fiori3-table .spacer td::after {
            display: none;
        }

    .fiori3-items-table .fiori3-table .spacer:first-child {
        display: none !important;
    }

.fiori3-table.subscriptionTable .baseItem .allocate-search-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0;
}

    .fiori3-table.subscriptionTable .baseItem .allocate-search-wrapper > span {
        display: inline-block;
        padding-right: 15px;
    }

.fiori3-table.subscriptionTable .baseItem .moveItem-search-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0;
}

.is-open .move-item-suggestions {
    display: inline-block;
    max-width: 295px;
    width: 100%;
    max-height: 175px;
}

.move-item-suggestions table > tbody > tr > td.rolled-up-number {
    padding: 5px;
    text-align: right;
}

.move-item-suggestions table > tbody > tr > td.description {
    padding: 5px;
    width: 300px;
}



    .fiori3-table.subscriptionTable .baseItem .moveItem-search-wrapper > span {
        display: inline-block;
        padding-right: 5px;
    }


.moveItem-selected-suggestion {
    text-align: left;
    background-color: var(--fiori3-info-background-color);
    padding: 1px 3px;
    border-radius: 4px;
    width: 300px !important;
}

    .moveItem-selected-suggestion .suggestion-description {
        max-width: calc(100% - 40px);
        display: inline-block;
        margin: 3px 0 0 8px;
    }

    .moveItem-selected-suggestion button.icon-sys-cancel:before {
        font-family: var(--icons-font);
        content: "\e1c7";
    }

    .moveItem-selected-suggestion button.icon-sys-cancel:focus {
        border: 1px solid var(--focus-border-and-outline-color) !important;
    }


.fiori3-table .description-cell {
    display: inline-block;
    width: 100%;
    max-width: 150px;
}

@media all and (max-width: 800px) {
    #no-more-tables.fiori3-items-table-sticky.subscriptionTable td {
        padding-left: 0 !important;
        border-bottom: 1px solid var(--primary-border-color) !important;
    }

    .fiori3-table.subscriptionTable .simple-item-table-cell .subscription-item-wrapper,
    .fiori3-table.subscriptionTable .complex-item-table-cell .subscription-item-wrapper {
        padding: 4px 21px 4px;
    }

    #no-more-tables.fiori3-items-table-sticky.subscriptionTable td.new-quote-item-column-sticky,
    #no-more-tables .fiori3-table.subscriptionTable .product-type-table-cell {
        padding-left: 16px !important;
    }

        #no-more-tables .fiori3-table.subscriptionTable .product-type-table-cell label {
            padding-left: 5px;
        }

    .subscriptionTable td.item-column-sticky:nth-child(2) {
        left: 0;
    }

    .fiori3-table.subscriptionTable .subscription-item-main-header,
    #no-more-tables .fiori3-table.subscriptionTable .item-actions-sticky {
        display: none;
    }

    .simple-item-table-cell .subscription-item-wrapper .subscription-item-values-wrapper .flex:before {
        content: attr(data-title);
        max-width: 65%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .complex-item-headers span {
        padding-top: 20px;
    }

        .complex-item-headers span::before {
            content: attr(data-title);
            position: absolute;
            top: 6px;
            max-width: 40%;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }

        .complex-item-headers span:first-child::before {
            left: 21px;
        }

        .complex-item-headers span:last-child::before {
            right: 21px;
        }

    .fiori3-table.subscriptionTable .complex-item-table-cell::before,
    .fiori3-table.subscriptionTable .simple-item-table-cell::before {
        background-color: transparent !important;
    }

    #no-more-tables .fiori3-table.subscriptionTable .product-type-table-cell {
        text-align: left;
    }

    .simple-item-table-cell .subscription-item-values-wrapper .flex {
        padding-left: 45% !important;
    }

        .simple-item-table-cell .subscription-item-values-wrapper .flex::before {
            position: absolute;
            left: 21px;
        }

    .fiori3-table.subscriptionTable .simple-item-table-cell .subscription-item-values-wrapper > div.flex .item-type-column {
        margin: 0;
    }
}

.fiori3-table .cell-wrapper-reset-condition {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

    .fiori3-table .cell-wrapper-reset-condition .fiori3-input-group {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
    }

    .fiori3-table .cell-wrapper-reset-condition .fiori3-icon-button {
        margin: unset;
        margin-right: 5px;
    }
/* #endregion */

/* #region sb product pricing details */
.fiori3-product-details-modal-with-sb .sb-contract-info {
    padding: 0 20px;
    border-top: none;
}

    .fiori3-product-details-modal-with-sb .sb-contract-info > div {
        margin-right: 0;
    }

.fiori3-product-details-modal-with-sb .sb-charges {
    width: calc(100% + 40px);
    margin: 0 -20px;
    padding: 0 20px;
    border-bottom: 1px solid var(--primary-border-color);
}

    .fiori3-product-details-modal-with-sb .sb-charges:last-of-type {
        border-bottom: none;
    }

.fiori3-product-details-modal-with-sb .fiori3-table,
.fiori3-product-details-modal-with-sb .fiori3-table tr:last-child td,
.fiori3-product-details-page-container .fiori3-table,
.fiori3-product-details-page-container .fiori3-table tr:last-child td {
    border-bottom: none !important;
}

.fiori3-product-details .fiori3-table tr:last-child td {
    border-bottom: 1px solid var(--primary-border-color) !important;
}

.product-details-table-container .fiori3-table th {
    background-color: transparent;
}

.product-details-page-container .fiori3-nav-tabs-container .fiori3-nav-tabs,
.fiori3-product-details-modal-with-sb .fiori3-nav-tabs-container .fiori3-nav-tabs {
    padding: 0;
    margin: 0 -20px;
    padding: 0 20px;
    border-bottom: 1px solid var(--primary-border-color);
}

.fiori3-product-details-modal-with-sb .product-details {
    padding: 20px 0;
    margin: 0 -20px;
}

.fiori3-product-details-modal-with-sb .modal-body {
    max-height: calc(100vh - 150px);
    overflow-y: auto;
    overflow-x: hidden;
    padding-top: 7px;
    padding-bottom: 0;
}

.fiori3-product-details-modal-with-sb .sb-charge-type-header,
.fiori3-product-details-page-container .sb-charge-type-header {
    margin-top: 24px;
    margin-bottom: 17px;
}

.fiori3-product-details-modal-with-sb .sb-contract-short-info {
    width: calc(100% + 40px);
    margin: 0 -20px;
    padding: 20px;
    padding-top: 0;
    border-bottom: 1px solid var(--primary-border-color);
}

    .fiori3-product-details-modal-with-sb .sb-contract-short-info > div {
        display: inline-block;
        width: 32%;
    }

.fiori3-product-details-modal-with-sb .sb-rateplan-field span {
    font-size: 12px;
    word-break: break-word;
}

.fiori3-product-details-modal-with-sb .sb-rateplan-field {
    margin: 0;
    margin-bottom: 20px;
}

.fiori3-product-details-modal-with-sb .modal-footer {
    height: 40px;
    border: 1px solid var(--primary-border-color);
    padding-right: 20px;
}

    .fiori3-product-details-modal-with-sb .modal-footer .btn {
        margin-right: 0;
    }

.fiori3-product-details-page-container .sb-contract-info {
    border: none;
    padding-bottom: 0;
}

.fiori3-product-details-page-container .sb-charges,
.fiori3-product-details-page-container .sb-contract-short-info {
    display: block;
    margin: 0 -16px;
    padding: 0 16px;
    border-bottom: 1px solid var(--primary-border-color);
}

.fiori3-product-details-page-container .sb-contract-short-info {
    padding-bottom: 15px;
}

    .fiori3-product-details-page-container .sb-contract-short-info > div:first-child {
        margin-right: 50px;
    }

.fiori3-product-details-page-container .sb-contract-info .sb-contract-short-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.fiori3-product-details-page-container .sb-rateplan-field span {
    word-break: break-all;
}

.fiori3-products-list-table th:nth-child(4).fiori3-sb-products-price-column {
    width: 17%;
}

.period-unit-wrapper {
    font-size: 12px;
}
/* #endregion */

/* #region daterangepicker */
@media all and (max-width: 767px) {
    .filter-dropdown-menu-content .daterangepicker {
        width: 278px;
    }

    .filter-dropdown-menu-content .ranges,
    .filter-dropdown-menu-content .ranges > ul,
    .filter-dropdown-menu-content .drp-calendar.left,
    .filter-dropdown-menu-content .drp-calendar.right {
        width: 100%;
    }
}

.filter-dropdown-menu-content .daterangepicker::before {
    left: auto !important;
    right: 29px;
}

.filter-dropdown-menu-content .daterangepicker::after {
    left: auto !important;
    right: 30px;
}
/* #endregion */

/* #region CART DOCUMENTS PAGE */
.cart-documents-container-table {
    overflow-y: visible;
}

.description-view-mode {
    cursor: text;
}

    .description-view-mode a {
        color: var(--primary-text-color);
        pointer-events: none;
        border: none;
    }

.fiori3-documents-page.cart-content {
    min-height: unset;
    padding: 0;
}

.fiori3-documents-page table,
.fiori3-documents-page h3.tertiary,
.fiori3-cart-tab-container h3.secondary {
    margin: 0;
}

.fiori3-fileupload-container {
    position: relative;
    margin-top: 30px;
}

.fiori3-documents-fileupload {
    position: absolute;
    top: -4px;
    right: 0;
}

    .fiori3-documents-fileupload input[type="file"] {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .fiori3-documents-fileupload .fiori3-btn-tertiary {
        line-height: 24px;
    }

.fileupload-dropzone {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 0.125rem dashed var(--input-border-color);
    height: 140px;
    margin: 0 0 30px;
    color: var(--secondary-text-color);
    padding: 16px;
    text-align: center;
}

    .fileupload-dropzone .sap-icon {
        font-size: 4rem;
    }

    .fileupload-dropzone .drop-file,
    .fileupload-dropzone.dragenter .drag-file {
        display: none;
    }

    .fileupload-dropzone.dragenter {
        border: 0.125rem solid var(--sap-icon-color);
        background-color: var(--tertiary-background-color);
        color: var(--sap-icon-color);
    }

        .fileupload-dropzone.dragenter .drop-file {
            display: block;
        }

.fiori3-document-custom-fields .secondary {
    margin-bottom: 10px !important;
}

.fiori3-document-custom-fields .fiori3-custom-fields > .row {
    margin: 0;
}

.fiori3-document-custom-fields .fiori3-select-group::after {
    z-index: 4;
    top: 36px;
    right: 23px;
}

.fiori3-document-custom-fields .select2-container,
.fiori3-custom-fields-container .select2-container {
    z-index: 4;
}

.fiori3-document-custom-fields .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}

.fiori3-cart-documents-container {
    padding: 0;
    position: relative;
    background-color: transparent !important;
}

.fiori3-cart-documents-container .fiori3-documents-page {
    padding: 0;
}

.fiori3-cart-documents-container .fiori3-documents-page .fiori3-cart-documents-container-table {
    margin-bottom: 16px;
}

.fiori3-cart-documents-container .fiori3-quote-section-container {
    padding-bottom: 10px !important;
    padding-left: 16px !important;
    transition: padding .3s ease-in-out;
}

.fiori3-cart-documents-container .section-toggled .fiori3-quote-section-container {
    padding: 0 !important;
}

#attachmentsTableAndUploadInput form {
    margin-top: 10px;
}

.fiori3-cart-documents-container {
    min-height: calc(100vh - 176px);
    padding-bottom: 48px;
    margin-bottom: 0 !important;
}

.fiori3-cart-documents-container-table {
    border-radius: 4px;
}

.fiori3-cart-documents-container h3 {
    font-size: 16px;
    padding: 0;
    margin: 0;
    border-bottom: none !important;
    background: unset;
    background-color: transparent !important;
    cursor: pointer;
}

#defaultCustomSectionContainer:last-child {
    margin-bottom: 0;
}

.fiori3-cart-documents-container-table .table-responsive {
    margin-bottom: 8px;
}

.fiori3-cart-documents-container-table .fiori3-table {
    border: none;
}

.fiori3-generated-documents-table tbody td,
.fiori3-attachments-table tbody td {
    vertical-align: middle;
}

.fiori3-generated-documents-table .fiori3-icon-button,
.fiori3-attachments-table .fiori3-icon-button {
    margin: 0;
}

    .fiori3-generated-documents-table .fiori3-icon-button:not(:last-child),
    .fiori3-attachments-table .fiori3-icon-button:not(:last-child) {
        margin: 0 8px 0 0;
    }

.column-name-dropdown .fiori3-icon-button {
    margin-left: 8px;
}

/* sorting icons */
.fiori3-generated-documents-table span.header,
.fiori3-attachments-table span.header,
.fiori3-generated-documents-table span.header-sort-up,
.fiori3-attachments-table span.header-sort-up,
.fiori3-generated-documents-table span.header-sort-down,
.fiori3-attachments-table span.header-sort-down {
    background-image: none;
    display: inline-block;
    width: 22px;
    cursor: pointer;
}

.fiori3-generated-documents-table th.header-sort-up,
.fiori3-attachments-table th.header-sort-up,
.fiori3-generated-documents-table th.header-sort-down,
.fiori3-attachments-table th.header-sort-down {
    background-image: none;
}

.fiori3-generated-documents-table span.header::after,
.fiori3-attachments-table span.header::after {
    content: '\e095';
    font-family: var(--icons-font);
    color: var(--sap-icon-color);
    opacity: 0;
}

.fiori3-generated-documents-table span.header.header-sort-up::after,
.fiori3-attachments-table span.header.header-sort-up::after {
    content: '\e1fd';
}

.fiori3-generated-documents-table span.header.header-sort-down::after,
.fiori3-attachments-table span.header.header-sort-down::after {
    content: '\e1fc';
}

.fiori3-generated-documents-table thead th:hover span.header::after,
.fiori3-attachments-table thead th:hover span.header::after,
.fiori3-generated-documents-table thead th span.header:focus::after,
.fiori3-attachments-table thead th span.header:focus::after,
.fiori3-generated-documents-table span.header.header-sort-up::after,
.fiori3-attachments-table span.header.header-sort-up::after,
.fiori3-generated-documents-table span.header.header-sort-down::after,
.fiori3-attachments-table span.header.header-sort-down::after {
    opacity: 1;
}
/* end */

.fiori3-generated-documents-table .fiori3-checkbox-group input + span:before {
    top: -14px;
}

.fiori3-cart-documents-container .fiori3-document-custom-fields {
    position: relative;
    padding: 0;
    border-radius: 4px;
    margin-bottom: 16px;
}

.fiori3-cart-documents-container .fiori3-document-custom-fields header {
    position: static;
    height: unset;
}

.fiori3-cart-documents-container .fiori3-document-custom-fields h3 {
    margin-left: -3.5px;
}

.fiori3-cart-documents-container .custom-fields-wrap.fiori3-document-custom-fields h3 {
    margin: 0;
}

.fiori3-attachments-table .column-size {
    text-align: right;
}

.fiori3-cart-documents-container footer {
    background-color: var(--tertiary-background-color);
    padding: 8px 16px;
    -webkit-box-shadow: inset 0px 4px 4px -4px rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px 4px 4px -4px rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    position: fixed;
    right: 0;
    bottom: 0;
    width: calc(100% - 48px);
    z-index: 992;
}

.fiori3-cart-documents-container.documents-tab-scroll footer {
    right: 34px;
    width: calc(100% - 103px);
}

@media (max-width: 768px) {
    .fiori3-cart-documents-container {
        min-height: calc(100vh - 144px);
    }

    .fiori3-cart-documents-container-table .fiori3-table .flex {
        justify-content: flex-end;
    }

    .fiori3-cart-documents-container .fiori3-document-custom-fields {
        margin-bottom: 16px;
    }

    .fiori3-cart-documents-container footer {
        right: 0;
        width: calc(100% - 48px);
    }

    .fiori3-cart-documents-container.documents-tab-scroll footer {
        right: 14px;
        width: calc(100% - 62px);
    }
}
/* #endregion */

/* #region favorites page */
.fiori3-favorites-page-main-container {
    margin-left: 48px;
}

.fiori3-favorites-page-container {
    min-height: calc(100vh - 88px);
    background: var(--secondary-background-color);
    overflow: hidden;
    margin: 20px;
    padding: 10px 0;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    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;
}

.favorites-main .product-details-main-container {
    margin-bottom: 6px;
}

.fiori3-favorites-page-container .search-input-trigger {
    position: relative;
    z-index: 4;
}

.fiori3-favorites-page-container .favorites-search-input {
    z-index: 3;
}

.fiori3-favorites-search.fiori3-input-group {
    margin-bottom: 0 !important;
}

.fiori3-favorites-page-container .filters .fiori3-input-group {
    width: 100%;
}

.fiori3-favorites-page-container .favorite-types {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .fiori3-favorites-page-container .favorite-types label {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        font-size: 14px !important;
    }

.fiori3-favorites-page-container .fiori3-pagination-container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.fiori3-favorites-page-container .breadcrumb {
    white-space: normal;
}

    .fiori3-favorites-page-container .breadcrumb li:last-child {
        white-space: nowrap;
    }

.fiori3-catalog-page-add-to-quote-div {
    margin-left: 8px;
}
/* #endregion */

/* #region proposal section */

.fiori3-proposal-first-column {
    padding-right: 60px;
}

.fiori3-proposal-section .proposal-message {
    margin-bottom: 30px;
    color: var(--primary-text-color);
}

.fiori3-proposal-section .proposal-thoughts label {
    color: var(--secondary-text-color);
    font-size: 13px;
}

.fiori3-proposal-section .proposal-thoughts textarea {
    height: 82px;
}

.fiori3-proposal-section .documents-title {
    display: block;
    font-size: 13px;
    color: var(--primary-text-color);
    margin-bottom: 10px;
}

.fiori3-proposal-second-column .document-type-icon {
    display: inline-block;
    margin-right: 5px;
}

@media all and (max-width: 992px) {
    .fiori3-proposal-first-column {
        margin-bottom: 30px;
    }
}
/* #endregion */

/* #region ABS page */
.fiori3-abs-actions {
    padding: 10px 16px;
}

    .fiori3-abs-actions .label {
        border-radius: 2px;
        font-weight: normal;
    }

    .fiori3-abs-actions .dropdown-menu {
        padding: 0;
        border: 1px solid var(--primary-border-color);
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
    }

        .fiori3-abs-actions .dropdown-menu .abs-table {
            border-radius: 4px;
        }

            .fiori3-abs-actions .dropdown-menu .abs-table th {
                border-top: none;
            }

    .fiori3-abs-actions .pricerange-dropdown-header {
        border-bottom: 1px solid var(--primary-border-color);
        font-size: 16px;
        margin-bottom: 0;
        border-radius: 4px 4px 0 0;
    }
/* #endregion */

/* #region subscription totals section */
.totals-section {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-width: 300px;
}

    .totals-section * {
        padding: 0;
    }

    .totals-section > div {
        padding-left: 16px;
    }

.estimated-total-value {
    border-left: 1px solid var(--primary-border-color);
    margin-left: 48px;
}

    .estimated-total-value > label {
        padding-left: 48px;
    }

.totals-main-container {
    font-size: 20px;
}

.totals-separator {
    width: 1px;
    background-color: var(--primary-border-color);
    margin: 0 10px;
}

    .totals-separator ~ .estimated-total-value {
        border-left: none;
        margin-left: 0;
    }

        .totals-separator ~ .estimated-total-value > label {
            padding-left: 0;
        }

@media all and (max-width: 768px) {
    .totals-main-container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .totals-section {
        min-width: 100%;
        border: none;
        margin: 0;
    }

    .one-time-total,
    .estimated-total-value > label {
        padding: 0;
    }
}
/* #endregion */

/* #region subscription product types section */
.subscription-product-types-table-container {
    padding: 0 !important;
}

    .subscription-product-types-table-container .table-responsive {
        margin: 0;
    }

.subscription-product-types-table th {
    min-width: 140px;
}

.subscription-product-types-table .first-column {
    min-width: 280px;
    background-color: var(--tertiary-background-color);
}

.fiori3-total-summary-table {
    margin-bottom: 0;
}

    .fiori3-total-summary-table td.first-column {
        background-color: var(--tertiary-background-color);
        min-width: 140px;
    }

.subscription-product-types-table-container .totals-summary-cell {
    vertical-align: top !important;
    color: #303133;
}
/* #endregion */

/* #region high stakes action dialog */
.totals-list-title {
    margin-bottom: 0;
}
/* #endregion */

.fiori3-assets-section .add-product {
    margin-bottom: 0;
}

.fiori3-assets-section .fiori3-quote-section-header {
    padding-right: 16px;
    cursor: default;
}

.fiori3-assets-section .asset-table-column-header {
    padding-top: 2px;
}

.vertical-center {
    vertical-align: middle !important;
}

.fiori3-asset-disabled {
    background-color: var(--primary-background-color);
    cursor: not-allowed;
    pointer-events: none;
}

/* #region shellbar and sidemenu */
.shellbar-navigation li.shellbar-navigation-item > a {
    margin-left: 15px !important;
    top: 0;
}

.sap_header_bar.flex {
    margin: 0;
    padding: 0 16px;
}

    .sap_header_bar.flex > div {
        width: 50%;
    }

    .sap_header_bar.flex::before {
        display: none;
    }

.side-menu-main-icon .expanded-sidemenu-item {
    font-family: var(--main-font-family);
    font-size: 14px;
    display: inline-block;
    margin-left: 18px !important;
    padding: 5px 0;
}

.side-menu-main-icon span.side-menu-expanded-section {
    padding-right: 0 !important;
}

.actions-toolbar {
    padding: 0;
}

    .actions-toolbar > li {
        list-style: none;
        position: relative;
    }

.toolbar-action-search .favorites-search-input,
.toolbar-action-search .fiori3-catalog-search > .twitter-typeahead {
    right: 10px;
}

.favorites-actions-toolbar .toolbar-action-search,
.catalog-actions-toolbar .toolbar-action-search {
    display: flex;
    justify-content: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    flex: 1 0 auto;
}

    .favorites-actions-toolbar .toolbar-action-search .catalog-search,
    .catalog-actions-toolbar .toolbar-action-search .catalog-search {
        width: 100%;
        max-width: 320px;
    }

    .favorites-actions-toolbar .toolbar-action-search .favorites-search-input {
        height: 26px;
    }

.favorites-actions-toolbar .toolbar-action-guided-selling,
.catalog-actions-toolbar .toolbar-action-guided-selling {
    flex: 0 1 100px;
}

.favorites-actions-toolbar,
.favorites-actions-toolbar div[role=button] {
    margin-bottom: 0 !important;
}
/* #endregion */

/* #region home page */
.fiori3-home-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 48px;
}

    .fiori3-home-page a {
        -ms-flex-line-pack: end;
        align-content: flex-end;
        background-color: var(--selected-category-background-color);
        padding: 12px;
        width: calc(100% - 40px);
        margin-top: 20px;
    }

.bulk-link-wrapper {
    width: 100%;
    margin-left: 38px;
}

.fiori3-home-page a .sap-icon {
    font-size: 18px;
}


@media all and (min-width: 800px) {
    .fiori3-home-page a,
    .bulk-link-wrapper {
        min-width: 450px;
        max-width: 450px;
        margin-left: 0;
    }
}
/* #endregion */

/* #region compare products */
.fiori3-compare-page {
    padding: 0;
}

    .fiori3-compare-page h2 {
        margin: 0;
        padding: 10px 16px;
        border-bottom: 1px solid var(--primary-border-color);
        font-size: 16px;
    }

.compare-products-container {
    max-width: 100%;
}

.compare-products-wrapper {
    margin: 16px;
    overflow-x: auto;
}

.compare-products-container .product-wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: calc(100%/4 - 58px);
    min-width: 270px;
    margin-left: 20px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border: 1px solid var(--primary-border-color);
    border-bottom: none;
    position: relative;
}

.fiori3-modal-dialog .compare-products-container .product-wrapper {
    width: calc(100%/3 - 70px);
    min-width: 270px;
}

.product-wrapper-border {
    border-radius: 4px;
    border-bottom: 1px solid var(--primary-border-color) !important;
    margin-bottom: 20px;
}

.compare-products-container .product-wrapper header {
    position: static;
    height: unset;
    padding: 16px;
    border-bottom: 1px solid var(--primary-border-color);
    min-height: 80px;
    max-height: 80px;
}

    .compare-products-container .product-wrapper header .fiori3-icon-button {
        position: absolute;
        top: 10px;
        right: 10px;
    }

.compare-image-wrapper > div {
    height: 48px;
    width: 48px;
    margin-right: 10px;
}

.compare-image-wrapper .sap-icon {
    font-size: 48px;
    line-height: 42px;
    color: #ccc;
}

.title-wrapper {
    overflow: hidden;
    -ms-flex-preferred-size: 85%;
    flex-basis: 85%;
}

.compare-products-container .product-wrapper header .title-wrapper h3 {
    font-size: 16px;
    border-bottom: none;
    padding: 0;
    margin: 3px 0 5px;
    max-width: 80%;
    background-color: transparent;
    color: var(--primary-text-color);
}

.compare-products-container .product-wrapper header .title-wrapper span {
    width: 95%;
    min-width: 100%;
    color: var(--secondary-text-color);
}

.product-compare-content {
    padding: 16px;
    color: var(--primary-text-color);
}

    .product-compare-content .compare-label {
        color: var(--secondary-text-color);
    }

    .product-compare-content .product-compare-item,
    .compare-attribute-values {
        margin-bottom: 16px;
    }

    .product-compare-content .fiori3-input-group {
        margin-bottom: 0 !important;
    }

        .product-compare-content .fiori3-input-group .qty-input-field {
            margin-right: 8px;
        }

.sticky-placeholder,
.compare-attributes-label {
    min-width: 150px;
    max-width: 150px;
    position: sticky;
    left: 0;
    background-color: var(--secondary-background-color);
    border: 1px solid var(--primary-border-color);
    border-bottom: none;
    z-index: 1043;
}

.sticky-placeholder {
    border: none;
}

.compare-attributes-label {
    padding: 6px;
    word-break: break-all;
}

.compare-product-item.product-wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: calc(100%/4 - 58px);
    margin-left: 20px;
    border: 1px solid var(--primary-border-color);
    border-bottom: none;
    padding: 6px;
}

.fiori3-modal-dialog .compare-product-item.product-wrapper {
    width: calc(100%/3 - 70px);
    min-width: 270px;
}

.compare-products-wrapper .attirbutes-to-compare:last-child .compare-attributes-label,
.compare-products-wrapper .attirbutes-to-compare:last-child .compare-product-item {
    margin-bottom: 20px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom: 1px solid var(--primary-border-color);
}

.attirbutes-to-compare .compare-attributes-label,
.attirbutes-to-compare .compare-product-item {
    background-color: var(--primary-background-color:);
}

.striped-row .compare-attributes-label,
.striped-row .compare-product-item {
    background-color: var(--secondary-background-color);
}

@media all and (max-width: 1400px) {
    .compare-product-item.product-wrapper,
    .compare-products-container .product-wrapper {
        width: calc(100%/3 - 70px);
        min-width: 270px;
    }
}
/* #endregion */

/* #region revisions */
.fiori3-revisions-wrapper,
.fiori3-revisions-table .table-responsive {
    padding: 0;
}

    .fiori3-revisions-wrapper h2 {
        margin: 0 !important;
        padding: 10px 16px !important;
        border-bottom: 1px solid var(--primary-border-color);
        font-size: 16px;
    }

.fiori3-revisions-table {
    padding: 16px;
}

    .fiori3-revisions-table .revisions-table {
        margin-top: 0;
    }

    .fiori3-revisions-table .revisions-field-editor.editable {
        color: var(--main-link-and-icon-color);
        border-bottom: 1px dashed var(--main-link-and-icon-color);
    }

        .fiori3-revisions-table .revisions-field-editor.editable:hover {
            border-bottom-style: solid;
        }

@media all and (max-width: 800px) {
    .fiori3-revisions-table #no-more-tables td {
        padding-left: 16px !important;
    }
}

@media all and (min-width: 800px) {
    .fiori3-revisions-table .fiori3-toggle-label {
        margin: 0 auto;
    }
}

.fiori3-revisions-table .quote-data-cell {
    min-height: unset;
}

.fiori3-revisions-table .revisions-field-editor {
    width: auto;
}

.fiori3-revisions-table textarea {
    width: 270px;
    min-height: 60px;
}

.fiori3-search-input-holder-addition {
    right: 130px !important;
}

.fiori3-search-input-holder-addition-more {
    right: 165px !important;
}

.fiori3-bulk-val-title {
    font-family: var(--main-font-family);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    margin: 0px;
    padding-left: 6px;
    color: var(--primary-text-color);
}

.fiori3-displayBulkValidateTable-header {
    border-bottom: 1px #497AB4 solid !important;
}

.fiori3-bulk-val-header {
    border-bottom: unset;
    padding: 16px;
    text-align: left;
}

.fiori3-bulk-val-buttons {
    float: left;
    padding-left: 16px;
}

.fiori3-bulk-val-btn {
    width: auto;
    height: 26px;
    padding: 0 16px;
    border-radius: 4px;
}

.fiori3-bulk-val-format {
    font-weight: bold;
    border-bottom: 1px solid var(--primary-border-color);
    padding-bottom: 10px;
}

.fiori3-bulk-val-table {
    padding: 10px;
}

.fiori3-bulk-val-table-row {
    padding-bottom: 10px;
}

.fiori3-bulk-val-textarea {
    width: 40% !important;
}

.fiori3-bulk-val-info {
    margin-left: 0px !important;
    width: 100% !important;
}

.fiori3-bulk-val-title {
    padding-left: 10px;
}
/* #endregion */

/* #region Quote comparison */
.fiori3-quote-comparison {
    padding: 16px;
}
.quote-comparison .quote-comparison-page-heading h2 {
    border-bottom: unset;
    font-size: 20px;
    padding: 0;
}

.quote-comparison-page-heading {
    display: flex;
    justify-content: space-between;
}

.quote-comparison-show-only-diff {
    display: flex;
    justify-content: flex-end;
}

    .quote-comparison-show-only-diff .fiori3-toggle-text {
        margin-left: 8px;
    }

    .quote-comparison-show-only-diff .fiori3-toggle-label {
        flex-direction: row;
        margin-right: 0;
    }

.quote-comparison-sub-section-container {
    margin-bottom: 20px;
    border-bottom: 1px solid var(--secondary-border-color);
}

.quote-comparison-sub-section-wrapper {
    margin-bottom: 16px;
}

.quote-comparison-sub-section-wrapper.flex {
    flex-wrap: wrap;
}

.quote-comparison-sub-section-wrapper.flex > div {
    width: 100%;
}

.quote-comparison-items-section .fiori3-pills-container ul {
    align-items: flex-start;
}

.quote-comparison-items-section .fiori3-pills-container {
    padding: 6px 0 16px 0;
}

.quote-comparison-items-section .fiori3-pills span {
    padding: 0 5px;
}

.quote-comparison-items-section header:hover,
.quote-comparison-quotation-section header:hover,
.quote-comparison-custom-tab-section header:hover {
    cursor: pointer;
}

.quote-comparison-items-section header,
.quote-comparison-quotation-section header,
.quote-comparison-custom-tab-section header {
    position: inherit;
    height: unset;
    margin-bottom: 16px;
}

.quote-comparison-items-section h3,
.quote-comparison-quotation-section h3,
.quote-comparison-custom-tab-section h3 {
    padding: 0 0 5px 8px;
    border-bottom: 1px solid var(--secondary-border-color);
    margin-bottom: 0;
    font-size: 18px;
}

.quote-comparison-items-section .tree-view-icons,
.quote-comparison-quotation-section .tree-view-icons,
.quote-comparison-custom-tab-section .tree-view-icons {
    position: relative;
    right: 5px;
    top: -25px;
    float: right;
}

    .quote-comparison-add-pair-wrapper .add-pair-warning-message {
        top: 50px;
        display: block;
        margin: 0 0 0 75px;
        background-color: var(--fiori3-warning-background-color);
        border: 1px solid var(--warning-color);
        border-radius: 3px;
        padding: 5px;
    }

.quote-comparison-select-wrapper {
    width: 100%;
    margin-top: 16px;
}

.quote-comparison-select-wrapper .select2-container {
    width: 100% !important;
}

.quote-comparison-items-first-input {
    padding-left: 0;
}

.quote-comparison-input-wrapper .form-control[disabled] {
    background-color: var(--secondary-background-color);
}

.quote-comparison-quotation-section-title {
    margin-bottom: 0;
    font-size: 18px;
}

.quote-comparison-quotation-section .quote-comparison-sub-section-wrapper {
    margin-bottom: 16px;
}

.quote-comparison-quotation-section .quote-comparison-sub-section-container:last-child,
.quote-comparison-custom-tab-section .quote-comparison-sub-section-container:last-child,
.quote-comparison-items-section .quote-comparison-sub-section-container:last-child {
    margin-bottom: 0;
    border-bottom: unset;
}

.quote-comparison-quotation-section .quote-comparison-sub-section-wrapper:last-child,
.quote-comparison-custom-tab-section .quote-comparison-sub-section-container:last-child,
.quote-comparison-items-section .quote-comparison-sub-section-container:last-child {
    padding-bottom: 0;
}

.quote-comparison-quote-selection-container {
    
}

.quote-comparison-quote-selection-container.flex {
    width: 100%;
    flex-wrap: wrap;
}

    .quote-comparison-quote-selection-container .required-attribute::after {
        margin-left: 0;
    }

    .quote-comparison-quote-selection-container .validation-message,
    .quote-comparison-items-section .validation-message {
        margin-top: 26px;
    }

.quote-comparison-quotation-section .quote-comparison-sub-section-container .quote-comparison-select-wrapper {
    margin-bottom: 0;
}

.quote-comparison div > h2 {
    color: var(--primary-text-color);
    background-color: var(--secondary-background-color);
    border-bottom: 1px solid var(--primary-border-color);
}

.quote-comparison-footer {
    position: absolute;
    left: -16px;
    bottom: -56px;
    background-color: var(--secondary-background-color);
    border-top: 1px solid var(--primary-border-color);
    width: calc(100% + 32px);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border-radius: 0 0 4px 4px;
    padding: 10px;
}

.quote-comparison {
    min-height: calc(100vh - 120px);
    padding-bottom: 50px;
    position: relative;
}

#firstQuoteToCompare, #secondQuoteToCompare {
    margin-bottom: 0px !important;
}

.quote-selection-button {
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 900;
    height: 22px !important;
    width: 22px !important;
}

.modal .quote-comparison-search-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);
    margin-top: 0;
}

.quote-comparison-search-modal-dialog .modal-content {
    border-radius: 4px;
}

.quote-comparison-search-modal-dialog .quote-comparison-search-modal-body-wrapper {
    background-color: var(--secondary-background-color);
    padding-bottom: 8px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .15);
}

.quote-comparison-search-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;
}

.quote-comparison-search-modal-body {
    padding: 10px 20px;
    background-color: var(--modal-background-color);
    overflow-y: auto;
    max-height: calc(100vh - 150px);
}

.quote-comparison-search-title-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;
}

.quote-comparison-search-modal-header .fiori3-icon-button {
    position: absolute;
    right: 8px;
    top: 8px;
    font-size: 16px;
    background-color: var(--tertiary-background-color);
}

.filter-quote-comparison-search .fiori3-input-group {
    position: relative;
}

.filter-quote-comparison-search .fiori3-search-input-wrapper .fiori3-icon-button {
    position: absolute;
    right: 3px;
    top: 2px;
    font-size: 18px;
    height: 22px;
    width: 22px;
}

.filter-quote-comparison-search .fiori3-icon-button {
    margin: 0 2px;
}

.quote-comparison-search-title-header label {
    font-size: 16px;
    color: var(--primary-text-color);
}

.quote-comparison-search-result-table {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    margin-top: 10px;
}

    .quote-comparison-search-result-table .fiori3-table td {
        vertical-align: middle;
    }

    .quote-comparison-search-result-table thead th:not(:first-child) {
        min-width: 200px;
        width: 200px;
    }

    .quote-comparison-search-result-table thead th:first-child {
        min-width: 52px;
        width: 52px;
    }

.quote-comparison-search-result-checkbox {
    min-width: 2% !important;
    width: 43px;
    border-left: unset !important;
}

    @media all and (max-width: 800px) {
        .quote-comparison-search-result-checkbox {
            width: 100%;
        }

        .quote-comparison-search-result-table .text-left {
            text-align: unset;
        }
    }

.quote-comparison-search-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;
}

    .quote-comparison-search-modal-footer .fiori3-btn-primary {
        margin-right: 8px;
    }

.quote-comparison-search-result-table table {
    margin-bottom: 0;
}

.quote-comparison-search-modal-body .modal-body {
    padding: 0;
}

.quote-comparison-search-result-checkbox .sap-icon {
    font-size: 16px;
    color: var(--fiori3-error-border-color);
}

.quote-comparison-search-result-table td {
    min-height: 34px;
}

.quote-comparison-search-result-table #no-more-tables td {
    padding-left: 16px !important;
}

    .quote-comparison-search-result-table #no-more-tables td::before {
        left: 16px;
    }

.quote-comparison-search-result-checkbox .fiori3-radio-button {
    width: 17px;
    height: 17px;
    margin: auto;
}

    .quote-comparison-search-result-checkbox .fiori3-radio-button input + span {
        padding-left: 16px;
    }

td.comparison-table {
    padding-left: 60px !important;
}

.comparison-table-row {
    margin-left: 60px;
}

.comparison-table-row-field {
    margin-left: 100px;
}

.comparison-field {
    margin-left: 80px;
}

    @media (max-width: 800px) {
        .comparison-field span:empty,
        .first-quote:empty,
        .second-quote:empty,
        .filler-cell {
            display: none;
        }

        #no-more-tables .collapsible-section-cell,
        #no-more-tables .comparison-subSection {
            padding-left: 16px !important;
            text-align: left;
        }

        .comparison-field {
            margin-left: 0;
            text-align: right;
        }

        #no-more-tables .comparison-table {
            text-align: left;
            padding-left: 56px !important;
        }
    }

#no-more-tables .comparison-subSection {
    padding-left: 36px !important;
}

.compared-quotes-differences {
    background-color: var(--different-compared-data-background-color);
}

.compared-quotes-header-wrapper {
    background-color: var(--tertiary-background-color);
}

.compared-quotes-content-wrapper {
    min-height: calc(100vh - 170px);
    position: relative;
}

.fiori3-quotes-compared-data {
    padding: 16px;
}

.compared-quotes-content-wrapper .quote-comparison-footer {
    width: calc(100% + 32px);
    margin-left: -16px;
}

.quote-comparison-compared-data-table-container {
    overflow: auto;
}

.quote-comparison-compared-data-table th {
    width: 33.333%;
}

.quote-comparison-compared-data-table td {
    min-height: 34px;
}

.quote-comparison-quote-selection-container .validationMessage {
    position: absolute;
    bottom: -18px;
    left: 0;
}

.icon-slim-arrow-right:before {
    content: "\e1ed";
}

.icon-slim-arrow-down:before {
    content: "\e1ef";
}

.icon-slim-arrow-right .disabled {
    pointer-events: none;
    opacity: .4;
}

.quote-comparison-info-message {
    margin-top: 20px;
    border-top: 1px solid var(--secondary-border-color);
}

    .quote-comparison-info-message .fiori3-alert {
        margin: 25px 0 30px 0;
    }

    .quote-comparison-quote-selection-container .select-quote {
        width: 100%;
        flex-wrap: wrap;
    }

    .items-selection-wrapper {
        align-items: center;
    }

    .items-selection-wrapper .flex {
        flex-wrap: wrap;
        width: 100%;
        margin-right: 0 !important;
    }

    .items-selection-wrapper .flex .quote-comparison-input-wrapper {
        width: 100%;
    }

    @media (min-width: 768px) {
        .quote-comparison-quote-selection-container.flex .select-quote > div {
            width: calc(50% - 15px);
            margin-right: 30px !important;
        }

        .quote-comparison-sub-section-wrapper.flex > div {
            width: 50%;
            margin-right: 30px !important;
        }

            .quote-comparison-quote-selection-container.flex .select-quote > div:last-child,
            .items-selection-wrapper > div:last-child {
                margin-right: 0 !important;
            }

        .quote-comparison-select-wrapper,
        .items-selection-wrapper .flex .quote-comparison-input-wrapper {
            width: 50%
        }

        .quote-comparison-sub-section-wrapper.items-selection-wrapper .flex {
            margin-right: 0 !important;
            width: 100%;
        }

        .items-selection-wrapper .flex .quote-comparison-input-wrapper {
            width: calc(50% - 15px);
        }
            .items-selection-wrapper .flex .quote-comparison-input-wrapper:first-child {
                margin-right: 15px !important;
            }

            .items-selection-wrapper .flex .quote-comparison-input-wrapper:last-child {
                margin-left: 15px !important;
            }

        .quote-comparison-footer {
            bottom: -16px;
        }
    }

    @media (min-width: 991px) {
        .quote-comparison-quote-selection-container.flex .select-quote > div,
        .quote-comparison-sub-section-wrapper.flex > div {
            width: 33.333%;
        }

            .quote-comparison-sub-section-wrapper.flex > div:last-child {
                margin-right: 0 !important;
            }

        .quote-comparison-sub-section-wrapper.items-selection-wrapper .flex {
            width: 66.666%;
        }

        .quote-comparison-sub-section-wrapper.items-selection-wrapper .add-pair-button-wrapper {
            margin: 8px 0 0 30px;
            width: calc(33.333% - 30px);
        }
    }
/* #endregion */

/* #region User Page */
.fiori3-user-page-container {
    padding: 0;
}

.fiori3-user-page {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

    .fiori3-user-page .show-small {
        display: block;
        position: relative;
    }

    .fiori3-user-page .show-large {
        display: none;
    }

.fiori3-user-page-container .fiori3-user-page h2 {
    font-size: 24px;
    padding: 0;
    margin: 0;
    border-bottom: none;
    background-color: transparent;
}

.fiori3-user-page .fiori3-nav-tabs-container {
    border-bottom: 1px solid var(--primary-border-color);
}

.fiori3-user-page-header {
    position: static;
    padding: 16px 16px 0;
    margin-bottom: 8px;
    height: unset;
}

.fiori3-user-details-tab .tenant-info {
    padding: 0 0 16px;
    gap: 8px;
    font-weight: 700;
}

.fiori3-user-details-wrapper {
    flex-wrap: wrap;
}

.fiori3-user-details-toggles {
    padding-top: 25px;
}

    .fiori3-user-details-toggles .user-page-toggle-wrapper {
        margin-bottom: 20px;
    }

    .fiori3-user-details-toggles .fiori3-input-group {
        margin-bottom: 0 !important;
    }

.grant-access,
.fiori3-grant-access-wrapper {
    flex-wrap: wrap;
    gap: 10px;
}

.user-page-toggle-wrapper .until-date-column label {
    margin-right: 8px;
}

.fiori3-user-details-wrapper .fiori3-user-details-fields,
.fiori3-user-details-wrapper .fiori3-user-details-toggles {
    width: 100%;
}

.out-of-office > .flex {
    gap: 15px;
    flex-wrap: wrap;
}

.out-of-office .start-end-dates {
    gap: 10px;
    width: 100%;
}

.out-of-office .backup-approver {
    width: 100%
}

    .out-of-office .backup-approver .fiori3-pills-container > ul li {
        margin-bottom: 4px;
    }

.fiori3-user-details-toggles .fiori3-choose-backup-approver {
    margin-bottom: 20px !important;
}

    .fiori3-user-details-toggles .fiori3-choose-backup-approver .select2-container {
        width: 100% !important;
    }

.fiori3-choose-backup-approver.fiori3-input-group.fiori3-select-group::after {
    top: 6px !important;
}

.backup-approver-label {
    margin: 0 0 3px !important;
}

.backup-approver .blocked-user {
    padding-right: 6px;
}

    .backup-approver .blocked-user span {
        color: var(--error-required-color) !important;
    }

.fiori3-user-details-wrapper .fiori3-input-group.fiori3-select-group::after {
    top: 31px;
}

.fiori3-user-details-fields-wrapper {
    padding: 20px 16px !important;
}

.fiori3-modify-personal-details-wrapper,
.fiori3-modify-password-fields-wrapper,
.fiori3-user-details-tab {
    max-height: calc(100vh - 173px);
}

.fiori3-modify-personal-details-fields,
.fiori3-user-details-fields-wrapper {
    overflow-y: auto;
}

.fiori3-modify-personal-details-fields,
.fiori3-modify-password-fields,
.fiori3-user-details-fields-wrapper {
    min-height: calc(100vh - 175px);
    max-height: calc(100vh - 175px);
    padding: 20px 0;
}

.fiori3-modify-personal-details-wrapper.alert-displayed,
.fiori3-modify-password-fields-wrapper.alert-displayed,
.fiori3-user-details-tab.alert-displayed {
    max-height: calc(100vh - 219px);
}

    .fiori3-modify-personal-details-wrapper.alert-displayed .fiori3-modify-personal-details-fields,
    .fiori3-modify-password-fields-wrapper.alert-displayed .fiori3-modify-password-fields,
    .fiori3-user-details-tab.alert-displayed .fiori3-user-details-fields-wrapper {
        min-height: calc(100vh - 221px);
        max-height: calc(100vh - 221px);
    }

.fiori3-modify-personal-details-fields .select2-container--default .select2-selection--single .select2-selection__arrow,
.fiori3-choose-backup-approver .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}

.fiori3-modify-personal-details-fields .select2-container,
.fiori3-modify-personal-details-fields .fiori3-input-group.fiori3-select-group::after,
.fiori3-choose-backup-approver.fiori3-input-group.fiori3-select-group::after {
    z-index: 4;
}

.fiori3-modify-personal-details-wrapper footer,
.fiori3-modify-password-fields-wrapper footer,
.fiori3-user-details-tab footer {
    background-color: var(--tertiary-background-color);
    padding: 8px 16px;
    -webkit-box-shadow: inset 0px 4px 4px -4px rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px 4px 4px -4px rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}

.fiori3-modify-password-fields {
    padding: 16px;
    width: 100%;
}

.user-page-toggle-wrapper .until-date-column .flex:last-child,
.user-page-toggle-wrapper .until-date-column.flex .date-field {
    align-items: center;
}

.user-page-toggle-wrapper .until-date-column.flex label {
    padding-bottom: 0 !important;
    margin-bottom: 0;
}

@media (max-width: 992px) {
    .user-page-toggle-wrapper .until-date-column.flex,
    .fiori3-grant-access-wrapper {
        flex-direction: row;
        justify-content: flex-end;
        width: 100%;
    }
}

@media (min-width: 768px) {
    .fiori3-modify-personal-details-fields,
    .fiori3-modify-password-fields,
    .fiori3-user-details-fields-wrapper {
        min-height: calc(100vh - 195px);
        max-height: calc(100vh - 195px);
    }

    .fiori3-modify-personal-details-wrapper.alert-displayed .fiori3-modify-personal-details-fields,
    .fiori3-modify-password-fields-wrapper.alert-displayed .fiori3-modify-password-fields,
    .fiori3-user-details-tab.alert-displayed .fiori3-user-details-fields-wrapper {
        min-height: calc(100vh - 241px);
        max-height: calc(100vh - 241px);
    }

    .fiori3-modify-personal-details-wrapper .col-md-4:nth-child(2n+1) {
        clear: both;
    }

    .fiori3-modify-password-fields,
    .fiori3-user-details-wrapper .fiori3-user-details-fields {
        width: 50%;
    }

    .fiori3-user-page .show-small {
        display: none;
    }

    .fiori3-user-page .show-large {
        display: block;
    }

    .out-of-office > .flex {
        flex-wrap: nowrap;
    }

    .out-of-office .start-end-dates {
        width: 33.333%;
    }

    .out-of-office .backup-approver {
        width: 66.666%;
    }
}

@media (min-width: 992px) {
    .fiori3-modify-personal-details-wrapper .col-md-4:nth-child(2n+1) {
        clear: none;
    }

    .fiori3-modify-personal-details-wrapper .col-md-4:nth-child(3n+1) {
        clear: both;
    }

    .fiori3-user-details-wrapper {
        flex-wrap: nowrap;
        gap: 30px;
    }

        .fiori3-user-details-wrapper .fiori3-user-details-fields,
        .fiori3-modify-password-fields {
            width: 33.333%;
        }

        .fiori3-user-details-wrapper .fiori3-user-details-toggles {
            width: 66.666%;
        }
}

.grant-access-to-support-details {
    width: 100%;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
}

.choose-support-details {
    gap: 10px;
}

.choose-support-details label {
    margin: 0;
}

.choose-support-details .ticket-number-field {
    align-items: center;
}

.choose-support-details .ticket-number-field input {
    margin-right: 0;
}

.choose-euaccess-cam-user .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.grant-access .fiori3-alert-info-border {
    width: 100%;
    margin-bottom: 0;
}

@media (max-width: 1300px) {
    .grant-access-to-support-details {
        flex-direction: column;
        align-items: flex-start;
    }

    .euaccess-cam-users {
    }

    .grant-access-to-support-details .fiori3-pills-container {
        order: 2;
    }

    .choose-support-details {
        order: 3;
        margin-top: 8px;
    }
}

@media (max-width: 600px) {
    .choose-support-details {
        flex-wrap: wrap;
    }

    .choose-support-details .until-date-column.flex {
        justify-content: flex-start;
    }
}

.grant-access-to-support-details .fiori3-pills-container > ul li {
    margin-right: 8px;
    margin-bottom: 0px;
    margin-top: 4px;
}

.euaccess-cam-users {
    max-width: 50%;
    min-width: 250px;
}

.euaccess-cam-users .select2-selection--multiple {
    min-height: 26px;
    height: 26px;
}

.euaccess-cam-users .select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 2px;
    line-height: 18px;
}

.euaccess-cam-users .select2-container .select2-search--inline .select2-search__field {
    margin-top: 2px;
}

    .euaccess-cam-users .fiori3-input-group.fiori3-select-group::after {
        top: 6px;
        z-index: 999;
    }

.old-password-field .fiori3-input-group {
    position: relative;
}

.password-rules-icon {
    position: absolute;
    right: -10px;
    top: 7px;
}

.fiori3-password-rules-icon {
    position: absolute;
    right: 0;
    top: -23px;
}

    .fiori3-password-rules-icon .popover {
        width: 300px;
        padding: 10px;
    }

    .fiori3-password-rules-icon .popover-content li::marker {
        margin-right: 0;
    }

@-moz-document url-prefix() {
    .fiori3-password-rules-icon .popover-content li {
        margin-left: 10px;
    }
}

.fiori3-password-rules-icon .popover div {
    font-size: 12px;
}

.fiori3-user-page .nav-mobile {
    padding: 0 16px;
}

.fiori3-user-page .navbar-toggle {
    margin: 0 0 8px;
    padding: 0;
}

.fiori3-user-page .tabs-collapse {
    position: absolute;
    width: 100%;
    z-index: 3;
}

.fiori3-user-page .tabs-collapse li {
    background-color: var(--secondary-background-color);
}
/* #endregion */

/* #region Approvals Page */
.fiori3-approvals-page-container,
.fiori3-approval-history-container {
    padding: 16px;
}

.fiori3-approval-history-container {
    position: relative;
}

.fiori3-approvals-page-container .fiori3-approvals-page-content,
.fiori3-approval-history-container .fiori3-approval-history-content {
    border-radius: 0;
    padding: 0;
}

.fiori3-approvals-page-container .fiori3-approvals-page-content h2,
.fiori3-approval-history-container .fiori3-approval-history-content h2 {
    padding: 0;
    margin: 0 0 20px 0;
}

    .fiori3-approvals-page-content section:not(:last-child) {
        margin-bottom: 20px;
    }

.fiori3-approvals-page-content section h3 {
    padding: 0 0 5px;
    margin: 0 0 10px 0;
    font-size: 18px;
}

.fiori3-approvals-page-content section .flex.flex-end {
    gap: 6px;
}

#approvalConditionsSection .flex.flex-end {
    flex-wrap: wrap;
}

.fiori3-approvals-page-content section .flex.flex-end .approval-actions span {
    display: inline-block;
}

    .fiori3-approvals-page-content section .flex.flex-end .approval-actions span:first-child {
        margin-right: 8px;
    }

.pending-responsibilities-table .fiori3-checkbox-group input + span {
    top: -11px;
}

/* #approvalContainer selector is added for backward compatibility for clustomers with customized ApprovalsPage template*/
.fiori3-approvals-page-content .sap-icon.error-status-icon,
.fiori3-approvals-page-content .sap-icon.pending-status-icon,
.fiori3-approvals-page-content .sap-icon.success-status-icon,
#approvalContainer .error-status-icon,
#approvalContainer .pending-status-icon,
#approvalContainer .success-status-icon {
    font-size: 12px;
    font-family: var(--icons-font);
    font-style: normal;
}

.fiori3-approvals-page-content .sap-icon.error-status-icon,
#approvalContainer .error-status-icon {
    color: var(--error-required-color);
}

    .fiori3-approvals-page-content .sap-icon.error-status-icon::after,
    #approvalContainer .error-status-icon::after {
        content: '\e0b1';
    }

.fiori3-approvals-page-content .sap-icon.pending-status-icon,
#approvalContainer .pending-status-icon {
    color: var(--warning-color);
}

    .fiori3-approvals-page-content .sap-icon.pending-status-icon::after,
    #approvalContainer .pending-status-icon::after {
        content: '\e019';
    }

.fiori3-approvals-page-content .sap-icon.success-status-icon,
#approvalContainer .success-status-icon {
    color: var(--success-color);
}

    .fiori3-approvals-page-content .sap-icon.success-status-icon::after,
    #approvalContainer .success-status-icon::after {
        content: '\e203';
    }

.fiori3-approval-history-content .table-responsive {
    margin-bottom: 10px;
}

/* sorting icons */
.fiori3-approval-history-table span.header,
.fiori3-approval-history-table span.header-sort-up,
.fiori3-approval-history-table span.header-sort-down {
    background-image: none;
    display: inline-block;
    width: 22px;
    cursor: pointer;
}

.fiori3-approval-history-table th.header-sort-up,
.fiori3-approval-history-table th.header-sort-down {
    background-image: none;
}

.fiori3-approval-history-table span.header::after {
    content: '\e095';
    font-family: var(--icons-font);
    color: var(--sap-icon-color);
    opacity: 0;
}

    .fiori3-approval-history-table span.header.header-sort-up::after {
        content: '\e1fd';
    }

    .fiori3-approval-history-table span.header.header-sort-down::after {
        content: '\e1fc';
    }

    .fiori3-approval-history-table thead th:hover span.header::after,
    .fiori3-approval-history-table thead th span.header:focus::after,
    .fiori3-approval-history-table span.header.header-sort-up::after,
    .fiori3-approval-history-table span.header.header-sort-down::after {
        opacity: 1;
    }
/* end */

.fiori3-approval-history-table-wrapper {
    min-height: calc(100vh - 170px);
    max-height: calc(100vh - 170px);
    overflow-y: auto;
}

.fiori3-approval-history-container footer {
    background-color: var(--tertiary-background-color);
    padding: 8px 16px;
    -webkit-box-shadow: inset 0px 4px 4px -4px rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px 4px 4px -4px rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    position: absolute;
    width: calc(100vw - 48px);
    right: 0;
    bottom: 0;
    gap: 8px;
}

    @media (min-width: 769px) {
        .fiori3-approval-history-container footer {
            width: calc(100vw - 88px);
            bottom: -20px;
        }
    }

    @media (min-width: 800px) {
        .checkbox-table-cell {
            text-align: center;
        }
    }

    @media (max-width: 800px) {
        .checkbox-table-cell .fiori3-checkbox-group {
            margin-bottom: 0;
        }

        .fiori3-approvals-page-content #no-more-tables tr {
            border: none;
        }

        .fiori3-approvals-page-content #no-more-tables td:before {
            top: 6px;
        }

        .pending-responsibilities-table .fiori3-checkbox-group input + span:before {
            left: 10px;
        }
    }
/* #endregion */

.third-party-cookies-wrapper {
    justify-content: center;
    height: 85vh;
    flex-direction: column;
    margin: auto;
    max-width: 550px;
    width: 50%;
}

    .third-party-cookies-wrapper .border-wrapper {
        padding: 30px;
        border: 1px solid #6a6d70;
        border-radius: 4px;
        background: #fff;
    }

    .third-party-cookies-wrapper h3 {
        font-size: 24px;
        margin: 15px 0;
        background: #fff;
        color: #303133;
        padding-left: 0;
    }

    .third-party-cookies-wrapper .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);
    }

    .third-party-cookies-wrapper .fiori3-alert .sap-icon {
        position: absolute;
        left: 16px;
        top: 50%;
        transform: translateY(-50%);
        display: inline-block;
        margin-right: 16px;
        font-size: 14px;
    }

    .third-party-cookies-wrapper .fiori3-warning-info .sap-icon {
        color: #e9730c;
    }

    .third-party-cookies-wrapper .fiori3-danger-info .sap-icon {
        color: #bb0000;
    }

    .third-party-cookies-wrapper .fiori3-warning-info {
        border: 1px solid #e9730c;
        border-radius: 3px;
        background-color: #fef7f0;
    }

    .third-party-cookies-wrapper .fiori3-danger-info {
        border: 1px solid #bb0000;
        border-radius: 3px;
        background-color: #ffebeb;
    }

    .third-party-cookies-wrapper .btn.btn-secondary.fiori3-btn-secondary {
        height: 26px;
        border-radius: 4px;
        font-size: 14px;
        padding: 0 16px;
        background-color: #ffffff;
        color: #0a6ed1;
        border-radius: 4px;
        border: 1px solid #0a6ed1;
        line-height: 20px;
    }

    .third-party-cookies-wrapper .header-icon {
        height: 30px;
        background: url(/Content/images/cpq_logo_white.svg) no-repeat left;
        background-size: auto 22px;
    }

    .third-party-cookies-wrapper .third-party-cookies-wrapper .footer {
        margin-top: 0;
        padding-top: 0;
        height: unset;
    }

.third-party-cookies-hide {
    display: none !important;
}

/* Item type search popover */
.is-open .item-suggestions {
    max-width: 250px;
}

.item-type-popover-with-search {
    min-width: 270px;
}

.item-search-wrapper .fiori3-input-group {
    margin-bottom: 0 !important; 
}

    .item-search-wrapper .fiori3-input-group input[type="text"]:focus {
        border-color: var(--focus-border-and-outline-color);
    }

    .item-search-wrapper .btn-tertiary.icon-sys-cancel::before {
        font-family: var(--icons-font);
        content: "\e1c7";
    }

.item-selected-suggestion {
    text-align: left;
    background-color: var(--fiori3-info-background-color);
    padding: 2px 30px 2px 6px;
    border-radius: 4px;
    position: relative;
    color: var(--secondary-text-color);
    font-size: 12px;
}

.item-selected-suggestion .icon-sys-cancel {
    position: absolute;
    top: 0;
    right: 0;
}

.item-search-wrapper .custom-dropdown-menu {
    max-height: 300px;
    border: none;
}

.item-suggestions .fiori3-table td {
    white-space: nowrap;
}

.item-type-wrapper {
    display: inline-block;
}

/* #region pricing details on item*/
.pricing-details-table-wrapper {
    position: relative;
    z-index: 2;
}

.fiori3-table tbody > .pricing-details-table-wrapper:hover,
.fiori3-table tbody > .pricing-details-table-wrapper {
    background-color: #f7f7f7 !important;
}

.fiori3-table tbody > .pricing-details-table-wrapper:hover .fiori3-icon-button.delete-icon-button,
.fiori3-table tbody > .pricing-details-table-wrapper .fiori3-icon-button.delete-icon-button {
    background-color: transparent !important;
}

.fiori3-table tbody > .pricing-details-table-wrapper .pricing-details-table {
    background-color: white !important;
}

@media (min-width: 800px) {
    .fiori3-items-table-sticky .fiori3-table .pricing-details-table-wrapper th:first-child::after, .fiori3-items-table-sticky .fiori3-table .pricing-details-table-wrapper th:nth-child(2)::after,
    .fiori3-items-table-sticky .fiori3-table .pricing-details-table-wrapper td:first-child::after, .fiori3-items-table-sticky .fiori3-table .pricing-details-table-wrapper td:nth-child(2)::after,
    .fiori3-items-table-sticky .fiori3-table .pricing-details-table-wrapper th:first-child::before, .fiori3-items-table-sticky .fiori3-table .pricing-details-table-wrapper th:nth-child(2)::before,
    .fiori3-items-table-sticky .fiori3-table .pricing-details-table-wrapper td:first-child::before, .fiori3-items-table-sticky .fiori3-table .pricing-details-table-wrapper td:nth-child(2)::before {
        display: none;
    }
}

.pricing-details-table-space {
    position: sticky;
    left: 0;
}

.pricing-details-table-row {
    position: sticky;
    z-index: 1;
    left: 135px;
    max-width: 0px;    
}

.fiori3-table td.pricing-details-table-row,
.fiori3-table td.pricing-details-table-space {
    border: none !important;
    padding: 0 !important;
}

.pricing-details-table-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: calc(0% + 100vw - 228px);
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
    background-color: #f7f7f7;
}

.pricing-details-table-container .subscriptionTable {
    max-height: 300px;
}

.pricing-details-table-header-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 4px;
    padding-bottom: 10px;
    border-bottom: 1px solid black;
}

.pricing-details-table-header-container .btn-tertiary {
    background-color: transparent !important;
}

.pricing-details-table-header-container .fiori3-btn-secondary {
    background-color: white !important;
}

.pricing-details-table-header-container .align-left {
    margin-right: auto;
}

.pricing-details-table-container .fiori3-icon-button.fiori3-btn-secondary {
    border: 1px solid var(--fiori-primary-btn-background-color) !important;
}

.pricing-details-table-container .fiori3-icon-button.fiori3-btn-secondary .sap-icon {
    color: var(--fiori-primary-btn-background-color);
    font-size: 16px;
}

.pricing-details-table-container table td {
    border: 1px solid var(--primary-border-color) !important;
}

.pricing-details-table .active-flag {
    color: green;
}

.pricing-details-table .inactive-flag {
    color: red;
}
/* #endregion */

/* Usage based pricing */
.usage-pricing-icon {
    padding: 0 9px;
    margin-right: 8px;
    cursor: pointer;
}

.usage-pricing-icon-active {
    background-color: var(--sap-icon-color);
    border-radius: 10%;
}

.usage-pricing-icon-active .sap-icon {
    color: var(--fiori-primary-btn-color) !important;
}

.usage-pricing-actions-cell {
    width: 15px;
}

.usage-pricing-redefined-actions-cell {
    width: 130px;
}

.usage-pricing-header-container {
    display: -webkit-box;
    display: -ms-flexbox;
    margin: 10px 0px 0px 0px;
}

.usage-pricing-header-container .fiori3-search-input-wrapper {
    position: relative;
    margin-bottom: 5px;
}

.usage-pricing-header-container .fiori3-search-input-wrapper input {
    width: 300px;
}

.usage-pricing-header-container .fiori3-search-input-wrapper .sap-icon {
    position: absolute;
    right: 12px;
    top: 0px;
    font-size: 18px;
    color: var(--sap-icon-color);
}

.usage-pricing-header-container .usage-pricing-header-name {
    color: var(--primary-text-color);
    font-size: 18px;
}

.usage-pricing-table-wrapper {
    position: relative;
    z-index: 2;
}

.usage-pricing-table-wrapper:hover .fiori3-icon-button {
    background-color: transparent !important;
}

.reused-price-tables .fiori3-radio-button {
    margin-bottom: 0;
}

.reused-price-tables.fiori3-table td {
    vertical-align: middle;
}

.fiori3-table tbody > .usage-pricing-table-wrapper:hover {
    background-color: transparent !important;
}

@media (min-width: 800px) {
    .fiori3-items-table-sticky .fiori3-table .usage-pricing-table-wrapper th:first-child::after, .fiori3-items-table-sticky .fiori3-table .usage-pricing-table-wrapper th:nth-child(2)::after,
    .fiori3-items-table-sticky .fiori3-table .usage-pricing-table-wrapper td:first-child::after, .fiori3-items-table-sticky .fiori3-table .usage-pricing-table-wrapper td:nth-child(2)::after,
    .fiori3-items-table-sticky .fiori3-table .usage-pricing-table-wrapper th:first-child::before, .fiori3-items-table-sticky .fiori3-table .usage-pricing-table-wrapper th:nth-child(2)::before,
    .fiori3-items-table-sticky .fiori3-table .usage-pricing-table-wrapper td:first-child::before, .fiori3-items-table-sticky .fiori3-table .usage-pricing-table-wrapper td:nth-child(2)::before {
        display: none;
    }
}

.usage-pricing-table-wrapper:last-child .dropdown-menu {
    top: auto;
    bottom: 21px;
}

.usage-pricing-table-space {
    position: sticky;
    left: 0;
}

.usage-pricing-table-row {
    position: sticky;
    z-index: 1;
    left: 135px;
    max-width: 0px;
}

.usage-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;
    min-width: calc(0% + 100vw - 250px) !important;
}

.usage-pricing-container .fiori3-icon-button.fiori3-btn-secondary {
    border: 1px solid var(--fiori-primary-btn-background-color) !important;
}

.usage-pricing-container .fiori3-icon-button.fiori3-btn-secondary .sap-icon{
    color: var(--fiori-primary-btn-background-color);
    font-size: 16px;
}

.usage-pricing-container table td {
    border: 1px solid var(--primary-border-color) !important;
}

.usage-pricing-table-actions {
    text-align: center;
}

.usage-pricing-table-actions .sap-icon {
    font-size: 14px;
}

.usage-pricing-redefined-table .usage-item-ready-sync,
.usage-pricing-redefined-table .usage-item-failed-sync {
    padding: 0 6px;
    margin: 2px;
}

.usage-pricing-redefined-table .usage-item-failed-sync {
    color: var(--error-required-color);
}

.modal .reused-pricing-tables-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;
}

.select-reused-pricing-table {
    width: 50px;    
}

.select-reused-pricing-table .fiori3-radio-button input + span {
    padding-left: 16px;
}

.usage-pricing-header {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.usage-pricing-header.fiori3-cart-tabs-container.tabbable > ul {
    padding: 0;
}

.usage-pricing-tab {
    margin-right: 32px;
}

.usage-pricing-mapping-header-container,
.usage-pricing-range-header-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid var(--primary-border-color);
    margin: 0px 0px 5px 0px;
}

.usage-pricing-range-table-actions-cell {
    width: 30px;
}

.range-table-input-columns-wrapper {
    display: flex;
    color: var(--primary-text-color);
}

.range-table-input-column {
    width: 40rem;
}

.range-table-input-column p {
    margin: 5px 0;
}

.usage-pricing-header-buttons-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 4px;
}

.usage-pricing-edit-buttons-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    gap: 4px;
    margin-top: 10px;
    margin-bottom: 5px;
}

.usage-pricing-row td:first-child {
    position: relative;
}

.usage-pricing-row td:first-child div::before {
    content: '';
    width: 3px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.usage-pricing-row td:first-child .usage-pricing-table-row-added::before {
    background-color: var(--success-color);
}

.usage-pricing-row td:first-child .usage-pricing-table-row-updated::before {
    background-color: var(--warning-color);
}

.usage-pricing-row .usage-based-pricing-delete-column {
    width: 20px;
}

.usage-pricing-row .usage-based-pricing-delete-column .fiori3-checkbox-group input + span::before {
    top: -14px;
}

.usage-pricing-table td {
    min-width: unset !important;
}

@media all and (max-width: 800px) {
    /* Pricing Tables */
    .fiori3-table.subscriptionTable .usage-pricing-table-row {
        left: 0px;
        max-width: 100%;
        margin: 10px;
        padding: 0 !important;
    }

    .usage-pricing-table-row .fiori3-alert {
        text-align: left;
    }

    .usage-pricing-table td {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .usage-pricing-table td .fiori3-icon-button{
        margin: 0;
    }

    .usage-pricing-table td .btn-link,
    .usage-pricing-table td span.usage-item-ready-sync,
    .usage-pricing-table td span.usage-item-failed-sync{
        text-align:right;
        width: 50%;
    }

    .usage-pricing-mapping-table tr,
    .usage-pricing-range-table tr,
    .usage-pricing-ranges-table tr {
        margin-bottom: 10px;
    }

    .usage-pricing-table tr.spacer{
        border: 0 !important;
    }

    .usage-pricing-table td:before{
        position: static !important;
        padding-left: 10px;
    }

    /* Mapping Table */
    .usage-pricing-header-buttons-container {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .usage-pricing-mapping-header-container,
    .usage-pricing-range-header-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10px;
        border: none;
        text-align: left;
    }

    .usage-pricing-table td:before {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .usage-pricing-mapping-table .fiori3-alert{
        text-align: left;
    }

    /*Pricing Table Edit Mode */
    .usage-pricing-mapping-table .usage-based-pricing-delete-column,
    .usage-pricing-range-table .usage-based-pricing-delete-column,
    .usage-pricing-ranges-table .usage-based-pricing-delete-column {
        width: 100%;
        border: 0 !important;
    }

    .usage-pricing-mapping-table .usage-based-pricing-delete-column:before,
    .usage-pricing-range-table .usage-based-pricing-delete-column:before,
    .usage-pricing-ranges-table .usage-based-pricing-delete-column:before {
        content: "" !important;
    }

    /* Range Table */
    .range-table-input-column {
        text-align: left;
        width: 50%;
    }
    .range-table-input-column.range-table-actions-column {
        width: 100%;
    }

    .range-table-input-columns-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

}

/* Cart custom sections*/
.fiori3-custom-section-wrapper .fiori3-custom-fields-container {
    padding-bottom: 0 !important;
}

.fiori3-custom-section-wrapper section {
    margin-bottom: 10px;
}

.fiori3-custom-section-wrapper {
    padding-bottom: 10px;
}

.fiori3-custom-section-wrapper .fiori3-quote-section-header h3 {
    border-bottom: none;
}

.fiori3-custom-section-wrapper .fiori3-quote-section-header {
    border-bottom: 1px solid var(--primary-border-color);
}

.fiori3-custom-section-wrapper .fiori3-quote-section-container {
    border-top: none;
}

.fiori3-cart-documents-container .fiori3-custom-section-wrapper section {
    margin-bottom: 16px;
    background-color: var(--secondary-background-color);
    border-radius: 4px;
}

.fiori3-cart-documents-container .fiori3-custom-section-wrapper h3 {
    font-size: 16px;
    margin-bottom: 0;
}

.fiori3-sales-area-section .fiori3-quote-section-container .row {
    margin: 0 -15px;
}

.fiori3-sales-area-section .fiori3-input-group.fiori3-select-group::after {
    z-index: 4;
    top: 30px;
    right: 22px;
}

.sales-area-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    cursor: unset !important;
}

.sales-area-header-buttons {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    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: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.sales-area-edit-header {
    background: transparent;
    border-bottom: 1px solid var(--primary-border-color);
    margin: 0px !important;
}

.sales-area-dropdown {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
    padding-left: 10px;
    padding-right: 10px;
}

.sales-area-dropdown-menu {
    display: none;
    position: absolute;
    right: 10px;
    top: 40px;
    background: white;
    border: 1px solid #ccc;
    padding-bottom: 40px;
    width: 200px;
    z-index: 10;
}

@media (min-width: 800px) {
    .sales-area-dropdown-menu {
        right: 50px;
        width: 328px;
    }
}

.sales-area-dropdown-menu.show {
    display: block;
}

.sales-area-dropdown-menu-buttons-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 0;
    bottom: 0px;
    background: transparent;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 40px;
    border-top: 1px solid var(--primary-border-color);
}

.sales-area-dropdown-menu-buttons-padding {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
}

.sales-area-dropdown-menu-save-button {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.sales-area-dropdown-menu-cancel-button {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 8px;
}

.sales-area-dropdowns-wrapper {
    margin: 12px 7px 7px 7px;
}

.sales-area-dropdowns-wrapper .sales-org-dropdown:first-child {
    margin-bottom: 16px !important;
}

.sales-area-dropdown-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.fiori3-cart-documents-container .fiori3-custom-section-wrapper .cart-table-container {
    padding: 0 16px;
}

li.has-invalid-data a:focus {
    outline: none !important;
}

.invalid-item.sap-icon {
    cursor: default;
    outline: none !important;
    color: var(--fiori3-error-border-color) !important;
}

.filter-invalid {
    display: block;
    width: fit-content;
    border-bottom: 1px solid var(--main-link-and-icon-color);
}

.choose-euaccess-cam-user select + span .select2-selection__choice {
    display: none !important;
}

.choose-euaccess-cam-user select + span .select2-selection__rendered {
    padding-top: 0;
    padding-bottom: 0;
}