/* Minification failed. Returning unminified contents. (1060,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (1071,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (1082,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (1093,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (1104,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (1115,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (1126,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (1137,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (1148,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (1159,15): run-time error CSS1039: Token not allowed after unary operator: '-greeny-blue' (1170,15): run-time error CSS1039: Token not allowed after unary operator: '-slate-grey' (1181,15): run-time error CSS1039: Token not allowed after unary operator: '-greeny-blue' (1192,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (1203,15): run-time error CSS1039: Token not allowed after unary operator: '-slate-grey' (1214,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (1225,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (1236,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (1247,15): run-time error CSS1039: Token not allowed after unary operator: '-slate-grey' (1258,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (1269,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (1280,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (1291,15): run-time error CSS1039: Token not allowed after unary operator: '-steel' (1302,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (1313,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (1324,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (1335,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (1346,15): run-time error CSS1039: Token not allowed after unary operator: '-slate-grey' (1357,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (1368,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (1390,15): run-time error CSS1039: Token not allowed after unary operator: '-slate-grey' (1401,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (1412,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (1423,15): run-time error CSS1039: Token not allowed after unary operator: '-slate-grey' (1434,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (1445,15): run-time error CSS1039: Token not allowed after unary operator: '-slate-grey' (1456,15): run-time error CSS1039: Token not allowed after unary operator: '-slate-grey' (1467,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (1489,15): run-time error CSS1039: Token not allowed after unary operator: '-slate-grey' (1500,15): run-time error CSS1039: Token not allowed after unary operator: '-steel' (1511,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (1522,15): run-time error CSS1039: Token not allowed after unary operator: '-slate-grey' (1533,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (1544,15): run-time error CSS1039: Token not allowed after unary operator: '-slate-grey' (1555,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (1566,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (1577,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (1588,15): run-time error CSS1039: Token not allowed after unary operator: '-slate-grey' (1599,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (1610,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (1621,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (1632,15): run-time error CSS1039: Token not allowed after unary operator: '-greeny-blue' (1643,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (1654,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (1665,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (1676,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (1687,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (1698,15): run-time error CSS1039: Token not allowed after unary operator: '-slate-grey' (1709,15): run-time error CSS1039: Token not allowed after unary operator: '-slate-grey' (1720,15): run-time error CSS1039: Token not allowed after unary operator: '-wisteria' (1731,15): run-time error CSS1039: Token not allowed after unary operator: '-pastel-orange' (1742,15): run-time error CSS1039: Token not allowed after unary operator: '-steel' (1753,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (1764,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (1775,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (1786,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (1797,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (1808,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (1819,15): run-time error CSS1039: Token not allowed after unary operator: '-steel' (1830,15): run-time error CSS1039: Token not allowed after unary operator: '-greeny-blue' (1841,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (1852,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (1863,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (1874,15): run-time error CSS1039: Token not allowed after unary operator: '-slate-grey' (1885,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (1896,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (1907,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (1918,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (1929,15): run-time error CSS1039: Token not allowed after unary operator: '-steel' (1940,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (1951,15): run-time error CSS1039: Token not allowed after unary operator: '-slate-grey' (1962,15): run-time error CSS1039: Token not allowed after unary operator: '-slate-grey' (1973,15): run-time error CSS1039: Token not allowed after unary operator: '-steel' (1984,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (1995,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (2006,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (2017,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (2028,15): run-time error CSS1039: Token not allowed after unary operator: '-slate-grey' (2039,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (2050,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (2061,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (2072,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (2083,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (2094,15): run-time error CSS1039: Token not allowed after unary operator: '-slate-grey' (2105,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (2116,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (2127,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (2138,15): run-time error CSS1039: Token not allowed after unary operator: '-slate-grey' (2149,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (2160,15): run-time error CSS1039: Token not allowed after unary operator: '-slate-grey' (2171,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (2182,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (2193,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (2204,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (2215,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (2226,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (2237,15): run-time error CSS1039: Token not allowed after unary operator: '-steel' (2248,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (2259,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (2270,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (2281,15): run-time error CSS1039: Token not allowed after unary operator: '-greeny-blue' (2292,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (2303,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (2314,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (3303,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3304,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3305,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3306,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3307,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3346,17): run-time error CSS1039: Token not allowed after unary operator: '-address-muted' (3351,17): run-time error CSS1039: Token not allowed after unary operator: '-address-blue' (3397,17): run-time error CSS1039: Token not allowed after unary operator: '-address-orange' (3412,24): run-time error CSS1039: Token not allowed after unary operator: '-address-orange' (3452,17): run-time error CSS1039: Token not allowed after unary operator: '-address-text' (3461,24): run-time error CSS1039: Token not allowed after unary operator: '-address-orange' (3475,28): run-time error CSS1039: Token not allowed after unary operator: '-address-border' (3491,17): run-time error CSS1039: Token not allowed after unary operator: '-address-text' (3505,17): run-time error CSS1039: Token not allowed after unary operator: '-address-orange' (3534,28): run-time error CSS1039: Token not allowed after unary operator: '-address-orange' (3536,17): run-time error CSS1039: Token not allowed after unary operator: '-address-orange-dark' (3543,17): run-time error CSS1039: Token not allowed after unary operator: '-address-orange' (3549,22): run-time error CSS1039: Token not allowed after unary operator: '-address-orange' (3573,28): run-time error CSS1039: Token not allowed after unary operator: '-address-border' (3627,35): run-time error CSS1039: Token not allowed after unary operator: '-address-orange' (3666,24): run-time error CSS1039: Token not allowed after unary operator: '-address-orange' (3672,28): run-time error CSS1039: Token not allowed after unary operator: '-address-orange' (3674,17): run-time error CSS1039: Token not allowed after unary operator: '-address-orange-dark' (3703,22): run-time error CSS1039: Token not allowed after unary operator: '-address-orange' (3710,22): run-time error CSS1039: Token not allowed after unary operator: '-address-orange-dark' (3753,28): run-time error CSS1039: Token not allowed after unary operator: '-address-border' (3762,24): run-time error CSS1039: Token not allowed after unary operator: '-address-orange' (3786,17): run-time error CSS1039: Token not allowed after unary operator: '-address-blue' (3815,28): run-time error CSS1039: Token not allowed after unary operator: '-address-orange' (3817,22): run-time error CSS1039: Token not allowed after unary operator: '-address-orange' (3823,22): run-time error CSS1039: Token not allowed after unary operator: '-address-orange-dark' (4281,1): run-time error CSS1019: Unexpected token, found '@import' (4281,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css2?family=Manrope:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap')' (4284,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4285,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4286,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4287,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4288,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4289,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4290,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4291,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4292,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4293,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4294,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4295,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4296,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4297,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4298,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4299,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4300,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4301,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4302,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4303,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4304,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4310,17): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-ink' (4343,17): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-ink-muted' (4353,22): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-bg' (4354,17): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-ink' (4360,17): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-brand' (4372,17): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-ink' (4377,17): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-ink-muted' (4408,28): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-surface' (4409,28): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-border-strong' (4410,17): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-ink-faint' (4420,28): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-brand' (4421,24): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-brand' (4426,28): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-success' (4427,24): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-success' (4434,28): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-border-strong' (4440,28): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-success' (4447,17): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-ink' (4454,17): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-ink-faint' (4458,17): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-success' (4463,17): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-ink-muted' (4482,25): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-radius-sm' (4494,28): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-brand' (4503,28): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-brand' (4504,24): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-brand' (4526,17): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-ink-muted' (4531,17): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-success' (4540,28): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-warning-tint' (4541,25): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-radius-md' (4546,17): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-warning' (4553,17): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-warning' (4565,28): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-warning-tint' (4566,25): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-radius-md' (4571,17): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-warning' (4578,17): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-warning' (4584,17): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-warning' (4595,28): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-success-tint' (4596,17): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-success' (4608,28): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-border' (4609,25): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-radius-md' (4615,24): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-brand' (4620,24): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-brand' (4631,28): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-bg' (4632,17): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-ink-muted' (4637,28): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-brand' (4655,17): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-ink' (4662,28): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-success-tint' (4663,17): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-success' (4670,17): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-ink-muted' (4701,17): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-brand' (4707,17): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-ink' (4714,17): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-ink-muted' (4721,28): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-border' (4727,28): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-brand' (4733,17): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-ink-faint' (4749,25): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-radius-md' (4794,25): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-radius-md' (4838,17): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-ink-muted' (4844,17): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-brand' (4860,17): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-brand-dark' (4863,28): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-brand-tint' (4864,25): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-radius-sm' (4880,17): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-ink-muted' (4888,25): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-radius-md' (4899,28): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-danger-tint' (4900,17): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-danger' (4914,24): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-danger' (4918,17): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-danger' (4922,28): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-success-tint' (4923,17): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-success' (4929,28): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-info-tint' (4930,17): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-info-ink' (4938,28): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-info-tint' (4939,25): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-radius-sm' (4941,17): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-info-ink' (4949,28): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-bg' (4950,28): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-border' (4951,25): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-radius-md' (4957,17): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-ink' (4973,17): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-ink' (4984,17): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-ink-muted' (4989,28): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-border' (4990,25): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-radius-md' (5001,35): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-border' (5013,17): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-ink-muted' (5019,17): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-ink' (5027,17): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-ink-faint' (5053,17): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-ink' (5069,17): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-warning' (5070,28): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-warning-tint' (5082,17): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-success' (5102,17): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-ink' (5103,28): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-surface' (5104,30): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-border-strong' (5105,25): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-radius-sm' (5111,24): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-brand' (5112,32): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-brand-tint' (5119,28): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-bg' (5120,24): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-border' (5121,17): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-ink-muted' (5137,17): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-danger' (5152,25): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-radius-sm' (5168,28): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-brand' (5169,24): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-brand' (5189,24): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-border-strong' (5190,17): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-ink-muted' (5195,28): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-bg' (5196,17): run-time error CSS1039: Token not allowed after unary operator: '-pcc-wizard-ink' (5504,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5505,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5506,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5507,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5508,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5515,17): run-time error CSS1039: Token not allowed after unary operator: '-profile-text' (5521,35): run-time error CSS1039: Token not allowed after unary operator: '-profile-border' (5541,31): run-time error CSS1039: Token not allowed after unary operator: '-profile-orange' (5542,17): run-time error CSS1039: Token not allowed after unary operator: '-profile-orange' (5548,17): run-time error CSS1039: Token not allowed after unary operator: '-profile-text' (5559,17): run-time error CSS1039: Token not allowed after unary operator: '-profile-muted' (5566,17): run-time error CSS1039: Token not allowed after unary operator: '-profile-muted' (5580,33): run-time error CSS1039: Token not allowed after unary operator: '-profile-border' (5585,17): run-time error CSS1039: Token not allowed after unary operator: '-profile-text' (5635,17): run-time error CSS1039: Token not allowed after unary operator: '-profile-muted' (5668,35): run-time error CSS1039: Token not allowed after unary operator: '-profile-border' (5700,28): run-time error CSS1039: Token not allowed after unary operator: '-profile-orange' (5703,17): run-time error CSS1039: Token not allowed after unary operator: '-profile-orange' (5710,22): run-time error CSS1039: Token not allowed after unary operator: '-profile-orange' (5724,35): run-time error CSS1039: Token not allowed after unary operator: '-profile-border' (5733,35): run-time error CSS1039: Token not allowed after unary operator: '-profile-border' (5763,17): run-time error CSS1039: Token not allowed after unary operator: '-profile-muted' (5785,22): run-time error CSS1039: Token not allowed after unary operator: '-profile-border' (5793,17): run-time error CSS1039: Token not allowed after unary operator: '-profile-orange' (5804,17): run-time error CSS1039: Token not allowed after unary operator: '-profile-muted' (5909,26): run-time error CSS1039: Token not allowed after unary operator: '-profile-soft' (5980,17): run-time error CSS1039: Token not allowed after unary operator: '-slate-grey' (6001,17): run-time error CSS1039: Token not allowed after unary operator: '-black' (6012,17): run-time error CSS1039: Token not allowed after unary operator: '-slate-grey' (6023,17): run-time error CSS1039: Token not allowed after unary operator: '-slate-grey' (6026,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6027,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6028,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6029,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6030,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6031,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6032,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6033,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6034,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6035,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6047,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (6059,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (6071,17): run-time error CSS1039: Token not allowed after unary operator: '-black' (6083,17): run-time error CSS1039: Token not allowed after unary operator: '-steel' (6089,28): run-time error CSS1039: Token not allowed after unary operator: '-steel' (6090,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (6094,32): run-time error CSS1039: Token not allowed after unary operator: '-pastel-orange' (6101,28): run-time error CSS1039: Token not allowed after unary operator: '-black' (6103,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (6112,17): run-time error CSS1039: Token not allowed after unary operator: '-black' (6119,28): run-time error CSS1039: Token not allowed after unary operator: '-orange' (6121,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (6130,17): run-time error CSS1039: Token not allowed after unary operator: '-orange' (6138,28): run-time error CSS1039: Token not allowed after unary operator: '-orange' (6147,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (6155,28): run-time error CSS1039: Token not allowed after unary operator: '-black' (6164,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (6170,28): run-time error CSS1039: Token not allowed after unary operator: '-black' (6172,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (6181,17): run-time error CSS1039: Token not allowed after unary operator: '-black' (6186,28): run-time error CSS1039: Token not allowed after unary operator: '-steel' (6198,17): run-time error CSS1039: Token not allowed after unary operator: '-black' (6210,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (6222,17): run-time error CSS1039: Token not allowed after unary operator: '-black' (6234,17): run-time error CSS1039: Token not allowed after unary operator: '-black' (6246,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (6258,17): run-time error CSS1039: Token not allowed after unary operator: '-black' (6270,17): run-time error CSS1039: Token not allowed after unary operator: '-black' (6282,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (6291,17): run-time error CSS1039: Token not allowed after unary operator: '-orange' (6316,17): run-time error CSS1039: Token not allowed after unary operator: '-black' (6329,17): run-time error CSS1039: Token not allowed after unary operator: '-slate-grey' (6421,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (6432,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (6443,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (6454,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (6465,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (6476,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (6487,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (6498,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (6509,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (6520,15): run-time error CSS1039: Token not allowed after unary operator: '-greeny-blue' (6531,15): run-time error CSS1039: Token not allowed after unary operator: '-slate-grey' (6542,15): run-time error CSS1039: Token not allowed after unary operator: '-greeny-blue' (6553,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (6564,15): run-time error CSS1039: Token not allowed after unary operator: '-slate-grey' (6575,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (6586,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (6597,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (6608,15): run-time error CSS1039: Token not allowed after unary operator: '-slate-grey' (6619,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (6630,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (6641,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (6652,15): run-time error CSS1039: Token not allowed after unary operator: '-steel' (6663,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (6674,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (6685,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (6696,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (6707,15): run-time error CSS1039: Token not allowed after unary operator: '-slate-grey' (6718,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (6729,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (6751,15): run-time error CSS1039: Token not allowed after unary operator: '-slate-grey' (6762,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (6773,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (6784,15): run-time error CSS1039: Token not allowed after unary operator: '-slate-grey' (6795,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (6806,15): run-time error CSS1039: Token not allowed after unary operator: '-slate-grey' (6817,15): run-time error CSS1039: Token not allowed after unary operator: '-slate-grey' (6828,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (6850,15): run-time error CSS1039: Token not allowed after unary operator: '-slate-grey' (6861,15): run-time error CSS1039: Token not allowed after unary operator: '-steel' (6872,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (6883,15): run-time error CSS1039: Token not allowed after unary operator: '-slate-grey' (6894,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (6905,15): run-time error CSS1039: Token not allowed after unary operator: '-slate-grey' (6916,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (6927,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (6938,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (6949,15): run-time error CSS1039: Token not allowed after unary operator: '-slate-grey' (6960,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (6971,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (6982,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (6993,15): run-time error CSS1039: Token not allowed after unary operator: '-greeny-blue' (7004,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (7015,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (7026,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (7037,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (7048,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (7059,15): run-time error CSS1039: Token not allowed after unary operator: '-slate-grey' (7070,15): run-time error CSS1039: Token not allowed after unary operator: '-slate-grey' (7081,15): run-time error CSS1039: Token not allowed after unary operator: '-wisteria' (7092,15): run-time error CSS1039: Token not allowed after unary operator: '-pastel-orange' (7103,15): run-time error CSS1039: Token not allowed after unary operator: '-steel' (7114,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (7125,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (7136,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (7147,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (7158,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (7169,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (7180,15): run-time error CSS1039: Token not allowed after unary operator: '-steel' (7191,15): run-time error CSS1039: Token not allowed after unary operator: '-greeny-blue' (7202,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (7213,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (7224,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (7235,15): run-time error CSS1039: Token not allowed after unary operator: '-slate-grey' (7246,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (7257,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (7268,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (7279,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (7290,15): run-time error CSS1039: Token not allowed after unary operator: '-steel' (7301,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (7312,15): run-time error CSS1039: Token not allowed after unary operator: '-slate-grey' (7323,15): run-time error CSS1039: Token not allowed after unary operator: '-slate-grey' (7334,15): run-time error CSS1039: Token not allowed after unary operator: '-steel' (7345,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (7356,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (7367,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (7378,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (7389,15): run-time error CSS1039: Token not allowed after unary operator: '-slate-grey' (7400,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (7411,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (7422,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (7433,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (7444,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (7455,15): run-time error CSS1039: Token not allowed after unary operator: '-slate-grey' (7466,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (7477,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (7488,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (7499,15): run-time error CSS1039: Token not allowed after unary operator: '-slate-grey' (7510,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (7521,15): run-time error CSS1039: Token not allowed after unary operator: '-slate-grey' (7532,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (7543,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (7554,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (7565,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (7576,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (7587,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (7598,15): run-time error CSS1039: Token not allowed after unary operator: '-steel' (7609,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (7620,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (7631,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (7642,15): run-time error CSS1039: Token not allowed after unary operator: '-greeny-blue' (7653,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (7664,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (7675,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (7677,312): run-time error CSS1019: Unexpected token, found '@keyframes' (7677,343): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7677,59941): run-time error CSS1039: Token not allowed after unary operator: '-steel' (7677,59988): run-time error CSS1039: Token not allowed after unary operator: '-steel' (7677,60034): run-time error CSS1039: Token not allowed after unary operator: '-steel' */ /*! * ngToast v1.5.0 (http://tameraydin.github.io/ngToast) * Copyright 2015 Tamer Aydin (http://tamerayd.in) * Licensed under MIT (http://tameraydin.mit-license.org/) */ .ng-toast{position:fixed;z-index:1080;width:100%;height:0;margin-top:20px;text-align:center}.ng-toast.ng-toast--top,.ng-toast.ng-toast--top .ng-toast__list{top:0;bottom:auto}.ng-toast.ng-toast--top.ng-toast--center .ng-toast__list{position:static}.ng-toast.ng-toast--bottom,.ng-toast.ng-toast--bottom .ng-toast__list{top:auto;bottom:0}.ng-toast.ng-toast--bottom.ng-toast--center .ng-toast__list{pointer-events:none}.ng-toast.ng-toast--bottom.ng-toast--center .ng-toast__message .alert{pointer-events:auto}.ng-toast.ng-toast--right .ng-toast__list{left:auto;right:0;margin-right:20px}.ng-toast.ng-toast--right .ng-toast__message{text-align:right}.ng-toast.ng-toast--left .ng-toast__list{right:auto;left:0;margin-left:20px}.ng-toast.ng-toast--left .ng-toast__message{text-align:left}.ng-toast .ng-toast__list{display:inline-block;position:absolute;right:0;left:0;margin:0 auto;padding:0;list-style:none}.ng-toast .ng-toast__message{display:block;width:100%;text-align:center}.ng-toast .ng-toast__message .alert{display:inline-block} body { } .site-view-container { min-height: 60vh; padding-top: 90px; /*Buttons sliced at the top, increased with 20px*/ } .starting-view { min-height: 60vh; padding-top: 73px; display: flex; justify-content: center; align-items: center; } .header-site-logo { height: 75px; } .modal-backdrop { background-color: rgba(0,0,0,0.4); } .has-error > input { border-color: red !important; } .has-error > select { border-color: red !important; } .dropdowns { border: 1px solid #ced4da !important; border-radius: .25rem !important; } .image { width: 250px; height: 250px; margin-right: 10px; float: left; overflow: hidden; cursor: pointer; } .img { -webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -o-transition: all 500ms linear; -ms-transition: all 500ms linear; transition: all 500ms linear; } .img:hover { -moz-transform: scale(4.5); -webkit-transform: scale(4.5); -o-transform: scale(4.5); transform: scale(4.5); text-align: center; } .AdjustedHeight { min-height: 60vh; } .pcc-btn { border-radius: 50px !important; } @media (max-height: 568.98px) { .pcc-profile-xs-max-height { height: 250px; overflow: scroll; } } @media (max-height: 400.98px) { .pcc-profile-xs-max-height { height: 100px; overflow: scroll; } } .ppc-services-loader { color: black; } .pcc-dark-hero-overlay--after { position: relative; } .pcc-dark-hero-overlay--after::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.3); } .pcc-custom-label { display: block; margin-bottom: 0px; } /* Removes the clear button from date inputs */ input[type="date"]::-webkit-clear-button { display: none; } /* Removes the spin button */ input[type="date"]::-webkit-inner-spin-button { display: none; } /* Always display the drop down caret */ input[type="date"]::-webkit-calendar-picker-indicator { color: #2c3e50; } .input-group select { -webkit-appearance: listbox; } /*Hide when screen is smaller then below mentioned pixels*/ #covid19-sm-header { display: none; } @media (max-width: 692px) { #covid19-header { display: none; } #covid19-sm-header { padding-top: 10px; display: flex; justify-content: center; width: 100%; } #covid19-sm-header img { height: 47px; } .site-view-container.covid-19-sm-header-padding { padding-top: 136px } } /*Styling will resolve issue, where datepicker doesn't popup in chrome*/ input[type="date"] { position: relative; background: url(/Content/images/downArrow.png) no-repeat right center; } /*Remove 'X' when selecting datepicker input*/ input[type="date"]::-ms-clear { display:none; color: transparent; background: transparent; } /* make the native arrow invisible and stretch it over the whole field so you can click anywhere in the input field to trigger the native datepicker*/ input[type="date"]::-webkit-calendar-picker-indicator { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: auto; height: auto; color: transparent; background: transparent; } /* adjust increase/decrease button */ input[type="date"]::-webkit-inner-spin-button { z-index: 1; } /* adjust clear button */ input[type="date"]::-webkit-clear-button { z-index: 1; } .personalDetailsParagraph { margin: 0px 0px 10px 0px !important; } .personalDetailsSmall { padding-left: 13px; } .LandingPageCustomBorderWidth { border-width: 3px; } .ServicesCustomHeight { height: 70px; } .LDRApplicationMarginTop { margin-top:3%; } .LicenceDiscRenewalsCursorHover:hover { text-decoration:underline; cursor:pointer; } .hrefDisabled, .hrefDisabled:hover { color: lightgrey; cursor: not-allowed; } .unpad { padding: unset; } .pcc-disabled-button { background-color: grey !important; cursor: not-allowed; } .getAppBanner { min-height: 80px; } .pineappleHeader { color: #000; margin-top: 10px; margin-left: 10px; font-family: Montserrat, sans-serif; font-weight: 900; display: inline-block; } .center-container { display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; margin-top: 2%; } .center-container-small { display: flex; justify-content: center; align-items: center; width: 100%; margin-top: 2%; } #loadSection { z-index: 9999; background-color: #fff; } .center-label { font-size: 14px; /* Adjust the font size as needed */ } .express-traffic-loader { width: 100%; max-width: 300px; margin: 0 auto; padding: 40px 0; text-align: center; } .express-traffic-loader__road { position: relative; width: 100%; height: 58px; overflow: hidden; border-bottom: 3px solid #555; } .express-traffic-loader__road::after { position: absolute; right: 0; bottom: 8px; left: 0; height: 2px; background: repeating-linear-gradient(to right, #aaa 0, #aaa 18px, transparent 18px, transparent 30px); content: ""; } .express-traffic-loader__car { position: absolute; bottom: 14px; left: -45px; z-index: 1; color: #fd9233; font-size: 32px; animation: express-car-drive 2.4s linear infinite; } .express-traffic-loader__title { display: block; margin-top: 18px; color: #333; font-size: 17px; font-weight: 600; } .express-traffic-loader__message { display: block; margin-top: 6px; color: #666; font-size: 13px; } @keyframes express-car-drive { from { left: -45px; } to { left: calc(100% + 10px); } } @media (prefers-reduced-motion: reduce) { .express-traffic-loader__car { left: calc(50% - 16px); animation: none; } } .pcc-info-icon { color: #fd9233; } @media (max-width: 767px) { html, body { overscroll-behavior-y: none; } .site-view-container { padding-top: 46px; } #js-header, #ExpressHeaderContent #js-header { height: 68px !important; min-height: 68px !important; } #js-header .u-header__section, #ExpressHeaderContent #js-header .u-header__section { height: 68px !important; min-height: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; } #js-header .navbar, #ExpressHeaderContent #js-header .navbar { height: 68px !important; min-height: 68px !important; padding-top: 6px !important; padding-bottom: 6px !important; } #js-header .navbar > .container, #js-header .navbar > .container-fluid, #ExpressHeaderContent #js-header .navbar > .container, #ExpressHeaderContent #js-header .navbar > .container-fluid { flex-wrap: nowrap; min-height: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; } #js-header .navbar-brand, #js-header .u-header__logo, #ExpressHeaderContent #js-header .navbar-brand, #ExpressHeaderContent #js-header .u-header__logo { flex-shrink: 1; min-width: 0; margin: 0; padding-top: 0 !important; padding-bottom: 0 !important; } #js-header .navbar-brand img, #js-header .u-header__logo-img, #ExpressHeaderContent #js-header .navbar-brand img, #ExpressHeaderContent #js-header .u-header__logo-img { width: auto !important; max-width: 130px !important; height: auto !important; max-height: 48px !important; object-fit: contain; } #js-header .pcc-btn-header, #ExpressHeaderContent #js-header .pcc-btn-header { flex: 0 0 auto; min-width: 110px !important; padding-right: 16px; padding-left: 16px; } #js-header .navbar-toggler, #ExpressHeaderContent #js-header .navbar-toggler { flex: 0 0 auto; margin-left: 8px; } #js-header .hamburger, #ExpressHeaderContent #js-header .hamburger { align-self: center; margin-top: 0 !important; margin-bottom: 0 !important; } #js-header .navbar-collapse.show, #js-header .navbar-collapse.collapsing, #ExpressHeaderContent #js-header .navbar-collapse.show, #ExpressHeaderContent #js-header .navbar-collapse.collapsing { position: absolute; top: 68px; right: 0; left: 0; z-index: 1001; max-height: calc(100vh - 68px); overflow-x: hidden; overflow-y: auto; background: #fff; border-top: 1px solid #eee; box-shadow: 0 8px 18px rgba(0, 0, 0, .16); padding: 10px 16px 14px; } #js-header .navbar-collapse.show, #ExpressHeaderContent #js-header .navbar-collapse.show { height: auto !important; } #js-header .navbar-collapse .nav-link, #ExpressHeaderContent #js-header .navbar-collapse .nav-link { display: flex; align-items: center; min-height: 42px; padding: 10px 4px !important; } #js-header .navbar-collapse .dropdown-menu .nav-link, #ExpressHeaderContent #js-header .navbar-collapse .dropdown-menu .nav-link { padding-left: 18px !important; } } /*! * ui-select * http://github.com/angular-ui/ui-select * Version: 0.19.7 - 2017-04-15T14:28:36.790Z * License: MIT */.ui-select-highlight{font-weight:700}.ui-select-offscreen{clip:rect(0 0 0 0)!important;width:1px!important;height:1px!important;border:0!important;margin:0!important;padding:0!important;overflow:hidden!important;position:absolute!important;outline:0!important;left:0!important;top:0!important}.selectize-control.single>.selectize-input>input,.selectize-control>.selectize-dropdown{width:100%}.ui-select-choices-row:hover{background-color:#f5f5f5}.ng-dirty.ng-invalid>a.select2-choice{border-color:#D44950}.select2-result-single{padding-left:0}.select-locked>.ui-select-match-close,.select2-locked>.select2-search-choice-close{display:none}body>.select2-container.open{z-index:9999}.ui-select-container.select2.direction-up .ui-select-match,.ui-select-container[theme=select2].direction-up .ui-select-match{border-radius:0 0 4px 4px}.ui-select-container.select2.direction-up .ui-select-dropdown,.ui-select-container[theme=select2].direction-up .ui-select-dropdown{border-radius:4px 4px 0 0;border-top-width:1px;border-top-style:solid;box-shadow:0 -4px 8px rgba(0,0,0,.25);margin-top:-4px}.ui-select-container.select2.direction-up .ui-select-dropdown .select2-search,.ui-select-container[theme=select2].direction-up .ui-select-dropdown .select2-search{margin-top:4px}.ui-select-container.select2.direction-up.select2-dropdown-open .ui-select-match,.ui-select-container[theme=select2].direction-up.select2-dropdown-open .ui-select-match{border-bottom-color:#5897fb}.ui-select-container[theme=select2] .ui-select-dropdown .ui-select-search-hidden,.ui-select-container[theme=select2] .ui-select-dropdown .ui-select-search-hidden input{opacity:0;height:0;min-height:0;padding:0;margin:0;border:0}.selectize-input.selectize-focus{border-color:#007FBB!important}.selectize-control.multi>.selectize-input>input{margin:0!important}.ng-dirty.ng-invalid>div.selectize-input{border-color:#D44950}.ui-select-container[theme=selectize].direction-up .ui-select-dropdown{box-shadow:0 -4px 8px rgba(0,0,0,.25);margin-top:-2px}.ui-select-container[theme=selectize] input.ui-select-search-hidden{opacity:0;height:0;min-height:0;padding:0;margin:0;border:0;width:0}.btn-default-focus{color:#333;background-color:#EBEBEB;border-color:#ADADAD;text-decoration:none;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.ui-select-bootstrap .ui-select-toggle{position:relative}.ui-select-bootstrap .ui-select-toggle>.caret{position:absolute;height:10px;top:50%;right:10px;margin-top:-2px}.input-group>.ui-select-bootstrap.dropdown{position:static}.input-group>.ui-select-bootstrap>input.ui-select-search.form-control{border-radius:4px 0 0 4px}.input-group>.ui-select-bootstrap>input.ui-select-search.form-control.direction-up{border-radius:4px 0 0 4px!important}.ui-select-bootstrap .ui-select-search-hidden{opacity:0;height:0;min-height:0;padding:0;margin:0;border:0}.ui-select-bootstrap>.ui-select-match>.btn{text-align:left!important}.ui-select-bootstrap>.ui-select-match>.caret{position:absolute;top:45%;right:15px}.ui-select-bootstrap>.ui-select-choices,.ui-select-bootstrap>.ui-select-no-choice{width:100%;height:auto;max-height:200px;overflow-x:hidden;margin-top:-1px}body>.ui-select-bootstrap.open{z-index:1000}.ui-select-multiple.ui-select-bootstrap{height:auto;padding:3px 3px 0}.ui-select-multiple.ui-select-bootstrap input.ui-select-search{background-color:transparent!important;border:none;outline:0;height:1.666666em;margin-bottom:3px}.ui-select-multiple.ui-select-bootstrap .ui-select-match .close{font-size:1.6em;line-height:.75}.ui-select-multiple.ui-select-bootstrap .ui-select-match-item{outline:0;margin:0 3px 3px 0}.ui-select-multiple .ui-select-match-item{position:relative}.ui-select-multiple .ui-select-match-item.dropping .ui-select-match-close{pointer-events:none}.ui-select-multiple:hover .ui-select-match-item.dropping-before:before{content:"";position:absolute;top:0;right:100%;height:100%;margin-right:2px;border-left:1px solid #428bca}.ui-select-multiple:hover .ui-select-match-item.dropping-after:after{content:"";position:absolute;top:0;left:100%;height:100%;margin-left:2px;border-right:1px solid #428bca}.ui-select-bootstrap .ui-select-choices-row>span{cursor:pointer;display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.ui-select-bootstrap .ui-select-choices-row>span:focus,.ui-select-bootstrap .ui-select-choices-row>span:hover{text-decoration:none;color:#262626;background-color:#f5f5f5}.ui-select-bootstrap .ui-select-choices-row.active>span{color:#fff;text-decoration:none;outline:0;background-color:#428bca}.ui-select-bootstrap .ui-select-choices-row.active.disabled>span,.ui-select-bootstrap .ui-select-choices-row.disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.ui-select-match.ng-hide-add,.ui-select-search.ng-hide-add{display:none!important}.ui-select-bootstrap.ng-dirty.ng-invalid>button.btn.ui-select-match{border-color:#D44950}.ui-select-container[theme=bootstrap].direction-up .ui-select-dropdown{box-shadow:0 -4px 8px rgba(0,0,0,.25)}.ui-select-bootstrap .ui-select-match-text{width:100%;padding-right:1em}.ui-select-bootstrap .ui-select-match-text span{display:inline-block;width:100%;overflow:hidden}.ui-select-bootstrap .ui-select-toggle>a.btn{position:absolute;height:10px;right:10px;margin-top:-2px}.ui-select-refreshing.glyphicon{position:absolute;right:0;padding:8px 27px}@-webkit-keyframes ui-select-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes ui-select-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.ui-select-spin{-webkit-animation:ui-select-spin 2s infinite linear;animation:ui-select-spin 2s infinite linear}.ui-select-refreshing.ng-animate{-webkit-animation:none 0s} /*# sourceMappingURL=select.min.css.map */ .magnifying-container .magnifying .handle, .magnifying-container .magnifying .middle, .magnifying-container .magnifying .top, .magnifying-container-sm .magnifying .handle, .magnifying-container-sm .magnifying .middle, .magnifying-container-sm .magnifying .top { position: absolute; } .loading { width: 90%; height: 45%; } .loading-container .loading { padding: 30px; /* border-radius: 5px; */ background-color: transparent !important; color: #fff; text-align: center; text-overflow: ellipsis; font-size: 10px; } /* Area where magnifier will track through */ .magnifying-container { position: relative; height: 200px; width: 200px; margin: 0 auto; display: flex; justify-content: center; align-items: center; background: url('/Content/images/SAMap.png') no-repeat center center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Magnifying glass components container */ .magnifying { width: 50px; height: 50px; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-animation: anim 4s infinite linear; animation: anim 4s infinite linear; margin-top: 0; } .handle { width: 5px; height: 25px; -webkit-backface-visibility: hidden; backface-visibility:hidden; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 24.5px; left: 10.5px; background-color: #666666; } .middle { width: 4px; height: 5px; background-color: #c0c0c0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 24.9px; left: 21px; } .top { width: 30px; height: 30px; background-color: rgba(176,224,230,0.7); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; border: 3px solid #888888; top: 0; left: 20px; } @-webkit-keyframes anim { from { -webkit-transform: rotate(0) translate3d(-125%, 0, 0) rotate(0); } to { -webkit-transform: rotate(360deg) translate3d(-125%, 0, 0) rotate(-360deg); } } @keyframes anim { from { transform: rotate(0) translate3d(-125%, 0, 0) rotate(0); } to { transform: rotate(360deg) translate3d(-125%, 0, 0) rotate(-360deg); } } .activation-body { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 300px; } .activation-state { min-height: 150px; padding: 10px; } .activation-loader { flex-direction: column; justify-content: center; align-items: center; } .disable-button { cursor: not-allowed !important; } .basket-page { display: grid; grid-template-columns: minmax(0, 1fr) minmax(420px, 30.5vw); min-height: calc(100vh - 96px); background: #fff; color: #202020; } .basket-page--empty { grid-template-columns: minmax(0, 1fr); } .basket-content { padding: 38px clamp(28px, 5vw, 74px) 60px; } .basket-heading { padding-bottom: 28px; border-bottom: 1px solid #ddd; } .basket-title-row { display: flex; align-items: center; gap: 15px; } .basket-title-row h1 { margin: 0; font-size: 30px; font-weight: 600; } .basket-heading p { margin: 8px 0 0; color: #555; font-size: 16px; } .basket-count { display: inline-flex; align-items: center; justify-content: center; min-width: 23px; height: 23px; padding: 0 7px; border-radius: 12px; background: #f58220; color: #fff; font-size: 13px; font-weight: 600; } .basket-section { position: relative; padding: 20px 0 0 62px; border-bottom: 1px solid #ddd; } .basket-section h4 { display: flex; align-items: center; min-height: 32px; margin: 0 0 4px; font-size: 21px; font-weight: 600; } .basket-section-icon { position: absolute; left: 0; top: 19px; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 1px solid #f58220; border-radius: 50%; color: #f58220; font-size: 17px; } .basket-item { margin: 0; padding: 12px 0 7px; border-bottom: 1px solid #e5e5e5; } .basket-item:last-child { border-bottom: 0; } .basket-item p { margin-bottom: 9px; } .basket-item a:not(.pcc-action-icon) { color: #f58220; text-decoration: underline; } .basket-fine-row { display: flex; align-items: center; gap: clamp(24px, 5vw, 72px); } .basket-fine-name { text-decoration: none !important; } .basket-item-actions { display: flex; align-items: center; justify-content: flex-end; } .pcc-basket-item-fee-description { color: #555; } .basket-summary { border-left: 1px solid #ddd; background: #fdfdfd; } .basket-summary-inner { position: sticky; top: 0; padding: 43px 44px 36px; } .basket-summary h2 { margin: 0 0 31px; font-size: 21px; font-weight: 600; } .basket-delivery-address { margin: 0 0 28px; padding: 0 0 26px; border-bottom: 1px solid #ddd; } .basket-delivery-heading { display: flex; align-items: center; gap: 13px; margin-bottom: 13px; } .basket-delivery-address-icon { display: inline-flex; width: 38px; height: 38px; flex: 0 0 38px; align-items: center; justify-content: center; border-radius: 50%; background: #f4f4f4; color: #f58220; font-size: 18px; } .basket-delivery-heading h2 { margin: 0; } .basket-delivery-address-details { padding-left: 51px; } .basket-delivery-address-details dl { margin: 0; } .basket-delivery-address-details dl > div { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 6px; margin-bottom: 4px; color: #555; font-size: 14px; line-height: 1.4; } .basket-delivery-address-details dt { color: #333; font-weight: 600; } .basket-delivery-address-details dd { margin: 0; overflow-wrap: anywhere; } .basket-summary-line { display: flex; justify-content: space-between; margin-bottom: 22px; font-size: 16px; } .basket-summary-total { display: flex; justify-content: space-between; margin-top: 27px; padding-top: 26px; border-top: 1px solid #ddd; font-size: 22px; } .basket-summary-total strong:last-child { color: #f58220; font-size: 27px; font-weight: 400; } .basket-vat-note { margin: 20px 0 28px; padding-bottom: 28px; border-bottom: 1px solid #ddd; color: #666; font-size: 14px; } .basket-terms { display: flex; align-items: flex-start; gap: 13px; margin: 0 0 28px; padding-bottom: 28px; border-bottom: 1px solid #ddd; color: #555; font-size: 15px; line-height: 1.55; cursor: pointer; } .basket-terms input { width: 22px; height: 22px; margin-top: 1px; flex: 0 0 auto; } .basket-terms a { color: #f58220; } .basket-payment-actions { display: block !important; padding-top: 27px; border-top: 1px solid #ddd; } .basket-terms + .basket-payment-actions { padding-top: 0; border-top: 0; } .basket-payment-actions > div { width: 100%; } .basket-payment-actions .btn { display: flex; align-items: center; justify-content: center; gap: 16px; box-sizing: border-box; width: 100%; min-height: 55px; margin: 0 0 20px; border-radius: 6px; font-size: 18px; font-weight: 600; white-space: nowrap; } .basket-pay-card { background: #f58220; border: 1px solid #f58220; color: #fff !important; } .basket-pay-card:hover, .basket-pay-card:focus { background: #df7117; } .basket-pay-eft { background: #fff; border: 1px solid #f58220; color: #f58220 !important; } .basket-card-logos { display: inline-flex; align-items: center; gap: 6px; padding: 4px 7px; border-radius: 4px; background: #fff; } .basket-card-logos img { display: block; width: auto; height: 18px; object-fit: contain; } .basket-card-logos img:last-child { height: 22px; } .basket-ozow-logo { display: block; width: auto; height: 23px; object-fit: contain; } .basket-cancel { background: #fff; border: 1px solid #aaa; color: #555 !important; } .basket-payment-actions .btn[disabled] { opacity: .5; cursor: not-allowed; } .basket-security-note { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 14px 0 0; color: #777; font-size: 14px; } .basket-payment-loader { display: block; padding: 42px 0; } .basket-totals { margin: 20px 0 0; } .basket-totals > div { max-width: none; flex: 0 0 100%; padding: 0 0 20px 28px; } .basket-totals input { left: 0 !important; } .express-basket-section { padding-bottom: 0; } .express-basket-item { display: grid; grid-template-columns: minmax(0, 1fr) 130px 44px; align-items: center; column-gap: 16px; } .express-basket-item-copy p, .express-basket-item-amounts p { margin: 0 0 10px; } .express-basket-item-copy p:last-child, .express-basket-item-amounts p:last-child { margin-bottom: 0; } .express-basket-notice { color: #f58220; } .express-basket-item-amounts { text-align: right; white-space: nowrap; } .express-basket-remove { justify-self: end; color: #f58220 !important; font-size: 25px; } .basket-empty-state { display: flex; align-items: center; flex-direction: column; padding: 80px 20px 60px; text-align: center; } .basket-empty-icon { display: inline-flex; align-items: center; justify-content: center; width: 128px; height: 128px; border-radius: 50%; background: #fff4eb; color: #f58220; font-size: 54px; } .basket-empty-state h2 { margin: 28px 0 12px; font-size: 30px; font-weight: 600; } .basket-empty-state p { margin: 0 0 26px; color: #555; font-size: 17px; } .basket-empty-back { min-width: 270px; padding: 12px 28px; border: 1px solid #f58220; border-radius: 24px; background: #f58220; color: #fff !important; font-size: 16px; font-weight: 600; } .basket-empty-back:hover, .basket-empty-back:focus { background: #df7117; border-color: #df7117; } .basket-empty-state > span { margin-top: 26px; color: #777; font-size: 14px; } .express-basket-payment-actions { padding-top: 0; border-top: 0; } @media (max-width: 991.98px) { .basket-page { grid-template-columns: minmax(0, 1fr) 360px; } .basket-content { padding-left: 28px; padding-right: 28px; } .basket-summary-inner { padding-left: 28px; padding-right: 28px; } } @media (max-width: 767.98px) { .basket-page { background: #f7f8fa; display: block; min-height: 0; overflow-x: hidden; } .basket-content { padding: 26px 16px 16px; } .basket-heading { background: #fff; border: 1px solid #e3e7eb; border-radius: 10px; margin-bottom: 14px; padding: 20px 18px; } .basket-title-row { gap: 12px; } .basket-title-row h1 { font-size: 25px; line-height: 1.2; } .basket-heading p { font-size: 14px; line-height: 1.45; margin-top: 7px; } .basket-count { min-width: 24px; height: 24px; } .basket-section { background: #fff; border: 1px solid #e3e7eb; border-radius: 10px; margin-bottom: 12px; overflow: hidden; padding: 0; } .basket-section-icon { left: 16px; top: 14px; width: 36px; height: 36px; } .basket-section h4 { border-bottom: 1px solid #e3e7eb; font-size: 18px; line-height: 1.3; margin: 0; min-height: 64px; padding: 14px 16px 14px 64px; } .basket-item { align-items: stretch; border-bottom: 1px solid #e3e7eb; margin: 0 16px; padding: 16px 0 12px; } .basket-item:last-child { border-bottom: 0; } .basket-item > .col-10 { flex: 0 0 calc(100% - 38px); max-width: calc(100% - 38px); min-width: 0; padding: 0 10px 0 0; } .basket-item > .col-2 { align-items: flex-start; flex: 0 0 38px; justify-content: center; max-width: 38px; padding: 0; } .basket-item > .col-10 > .row { margin: 0; } .basket-item .col-8 { flex: 0 0 70%; max-width: 70%; min-width: 0; padding-right: 12px !important; } .basket-item .col-4 { flex: 0 0 30%; max-width: 30%; white-space: nowrap; } .basket-item p { font-size: 14px; line-height: 1.55; margin-bottom: 8px; overflow-wrap: anywhere; } .basket-item-actions .pcc-action-icon { color: #f58220 !important; font-size: 22px !important; line-height: 1; margin-top: 2px; } .basket-fine-row { display: block; } .basket-view-details { display: block; margin-top: 6px; } .basket-summary { background: #f7f8fa; border: 0; padding: 0 16px 24px; } .basket-summary-inner { background: #fff; border: 1px solid #e3e7eb; border-radius: 10px; padding: 20px 18px 24px; position: static; } .basket-summary h2 { font-size: 20px; margin-bottom: 22px; } .basket-delivery-address { margin-bottom: 22px; padding-bottom: 22px; } .basket-delivery-heading { gap: 12px; margin-bottom: 16px; } .basket-delivery-heading h2 { margin-bottom: 0; } .basket-delivery-address-details { padding-left: 50px; } .basket-delivery-address-details dl > div { gap: 2px; grid-template-columns: 1fr; margin-bottom: 10px; } .basket-delivery-address-details dt, .basket-delivery-address-details dd { font-size: 13px; line-height: 1.4; } .basket-summary-line { font-size: 15px; margin-bottom: 18px; } .basket-summary-total { font-size: 20px; margin-top: 22px; padding-top: 20px; } .basket-summary-total strong:last-child { font-size: 23px; font-weight: 600; } .basket-vat-note { font-size: 13px; margin: 17px 0 22px; padding-bottom: 22px; } .basket-terms { font-size: 14px; gap: 11px; margin-bottom: 22px; padding-bottom: 22px; } .basket-payment-actions { padding-top: 20px; } .basket-payment-actions .btn { border-radius: 8px; font-size: 16px; gap: 10px; margin-bottom: 12px; min-height: 52px; } .basket-card-logos { gap: 4px; padding: 3px 5px; } .basket-card-logos img { height: 15px; } .basket-card-logos img:last-child { height: 19px; } .basket-ozow-logo { height: 20px; } .basket-empty-state { padding: 54px 12px 48px; } .basket-empty-icon { width: 104px; height: 104px; font-size: 44px; } .basket-empty-state h2 { margin-top: 22px; font-size: 26px; } .basket-empty-back { width: 100%; min-width: 0; max-width: 320px; } .express-basket-item { grid-template-columns: minmax(0, 1fr) auto 34px; column-gap: 8px; } .express-basket-item-amounts { font-size: 14px; } .express-basket-notice { overflow-wrap: anywhere; } } @media (max-width: 374.98px) { .basket-item .col-8 { flex-basis: 66%; max-width: 66%; } .basket-item .col-4 { flex-basis: 34%; max-width: 34%; } .basket-delivery-address-details { padding-left: 0; } } .bills-loading { min-height: 30vh; display: flex; } .bills-loader { display: flex; flex-direction: column; justify-content: center; align-items: center; flex: 1; } .bills-idSelector { display: flex; align-items: center; } .bills-idSelector-heading { margin-bottom: 0; margin-right: 8px; } .addId { color: white; } .bills-sorting{ padding-left: 8px; } .errorMsg { display: flex; flex-direction: column; flex: 1; justify-content: center; align-items: center; padding-top: 65px; } .errorIconSize { font-size: 65px; } /** * @license * Generated by Zeplin * Copyright (C) 2021 - present Zeplin * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * http://www.apache.org/licenses/LICENSE-2.0 * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ @font-face { font-family: OpenSans; src: local(OpenSans-Light), url(/path/to/OpenSans-Light.woff2) format("woff2"), url(/path/to/OpenSans-Light.woff) format("woff"), url(/path/to/OpenSans-Light.ttf) format("truetype"); font-weight: 300; font-style: normal; font-stretch: normal; } @font-face { font-family: OpenSans; src: local(OpenSans-Regular), url(/path/to/OpenSans-Regular.woff2) format("woff2"), url(/path/to/OpenSans-Regular.woff) format("woff"), url(/path/to/OpenSans-Regular.ttf) format("truetype"); font-weight: normal; font-style: normal; font-stretch: normal; } @font-face { font-family: OpenSans; src: local(OpenSans-SemiBoldItalic), url(/path/to/OpenSans-SemiBoldItalic.woff2) format("woff2"), url(/path/to/OpenSans-SemiBoldItalic.woff) format("woff"), url(/path/to/OpenSans-SemiBoldItalic.ttf) format("truetype"); font-weight: 600; font-style: italic; font-stretch: normal; } @font-face { font-family: OpenSans; src: local(OpenSans-SemiBold), url(/path/to/OpenSans-SemiBold.woff2) format("woff2"), url(/path/to/OpenSans-SemiBold.woff) format("woff"), url(/path/to/OpenSans-SemiBold.ttf) format("truetype"); font-weight: 600; font-style: normal; font-stretch: normal; } @font-face { font-family: OpenSans; src: local(OpenSans-Bold), url(/path/to/OpenSans-Bold.woff2) format("woff2"), url(/path/to/OpenSans-Bold.woff) format("woff"), url(/path/to/OpenSans-Bold.ttf) format("truetype"); font-weight: bold; font-style: normal; font-stretch: normal; } .Open-Sans---60pt { font-family: OpenSans; font-size: 60px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 1.8px; color: var(--white); } .Open-Sans---60pt-2 { font-family: OpenSans; font-size: 60px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 1.8px; color: var(--white); } .Open-Sans---35pt-2 { font-family: OpenSans; font-size: 35px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 1.05px; color: var(--white); } .Open-Sans---35pt-3 { font-family: OpenSans; font-size: 35px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 1.05px; color: var(--black); } .Open-Sans---35pt { font-family: OpenSans; font-size: 35px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 1.05px; color: var(--white); } .Open-Sans---30pt-3 { font-family: OpenSans; font-size: 30px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.9px; color: var(--white); } .Open-Sans---30pt { font-family: OpenSans; font-size: 30px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.9px; color: var(--black); } .Open-Sans---30pt-2 { font-family: OpenSans; font-size: 30px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.9px; color: var(--white); } .Open-Sans---25pt-3 { font-family: OpenSans; font-size: 25px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.75px; color: var(--white); } .Open-Sans---25pt { font-family: OpenSans; font-size: 25px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 0.8; letter-spacing: 0.75px; color: var(--greeny-blue); } .Open-Sans---25pt-4 { font-family: OpenSans; font-size: 25px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.75px; color: var(--slate-grey); } .Open-Sans---25pt-2 { font-family: OpenSans; font-size: 25px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 0.8; letter-spacing: 0.75px; color: var(--greeny-blue); } .Open-Sans---22pt-3 { font-family: OpenSans; font-size: 22px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.66px; color: var(--white); } .Open-Sans---22pt-2 { font-family: OpenSans; font-size: 22px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.66px; color: var(--slate-grey); } .Open-Sans---22pt { font-family: OpenSans; font-size: 22px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.66px; color: var(--black); } .Open-Sans---20pt-6 { font-family: OpenSans; font-size: 20px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: var(--white); } .Open-Sans---20pt-4 { font-family: OpenSans; font-size: 20px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: var(--white); } .Open-Sans---20pt-3 { font-family: OpenSans; font-size: 20px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: var(--slate-grey); } .Open-Sans---20pt { font-family: OpenSans; font-size: 20px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.6px; color: var(--black); } .Open-Sans---20pt-2 { font-family: OpenSans; font-size: 20px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: var(--white); } .Open-Sans---20pt-7 { font-family: OpenSans; font-size: 20px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: var(--white); } .Open-Sans---20pt-5 { font-family: OpenSans; font-size: 20px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.6px; color: var(--steel); } .Open-Sans---18pt-8 { font-family: OpenSans; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.54px; color: var(--black); } .Open-Sans---18pt-7 { font-family: OpenSans; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.54px; color: var(--black); } .Open-Sans---18pt-6 { font-family: OpenSans; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.39; letter-spacing: 0.54px; color: var(--black); } .Open-Sans---18pt-4 { font-family: OpenSans; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.54px; color: var(--white); } .Open-Sans---18pt-3 { font-family: OpenSans; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.54px; color: var(--slate-grey); } .Open-Sans---18pt-23 { font-family: OpenSans; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.11; letter-spacing: 0.54px; color: var(--white); } .Open-Sans---18pt-21 { font-family: OpenSans; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: var(--white); } .Open-Sans---18pt-19 { font-family: OpenSans; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.94; letter-spacing: 0.54px; color: #707070; } .Open-Sans---18pt-15 { font-family: OpenSans; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.94; letter-spacing: 0.54px; color: var(--slate-grey); } .Open-Sans---18pt-14 { font-family: OpenSans; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.11; letter-spacing: 0.54px; color: var(--black); } .Open-Sans---18pt-13 { font-family: OpenSans; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.54px; color: var(--white); } .Open-Sans---18pt-10 { font-family: OpenSans; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.54px; color: var(--slate-grey); } .Open-Sans---18pt { font-family: OpenSans; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.54px; color: var(--black); } .Open-Sans---18pt-18 { font-family: OpenSans; font-size: 18px; font-weight: 600; font-stretch: normal; font-style: italic; line-height: normal; letter-spacing: 0.54px; color: var(--slate-grey); } .Open-Sans---18pt-9 { font-family: OpenSans; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.54px; color: var(--slate-grey); } .Open-Sans---18pt-22 { font-family: OpenSans; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: var(--white); } .Open-Sans---18pt-20 { font-family: OpenSans; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.94; letter-spacing: 0.54px; color: #707070; } .Open-Sans---18pt-16 { font-family: OpenSans; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.94; letter-spacing: 0.54px; color: var(--slate-grey); } .Open-Sans---18pt-11 { font-family: OpenSans; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.54px; color: var(--steel); } .Open-Sans---18pt-5 { font-family: OpenSans; font-size: 18px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.54px; color: var(--white); } .Open-Sans---18pt-2 { font-family: OpenSans; font-size: 18px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.54px; color: var(--slate-grey); } .Open-Sans---18pt-17 { font-family: OpenSans; font-size: 18px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.54px; color: var(--black); } .Open-Sans---18pt-12 { font-family: OpenSans; font-size: 18px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 1.94; letter-spacing: 0.54px; color: var(--slate-grey); } .Open-Sans---15pt-9 { font-family: OpenSans; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.45px; color: var(--black); } .Open-Sans---15pt-6 { font-family: OpenSans; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.45px; color: var(--black); } .Open-Sans---15pt-5 { font-family: OpenSans; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: var(--white); } .Open-Sans---15pt-4 { font-family: OpenSans; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: var(--slate-grey); } .Open-Sans---15pt-35 { font-family: OpenSans; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.45px; color: var(--white); } .Open-Sans---15pt-34 { font-family: OpenSans; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: 0.45px; color: var(--white); } .Open-Sans---15pt-30 { font-family: OpenSans; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: 0.45px; color: var(--white); } .Open-Sans---15pt-29 { font-family: OpenSans; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: var(--greeny-blue); } .Open-Sans---15pt-28 { font-family: OpenSans; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.45px; color: var(--white); } .Open-Sans---15pt-27 { font-family: OpenSans; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.45px; color: var(--white); } .Open-Sans---15pt-25 { font-family: OpenSans; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: var(--black); } .Open-Sans---15pt-24 { font-family: OpenSans; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: var(--white); } .Open-Sans---15pt-23 { font-family: OpenSans; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: var(--white); } .Open-Sans---15pt-20 { font-family: OpenSans; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.45px; color: var(--slate-grey); } .Open-Sans---15pt-19 { font-family: OpenSans; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.45px; color: var(--slate-grey); } .Open-Sans---15pt-16 { font-family: OpenSans; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: var(--wisteria); } .Open-Sans---15pt-15 { font-family: OpenSans; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: var(--pastel-orange); } .Open-Sans---15pt-10 { font-family: OpenSans; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 2.67; letter-spacing: 0.45px; color: var(--steel); } .Open-Sans---15pt { font-family: OpenSans; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.45px; color: var(--black); } .Open-Sans---15pt-33 { font-family: OpenSans; font-size: 15px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: 0.45px; color: var(--white); } .Open-Sans---15pt-32 { font-family: OpenSans; font-size: 15px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: 0.45px; color: var(--white); } .Open-Sans---15pt-3 { font-family: OpenSans; font-size: 15px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.45px; color: var(--black); } .Open-Sans---15pt-2 { font-family: OpenSans; font-size: 15px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.45px; color: var(--black); } .Open-Sans---15pt-12 { font-family: OpenSans; font-size: 15px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.45px; color: var(--white); } .Open-Sans---15pt-8 { font-family: OpenSans; font-size: 15px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.45px; color: var(--steel); } .Open-Sans---15pt-7 { font-family: OpenSans; font-size: 15px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: 0.45px; color: var(--greeny-blue); } .Open-Sans---15pt-31 { font-family: OpenSans; font-size: 15px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: 0.45px; color: var(--white); } .Open-Sans---15pt-26 { font-family: OpenSans; font-size: 15px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: 0.45px; color: var(--black); } .Open-Sans---15pt-22 { font-family: OpenSans; font-size: 15px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: 0.45px; color: var(--black); } .Open-Sans---15pt-21 { font-family: OpenSans; font-size: 15px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.45px; color: var(--slate-grey); } .Open-Sans---15pt-18 { font-family: OpenSans; font-size: 15px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.45px; color: var(--black); } .Open-Sans---15pt-17 { font-family: OpenSans; font-size: 15px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.45px; color: var(--black); } .Open-Sans---15pt-14 { font-family: OpenSans; font-size: 15px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 2.33; letter-spacing: 0.45px; color: var(--white); } .Open-Sans---15pt-13 { font-family: OpenSans; font-size: 15px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.45px; color: var(--white); } .Open-Sans---15pt-11 { font-family: OpenSans; font-size: 15px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 2.67; letter-spacing: 0.45px; color: var(--steel); } .Open-Sans---14pt-4 { font-family: OpenSans; font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.42px; color: var(--white); } .Open-Sans---14pt-3 { font-family: OpenSans; font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.42px; color: var(--slate-grey); } .Open-Sans---14pt-2 { font-family: OpenSans; font-size: 14px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.42px; color: var(--slate-grey); } .Open-Sans---14pt { font-family: OpenSans; font-size: 14px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.42px; color: var(--steel); } .Open-Sans---13pt-9 { font-family: OpenSans; font-size: 13px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.39px; color: var(--black); } .Open-Sans---13pt-7 { font-family: OpenSans; font-size: 13px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.54; letter-spacing: 0.39px; color: var(--black); } .Open-Sans---13pt-4 { font-family: OpenSans; font-size: 13px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.39px; color: var(--black); } .Open-Sans---13pt-22 { font-family: OpenSans; font-size: 13px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.54; letter-spacing: 0.39px; color: var(--white); } .Open-Sans---13pt-20 { font-family: OpenSans; font-size: 13px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.39px; color: var(--slate-grey); } .Open-Sans---13pt-2 { font-family: OpenSans; font-size: 13px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.39px; color: var(--black); } .Open-Sans---13pt-19 { font-family: OpenSans; font-size: 13px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.39px; color: var(--white); } .Open-Sans---13pt-16 { font-family: OpenSans; font-size: 13px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.77; letter-spacing: 0.39px; color: var(--white); } .Open-Sans---13pt-14 { font-family: OpenSans; font-size: 13px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.39px; color: var(--white); } .Open-Sans---13pt-11 { font-family: OpenSans; font-size: 13px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.92; letter-spacing: 0.39px; color: var(--black); } .Open-Sans---13pt-13 { font-family: OpenSans; font-size: 13px; font-weight: 600; font-stretch: normal; font-style: italic; line-height: normal; letter-spacing: 0.39px; color: var(--slate-grey); } .Open-Sans---13pt-24 { font-family: OpenSans; font-size: 13px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.54; letter-spacing: 0.39px; color: var(--white); } .Open-Sans---13pt-23 { font-family: OpenSans; font-size: 13px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.54; letter-spacing: 0.39px; color: var(--white); } .Open-Sans---13pt-18 { font-family: OpenSans; font-size: 13px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.39px; color: var(--white); } .Open-Sans---13pt-17 { font-family: OpenSans; font-size: 13px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.77; letter-spacing: 0.39px; color: var(--slate-grey); } .Open-Sans---13pt-8 { font-family: OpenSans; font-size: 13px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 1.54; letter-spacing: 0.39px; color: var(--black); } .Open-Sans---13pt-6 { font-family: OpenSans; font-size: 13px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.39px; color: var(--slate-grey); } .Open-Sans---13pt-5 { font-family: OpenSans; font-size: 13px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.39px; color: var(--black); } .Open-Sans---13pt-3 { font-family: OpenSans; font-size: 13px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.39px; color: var(--black); } .Open-Sans---13pt-21 { font-family: OpenSans; font-size: 13px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 1.54; letter-spacing: 0.39px; color: var(--white); } .Open-Sans---13pt-15 { font-family: OpenSans; font-size: 13px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.39px; color: var(--white); } .Open-Sans---13pt-12 { font-family: OpenSans; font-size: 13px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 1.92; letter-spacing: 0.39px; color: var(--black); } .Open-Sans---13pt-10 { font-family: OpenSans; font-size: 13px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 1.38; letter-spacing: 0.39px; color: var(--white); } .Open-Sans---13pt { font-family: OpenSans; font-size: 13px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.39px; color: var(--steel); } .Open-Sans---12pt-3 { font-family: OpenSans; font-size: 12px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: var(--white); } .Open-Sans---12pt-2 { font-family: OpenSans; font-size: 12px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: 0.36px; color: var(--white); } .Open-Sans---12pt { font-family: OpenSans; font-size: 12px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: 0.36px; color: var(--white); } .Open-Sans---10pt-2 { font-family: OpenSans; font-size: 10px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.3px; color: var(--greeny-blue); } .Open-Sans---10pt { font-family: OpenSans; font-size: 10px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.3px; color: var(--white); } .Open-Sans---8pt-2 { font-family: OpenSans; font-size: 8px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: var(--white); } .Open-Sans---8pt { font-family: OpenSans; font-size: 8px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: var(--white); } .landing-hero { height: 52vh; background-image: url('../../../Content/images/pr-content/1920 x 504 px/payCity-504-LDR.jpg'); } .pcc-landing-service-cicle { border-radius: 50%; height: 300px; width: 300px; margin-bottom: 1.42857rem !important; background: white; } .pcc-landing-service-cicle::after, .pcc-landing-service-cicle::before { border-radius: 50% } .pcc-landing-service-circle-content { display: flex; flex-direction: column; justify-content: space-between; height:100%; } .pcc-landing-services-row { justify-content: space-around; } .pcc-cursor-pointer{ cursor:pointer; } .pcc-service-link { margin-bottom: 1rem; text-decoration: none; } .pcc-service-link:hover { text-decoration: none; } .pcc-service-link-content { display: flex; flex-direction: column; height: 100%; } .pcc-service-link-description { flex-grow: 1; } .pcc-service-link-image { height: 100%; width: auto; z-index: 10; opacity: 0.9; } .pcc-service-link-image-container { height: 150px; display: flex; justify-content: center; align-items: center; padding: 1.2rem; } .pcc-service-link-image-container::after { border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; background-color: white; background-repeat: repeat-x; background-image: -webkit-linear-gradient(300deg, rgb(150, 150, 150), rgba(230, 230, 230, 0.7)); background-image: -o-linear-gradient(300deg, rgb(150, 150, 150), rgba(230, 230, 230, 0.7)); background-image: linear-gradient(150deg, rgb(150, 150, 150), rgba(230, 230, 230, 0.7)); } .pcc-service-link-image-container.fines::after { border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; background-color: white; background-repeat: repeat-x; background-image: -webkit-linear-gradient(300deg, rgb(43, 194, 215), rgba(43, 194, 215, 0.4)); background-image: -o-linear-gradient(300deg, rgb(43, 194, 215), rgba(43, 194, 215, 0.4)); background-image: linear-gradient(150deg, rgb(43, 194, 215), rgba(43, 194, 215, 0.4)); } .pcc-service-link-image-container.ppu::after { border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; background-color: white; background-repeat: repeat-x; background-image: -webkit-linear-gradient(300deg, rgb(250, 154, 78), rgba(250, 154, 78, 0.4)); background-image: -o-linear-gradient(300deg, rgb(250, 154, 78), rgba(250, 154, 78, 0.4)); background-image: linear-gradient(150deg, rgb(250, 154, 78), rgba(250, 154, 78, 0.4)); } .pcc-service-link-image-container.municipal-accounts::after { border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; background-color: white; background-repeat: repeat-x; background-image: -webkit-linear-gradient(300deg, rgb(56, 190, 163), rgba(56, 190, 163, 0.4)); background-image: -o-linear-gradient(300deg, rgb(56, 190, 163), rgba(56, 190, 163, 0.4)); background-image: linear-gradient(150deg, rgb(56, 190, 163), rgba(56, 190, 163, 0.4)); } .vehicleParagraphPadding { margin-left: 2.5%; margin-top: 1%; } .notice-search-wrapper { display: flex; flex-direction: column; min-height: 60vh; } .notice-search-awaiting { display: flex; justify-content: center; align-items: center; flex: 1; } .notice-search-ellipse { opacity: 0.5; font-size: 50px; } .switch { position: relative; display: inline-block; width: 60px; height: 34px; } .switch input { opacity: 0; width: 0; height: 0; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; } input:checked + .slider { background-color: #fd9233; } input:focus + .slider { box-shadow: 0 0 1px #2196F3; } input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } /* Rounded sliders */ .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } /*th { text-align: center; }*/ /* Styles go here */ .my-controller { border: 1px solid #fcc; padding: 5px; margin: 3px; } .my-controller small { color: #c99; } .other-controller { border: 1px solid #ccf; padding: 5px; margin: 3px; } .other-controller small { color: #99c; } .third-controller { border: 1px solid #cfc; padding: 5px; margin: 3px; } .third-controller small { color: #9c9; } .payment-conclusion-display { display: flex; justify-content: center; align-items: center; flex-direction: column; } .payment-conclusion-display i.result-icon{ font-size: 60px; margin-bottom: 16px; } .pcc-btn--disabled { position: relative; } .pcc-btn--disabled:disabled { opacity: 0.2; } /* Add slash to disabled elements */ .pcc-btn--disabled:disabled:after { content: ""; display: block; position: absolute; top: 50%; left: 0; border-top: 2px solid grey; width: 100%; transform: rotate(135deg); } .pcc-hint-transition { transition: all linear 0.5s; } .pcc-hint-expand.expand-200 { max-height: 200px; } .pcc-hint-expand.expand-400 { max-height: 400px; } .pcc-hint-expand.expand-600 { max-height: 600px; } .pcc-hint-expand.expand-800 { max-height: 800px; } .pcc-hint-transition.pcc-hint-expand.ng-hide { /*display: inline-block !important;*/ max-height: 0; overflow: hidden; } .pcc-icon-container { padding: 0; display: flex; justify-content:center; align-items:center; box-sizing: content-box; } .pcc-icon { padding: 0; margin: 0; height: 100%; width: 100%; display: block; background-repeat: no-repeat; background-size: contain; background-position: center; } .pcc-table-button-40 { height: 40px; width: 40px; background-position: center; padding: 0; } .pcc-icon-150-loading-color { background-image: url('../../../Content/images/pr-content/Icons/150 x1 50 px/Website-Icons-150-x-1507.png'); } .pcc-icon-150-electricity-color { background-image: url('../../../Content/images/pr-content/Icons/150 x1 50 px/Website-Icons-150-x-1509.png'); } .pcc-icon-150-water-color { background-image: url('../../../Content/images/pr-content/Icons/150 x1 50 px/Website-Icons-150-x-15010.png'); } .pcc-icon-150-gas-color { background-image: url('../../../Content/images/pr-content/Icons/150 x1 50 px/Website-Icons-150-x-15011.png'); } .pcc-icon-70-camera-color { background-image: url('../../../Content/images/pr-content/Icons//70 x 70 px/Website-Icons-Home-Page.png'); } .pcc-icon-70-camera-white { background-image: url('../../../Content/images/pr-content/Icons/70 x 70 px/Website-Icons-Home-Page5.png'); } .pcc-icon-70-car-color { background-image: url('../../../Content/images/pr-content/Icons/70 x 70 px/Website-Icons-Home-Page2.png'); } .pcc-icon-70-car-white { background-image: url('../../../Content/images/pr-content/Icons/70 x 70 px/Website-Icons-Home-Page6.png'); } .pcc-icon-70-card-color { background-image: url('../../../Content/images/pr-content/Icons/70 x 70 px/Website-Icons-Home-Page3.png'); } .pcc-icon-70-card-white { background-image: url('../../../Content/images/pr-content/Icons/70 x 70 px/Website-Icons-Home-Page7.png'); } .pcc-icon-70-buy-color { background-image: url('../../../Content/images/pr-content/Icons/70 x 70 px/Website-Icons-Home-Page4.png'); } .pcc-icon-70-buy-white { background-image: url('../../../Content/images/pr-content/Icons/70 x 70 px/Website-Icons-Home-Page8.png'); } .pcc-icon-40-receipt-color { background-image: url('../../../Content/images/pr-content/Icons/40 x 40 px/Website-Icons-39.98-x-39.98.png'); } .pcc-icon-40-receipt-white { background-image: url('../../../Content/images/pr-content/Icons/40 x 40 px/Website-Icons-39.98-x-39.9813.png'); } .pcc-icon-40-open-email-color { background-image: url('../../../Content/images/pr-content/Icons/40 x 40 px/Website-Icons-39.98-x-39.982.png'); } .pcc-icon-40-open-email-white { background-image: url('../../../Content/images/pr-content/Icons/40 x 40 px/Website-Icons-39.98-x-39.9814.png'); } .pcc-icon-40-closed-email-color { background-image: url('../../../Content/images/pr-content/Icons/40 x 40 px/Website-Icons-39.98-x-39.983.png'); } .pcc-icon-40-closed-email-white { background-image: url('../../../Content/images/pr-content/Icons/40 x 40 px/Website-Icons-39.98-x-39.9815.png'); } .pcc-icon-40-eye-color { background-image: url('../../../Content/images/pr-content/Icons/40 x 40 px/Website-Icons-39.98-x-39.984.png'); } .pcc-icon-40-eye-white { background-image: url('../../../Content/images/pr-content/Icons/40 x 40 px/Website-Icons-39.98-x-39.9816.png'); } .pcc-icon-40-at-color { background-image: url('../../../Content/images/pr-content/Icons/40 x 40 px/Website-Icons-39.98-x-39.985.png'); } .pcc-icon-40-at-white { background-image: url('../../../Content/images/pr-content/Icons/40 x 40 px/Website-Icons-39.98-x-39.9817.png'); } .pcc-icon-40-smiley-color { background-image: url('../../../Content/images/pr-content/Icons/40 x 40 px/Website-Icons-39.98-x-39.986.png'); } .pcc-icon-40-smiley-white { background-image: url('../../../Content/images/pr-content/Icons/40 x 40 px/Website-Icons-39.98-x-39.9818.png'); } .pcc-icon-40-like-color { background-image: url('../../../Content/images/pr-content/Icons/40 x 40 px/Website-Icons-39.98-x-39.987.png'); } .pcc-icon-40-like-white { background-image: url('../../../Content/images/pr-content/Icons/40 x 40 px/Website-Icons-39.98-x-39.9819.png'); } .pcc-icon-40-shaking-hands-color { background-image: url('../../../Content/images/pr-content/Icons/40 x 40 px/Website-Icons-39.98-x-39.988.png'); } .pcc-icon-40-shaking-hands-white { background-image: url('../../../Content/images/pr-content/Icons/40 x 40 px/Website-Icons-39.98-x-39.9820.png'); } .pcc-icon-40-camera-color { background-image: url('../../../Content/images/pr-content/Icons/40 x 40 px/Website-Icons-39.98-x-39.989.png'); } .pcc-icon-40-camera-white { background-image: url('../../../Content/images/pr-content/Icons/40 x 40 px/Website-Icons-39.98-x-39.9821.png'); } .pcc-icon-40-vehicle-search-color { background-image: url('../../../Content/images/pr-content/Icons/40 x 40 px/Website-Icons-39.98-x-39.9810.png'); } .pcc-icon-40-vehicle-search-white { background-image: url('../../../Content/images/pr-content/Icons/40 x 40 px/Website-Icons-39.98-x-39.9822.png'); } .pcc-icon-40-cards-color { background-image: url('../../../Content/images/pr-content/Icons/40 x 40 px/Website-Icons-39.98-x-39.9811.png'); } .pcc-icon-40-cards-white { background-image: url('../../../Content/images/pr-content/Icons/40 x 40 px/Website-Icons-39.98-x-39.9823.png'); } .pcc-icon-40-shopping-bag-color { background-image: url('../../../Content/images/pr-content/Icons/40 x 40 px/Website-Icons-39.98-x-39.9812.png'); } .pcc-icon-40-shopping-bag-white { background-image: url('../../../Content/images/pr-content/Icons/40 x 40 px/Website-Icons-39.98-x-39.9824.png'); } .pcc-icon-30-user-head-color { background-image: url('../../../Content/images/pr-content/Icons/30 x 30/Website-Icons-30-x-30.png'); } .pcc-icon-30-user-shirt-color { background-image: url('../../../Content/images/pr-content/Icons/30 x 30/Website-Icons-30-x-302.png'); } .pcc-icon-30-user-grey { background-image: url('../../../Content/images/pr-content/Icons/30 x 30/Website-Icons-30-x-308.png'); } .pcc-icon-30-at-color { background-image: url('../../../Content/images/pr-content/Icons/30 x 30/Website-Icons-30-x-303.png'); } .pcc-icon-30-at-grey { background-image: url('../../../Content/images/pr-content/Icons/30 x 30/Website-Icons-30-x-3010.png'); } .pcc-icon-30-location-color { background-image: url('../../../Content/images/pr-content/Icons/30 x 30/Website-Icons-30-x-304.png'); } .pcc-icon-30-location-grey { background-image: url('../../../Content/images/pr-content/Icons/30 x 30/Website-Icons-30-x-3011.png'); } .pcc-icon-30-text-color { background-image: url('../../../Content/images/pr-content/Icons/30 x 30/Website-Icons-30-x-305.png'); } .pcc-icon-30-text-grey { background-image: url('../../../Content/images/pr-content/Icons/30 x 30/Website-Icons-30-x-3012.png'); } .pcc-icon-30-call-color { background-image: url('../../../Content/images/pr-content/Icons/30 x 30/Website-Icons-30-x-306.png'); } .pcc-icon-30-call-grey { background-image: url('../../../Content/images/pr-content/Icons/30 x 30/Website-Icons-30-x-3013.png'); } .pcc-icon-30-lock-color { background-image: url('../../../Content/images/pr-content/Icons/30 x 30/Website-Icons-30-x-307.png'); } .pcc-icon-30-lock-grey { background-image: url('../../../Content/images/pr-content/Icons/30 x 30/Website-Icons-30-x-3014.png'); } .input-group .pcc-group-icon-30-user-shirt { background-image: url('../../../Content/images/pr-content/Icons/30 x 30/Website-Icons-30-x-308.png'); } .input-group:focus-within .pcc-group-icon-30-user-shirt { background-image: url('../../../Content/images/pr-content/Icons/30 x 30/Website-Icons-30-x-302.png'); } .buttonRadius { border-radius:25px !important; } .form-control-left-radius { border-bottom-left-radius: 25px !important; border-top-left-radius: 25px !important; } .input-group-addon-right-radius { border-bottom-right-radius: 25px !important; border-top-right-radius: 25px !important; } body { } .splash { display: none; } [ng-cloak].splash { display: block !important; } .splash { position: absolute; top: 0; left: 0; height: 100%; width: 100%; filter: alpha(opacity=60); opacity: 0.6; background: #000; } .splash h2 { text-align: center; font-size: 4em; color: white; } .step_progressbar { counter-reset: step; } .step_progressbar li { float: left; width: 30%; position: relative; text-align: center; } .step_progressbar li:before { content: counter(step); counter-increment: step; width: 35px; height: 35px; border: 2px solid #bebebe; display: block; margin: 0 auto 10px auto; border-radius: 50%; line-height: 30px; background: white; color: #bebebe; text-align: center; font-weight: bold; } .step_progressbar li:after { content: ''; position: absolute; width: 100%; height: 3px; background: #979797; top: 15px; left: -50%; z-index: -1; } .step_progressbar li.active:before { border-color: #bebebe; background: #FD9233; color: white; } .step_progressbar li:first-child:after { content: none; } .disc-image { background-image: url('../../../Content/images/LicenseDisk_New.png'); background-size: 100% 100%; background-repeat: no-repeat; } .pcc-subscription-container { display:flex; flex-direction: column; height: 100%; } .pcc-subscription-content { display: flex; flex-grow: 1; flex-direction: column; justify-content: space-between; } .pcc-subscription-content ul { list-style: none; padding-left: 0; margin-bottom: 2.85714rem !important; } .pcc-subscription-content ul li { margin-bottom: 1.42857rem !important; } .pcc-user-package-residual-value { position: absolute; width: 100%; top: 0; transform: translateX(-50%); padding: 10px; } .traffic-fine-loading { height: 200px; /* IE Fall back */ min-height: 30vh; display: flex; } .traffic-fine-loader { display: flex; flex-direction: column; justify-content: center; align-items: center; flex-grow: 1; } .traffic-fine-spinner-loading { height: 100px; /* IE Fall back */ min-height: 10vh; display: flex; } .traffic-fine-idSelector { display: flex; align-items: center; } .traffic-fine-idSelector-heading { margin-bottom: 0; margin-right: 8px; } .addId { color: white; } .traffic-fine-sorting { padding-left: 8px; } @media (max-width: 767.98px) { .pcc-header-border-sm-invisible { border-color: transparent !important; } } /*Reverse Small rule*/ @media (max-width: 991.98px) { .pcc-header-border-md-invisible { border-color: transparent !important; } .addId { margin-top: 10px; } .traffic-fine-idSelector { flex-direction: column; justify-content: center; } } .traffic-fines-table-cell { vertical-align: middle !important; border-bottom: 1px rgba(242, 117, 40, 0.3) solid; } td.traffic-fines-table-cell.traffic-word-wrap { word-break: normal } .pcc-fine-unit-img-wrapper.traffic-fines-table-fine-icon-wrapper, .traffic-fines-table-fine-icon-wrapper { height: 40px; width: 40px; } .pcc-fine-table-action-container { display: flex; justify-content: flex-end; } .pcc-traffic-find-action-header { width: 80px; text-align: center; } .pcc-select-option:disabled { color: rgba(0,0,0,0.3) } .traffic-fines-spinner { padding-left: 13px !important; color: #fd9233 !important; } .traffic-fines-spinner-text { padding-left: 0px !important; font-weight: bold !important; } .traffic-fines-video-spinner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; } .form-control { /*outline: 0;*/ border-width: 0 0 1px; border-radius: 0; } .form-control:focus, .input-group:focus-within { border-color: #fd9233 !important; } .input-group, [class*="input-group-"] { border-top: 0; border-left: 0; border-right: 0; } .character_split_input { height: 22px; border: solid 1px dimgrey; background: repeating-linear-gradient(90deg, #ffffff 0px, #ffffff 18px, #000000 20px); letter-spacing: 10.5px; text-indent: 6px; overflow: hidden; padding: 0; margin: 0; } .zoom-image { background-position: center; background-repeat: no-repeat; background-size: contain; cursor: crosshair; display: block; max-width: 100%; padding-bottom: 10em; width: 100em; } .btnCustom-link{ color: black; font-weight: 400; } .image-header { padding-left: 10%; width: 100%; height: auto; margin-bottom: 20% } .spaceAfterTitle { margin-bottom:4%; } .wrapper { width: 330px; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 18px; } .StepProgress { position: relative; padding-left: 45px; list-style: none; } /*Line between to-do steps*/ .StepProgress::before { display: inline-block; content: ''; position: absolute; top: 0; left: 15px; width: 10px; height: 97%; border-left: 2px solid lightgray; } .StepProgress-item { position: relative; counter-increment: list; top: -7px; } .StepProgress-item:not(:last-child) { padding-bottom: 30px; } .StepProgress-item::before { display: inline-block; content: ''; position: absolute; left: -30px; height: 100%; width: 10px; } /*Uncompleted Steps*/ .StepProgress-item::after { content: counter(list); display: inline-block; position: absolute; top: -3px; left: -50px; width: 40px; height: 40px; border: 3px solid #ffffff; border-radius: 50%; background-color: lightgray; font-size: 18px; text-align: center; color: white; font-weight: bold; padding-top: 3px; padding-left: 1px; } .StepProgress-item.is-done::before { border-left: 2px solid #38bea3; } /*Step Completed*/ .StepProgress-item.is-done::after { content: "✔"; font-size: 20px; color: #FFF; text-align: center; border: 2px solid #ffffff; background-color: #38bea3; } .StepProgress-item.current::before { border-left: 2px solid darkslategray; } /*Current Step*/ .StepProgress-item.current::after { content: counter(list); padding-top: 6px; padding-left: 0px; width: 50px; height: 50px; top: -10px; left: -55px; font-size: 18px; text-align: center; color: white; font-weight: bold; border: 5px solid #38bea3; background-color: darkslategray; } .StepProgress strong { display: block; } .smStepProgress { position: relative; padding-left: 0px; list-style: none; margin-top: 10px; font-size: 14px; font-family: "Open Sans", Helvetica, Arial, sans-serif; } .smStepProgress::before { display: inline-block; content: ''; position: absolute; top: 0; left: 15px; width: 10px; height: 100%; } .smStepProgress-item { position: relative; } .smStepProgress-item:not(:last-child) { padding-bottom: 20px; } .smStepProgress-item::before { display: inline-block; content: ''; position: absolute; left: -30px; height: 100%; width: 10px; } .smStepProgress-item::after { content: ''; display: inline-block; position: absolute; top: 1.5px; left: -37px; width: 15px; height: 15px; border: 2px solid darkslategray; border-radius: 50%; background-color: darkslategray; } .smStepProgress-item.is-done::before { border-left: 2px solid #38bea3; } .smStepProgress-item.is-done::after { content: ""; border: 2px solid #ffffff; background-color: #38bea3; width: 25px; height: 25px; top: 3px; left: -42px; } .smStepProgress-item.current::before { border-left: 2px solid #38bea3; } .smStepProgress-item.current::after { padding-top: 1px; width: 25px; height: 25px; top: 3px; left: -42px; font-size: 14px; text-align: center; color: #FD9233; border: 2px solid #ffffff; background-color: #38bea3; } .smStepProgress strong { display: block; } .paycity-address-modal-window .modal-dialog { width: calc(100% - 60px); max-width: 1080px; } .paycity-address-modal-window .modal-content { border: 0; border-radius: 0; box-shadow: none; overflow: hidden; } .paycity-address-modal { --address-orange: #fd9233; --address-orange-dark: #fd851a; --address-blue: #006fba; --address-border: #d8d5d0; --address-muted: #756d66; color: #27211e; background: #fff; } .paycity-address-modal *, .paycity-address-modal *::before, .paycity-address-modal *::after { box-sizing: border-box; } .paycity-address-modal form { margin: 0; } .address-modal-header { display: flex; align-items: flex-start; justify-content: space-between; margin: 0 20px; padding: 21px 0 20px; border-bottom: 1px solid #ddd; } .address-modal-header h2 { margin: 0 0 3px; color: #4b4b4b; font-size: 21px; font-weight: 400; } .address-modal-header p, .address-modal-header small { display: block; margin: 0; line-height: 1.4; } .address-modal-header p { color: var(--address-muted); font-size: 14px; } .address-modal-header small { color: var(--address-blue); font-size: 13px; } .address-close-button, .address-search-control button { border: 0; background: transparent; } .address-close-button { width: 32px; height: 32px; padding: 0; border-radius: 0; color: #777; background: transparent; font-size: 25px; } .address-modal-content { display: grid; grid-template-columns: minmax(300px, 40%) minmax(0, 60%); gap: 24px; padding: 18px 20px 22px; } .address-details-column { padding-top: 26px; } .address-location-column > label, .address-field label { display: block; margin-bottom: 7px; color: #655047; font-size: 13px; font-weight: 600; } .address-field label span { color: #9b928c; font-weight: 400; } .address-field label em { color: var(--address-orange); font-style: normal; } .address-search-control { display: flex; align-items: center; min-height: 50px; padding: 0; border: 0; border-radius: 0; background: #fff; } .address-search-control:focus-within { border-color: var(--address-orange); box-shadow: 0 0 0 2px rgba(242, 101, 34, .12); } .address-search-control input { min-width: 0; flex: 1; padding: 0 8px; border: 0; outline: 0; background: transparent; font-size: 16px; } .address-search-widget { position: relative; min-width: 0; flex: 1; } .address-search-widget::before { position: absolute; z-index: 1; top: 50%; left: 16px; color: #706a66; font-family: FontAwesome; font-size: 16px; content: "\f002"; pointer-events: none; transform: translateY(-50%); } .address-search-control .address-search-input { display: block; width: 100%; min-height: 50px; padding: 0 16px 0 44px; border: 1px solid #c9c2bd; border-radius: 6px; color: var(--address-text); background: #fff; font-family: inherit; font-size: 16px; -webkit-appearance: none; appearance: none; } .address-search-control .address-search-input:focus { border-color: var(--address-orange); outline: 0; box-shadow: 0 0 0 2px rgba(242, 101, 34, .12); } .address-search-suggestions { position: absolute; z-index: 1100; top: calc(100% + 4px); right: 0; left: 0; overflow-y: auto; width: 100%; max-height: 260px; border: 1px solid var(--address-border); border-radius: 6px; background: #fff; box-shadow: 0 8px 20px rgba(0, 0, 0, .16); } .address-search-suggestions[hidden] { display: none; } .address-search-suggestion { display: block; width: 100%; padding: 11px 14px; border: 0; border-bottom: 1px solid #eee; color: var(--address-text); background: #fff; font-family: inherit; font-size: 14px; text-align: left; cursor: pointer; } .address-search-suggestion:last-child { border-bottom: 0; } .address-search-suggestion:hover, .address-search-suggestion:focus { color: var(--address-orange); background: #fff7ef; outline: 0; } .address-search-control button { padding: 8px; color: #665e58; } .google-attribution { margin: 4px 4px 12px 0; color: #8b7b70; font-size: 10px; text-align: right; } .google-attribution strong { color: #4285f4; font-weight: 600; } .address-current-location-button { display: inline-flex; align-items: center; gap: 7px; margin: 0 0 12px; min-height: 38px; padding: 7px 14px; border: 1px solid var(--address-orange); border-radius: 20px; color: var(--address-orange-dark); background: #fff; font-size: 13px; font-weight: 600; } .address-current-location-button i { color: var(--address-orange); } .address-current-location-button:hover, .address-current-location-button:focus { color: #fff; background: var(--address-orange); outline: 0; } .address-current-location-button:hover i, .address-current-location-button:focus i { color: #fff; } .address-current-location-button:disabled { cursor: default; opacity: .55; } .address-current-location-message { display: block; margin: -5px 0 12px; color: #777; font-size: 12px; } .address-location-viewer { position: relative; overflow: hidden; border: 1px solid var(--address-border); border-radius: 0; background: #e8e5df; } .address-location-pane { width: 100%; height: 250px; } .address-location-placeholder, .street-view-message { position: absolute; inset: 0 0 45px; display: flex; align-items: center; justify-content: center; gap: 10px; padding: 25px; color: #fff; background: linear-gradient(135deg, #607364, #44564a); text-align: center; } .address-location-placeholder i { font-size: 23px; } .street-view-message { background: rgba(54, 65, 57, .9); } .address-location-tabs { display: grid; grid-template-columns: 1fr 1fr; height: 45px; background: #f4f2ee; } .address-location-tabs button, .address-type-tabs button { border: 0; background: transparent; color: #765f52; font-weight: 600; } .address-location-tabs button + button { border-left: 1px solid #ddd8d2; } .address-location-tabs button.active { color: #241e1a; background: #fff; box-shadow: inset 0 -3px var(--address-orange); } .address-location-help { display: flex; align-items: flex-start; gap: 8px; margin: 10px 0; padding: 9px 11px; border-left: 3px solid #3f9cf5; color: #8b6e62; background: #f2f7fc; font-size: 13px; line-height: 1.4; } .address-location-help i { flex: 0 0 auto; margin-top: 2px; color: #3f9cf5; } .address-location-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; } .address-keep-location { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 14px; font-weight: 400; } .address-keep-location input { accent-color: var(--address-orange); } .address-outline-button { min-height: 42px; padding: 0 17px; border: 1px solid var(--address-orange); border-radius: 22px; color: var(--address-orange-dark); background: #fff; font-weight: 600; } .address-type-tabs { display: flex !important; align-items: stretch; gap: 4px; margin-bottom: 12px; padding: 4px; border-radius: 0; background: #eeece9; } .address-type-tabs button { display: block !important; width: 50% !important; min-width: 0; flex: 1 1 50%; margin: 0 !important; padding: 0 12px !important; min-height: 48px; border-radius: 0; font-size: 16px; } .address-type-tabs button.active { color: #fff; background: var(--address-orange); box-shadow: 0 2px 8px rgba(242, 101, 34, .24); } .address-type-tabs button.active:hover, .address-type-tabs button.active:focus { color: #fff; background: var(--address-orange-dark); } .address-edit-notice { display: flex; align-items: flex-start; gap: 10px; margin: 12px 0; padding: 11px 14px; border-radius: 0; color: #694514; background: #ffebc5; font-size: 13px; } .address-edit-notice i { margin-top: 2px; color: #3f9cf5; } .address-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; } .address-street-row { grid-template-columns: minmax(120px, 2fr) minmax(180px, 3fr); } .address-province-row { grid-template-columns: minmax(180px, 3fr) minmax(120px, 2fr); } .address-field { min-width: 0; margin-bottom: 10px; } .address-field input { width: 100%; height: 44px; padding: 0 15px; border: 1px solid var(--address-border); border-radius: 0; outline: 0; color: #29231f; background: #fff; font-size: 15px; } .address-field input:focus { border-color: var(--address-orange); box-shadow: 0 0 0 2px rgba(242, 101, 34, .12); } .address-field input[readonly] { color: #514943; background: #f7f6f4; } .address-field input:disabled { color: #6f6863; background: #f1f0ee; cursor: not-allowed; opacity: 1; } .address-field input.ng-invalid.ng-touched { border-color: #d9363e; } .address-revert-button { display: block; margin: 0 auto; border: 0; color: var(--address-blue); background: transparent; font-weight: 600; } .address-modal-footer { display: flex; justify-content: flex-end; gap: 12px; padding: 12px 20px; border-top: 1px solid #ddd; background: #fafafa; } .address-modal-footer button { min-width: 180px; height: 46px; border-radius: 25px; font-size: 16px; font-weight: 700; } .address-cancel-button { border: 1px solid #cfcac4; color: #29231f; background: #fff; } .address-save-button { border: 1px solid var(--address-orange); color: #fff; background: var(--address-orange); box-shadow: none; } .address-save-button:hover, .address-save-button:focus { background: var(--address-orange-dark); } .address-modal-footer button[disabled], .address-outline-button[disabled] { cursor: not-allowed; opacity: .55; } .pac-container { z-index: 20000 !important; border-radius: 0 0 12px 12px; font-family: inherit; } @media (max-width: 767px) { .paycity-address-modal-window .modal-dialog { width: calc(100% - 24px); margin: 12px auto; max-height: calc(100vh - 24px); } .paycity-address-modal-window .modal-content { border-radius: 0; max-height: calc(100vh - 24px); overflow: hidden; } .paycity-address-modal, .paycity-address-modal form { display: flex; flex-direction: column; max-height: calc(100vh - 24px); min-height: 0; } .address-modal-header { margin: 0 14px; padding: 13px 0 11px; } .address-modal-header h2 { font-size: 19px; } .address-modal-content { display: flex; flex-direction: column; flex: 1 1 auto; gap: 10px; min-height: 0; overflow-x: hidden; overflow-y: auto; padding: 10px 18px 12px; } .address-details-column { padding-top: 0; } .address-location-pane { height: 150px; } .address-location-actions { align-items: flex-start; } .address-outline-button { white-space: nowrap; } .address-type-tabs button { min-height: 38px; font-size: 14px; } .address-edit-notice { margin: 13px 0; padding: 11px 12px; } .address-form-row { gap: 8px; } .address-street-row, .address-province-row { grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); } .address-field { margin-bottom: 7px; } .address-field label { margin-bottom: 4px; font-size: 11px; } .address-field input { height: 40px; padding: 0 10px; font-size: 13px; } .address-modal-footer { flex: 0 0 auto; position: relative; z-index: 20; bottom: 0; gap: 9px; padding: 10px 14px; box-shadow: 0 -8px 18px rgba(50, 43, 38, .06); } .address-modal-footer button { min-width: 0; height: 42px; font-size: 14px; } .address-cancel-button { flex: 1; } .address-save-button { flex: 2; } } @media (max-width: 410px) { .address-modal-header p, .address-modal-header small { font-size: 12px; } .address-modal-content { padding-right: 14px; padding-left: 14px; } .address-location-pane { height: 135px; } .address-location-actions { flex-direction: column; } .address-outline-button { width: 100%; } } .cover-loader-container { position: relative; } .cover-loader-overlay { display: flex; justify-content: center; align-items: center; position:absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 100; background-color: rgba(0,0,0,0.15); } .cover-loader { justify-content: center; align-items: center; flex-direction: column; color: white; font-weight: 600; } .no-content { min-height: 300px; text-align: center; } .datetime-picker { position: relative; } .datepicker-dropdown:after { content: none; } .datepicker-dropdown { position: absolute; top: calc(100% + 5px); left: 0; z-index: 1050; min-height: 150px; min-width: 214px; box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.2); background-color: white; border-radius: 4px; visibility: hidden; /*transform: scale(0); transition: transform .2s cubic-bezier(.25,.8,.25,1),-webkit-transform .2s cubic-bezier(.25,.8,.25,1);*/ } .datepicker-dropdown.open { /*transform:scale(1);*/ visibility: visible; } .datepicker-dropdown:before { display: block; content: ''; width: 0; height: 0; position: absolute; z-index: 501; } .datepicker-dropdown.top:before { width: 0; height: 0; border-style: solid; border-width: 8px 8px 0 8px; border-color: #fff transparent transparent transparent; top: auto; bottom: -8px; } .datepicker-dropdown.left:before { left: 8px; right: auto; } .datepicker-dropdown.right:before { right: 8px; left: auto; } .datepicker-dropdown.bottom:before { width: 0; height: 0; border-style: solid; border-width: 0 8px 8px 8px; border-color: transparent transparent #fff transparent; top: -8px; bottom: auto; } .datepicker-container { display: flex; flex-direction: column; } .datepicker-pickers { display: flex; } .timepicker-picker { width: 198px; background-color: #fff; min-height: 165px; padding: 8px; } .datepicker-picker { width: 297px; background-color: #fff; min-height: 169px; padding: 8px; } .datepicker-options { min-height: 0; background-color: #f2f2f2; display: block; padding: 3px; } .datepicker-title { background-color: #F2F2F2; text-align: center; position: relative; line-height: 26px; } .datepicker-title i { position: absolute; top: 0; left: 0; bottom: 0; line-height: 27px; width: 30px; background-color: #CCCCCC; color: #535353; font-size: 16px; } .timepicker-container { display: flex; flex-direction: row; margin-top: 10px; } .timepicker-buttons { display: flex; flex-direction: column; width: 31px; } .timepicker-buttons button { border: none; line-height: 16px; height: 22px; color: #323232; } .timepicker-buttons button:first-child { border-bottom: solid 1px #CBCBCB; /*border-top-left-radius:4px;*/ } .timepicker-buttons button:last-child { border-bottom: solid 1px #CBCBCB; /*border-bottom-left-radius:4px;*/ } .timepicker-section { display: flex; position: relative; } .timepicker-time { background-color: #F2F2F2; line-height: 43px; font-size: 20px; padding: 0px 8px; width: 50px; text-align: center; /*border-bottom-right-radius:4px;*/ } .timepicker-subtitle { position: absolute; top: 100%; left: 0; right: 0; text-align: center; color: #ddd; } .timepicker-seperator { width: 20px; text-align: center; line-height: 42px; font-weight: bold; } .uib-datepicker { margin-top: 10px; outline: none; } .uib-daypicker { outline: none; } .uib-right { border: none; background-color: #E6E6E6; width: 40px; } .uib-left { border: none; background-color: #E6E6E6; width: 40px; } .uib-title { border: none; } .uib-title:hover { background-color: #fff; color: orange; } .uib-day button { border: none; } .uib-day { position: relative; z-index: 1; border-bottom: none !important; padding: 5px 3px; } .uib-day button.btn-info:after { content: ''; display: block; height: 33px; width: 33px; position: absolute; background-color: #EF8500; box-shadow: 0px 0px 0px 3px #FAD98E inset; z-index: -1; top: 2px; left: 3px; border-radius: 23%; } .uib-day button.btn-info .text-info { color: white; } .uib-day button.btn-info, .uib-day button.btn-info:hover { background-image: none; box-shadow: none; background-color: transparent; color: white !important; text-align: center; } .uib-daypicker thead tr:nth-child(2) th { padding: 19px 5px; } .uib-day button .text-muted { color: #C2C2C2; } .datepicker-dropdown.right { right: 0px !important; left: auto !important; } .datepicker-dropdown.left { left: 0px !important; right: auto !important; } .datepicker-dropdown.top { bottom: calc(100% + 8px) !important; top: auto !important; } .datepicker-dropdown.bottom { top: calc(100% + 8px) !important; bottom: auto !important; } /* Design tokens for the Add Vehicle wizard, matching the payCity add-vehicle-wizard reference design. Prefixed and kept off :root's bare names to avoid colliding with anything already defined globally in this site's theme CSS. */ @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap'); :root { --pcc-wizard-ink: #151A23; --pcc-wizard-ink-muted: #667085; --pcc-wizard-ink-faint: #98A2B3; --pcc-wizard-bg: #EFF1F4; --pcc-wizard-surface: #FFFFFF; --pcc-wizard-border: #E3E6EC; --pcc-wizard-border-strong: #D0D5DD; --pcc-wizard-brand: #F2711C; --pcc-wizard-brand-dark: #D45E10; --pcc-wizard-brand-tint: #FFF1E6; --pcc-wizard-success: #0F8A53; --pcc-wizard-success-tint: #E9F8F0; --pcc-wizard-warning: #B54708; --pcc-wizard-warning-tint: #FFF6E8; --pcc-wizard-danger: #C0152F; --pcc-wizard-danger-tint: #FDEEEE; --pcc-wizard-info-tint: #F0F6FF; --pcc-wizard-info-ink: #1D4E9B; --pcc-wizard-radius-lg: 16px; --pcc-wizard-radius-md: 10px; --pcc-wizard-radius-sm: 7px; } #modalAddVehicleWizard, .pcc-wizard-footer { font-family: 'Inter', sans-serif; color: var(--pcc-wizard-ink); } #modalAddVehicleWizard h1, #modalAddVehicleWizard h2, #modalAddVehicleWizard h3, #modalAddVehicleWizard h4, .pcc-wizard-title { font-family: 'Manrope', sans-serif; } .pcc-add-vehicle-options { display: flex; flex-direction: column; gap: 14px; } /* ---------- Header ---------- */ .pcc-wizard-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; } #modalAddVehicleWizard .close { float: none; opacity: 1; width: 36px; height: 36px; border-radius: 50%; border: none; background: transparent; color: var(--pcc-wizard-ink-muted); text-shadow: none; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: background .15s ease, color .15s ease; } #modalAddVehicleWizard .close:hover { background: var(--pcc-wizard-bg); color: var(--pcc-wizard-ink); opacity: 1; } /* Wizard header - small orange eyebrow above a bold title, matching the reference design. */ .pcc-wizard-eyebrow { color: var(--pcc-wizard-brand); font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; margin-bottom: 6px; } .pcc-wizard-title { margin: 0; font-size: 21px; font-weight: 800; color: var(--pcc-wizard-ink); } .pcc-panel-desc { font-size: 14.5px; color: var(--pcc-wizard-ink-muted); line-height: 1.55; margin: 0 0 16px; } /* ---------- Stepper ---------- */ /* Add Vehicle wizard - single-modal step flow (capture/readable/fields/disclaimer/verify/success). Node-and-line stepper: a filled check circle for each completed step, a brand-filled circle for the current one, pale outlined circles for what's still ahead, connected by a line that fills in the same way as the steps behind it complete. */ .pcc-stepper { display: flex; } .pcc-stepper__col { flex: 1 1 0; display: flex; flex-direction: column; min-width: 0; } .pcc-stepper__row { display: flex; align-items: center; } .pcc-stepper__node { flex: 0 0 auto; width: 26px; height: 26px; border-radius: 50%; background-color: var(--pcc-wizard-surface); border: 2px solid var(--pcc-wizard-border-strong); color: var(--pcc-wizard-ink-faint); display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; transition: background-color .2s ease, border-color .2s ease, color .2s ease; } .pcc-stepper__node--current { background-color: var(--pcc-wizard-brand); border-color: var(--pcc-wizard-brand); color: #fff; } .pcc-stepper__node--complete { background-color: var(--pcc-wizard-success); border-color: var(--pcc-wizard-success); color: #fff; } .pcc-stepper__line { flex: 1 1 auto; height: 2px; background-color: var(--pcc-wizard-border-strong); margin: 0 4px; transition: background-color .2s ease; } .pcc-stepper__line--complete { background-color: var(--pcc-wizard-success); } .pcc-stepper__name { margin-top: 8px; font-size: 12.5px; font-weight: 600; color: var(--pcc-wizard-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pcc-stepper__name--pending { color: var(--pcc-wizard-ink-faint); } .pcc-stepper__name--complete { color: var(--pcc-wizard-success); } .pcc-capture-intro { font-size: 14.5px; color: var(--pcc-wizard-ink-muted); line-height: 1.55; margin-bottom: 16px; } /* Capture step's two primary actions, side by side and equal width, matching the reference. */ .pcc-scan-capture-actions { display: flex; gap: 10px; flex-wrap: wrap; } .pcc-capture-btn { flex: 1 1 0; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 16px; border-radius: var(--pcc-wizard-radius-sm); font-size: 14px; font-weight: 700; border: 1.5px solid transparent; transition: filter .15s ease, background .15s ease, border-color .15s ease, color .15s ease; } .pcc-capture-btn:disabled { opacity: .6; } .pcc-capture-btn--primary { background-color: var(--pcc-wizard-brand); color: #fff; } .pcc-capture-btn--primary:hover { filter: brightness(.94); } .pcc-capture-btn--secondary { background-color: var(--pcc-wizard-brand); border-color: var(--pcc-wizard-brand); color: #fff; } .pcc-capture-btn--secondary:hover { filter: brightness(.94); } .pcc-capture-checklist { list-style: none; margin: 20px 0 0; padding: 0; display: flex; flex-direction: column; gap: 10px; } .pcc-capture-checklist li { display: flex; align-items: flex-start; gap: 10px; font-size: 13.5px; color: var(--pcc-wizard-ink-muted); } .pcc-capture-checklist i { flex: 0 0 auto; color: var(--pcc-wizard-success); margin-top: 2px; } .pcc-disclaimer { display: flex; align-items: flex-start; gap: 14px; padding: 13px 14px; background-color: var(--pcc-wizard-warning-tint); border-radius: var(--pcc-wizard-radius-md); } .pcc-disclaimer__icon { flex: 0 0 auto; color: var(--pcc-wizard-warning); font-size: 20px; margin-top: 2px; } .pcc-disclaimer p { margin: 0; color: var(--pcc-wizard-warning); font-size: 13.5px; line-height: 1.5; } /* Low-confidence-read warning on the readable step - flags that a value may be outright wrong, using the same warning tone as the reference design's "double-check" banner. */ .pcc-low-confidence-warning { display: flex; align-items: flex-start; gap: 14px; padding: 13px 14px; background-color: var(--pcc-wizard-warning-tint); border-radius: var(--pcc-wizard-radius-md); } .pcc-low-confidence-warning__icon { flex: 0 0 auto; color: var(--pcc-wizard-warning); font-size: 20px; margin-top: 2px; } .pcc-low-confidence-warning__title { font-weight: 700; color: var(--pcc-wizard-warning); margin-bottom: 4px; } .pcc-low-confidence-warning__text { margin: 0 0 12px; color: var(--pcc-wizard-warning); font-size: 13.5px; line-height: 1.5; } /* Success step's checkmark, matching the reference design's green success treatment. */ .pcc-success-check { width: 64px; height: 64px; margin: 0 auto; border-radius: 50%; background-color: var(--pcc-wizard-success-tint); color: var(--pcc-wizard-success); display: flex; align-items: center; justify-content: center; font-size: 26px; } .pcc-add-vehicle-option { display: flex; align-items: flex-start; gap: 16px; padding: 16px; border: 1px solid var(--pcc-wizard-border); border-radius: var(--pcc-wizard-radius-md); cursor: pointer; transition: border-color .15s ease, box-shadow .15s ease; } .pcc-add-vehicle-option:hover { border-color: var(--pcc-wizard-brand); box-shadow: 0 2px 8px rgba(0,0,0,.08); } .pcc-add-vehicle-option--recommended { border-color: var(--pcc-wizard-brand); } .pcc-add-vehicle-option__icon { flex: 0 0 auto; width: 44px; height: 44px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: var(--pcc-wizard-bg); color: var(--pcc-wizard-ink-muted); font-size: 18px; } .pcc-add-vehicle-option__icon--recommended { background-color: var(--pcc-wizard-brand); color: #fff; } .pcc-add-vehicle-option__body { flex: 1 1 auto; } .pcc-add-vehicle-option__title-row { display: flex; align-items: center; gap: 10px; margin-bottom: 4px; } .pcc-add-vehicle-option__title { font-weight: 700; font-size: 16px; color: var(--pcc-wizard-ink); } .pcc-add-vehicle-option__badge { display: inline-block; padding: 2px 10px; border-radius: 12px; background-color: var(--pcc-wizard-success-tint); color: var(--pcc-wizard-success); font-size: 12px; font-weight: 600; } .pcc-add-vehicle-option__desc { margin: 0; color: var(--pcc-wizard-ink-muted); font-size: 14px; } /* Scan workspace (camera/upload capture) */ #modalScanVehicle { position: relative; min-height: 260px; } .pcc-scan-loader { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 20; display: flex; align-items: center; justify-content: center; padding: 20px; background-color: rgba(255, 255, 255, .94); } .pcc-scan-loader__panel { width: 100%; max-width: 360px; text-align: center; } .pcc-scan-loader__spinner { color: var(--pcc-wizard-brand); font-size: 42px; } .pcc-scan-loader__title { margin-top: 16px; color: var(--pcc-wizard-ink); font-size: 17px; font-weight: 800; } .pcc-scan-loader__message { margin-top: 6px; color: var(--pcc-wizard-ink-muted); font-size: 13.5px; } .pcc-scan-loader__progress { height: 8px; margin: 18px 0 0; background-color: var(--pcc-wizard-border); border-radius: 99px; overflow: hidden; } .pcc-scan-loader__progress .progress-bar { background-color: var(--pcc-wizard-brand); border-radius: 99px; } .pcc-scan-loader__percentage { margin-top: 8px; color: var(--pcc-wizard-ink-faint); font-size: 12px; font-weight: 600; } .pcc-scan-workspace { display: flex; flex-direction: column; gap: 16px; } .pcc-scan-preview { position: relative; width: 100%; max-height: 70vh; overflow: hidden; border-radius: var(--pcc-wizard-radius-md); display: flex; align-items: center; justify-content: center; } /* Uploaded/captured photo preview (readable step) - just a quick "here's what we read" glance before moving on, so it's kept small rather than filling the modal at its full width/70vh. */ .pcc-scan-preview img { width: auto; max-width: 100%; height: auto; max-height: 220px; object-fit: contain; display: block; } /* Live camera feed: fill the box edge-to-edge instead of letterboxing, matching the reference design's dark gradient backdrop while the stream's real dimensions are still loading. */ .pcc-scan-preview--video { aspect-ratio: 3 / 4; max-height: 70vh; background: radial-gradient(120% 90% at 30% 20%, #4B5361 0%, #23262E 55%, #16181D 100%); } .pcc-scan-preview--video video { width: 100%; height: 100%; object-fit: cover; display: block; } /* Scan-guide frame overlay shown over the live camera feed in barcode mode - a bright rectangular "window" over a darkened backdrop, showing where to line up the barcode. Must match GUIDE_CROP in pcc-vehicle-scan-service.js exactly (width:88%, height:50%, centered) - the decoder only looks at this region of each frame, so what the user sees as "put it here" has to be literally true, not just a visual suggestion. */ .pcc-barcode-scan-frame { position: absolute; top: 50%; left: 50%; width: 88%; height: 50%; transform: translate(-50%, -50%); border: 2px solid rgba(255, 255, 255, 0.9); border-radius: var(--pcc-wizard-radius-md); box-shadow: 0 0 0 999px rgba(0, 0, 0, 0.35); pointer-events: none; } /* Disc-mode still-photo capture guide - a round licence disc doesn't line up against a rectangular frame the way a barcode strip does, so this uses a circle instead, sized to the narrower dimension so it always fits inside the video regardless of aspect ratio. */ .pcc-disc-scan-frame { position: absolute; top: 50%; left: 50%; width: 80%; aspect-ratio: 1 / 1; max-width: 80vh; transform: translate(-50%, -50%); border: 2.5px solid rgba(255, 255, 255, 0.9); border-radius: 50%; box-shadow: 0 0 0 999px rgba(0, 0, 0, 0.35); pointer-events: none; z-index: 2; } /* Blurs everything outside the disc guide circle so the disc itself reads as the obvious focal point while framing a shot. Sized with "closest-side" rather than a percentage of the box's corner distance, so the transparent hole always lines up with .pcc-disc-scan-frame's circle (80% of the frame's narrower side) regardless of the frame's aspect ratio. Sits behind the ring/darken layer (z-index 1 vs 2) so the ring border still reads crisply on top of the blur. */ .pcc-disc-scan-blur { position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); -webkit-mask-image: radial-gradient(circle closest-side at 50% 50%, transparent 0%, transparent 79%, #000 81%, #000 100%); mask-image: radial-gradient(circle closest-side at 50% 50%, transparent 0%, transparent 79%, #000 81%, #000 100%); pointer-events: none; z-index: 1; } .pcc-scan-diagnostics__toggle { cursor: pointer; color: var(--pcc-wizard-ink-muted); font-size: 13px; user-select: none; } .pcc-scan-diagnostics__toggle:hover { color: var(--pcc-wizard-brand); } .pcc-scan-diagnostics__toggle i { width: 12px; display: inline-block; text-align: center; } .pcc-scan-status--barcode { display: flex; align-items: center; gap: 8px; justify-content: center; font-size: 13px; font-weight: 600; color: var(--pcc-wizard-brand-dark); text-align: center; padding: 10px 12px; background-color: var(--pcc-wizard-brand-tint); border-radius: var(--pcc-wizard-radius-sm); } .pcc-scan-progress { display: flex; flex-direction: column; gap: 6px; } .pcc-scan-progress .progress { height: 10px; margin-bottom: 0; } .pcc-scan-status { font-size: 14px; color: var(--pcc-wizard-ink-muted); } .pcc-scan-message { display: flex; align-items: flex-start; gap: 8px; padding: 13px 14px; border-radius: var(--pcc-wizard-radius-md); font-size: 13.5px; line-height: 1.5; } .pcc-scan-message i { flex: 0 0 auto; margin-top: 1px; } .pcc-scan-message--error { background-color: var(--pcc-wizard-danger-tint); color: var(--pcc-wizard-danger); } /* .has-error is a Bootstrap 3 validation-state class (still applied via ng-class on each field row in AddVehicleWizard.cshtml) - this project actually loads Bootstrap 4 (see bootstrap.css), which removed .has-error entirely in favour of .is-invalid, so without this rule the class gets applied by Angular but has no visual effect at all. Styled explicitly here rather than renaming every ng-class in the view to Bootstrap 4's convention. Scoped through #modalAddVehicleWizard .pcc-field-row__control, matching the field-chrome rule above - a bare ".has-error .form-control" loses the cascade to that ID-scoped rule's own border, since an ID selector always outranks any number of class selectors regardless of source order. */ #modalAddVehicleWizard .has-error .pcc-field-row__control .form-control, #modalAddVehicleWizard .has-error .pcc-field-row__control select.form-control { border-color: var(--pcc-wizard-danger); } .has-error .control-label { color: var(--pcc-wizard-danger); } .pcc-scan-message--success { background-color: var(--pcc-wizard-success-tint); color: var(--pcc-wizard-success); } /* Non-blocking, informational only - e.g. JIS couldn't confirm a vehicle-owner match, or JIS is offline - the wizard proceeds either way, so this deliberately isn't styled as an error. */ .pcc-scan-message--info { background-color: var(--pcc-wizard-info-tint); color: var(--pcc-wizard-info-ink); } .pcc-locked-fields-note { display: flex; align-items: flex-start; gap: 8px; padding: 10px 12px; background-color: var(--pcc-wizard-info-tint); border-radius: var(--pcc-wizard-radius-sm); font-size: 12px; color: var(--pcc-wizard-info-ink); } /* Inline "Add a new ID" panel shown under the Registered Owner dropdown when its "+ Add new ID" option is picked - the same save call as My Entities' Add ID modal, just without leaving the wizard for a popup. */ .pcc-add-new-id { padding: 14px; background-color: var(--pcc-wizard-bg); border: 1px solid var(--pcc-wizard-border); border-radius: var(--pcc-wizard-radius-md); } .pcc-add-new-id__title { font-size: 13px; font-weight: 700; color: var(--pcc-wizard-ink); margin-bottom: 10px; } .pcc-radio-group { display: flex; flex-direction: column; gap: 8px; } .pcc-radio-option { display: flex; align-items: flex-start; gap: 8px; font-size: 13px; font-weight: 500; color: var(--pcc-wizard-ink); cursor: pointer; } .pcc-radio-option input[type="radio"] { margin-top: 2px; flex-shrink: 0; } .pcc-add-new-id__saving { font-size: 12.5px; color: var(--pcc-wizard-ink-muted); } /* ---------- Review (verify step) ---------- */ .pcc-scan-fields { border: 1px solid var(--pcc-wizard-border); border-radius: var(--pcc-wizard-radius-md); overflow: hidden; } .pcc-scan-fields__row { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 16px; font-size: 13.5px; border-bottom: 1px solid var(--pcc-wizard-border); } .pcc-scan-fields__row:last-child { border-bottom: none; } .pcc-scan-fields__row:nth-child(odd) { background-color: #FAFAFB; } .pcc-scan-fields__label { color: var(--pcc-wizard-ink-muted); font-weight: 600; } .pcc-scan-fields__value { font-weight: 700; color: var(--pcc-wizard-ink); text-align: right; word-break: break-word; } .pcc-scan-fields__value--missing { font-weight: 400; font-style: italic; color: var(--pcc-wizard-ink-faint); } /* Fields step - each field stacks its label above its control, laid out two-to-a-row, matching the reference design's field grid. Collapses to a single column on narrow phones. */ .pcc-field-list { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 14px; } .pcc-field-row { display: flex; flex-direction: column; gap: 6px; margin-bottom: 0; } .pcc-field-row--full { grid-column: 1 / -1; } .pcc-field-row__label { margin: 0; font-size: 12.5px; font-weight: 700; color: var(--pcc-wizard-ink); line-height: 1.3; } .pcc-field-row__control { min-width: 0; } /* "Double-check" hint pill next to a field label - shown for fields a scan read with low confidence, in place of the numeric confidence/source badge shown further up the flow. */ .pcc-hint-pill { display: inline-flex; align-items: center; gap: 4px; font-size: 10.5px; font-weight: 700; color: var(--pcc-wizard-warning); background-color: var(--pcc-wizard-warning-tint); padding: 2px 7px; border-radius: 99px; margin-left: 6px; } /* JIS/eNaTIS cross-check value shown next to a field's label (AddVehicle.ShowJISResponse only) - a read-only comparison against what OCR read, never editable, so it's styled as plain inline text rather than a pill/badge like pcc-hint-pill above. */ .pcc-jis-value { font-size: 11px; font-weight: 700; color: var(--pcc-wizard-success); margin-left: 6px; } @media (max-width: 520px) { .pcc-field-list { grid-template-columns: 1fr; } } /* Modern, consistent field chrome - every input/select on this step gets the same rounded, bordered box regardless of the site-wide .form-control default, with a clear but calm visual difference for the fields that are locked (read-only/disabled because they came from a scan). Scoped to the wizard modal so it can't leak into other forms sharing .form-control. */ #modalAddVehicleWizard .pcc-field-row__control .form-control, #modalAddVehicleWizard .pcc-field-row__control select.form-control { width: 100%; min-height: 42px; padding: 9px 12px; font-size: 14px; color: var(--pcc-wizard-ink); background-color: var(--pcc-wizard-surface); border: 1.5px solid var(--pcc-wizard-border-strong); border-radius: var(--pcc-wizard-radius-sm); box-shadow: none; transition: border-color .15s ease, box-shadow .15s ease; } #modalAddVehicleWizard .pcc-field-row__control .form-control:focus { border-color: var(--pcc-wizard-brand); box-shadow: 0 0 0 3px var(--pcc-wizard-brand-tint); outline: none; } #modalAddVehicleWizard .pcc-field-row__control .form-control[readonly], #modalAddVehicleWizard .pcc-field-row__control .form-control:disabled, #modalAddVehicleWizard .pcc-field-row__control select.form-control[disabled] { background-color: var(--pcc-wizard-bg) !important; border-color: var(--pcc-wizard-border) !important; color: var(--pcc-wizard-ink-muted) !important; cursor: not-allowed; opacity: 1; } #modalAddVehicleWizard .pcc-field-row__control select.form-control { appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23667085' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; padding-right: 30px; } #modalAddVehicleWizard small.form-text.text-warning { color: var(--pcc-wizard-danger); font-weight: 500; font-size: 12px; } /* ---------- Footer buttons ---------- */ /* The footer sits as a sibling of #modalAddVehicleWizard (outside it) in the modal markup, so its buttons need their own scope rather than inheriting the ID-scoped rules above. Overrides the site's shared .u-btn-primary/.u-btn-outline-lightgray theme classes (rather than replacing them) so this stays a visual override local to the wizard instead of a global theme change. */ .pcc-wizard-footer .pcc-btn, #modalAddVehicleWizard .pcc-btn { font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 700; border-radius: var(--pcc-wizard-radius-sm); border-width: 1.5px; transition: filter .15s ease, background .15s ease, border-color .15s ease, color .15s ease; } /* ngAnimate interprets the buttons' hover transition as an ng-if leave animation. Without this override, rapidly moving back and forth between steps briefly retains the previous step's button while the next one is already visible. Keep step swaps immediate while preserving the normal hover transition outside Angular's structural animation lifecycle. */ .pcc-wizard-footer .pcc-btn.ng-animate { animation: none !important; transition: none !important; } .pcc-wizard-footer .pcc-btn.u-btn-primary, #modalAddVehicleWizard .pcc-btn.u-btn-primary { background-color: var(--pcc-wizard-brand) !important; border-color: var(--pcc-wizard-brand) !important; color: #fff !important; } .pcc-wizard-footer .pcc-btn.u-btn-primary:hover, #modalAddVehicleWizard .pcc-btn.u-btn-primary:hover { filter: brightness(.94); } .pcc-wizard-footer .pcc-btn.u-btn-primary:disabled, #modalAddVehicleWizard .pcc-btn.u-btn-primary:disabled { background-color: #F5C8A2 !important; border-color: #F5C8A2 !important; filter: none; cursor: not-allowed; } .pcc-wizard-footer .pcc-btn.u-btn-outline-lightgray, #modalAddVehicleWizard .pcc-btn.u-btn-outline-lightgray { background-color: transparent !important; border-color: var(--pcc-wizard-border-strong) !important; color: var(--pcc-wizard-ink-muted) !important; } .pcc-wizard-footer .pcc-btn.u-btn-outline-lightgray:hover, #modalAddVehicleWizard .pcc-btn.u-btn-outline-lightgray:hover { background-color: var(--pcc-wizard-bg) !important; color: var(--pcc-wizard-ink) !important; } /* Up to 3 buttons (Cancel/Back/Continue) each with a fixed g-min-width-110 plus margins add up to more than a phone screen's width, pushing the row past the modal's edge instead of wrapping - stack them full-width instead once the row can no longer fit comfortably. */ @media (max-width: 767px) { .pcc-wizard-footer { display: flex; flex-wrap: wrap; gap: 8px; } .pcc-wizard-footer .pcc-btn { flex: 1 1 100%; min-width: 0 !important; margin-right: 0 !important; } } .pcc-basket-item-fee-description { padding-left: 10px; } .pcc-bills-unit { display: flex; flex: 1; align-items: center; } .pcc-action-icon { font-size: 30px; padding: 10px; display: flex; align-items: center; justify-content: center; } .pcc-bills-unit-img-wrapper { height: 100px; width: 100px; } .pcc-bills-unit-img { width: 100%; height: auto; } .pcc-detail-header { font-weight: 700 } .pcc-bills-unit-action-container { display: flex; justify-content: space-around; } .pcc-bills-unit-action { } .pcc-bills-unit-body { display: flex; flex: 1; } .inBasket .pcc-action-icon { color: #72C02D; border-radius: 50%; box-shadow: #72C02D 2px 2px 5px; align-items: center; justify-content: center; } @media (max-width: 991px) { .pcc-detail-header { width: 100%; display: inline-block; } } .pcc-bills-unit-action:disabled { cursor: not-allowed; color: grey !important; opacity: 0.3; } .pcc-file-list-ul { list-style: none; padding-left: 0; } .pcc-file-list-action { height: 40px; width: 40px; } .pcc-file-description { flex-grow: 1; text-align: left; } .pcc-file-list-item { display: flex; align-items: center; border-bottom: 1px solid rgba(150,150,150,0.1) !important; padding-bottom: 5px; } .pcc-file-list-item .btn.btn-link.text-primary { color: #fd9233 !important } .pcc-fine-unit { display: flex; flex: 1; align-items: center; } .pcc-action-icon { font-size: 30px; padding: 10px; display: flex; align-items: center; justify-content: center; } .pcc-fine-unit-img-wrapper { height: 100px; width: 100px; } .pcc-fine-unit-img { width: 100%; height: auto; } .pcc-detail-header { font-weight: 700 } .pcc-fine-unit-action-container { display: flex; justify-content: space-around; } .pcc-fine-unit-action { margin-left: 15px } .pcc-fine-unit-body { display: flex; flex: 1; } .inBasket .pcc-action-icon { color: #72C02D; border-radius: 50%; box-shadow: #72C02D 2px 2px 5px; align-items: center; justify-content: center; } @media (max-width: 991px) { .pcc-detail-header { width: 100%; display: inline-block; } } .pcc-carousel-min-height { min-height: 70px; } .pcc-image-carasousel-no-images-opacity { opacity: 0.6; } .pcc-image-carousel-slide-centered { display: flex !important; justify-content: center; align-items: center; } .pcc-img-fluid { max-width: 300px; height: auto; } .pcc-image-carousel .slick-track { display: flex; } .pcc-carousel-anchor { min-height: 150px; position:relative; } .pcc-carousel-loader { display: flex; min-height: 150px; justify-content: center; align-items: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding-bottom: 22px; z-index: -1; /*Ensure div below image content*/ } .pcc-carousel-image { background: white; } .pcc-carousel-image-wrapper { min-height: 150px; display: flex; justify-content: center; align-items: center; } .pcc-loader { display: flex; flex-direction: column; justify-content: center; align-items: center; flex: 1; } .pcc-ppe-unit { display: flex; flex: 1; align-items: center; } .pcc-action-icon { font-size: 30px; padding: 10px; display: flex; align-items: center; justify-content: center; } .pcc-ppe-unit-img-wrapper { height: 100px; width: 100px; } .pcc-ppe-unit-img { width: 100%; height: auto; } .pcc-detail-header { font-weight: 700 } .pcc-ppe-unit-action-container { display: flex; justify-content: space-around; } .pcc-ppe-unit-action { } .pcc-ppe-unit-body { display: flex; flex: 1; } .inBasket .pcc-action-icon { color: #72C02D; border-radius: 50%; box-shadow: #72C02D 2px 2px 5px; align-items: center; justify-content: center; } @media (max-width: 991px) { .pcc-detail-header { width: 100%; display: inline-block; } } .pcc-ppe-unit-action:disabled { cursor: not-allowed; color: grey !important; opacity: 0.3; } .pcc-search { } .pcc-search-loader { height: 1.2rem; width: 1.2rem; color: white; } .pcc-search-button { } .modal-dialog.vehicle-wizard-form.expanded { max-width: 850px !important; } .profile-page { --profile-orange: #f58220; --profile-text: #252b35; --profile-muted: #6d7580; --profile-border: #dfe3e7; --profile-soft: #f5f6f7; width: 100%; max-width: none; margin-right: auto; margin-left: auto; padding-right: 58px; padding-left: 58px; color: var(--profile-text); } .profile-tabs { flex-wrap: nowrap; overflow-x: auto; border-bottom: 1px solid var(--profile-border) !important; scrollbar-width: thin; } .profile-tabs .nav-item { flex: 1 0 auto; } .profile-tabs .nav-link { min-height: 52px; padding: 17px 20px !important; border: 0 !important; border-bottom: 3px solid transparent !important; background: transparent !important; color: #4f5660 !important; font-size: 14px; white-space: nowrap; } .profile-tabs .nav-link.active { border-bottom-color: var(--profile-orange) !important; color: var(--profile-orange) !important; font-weight: 600; } .profile-page-title { margin: 32px 0 4px; color: var(--profile-text); font-size: 32px; font-weight: 600; } .profile-workspace { padding-bottom: 48px; } .profile-intro { margin: 0; color: var(--profile-muted); font-size: 14px; } .profile-required { display: block; margin-top: 8px; color: var(--profile-muted); font-size: 11px; } .profile-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(520px, 1fr); gap: 48px; margin-top: 30px; } .profile-side-column { min-width: 0; padding-left: 32px; border-left: 1px solid var(--profile-border); } .profile-section-title { margin: 0 0 22px; color: var(--profile-text); font-size: 20px; font-weight: 600; } .profile-field-label { display: block; margin: 0 0 6px 48px; color: #3d444d; font-size: 12px; font-weight: 600; } .profile-field { display: grid; grid-template-columns: 38px minmax(0, 1fr) 20px; align-items: center; gap: 10px; margin-bottom: 22px; } .profile-field-icon, .profile-address-icon { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%; background: #f2f2f2; } .profile-field-icon .pcc-icon { width: 28px; height: 28px; } .profile-field .form-control { height: 42px; border: 1px solid #cbd1d6; border-radius: 3px !important; box-shadow: none; font-size: 14px; } .profile-field-readonly .form-control { background: #eef0f2; } .profile-required-mark { color: var(--profile-muted); } .profile-mobile-field { margin-bottom: 18px; } .profile-checkbox { display: flex; align-items: flex-start; gap: 10px; margin: 8px 0 24px 48px; color: #4e5660; font-size: 13px; cursor: pointer; } .profile-checkbox input { width: 16px; height: 16px; margin-top: 1px; } .profile-primary-action { min-height: 40px; margin-left: 48px; padding: 9px 20px; border-radius: 20px !important; font-size: 13px; } .profile-security-section { padding-bottom: 30px; border-bottom: 1px solid var(--profile-border); } .profile-address-section { margin-top: 22px; } .profile-address-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 12px; } .profile-address-heading .profile-section-title { margin-bottom: 0; } .profile-address-data-source { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; } .profile-add-address { min-height: 40px; padding: 8px 18px; border: 1px solid var(--profile-orange); border-radius: 20px; background: #fff; color: var(--profile-orange); font-size: 13px; font-weight: 600; } .profile-add-address:hover, .profile-add-address:focus { background: var(--profile-orange); color: #fff; } .profile-address-header, .profile-address-row { display: grid; grid-template-columns: minmax(0, 1fr) 130px 128px; align-items: center; gap: 16px; } .profile-address-header { padding: 10px 8px; border-bottom: 1px solid var(--profile-border); color: #343b44; font-size: 12px; font-weight: 600; } .profile-address-row { min-height: 62px; padding: 8px; border-bottom: 1px solid var(--profile-border); } .profile-address-main { display: flex; align-items: center; min-width: 0; gap: 12px; } .profile-address-main > span:last-child { min-width: 0; } .profile-address-main strong, .profile-address-main small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .profile-address-main strong { color: #343b44; font-size: 13px; font-weight: 500; } .profile-address-main small, .profile-address-type { color: var(--profile-muted); font-size: 12px; } .profile-address-icon { flex: 0 0 34px; width: 34px; height: 34px; color: #8d959e; font-size: 18px; } .profile-address-actions { display: grid; grid-template-columns: 1fr 1px 1fr; align-items: center; gap: 10px; } .profile-address-actions > span { width: 1px; height: 18px; background: var(--profile-border); } .profile-action-link { min-height: 36px; padding: 6px; border: 0; background: transparent; color: var(--profile-orange); font-size: 12px; cursor: pointer; } .profile-delete-link { color: #dc3545; } .profile-address-empty { padding: 24px 8px; color: var(--profile-muted); text-align: center; } @media (max-width: 991px) { .profile-page { padding-right: 24px; padding-left: 24px; } .profile-layout { grid-template-columns: 1fr; gap: 36px; } .profile-side-column { padding-left: 0; border-left: 0; } } @media (max-width: 767px) { .profile-page { margin-top: 0 !important; padding-right: 16px; padding-left: 16px; } .profile-tabs { margin-right: -16px; margin-left: -16px; padding-left: 4px; } .profile-tabs .nav-link { min-height: 46px; padding: 13px 16px !important; font-size: 12px; } .profile-page-title { margin-top: 24px; font-size: 27px; } .profile-layout { margin-top: 24px; } .profile-section-title { font-size: 19px; } .profile-field-label { margin-left: 0; } .profile-field { grid-template-columns: 38px minmax(0, 1fr); } .profile-required-mark { display: none; } .profile-checkbox, .profile-primary-action { margin-left: 0; } .profile-primary-action { width: 100%; min-height: 44px; } .profile-address-heading { align-items: flex-start; } .profile-add-address { min-height: 44px; white-space: nowrap; } .profile-address-header { display: none; } .profile-address-row { grid-template-columns: minmax(0, 1fr) auto; gap: 8px 12px; padding: 12px 0; } .profile-address-main { grid-column: 1; grid-row: 1 / span 2; } .profile-address-type { grid-column: 2; grid-row: 1; justify-self: end; padding: 3px 8px; border-radius: 12px; background: var(--profile-soft); } .profile-address-actions { grid-column: 2; grid-row: 2; } .profile-action-link { min-width: 44px; min-height: 44px; } } @media (max-width: 420px) { .profile-address-heading { display: block; } .profile-add-address { width: 100%; margin-top: 12px; } .profile-address-row { grid-template-columns: minmax(0, 1fr) auto; gap: 4px 8px; min-height: 76px; padding: 9px 0; } .profile-address-main { grid-column: 1; grid-row: 1 / span 2; gap: 8px; } .profile-address-type { grid-column: 2; grid-row: 1; justify-self: end; margin-left: 0; padding: 2px 7px; font-size: 11px; } .profile-address-actions { grid-column: 2; grid-row: 2; width: auto; margin-left: 0; gap: 4px; } .profile-action-link { min-width: 38px; min-height: 36px; padding: 4px; } } .Info-Box { margin-top: 5%; margin-bottom: 5%; font-size: 18px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.54px; text-align: left; color: var(--slate-grey); } .Info-Box .Info-Header { font-size: 22px; font-weight: bold; letter-spacing: 0.66px; } .Info-Box .Info-Bold { font-weight: bold; } .Info-Page-Header { font-size: 25px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.75px; text-align: center; color: var(--black); } .Info-Heading { font-size: 22px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.54px; text-align: left; color: var(--slate-grey); } .Info-Content { font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.54px; text-align: left; color: var(--slate-grey); } :root { --steel: #808285; --black: #000000; --pastel-orange: #fa9a4e; --slate-grey: #58595b; --orange: #f37021; --white: #ffffff; --aqua-blue: #2bc2d7; --greeny-blue: #38bea3; --wisteria: #a379cc; --macaroni-and-cheese: #f4cd35; } .top-banner-main-header { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 60px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 1.8px; text-align: center; color: var(--white); } .top-banner-sub-header { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 25px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.75px; text-align: center; color: var(--white); } .pcc-label { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.54px; text-align: left; color: var(--black); } .pcc-radio-text { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 15px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.45px; text-align: left; color: var(--steel); } .form-control.pcc-input { border-radius: 31px; height: 48px; border: solid 3px var(--steel); background-color: var(--white); } .form-control.pcc-input:focus { border: solid 3px var(--pastel-orange); } .btn.pcc-button-outline-black { min-width: 110px; min-height: 46px; padding: 10px 72.3px 10.6px 72.3px; border: solid 3px var(--black); border-radius: 31px; background-color: var(--white); font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: var(--black); } .btn.pcc-button-outline-orange { min-width: 110px; min-height: 46px; padding: 10px 72.3px 10.6px 72.3px; border: solid 3px var(--orange); border-radius: 31px; background-color: var(--white); font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: var(--orange); } .btn.pcc-button-orange { min-width: 110px; min-height: 46px; padding: 12px 72.3px 15.6px 72.3px; border-radius: 31px; background-color: var(--orange); font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: var(--white); } .btn.pcc-button-black { min-width: 110px; min-height: 46px; padding: 12px 72.3px 15.6px 72.3px; border-radius: 31px; background-color: var(--black); font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: var(--white); } .btn.pcc-button-zoom { width: 175px; min-height: 46px; border: solid 3px var(--black); border-radius: 31px; background-color: var(--white); font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: var(--black); margin-top: 5px; } button.disabled.pcc-button-orange { background-color: var(--steel); } .pcc-card-header { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 30px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.9px; text-align: left; color: var(--black); } .pcc-card-header-white { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 30px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.9px; text-align: left; color: var(--white); } .pcc-card-column-header { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: 0.54px; text-align: left; color: var(--black); } .pcc-card-column-header { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: 0.54px; text-align: left; color: var(--black); } .pcc-card-column-header-white { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: 0.54px; text-align: left; color: var(--white); } .pcc-card-column-header-black { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: 0.54px; text-align: left; color: var(--black); } .pcc-card-column-data { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 15px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: 0.45px; text-align: left; color: var(--black); } .pcc-card-column-data-white { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 15px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: 0.45px; text-align: left; color: var(--white); } .pcc-card-column-header-last { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-stretch: normal; font-style: normal; line-height: 1.33; text-align: right; color: var(--orange); font-size: 25px; font-weight: bold; letter-spacing: 0.75px; } .pcc-card-column-data-last { font-size: 25px; letter-spacing: 0.75px; } #card-edit-icon, #card-delete-icon { width: 50px; height: 50px; position: absolute; right: 0; top: 0; transform: translate(50%,-50%); z-index: 100; } .pcc-wizard-main-header { font-size: 30px; font-weight: bold; letter-spacing: 0.9px; color: var(--black); } .pcc-wizard-sub-header { margin: 7px 7px 43px 0px; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.54px; text-align: left; color: var(--slate-grey); } .pcc-image-animate { transition: transform 0.3s; } .card-shadow { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 25px; } /** * @license * Generated by Zeplin * Copyright (C) 2021 - present Zeplin * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * http://www.apache.org/licenses/LICENSE-2.0 * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ @font-face { font-family: OpenSans; src: local(OpenSans-Light), url(OpenSans-Light.woff2) format("woff2"), url(OpenSans-Light.woff) format("woff"), url(OpenSans-Light.ttf) format("truetype"); font-weight: 300; font-style: normal; font-stretch: normal; } @font-face { font-family: OpenSans; src: local(OpenSans-Regular), url(OpenSans-Regular.woff2) format("woff2"), url(OpenSans-Regular.woff) format("woff"), url(OpenSans-Regular.ttf) format("truetype"); font-weight: normal; font-style: normal; font-stretch: normal; } @font-face { font-family: OpenSans; src: local(OpenSans-SemiBoldItalic), url(OpenSans-SemiBoldItalic.woff2) format("woff2"), url(OpenSans-SemiBoldItalic.woff) format("woff"), url(OpenSans-SemiBoldItalic.ttf) format("truetype"); font-weight: 600; font-style: italic; font-stretch: normal; } @font-face { font-family: OpenSans; src: local(OpenSans-SemiBold), url(OpenSans-SemiBold.woff2) format("woff2"), url(OpenSans-SemiBold.woff) format("woff"), url(OpenSans-SemiBold.ttf) format("truetype"); font-weight: 600; font-style: normal; font-stretch: normal; } @font-face { font-family: OpenSans; src: local(OpenSans-Bold), url(OpenSans-Bold.woff2) format("woff2"), url(OpenSans-Bold.woff) format("woff"), url(OpenSans-Bold.ttf) format("truetype"); font-weight: bold; font-style: normal; font-stretch: normal; } .Open-Sans---60pt { font-family: OpenSans; font-size: 60px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 1.8px; color: var(--white); } .Open-Sans---60pt-2 { font-family: OpenSans; font-size: 60px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 1.8px; color: var(--white); } .Open-Sans---35pt-2 { font-family: OpenSans; font-size: 35px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 1.05px; color: var(--white); } .Open-Sans---35pt-3 { font-family: OpenSans; font-size: 35px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 1.05px; color: var(--black); } .Open-Sans---35pt { font-family: OpenSans; font-size: 35px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 1.05px; color: var(--white); } .Open-Sans---30pt-3 { font-family: OpenSans; font-size: 30px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.9px; color: var(--white); } .Open-Sans---30pt { font-family: OpenSans; font-size: 30px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.9px; color: var(--black); } .Open-Sans---30pt-2 { font-family: OpenSans; font-size: 30px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.9px; color: var(--white); } .Open-Sans---25pt-3 { font-family: OpenSans; font-size: 25px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.75px; color: var(--white); } .Open-Sans---25pt { font-family: OpenSans; font-size: 25px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 0.8; letter-spacing: 0.75px; color: var(--greeny-blue); } .Open-Sans---25pt-4 { font-family: OpenSans; font-size: 25px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.75px; color: var(--slate-grey); } .Open-Sans---25pt-2 { font-family: OpenSans; font-size: 25px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 0.8; letter-spacing: 0.75px; color: var(--greeny-blue); } .Open-Sans---22pt-3 { font-family: OpenSans; font-size: 22px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.66px; color: var(--white); } .Open-Sans---22pt-2 { font-family: OpenSans; font-size: 22px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.66px; color: var(--slate-grey); } .Open-Sans---22pt { font-family: OpenSans; font-size: 22px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.66px; color: var(--black); } .Open-Sans---20pt-6 { font-family: OpenSans; font-size: 20px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: var(--white); } .Open-Sans---20pt-4 { font-family: OpenSans; font-size: 20px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: var(--white); } .Open-Sans---20pt-3 { font-family: OpenSans; font-size: 20px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: var(--slate-grey); } .Open-Sans---20pt { font-family: OpenSans; font-size: 20px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.6px; color: var(--black); } .Open-Sans---20pt-2 { font-family: OpenSans; font-size: 20px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: var(--white); } .Open-Sans---20pt-7 { font-family: OpenSans; font-size: 20px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: var(--white); } .Open-Sans---20pt-5 { font-family: OpenSans; font-size: 20px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.6px; color: var(--steel); } .Open-Sans---18pt-8 { font-family: OpenSans; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.54px; color: var(--black); } .Open-Sans---18pt-7 { font-family: OpenSans; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.54px; color: var(--black); } .Open-Sans---18pt-6 { font-family: OpenSans; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.39; letter-spacing: 0.54px; color: var(--black); } .Open-Sans---18pt-4 { font-family: OpenSans; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.54px; color: var(--white); } .Open-Sans---18pt-3 { font-family: OpenSans; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.54px; color: var(--slate-grey); } .Open-Sans---18pt-23 { font-family: OpenSans; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.11; letter-spacing: 0.54px; color: var(--white); } .Open-Sans---18pt-21 { font-family: OpenSans; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: var(--white); } .Open-Sans---18pt-19 { font-family: OpenSans; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.94; letter-spacing: 0.54px; color: #707070; } .Open-Sans---18pt-15 { font-family: OpenSans; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.94; letter-spacing: 0.54px; color: var(--slate-grey); } .Open-Sans---18pt-14 { font-family: OpenSans; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.11; letter-spacing: 0.54px; color: var(--black); } .Open-Sans---18pt-13 { font-family: OpenSans; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.54px; color: var(--white); } .Open-Sans---18pt-10 { font-family: OpenSans; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.54px; color: var(--slate-grey); } .Open-Sans---18pt { font-family: OpenSans; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.54px; color: var(--black); } .Open-Sans---18pt-18 { font-family: OpenSans; font-size: 18px; font-weight: 600; font-stretch: normal; font-style: italic; line-height: normal; letter-spacing: 0.54px; color: var(--slate-grey); } .Open-Sans---18pt-9 { font-family: OpenSans; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.54px; color: var(--slate-grey); } .Open-Sans---18pt-22 { font-family: OpenSans; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: var(--white); } .Open-Sans---18pt-20 { font-family: OpenSans; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.94; letter-spacing: 0.54px; color: #707070; } .Open-Sans---18pt-16 { font-family: OpenSans; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.94; letter-spacing: 0.54px; color: var(--slate-grey); } .Open-Sans---18pt-11 { font-family: OpenSans; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.54px; color: var(--steel); } .Open-Sans---18pt-5 { font-family: OpenSans; font-size: 18px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.54px; color: var(--white); } .Open-Sans---18pt-2 { font-family: OpenSans; font-size: 18px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.54px; color: var(--slate-grey); } .Open-Sans---18pt-17 { font-family: OpenSans; font-size: 18px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.54px; color: var(--black); } .Open-Sans---18pt-12 { font-family: OpenSans; font-size: 18px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 1.94; letter-spacing: 0.54px; color: var(--slate-grey); } .Open-Sans---15pt-9 { font-family: OpenSans; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.45px; color: var(--black); } .Open-Sans---15pt-6 { font-family: OpenSans; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.45px; color: var(--black); } .Open-Sans---15pt-5 { font-family: OpenSans; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: var(--white); } .Open-Sans---15pt-4 { font-family: OpenSans; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: var(--slate-grey); } .Open-Sans---15pt-35 { font-family: OpenSans; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.45px; color: var(--white); } .Open-Sans---15pt-34 { font-family: OpenSans; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: 0.45px; color: var(--white); } .Open-Sans---15pt-30 { font-family: OpenSans; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: 0.45px; color: var(--white); } .Open-Sans---15pt-29 { font-family: OpenSans; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: var(--greeny-blue); } .Open-Sans---15pt-28 { font-family: OpenSans; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.45px; color: var(--white); } .Open-Sans---15pt-27 { font-family: OpenSans; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.45px; color: var(--white); } .Open-Sans---15pt-25 { font-family: OpenSans; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: var(--black); } .Open-Sans---15pt-24 { font-family: OpenSans; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: var(--white); } .Open-Sans---15pt-23 { font-family: OpenSans; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: var(--white); } .Open-Sans---15pt-20 { font-family: OpenSans; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.45px; color: var(--slate-grey); } .Open-Sans---15pt-19 { font-family: OpenSans; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.45px; color: var(--slate-grey); } .Open-Sans---15pt-16 { font-family: OpenSans; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: var(--wisteria); } .Open-Sans---15pt-15 { font-family: OpenSans; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: var(--pastel-orange); } .Open-Sans---15pt-10 { font-family: OpenSans; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 2.67; letter-spacing: 0.45px; color: var(--steel); } .Open-Sans---15pt { font-family: OpenSans; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.45px; color: var(--black); } .Open-Sans---15pt-33 { font-family: OpenSans; font-size: 15px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: 0.45px; color: var(--white); } .Open-Sans---15pt-32 { font-family: OpenSans; font-size: 15px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: 0.45px; color: var(--white); } .Open-Sans---15pt-3 { font-family: OpenSans; font-size: 15px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.45px; color: var(--black); } .Open-Sans---15pt-2 { font-family: OpenSans; font-size: 15px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.45px; color: var(--black); } .Open-Sans---15pt-12 { font-family: OpenSans; font-size: 15px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.45px; color: var(--white); } .Open-Sans---15pt-8 { font-family: OpenSans; font-size: 15px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.45px; color: var(--steel); } .Open-Sans---15pt-7 { font-family: OpenSans; font-size: 15px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: 0.45px; color: var(--greeny-blue); } .Open-Sans---15pt-31 { font-family: OpenSans; font-size: 15px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: 0.45px; color: var(--white); } .Open-Sans---15pt-26 { font-family: OpenSans; font-size: 15px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: 0.45px; color: var(--black); } .Open-Sans---15pt-22 { font-family: OpenSans; font-size: 15px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: 0.45px; color: var(--black); } .Open-Sans---15pt-21 { font-family: OpenSans; font-size: 15px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.45px; color: var(--slate-grey); } .Open-Sans---15pt-18 { font-family: OpenSans; font-size: 15px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.45px; color: var(--black); } .Open-Sans---15pt-17 { font-family: OpenSans; font-size: 15px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.45px; color: var(--black); } .Open-Sans---15pt-14 { font-family: OpenSans; font-size: 15px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 2.33; letter-spacing: 0.45px; color: var(--white); } .Open-Sans---15pt-13 { font-family: OpenSans; font-size: 15px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.45px; color: var(--white); } .Open-Sans---15pt-11 { font-family: OpenSans; font-size: 15px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 2.67; letter-spacing: 0.45px; color: var(--steel); } .Open-Sans---14pt-4 { font-family: OpenSans; font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.42px; color: var(--white); } .Open-Sans---14pt-3 { font-family: OpenSans; font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.42px; color: var(--slate-grey); } .Open-Sans---14pt-2 { font-family: OpenSans; font-size: 14px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.42px; color: var(--slate-grey); } .Open-Sans---14pt { font-family: OpenSans; font-size: 14px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.42px; color: var(--steel); } .Open-Sans---13pt-9 { font-family: OpenSans; font-size: 13px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.39px; color: var(--black); } .Open-Sans---13pt-7 { font-family: OpenSans; font-size: 13px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.54; letter-spacing: 0.39px; color: var(--black); } .Open-Sans---13pt-4 { font-family: OpenSans; font-size: 13px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.39px; color: var(--black); } .Open-Sans---13pt-22 { font-family: OpenSans; font-size: 13px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.54; letter-spacing: 0.39px; color: var(--white); } .Open-Sans---13pt-20 { font-family: OpenSans; font-size: 13px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.39px; color: var(--slate-grey); } .Open-Sans---13pt-2 { font-family: OpenSans; font-size: 13px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.39px; color: var(--black); } .Open-Sans---13pt-19 { font-family: OpenSans; font-size: 13px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.39px; color: var(--white); } .Open-Sans---13pt-16 { font-family: OpenSans; font-size: 13px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.77; letter-spacing: 0.39px; color: var(--white); } .Open-Sans---13pt-14 { font-family: OpenSans; font-size: 13px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.39px; color: var(--white); } .Open-Sans---13pt-11 { font-family: OpenSans; font-size: 13px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.92; letter-spacing: 0.39px; color: var(--black); } .Open-Sans---13pt-13 { font-family: OpenSans; font-size: 13px; font-weight: 600; font-stretch: normal; font-style: italic; line-height: normal; letter-spacing: 0.39px; color: var(--slate-grey); } .Open-Sans---13pt-24 { font-family: OpenSans; font-size: 13px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.54; letter-spacing: 0.39px; color: var(--white); } .Open-Sans---13pt-23 { font-family: OpenSans; font-size: 13px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.54; letter-spacing: 0.39px; color: var(--white); } .Open-Sans---13pt-18 { font-family: OpenSans; font-size: 13px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.39px; color: var(--white); } .Open-Sans---13pt-17 { font-family: OpenSans; font-size: 13px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.77; letter-spacing: 0.39px; color: var(--slate-grey); } .Open-Sans---13pt-8 { font-family: OpenSans; font-size: 13px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 1.54; letter-spacing: 0.39px; color: var(--black); } .Open-Sans---13pt-6 { font-family: OpenSans; font-size: 13px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.39px; color: var(--slate-grey); } .Open-Sans---13pt-5 { font-family: OpenSans; font-size: 13px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.39px; color: var(--black); } .Open-Sans---13pt-3 { font-family: OpenSans; font-size: 13px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.39px; color: var(--black); } .Open-Sans---13pt-21 { font-family: OpenSans; font-size: 13px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 1.54; letter-spacing: 0.39px; color: var(--white); } .Open-Sans---13pt-15 { font-family: OpenSans; font-size: 13px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.39px; color: var(--white); } .Open-Sans---13pt-12 { font-family: OpenSans; font-size: 13px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 1.92; letter-spacing: 0.39px; color: var(--black); } .Open-Sans---13pt-10 { font-family: OpenSans; font-size: 13px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 1.38; letter-spacing: 0.39px; color: var(--white); } .Open-Sans---13pt { font-family: OpenSans; font-size: 13px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.39px; color: var(--steel); } .Open-Sans---12pt-3 { font-family: OpenSans; font-size: 12px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: var(--white); } .Open-Sans---12pt-2 { font-family: OpenSans; font-size: 12px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: 0.36px; color: var(--white); } .Open-Sans---12pt { font-family: OpenSans; font-size: 12px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: 0.36px; color: var(--white); } .Open-Sans---10pt-2 { font-family: OpenSans; font-size: 10px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.3px; color: var(--greeny-blue); } .Open-Sans---10pt { font-family: OpenSans; font-size: 10px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.3px; color: var(--white); } .Open-Sans---8pt-2 { font-family: OpenSans; font-size: 8px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: var(--white); } .Open-Sans---8pt { font-family: OpenSans; font-size: 8px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: var(--white); } @charset "UTF-8";.pcc-btn{min-width:150px;min-height:50px;display:inline-flex;align-items:center;justify-content:center;}.pcc-btn-header{min-height:36px!important;}.pcc-btn{min-width:150px;min-height:50px;display:inline-flex;align-items:center;justify-content:center;}.pcc-btn-header{min-height:36px!important;}@keyframes sonarEffect-primary{0%{opacity:.3;}40%{opacity:.5;box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 10px 10px #fd9233,0 0 0 10px rgba(255,255,255,.5);}100%{box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 10px 10px #fd9233,0 0 0 10px rgba(255,255,255,.5);transform:scale(1.5);opacity:0;}}.u-header__section--light .navbar-nav:not([class*=u-main-nav-v]) .open>.nav-link{color:#fd9233;}.u-header__section--light .navbar-nav:not([class*=u-main-nav-v]) .active>.nav-link{color:#fd9233;}.u-header__section--light .navbar-nav:not([class*=u-main-nav-v]) .nav-link.open{color:#fd9233;}.u-header__section--light .navbar-nav:not([class*=u-main-nav-v]) .nav-link.active{color:#fd9233;}.u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*=u-main-nav-v]) .open>.nav-link{color:#fd9233;}.u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*=u-main-nav-v]) .active>.nav-link{color:#fd9233;}.u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*=u-main-nav-v]) .nav-link.open{color:#fd9233;}.u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*=u-main-nav-v]) .nav-link.active{color:#fd9233;}.u-secondary-navigation .active a{color:#fd9233;}.u-block-hover:hover .g-color-primary--hover{color:#fd9233!important;}.u-block-hover:hover .u-block-hover__prop-bg-primary{background-color:#fd9233;}.u-block-hover:hover .u-block-hover__prop-bg-primary-opacity-0_9{background-color:rgba(253,146,51,.9);}.g-color-primary--hover:hover{color:#fd9233!important;color:#fd9233!important;}[class*=g-bgi-v]{background-position:center;background-attachment:fixed;}.g-bgi-v1{background-image:url(https://htmlstream.com/preview/unify-v2.6/assets/img-temp/1920x1080/img1.jpg);background-size:cover;background-repeat:no-repeat;}.g-bgi-v1 .u-outer-spaces-helper::after{background-image:url(https://htmlstream.com/preview/unify-v2.6/assets/img-temp/1920x1080/img1.jpg);background-size:cover;background-repeat:no-repeat;}.g-bgi-v2{background-image:url(https://htmlstream.com/preview/unify-v2.6/assets/img-temp/1920x1080/img2.jpg);background-size:cover;background-repeat:no-repeat;}.g-bgi-v2 .u-outer-spaces-helper::after{background-image:url(https://htmlstream.com/preview/unify-v2.6/assets/img-temp/1920x1080/img2.jpg);background-size:cover;background-repeat:no-repeat;}.g-bgi-v3{background-image:url(https://htmlstream.com/preview/unify-v2.6/assets/img-temp/1920x1080/img3.jpg);background-size:cover;background-repeat:no-repeat;}.g-bgi-v3 .u-outer-spaces-helper::after{background-image:url(https://htmlstream.com/preview/unify-v2.6/assets/img-temp/1920x1080/img3.jpg);background-size:cover;background-repeat:no-repeat;}.g-bgi-v4{background-image:url(https://htmlstream.com/preview/unify-v2.6/assets/img-temp/1920x1080/img4.jpg);background-size:cover;background-repeat:no-repeat;}.g-bgi-v4 .u-outer-spaces-helper::after{background-image:url(https://htmlstream.com/preview/unify-v2.6/assets/img-temp/1920x1080/img4.jpg);background-size:cover;background-repeat:no-repeat;}.g-bgi-v5{background-image:url(https://htmlstream.com/preview/unify-v2.6/assets/img-temp/1920x1080/img5.jpg);background-size:cover;background-repeat:no-repeat;}.g-bgi-v5 .u-outer-spaces-helper::after{background-image:url(https://htmlstream.com/preview/unify-v2.6/assets/img-temp/1920x1080/img5.jpg);background-size:cover;background-repeat:no-repeat;}.g-bgi-v6{background-image:url(https://htmlstream.com/preview/unify-v2.6/assets/img-temp/1920x1080/img6.jpg);background-size:cover;background-repeat:no-repeat;}.g-bgi-v6 .u-outer-spaces-helper::after{background-image:url(https://htmlstream.com/preview/unify-v2.6/assets/img-temp/1920x1080/img6.jpg);background-size:cover;background-repeat:no-repeat;}.g-bgi-v7{background-image:url(https://htmlstream.com/preview/unify-v2.6/assets/img-temp/1920x1080/img7.jpg);}.g-bgi-v7 .u-outer-spaces-helper::after{background-image:url(https://htmlstream.com/preview/unify-v2.6/assets/img-temp/1920x1080/img7.jpg);}.g-bgi-v8{background-image:url(https://htmlstream.com/preview/unify-v2.6/assets/img/bg/pattern/bricks-white.png);}.g-bgi-v8 .u-outer-spaces-helper::after{background-image:url(https://htmlstream.com/preview/unify-v2.6/assets/img/bg/pattern/bricks-white.png);}.g-bgi-v9{background-image:url(https://htmlstream.com/preview/unify-v2.6/assets/img/bg/pattern/math-dark.png);}.g-bgi-v9 .u-outer-spaces-helper::after{background-image:url(https://htmlstream.com/preview/unify-v2.6/assets/img/bg/pattern/math-dark.png);}.g-bgi-v10{background-image:url(https://htmlstream.com/preview/unify-v2.6/assets/img/bg/pattern/figures-light.png);}.g-bgi-v10 .u-outer-spaces-helper::after{background-image:url(https://htmlstream.com/preview/unify-v2.6/assets/img/bg/pattern/figures-light.png);}.g-bgi-v11{background-image:url(https://htmlstream.com/preview/unify-v2.6/assets/img/bg/pattern/footer-lodyas.png);}.g-bgi-v11 .u-outer-spaces-helper::after{background-image:url(https://htmlstream.com/preview/unify-v2.6/assets/img/bg/pattern/footer-lodyas.png);}.g-bgi-v12{background-image:url(https://htmlstream.com/preview/unify-v2.6/assets/img/bg/pattern/doodles.png);}.g-bgi-v12 .u-outer-spaces-helper::after{background-image:url(https://htmlstream.com/preview/unify-v2.6/assets/img/bg/pattern/doodles.png);}.g-bgi-v13{background-image:url(https://htmlstream.com/preview/unify-v2.6/assets/img/bg/pattern/darkness.png);}.g-bgi-v13 .u-outer-spaces-helper::after{background-image:url(https://htmlstream.com/preview/unify-v2.6/assets/img/bg/pattern/darkness.png);}.g-bgi-v14{background-image:url(https://htmlstream.com/preview/unify-v2.6/assets/img/bg/pattern/memphis-colorful.png);}.g-bgi-v14 .u-outer-spaces-helper::after{background-image:url(https://htmlstream.com/preview/unify-v2.6/assets/img/bg/pattern/memphis-colorful.png);}.g-layout-boxed{background-color:#f7f7f7;}.g-layout-boxed main{position:relative;max-width:100%;margin-left:auto;margin-right:auto;background-color:#fd9233;box-shadow:0 0 5px rgba(0,0,0,.1);}.g-layout-semiboxed{background-color:#f7f7f7;}.g-layout-semiboxed main{position:relative;max-width:100%;margin-left:auto;margin-right:auto;background-color:#fd9233;box-shadow:0 0 5px rgba(0,0,0,.1);}.u-outer-space-v1 .g-layout-boxed::after{border-bottom-color:#f7f7f7;}.u-outer-space-v1 .g-layout-semiboxed::after{border-bottom-color:#f7f7f7;}.u-outer-space-v2 .g-layout-boxed::after{border-bottom-color:#f7f7f7;}.u-outer-space-v2 .g-layout-semiboxed::after{border-bottom-color:#f7f7f7;}.g-dark-theme{background-color:#000;color:#fff;}.g-dark-theme main{background-color:#222;}.g-dark-theme .u-header__section{background-color:#222;}.g-dark-theme .u-header__section:not([class*=g-bg-white]) .navbar-nav .nav-link{color:#fff;}.g-dark-theme .u-header__section:not([class*=g-bg-white]) .navbar-nav .active>.nav-link{color:rgba(255,255,255,.7);}.g-dark-theme .u-btn-inset::before{border-color:#222;}body{font-family:Open Sans,Helvetica,Arial,sans-serif;}h1{font-family:Open Sans,Helvetica,Arial,sans-serif;}.h1{font-family:Open Sans,Helvetica,Arial,sans-serif;}h2{font-family:Open Sans,Helvetica,Arial,sans-serif;}.h2{font-family:Open Sans,Helvetica,Arial,sans-serif;}h3{font-family:Open Sans,Helvetica,Arial,sans-serif;}.h3{font-family:Open Sans,Helvetica,Arial,sans-serif;}h4{font-family:Open Sans,Helvetica,Arial,sans-serif;}.h4{font-family:Open Sans,Helvetica,Arial,sans-serif;}h5{font-family:Open Sans,Helvetica,Arial,sans-serif;}.h5{font-family:Open Sans,Helvetica,Arial,sans-serif;}h6{font-family:Open Sans,Helvetica,Arial,sans-serif;}.h6{font-family:Open Sans,Helvetica,Arial,sans-serif;}a{color:#fd9233;outline:0;}a:focus{color:#fd851a;}a:hover{color:#fd851a;}.page-link{color:#fd9233;}.page-link:hover{color:#fd9233;}.page-link:focus{color:#fd9233;}.btn-outline-primary{color:#fd9233;border-color:#fd9233;}.btn-outline-primary:disabled{color:#fd9233;}.btn-outline-primary:hover{background-color:#fd8d29;border-color:#fd8d29;}.btn-outline-primary:active{background-color:#fd8d29;border-color:#fd8d29;}.btn-outline-primary:focus{box-shadow:0 0 0 2px rgba(253,146,51,.5);}.btn-outline-primary.disabled{color:#fd9233;}.page-item.active .page-link{border-color:#fd9233;background-color:#fd9233;}.page-item.active .page-link:focus{border-color:#fd9233;background-color:#fd9233;}.page-item.active .page-link:hover{border-color:#fd9233;background-color:#fd9233;}.btn-primary{border-color:#fd9233;background-color:#fd9233;}.btn-primary:disabled{border-color:#fd9233;background-color:#fd9233;}.btn-primary:hover{background-color:#fd8d29;border-color:#fd8d29;}.btn-primary:active{background-color:#fd8d29;border-color:#fd8d29;}.btn-primary:focus{box-shadow:0 0 0 2px rgba(253,146,51,.5);}.btn-primary.disabled{border-color:#fd9233;background-color:#fd9233;}.btn-outline-primary.active{background-color:#fd8d29;border-color:#fd8d29;}.show>.btn-outline-primary.dropdown-toggle{background-color:#fd8d29;border-color:#fd8d29;}.show>.btn-primary.dropdown-toggle{background-color:#fd8d29;border-color:#fd8d29;}.nav-pills .nav-item.show .nav-link{background-color:#fd9233;}.nav-pills .nav-link.active{background-color:#fd9233;}.progress-bar{background-color:#fd9233;}.btn-primary.active{background-color:#fd8d29;border-color:#fd8d29;}.btn-primary.focus{box-shadow:0 0 0 2px rgba(253,146,51,.5);}.btn-outline-primary.focus{box-shadow:0 0 0 2px rgba(253,146,51,.5);}.g-bg-primary{background-color:#fd9233!important;}.g-bg-primary::-moz-selection{color:#fd9233;}.g-bg-primary::selection{color:#fd9233;}.g-bg-primary--hover:hover{background-color:#fd9233!important;}.g-parent:hover .g-bg-primary--parent-hover{background-color:#fd9233!important;}.g-bg-primary--active.active{background-color:#fd9233!important;}.active .g-bg-primary--active{background-color:#fd9233!important;}.active .g-bg-primary-opacity-0_2--active{background-color:rgba(253,146,51,.2)!important;}.g-parent.active .g-bg-primary--parent-active{background-color:#fd9233!important;}.g-bg-primary--before::before{background-color:#fd9233!important;}.g-bg-primary--after::after{background-color:#fd9233!important;}.g-bg-primary-opacity-0_1{background-color:rgba(253,146,51,.1)!important;}.g-bg-primary-opacity-0_2{background-color:rgba(253,146,51,.2)!important;}.g-bg-primary-opacity-0_2--hover:hover{background-color:rgba(253,146,51,.2)!important;}.g-bg-primary-opacity-0_2--hover--after:hover::after{background-color:rgba(253,146,51,.2)!important;}.g-bg-primary-opacity-0_2--before::before{background-color:rgba(253,146,51,.2)!important;}.g-bg-primary-opacity-0_2--after::after{background-color:rgba(253,146,51,.2)!important;}.g-bg-primary-opacity-0_4{background-color:rgba(253,146,51,.4)!important;}.g-bg-primary-opacity-0_4--hover:hover{background-color:rgba(253,146,51,.4)!important;}.g-bg-primary-opacity-0_4--hover--after:hover::after{background-color:rgba(253,146,51,.4)!important;}.g-bg-primary-opacity-0_4--after::after{background-color:rgba(253,146,51,.4)!important;}.g-bg-primary-opacity-0_6{background-color:rgba(253,146,51,.6)!important;}.g-bg-primary-opacity-0_6--hover:hover{background-color:rgba(253,146,51,.6)!important;}.g-bg-primary-opacity-0_6--hover--after:hover::after{background-color:rgba(253,146,51,.6)!important;}.g-bg-primary-opacity-0_6--after::after{background-color:rgba(253,146,51,.6)!important;}.g-bg-primary-opacity-0_8{background-color:rgba(253,146,51,.8)!important;}.g-bg-primary-opacity-0_8--hover:hover{background-color:rgba(253,146,51,.8)!important;}.g-bg-primary-opacity-0_8--hover--after:hover::after{background-color:rgba(253,146,51,.8)!important;}.g-bg-primary-opacity-0_8--before::after{background-color:rgba(253,146,51,.8)!important;}.g-bg-primary-opacity-0_8--after::after{background-color:rgba(253,146,51,.8)!important;}.g-bg-primary-opacity-0_8--before--hover:hover::after{background-color:rgba(253,146,51,.8)!important;}.g-bg-primary-opacity-0_8--after--hover:hover::after{background-color:rgba(253,146,51,.8)!important;}.g-bg-primary-opacity-0_9{background-color:rgba(253,146,51,.9)!important;}.g-bg-primary-opacity-0_9--hover:hover{background-color:rgba(253,146,51,.9)!important;}.g-bg-primary-opacity-0_9--hover--after:hover::after{background-color:rgba(253,146,51,.9)!important;}.g-bg-primary-opacity-0_9--before::after{background-color:rgba(253,146,51,.9)!important;}.g-bg-primary-opacity-0_9--after::after{background-color:rgba(253,146,51,.9)!important;}.g-bg-primary-opacity-0_9--before--hover:hover::after{background-color:rgba(253,146,51,.9)!important;}.g-bg-primary-opacity-0_9--after--hover:hover::after{background-color:rgba(253,146,51,.9)!important;}.g-bg-primary-dark-v1{background-color:#fd8d29!important;}.g-bg-primary-dark-v2{background-color:#fd851a!important;}.g-bg-primary-dark-v3{background-color:#fb7702!important;}.g-brd-primary{border-color:#fd9233!important;}.g-brd-primary--before::before{border-color:#fd9233!important;}.g-brd-primary--before--active.active::before{border-color:#fd9233!important;}.slick-active .g-brd-primary--before--active::before{border-color:#fd9233!important;}.slick-active .g-brd-primary--active{border-color:#fd9233!important;}.g-brd-primary--hover:hover{border-color:#fd9233!important;}.g-brd-primary--active.active{border-color:#fd9233!important;}.g-brd-primary--active.cbp-filter-item-active{border-color:#fd9233!important;}*:hover>.g-brd-primary--hover-parent{border-color:#fd9233!important;}*:hover>.g-brd-primary-opacity-0_3--hover-parent{border-color:rgba(253,146,51,.3)!important;}*:hover>.g-brd-primary-dark-dark-v1--hover-parent{border-color:#fd8d29!important;}*:hover>.g-brd-primary-dark-dark-v2--hover-parent{border-color:#fd851a!important;}*:hover>.g-brd-primary-dark-dark-v3--hover-parent{border-color:#fb7702!important;}*:hover>*>.g-fill-primary--hover-parent svg path{fill:#fd9233!important;}*:hover>*>.g-fill-primary--hover-parent svg polygon{fill:#fd9233!important;}.g-brd-primary-opacity-0_3{border-color:rgba(253,146,51,.3)!important;}.g-brd-primary-opacity-0_3--hover:hover{border-color:rgba(253,146,51,.3)!important;}.g-brd-primary-opacity-0_3--active.active{border-color:rgba(253,146,51,.3)!important;}.g-brd-primary-opacity-0_3--active.cbp-filter-item-active{border-color:rgba(253,146,51,.3)!important;}.g-brd-primary-top{border-top-color:#fd9233!important;}.g-brd-primary-top--before::before{border-top-color:#fd9233!important;}.g-brd-primary-top--hover:hover{border-top-color:#fd9233!important;}.g-brd-primary-top--hover:hover::after{border-top-color:#fd9233!important;}.g-brd-primary-top--active.active{border-top-color:#fd9233!important;}.g-brd-primary-top--active.active::after{border-top-color:#fd9233!important;}.g-brd-primary-bottom{border-bottom-color:#fd9233!important;}.g-brd-primary-bottom--before::before{border-bottom-color:#fd9233!important;}.g-brd-primary-bottom--hover:hover{border-bottom-color:#fd9233!important;}.g-brd-primary-bottom--hover:hover::after{border-bottom-color:#fd9233!important;}.g-brd-primary-bottom--active.active{border-bottom-color:#fd9233!important;}.g-brd-primary-bottom--active.active::after{border-bottom-color:#fd9233!important;}.g-brd-primary-left{border-left-color:#fd9233!important;}.g-brd-primary-left--before::before{border-left-color:#fd9233!important;}.g-brd-primary-right{border-right-color:#fd9233!important;}.g-brd-primary-right--before::before{border-right-color:#fd9233!important;}.g-brd-primary-opacity-0_3-top{border-top-color:rgba(253,146,51,.3)!important;}.g-brd-primary-opacity-0_3-bottom{border-bottom-color:rgba(253,146,51,.3)!important;}.g-brd-primary-opacity-0_3-left{border-left-color:rgba(253,146,51,.3)!important;}.g-brd-primary-opacity-0_3-right{border-right-color:rgba(253,146,51,.3)!important;}.g-brd-primary-dark-dark-v1{border-color:#fd8d29!important;}.g-brd-primary-dark-dark-v1--hover:hover{border-color:#fd8d29!important;}.g-brd-primary-dark-dark-v1--active.active{border-color:#fd8d29!important;}.g-brd-primary-dark-dark-v1--active.cbp-filter-item-active{border-color:#fd8d29!important;}.g-brd-primary-dark-dark-v2{border-color:#fd851a!important;}.g-brd-primary-dark-dark-v2--hover:hover{border-color:#fd851a!important;}.g-brd-primary-dark-dark-v2--active.active{border-color:#fd851a!important;}.g-brd-primary-dark-dark-v2--active.cbp-filter-item-active{border-color:#fd851a!important;}.g-brd-primary-dark-dark-v3{border-color:#fb7702!important;}.g-brd-primary-dark-dark-v3--hover:hover{border-color:#fb7702!important;}.g-brd-primary-dark-dark-v3--active.active{border-color:#fb7702!important;}.g-brd-primary-dark-dark-v3--active.cbp-filter-item-active{border-color:#fb7702!important;}.g-brd-primary-dark-dark-v1-top{border-top-color:#fd8d29!important;}.g-brd-primary-dark-dark-v1-bottom{border-bottom-color:#fd8d29!important;}.g-brd-primary-dark-dark-v1-left{border-left-color:#fd8d29!important;}.g-brd-primary-dark-dark-v1-right{border-right-color:#fd8d29!important;}.g-brd-primary-dark-dark-v2-top{border-top-color:#fd851a!important;}.g-brd-primary-dark-dark-v2-bottom{border-bottom-color:#fd851a!important;}.g-brd-primary-dark-dark-v2-left{border-left-color:#fd851a!important;}.g-brd-primary-dark-dark-v2-right{border-right-color:#fd851a!important;}.g-brd-primary-dark-dark-v3-top{border-top-color:#fb7702!important;}.g-brd-primary-dark-dark-v3-bottom{border-bottom-color:#fb7702!important;}.g-brd-primary-dark-dark-v3-left{border-left-color:#fb7702!important;}.g-brd-primary-dark-dark-v3-right{border-right-color:#fb7702!important;}.g-color-primary{color:#fd9233!important;}.g-color-primary:focus{color:#fd9233;}.g-color-primary--active.cbp-filter-item-active{color:#fd9233!important;}.g-color-primary-opacity-0_3{color:rgba(253,146,51,.3)!important;}.g-color-primary-opacity-0_4{color:rgba(253,146,51,.4)!important;}.g-color-primary--before::before{color:#fd9233;}.g-color-primary--after::after{color:#fd9233;}.u-shadow-v13{box-shadow:inset 2px 2px 2px 0 #fd9233;}.g-fill-primary{fill:#fd9233!important;}.g-fill-primary path{fill:#fd9233!important;}.g-fill-primary polygon{fill:#fd9233!important;}.g-fill-primary--hover:hover path{fill:#fd9233!important;}.g-fill-primary--hover:hover polygon{fill:#fd9233!important;}::-moz-selection{background-color:#fd9233;}::selection{background-color:#fd9233;}.u-btn-primary,.u-btn-primary-wizard{background-color:#fd9233;}.u-btn-primary:hover,.u-btn-primary-wizard:hover{border-color:#fd9233;background-color:#fd9233;}.u-btn-primary.active,.active.u-btn-primary-wizard{border-color:#fd9233;background-color:#fd9233;}.u-btn-primary.cbp-filter-item-active,.cbp-filter-item-active.u-btn-primary-wizard{border-color:#fd9233;background-color:#fd9233;}.u-btn-primary.u-btn-hover-v1-1::after,.u-btn-hover-v1-1.u-btn-primary-wizard::after{background-color:#fd9f4c;}.u-btn-primary.u-btn-hover-v1-1:hover,.u-btn-hover-v1-1.u-btn-primary-wizard:hover{background-color:#fd9233;}.u-btn-primary.u-btn-hover-v1-1:hover::after,.u-btn-hover-v1-1.u-btn-primary-wizard:hover::after{background-color:#fd9f4c;}.u-btn-primary.u-btn-hover-v1-2::after,.u-btn-hover-v1-2.u-btn-primary-wizard::after{background-color:#fd9f4c;}.u-btn-primary.u-btn-hover-v1-2:hover,.u-btn-hover-v1-2.u-btn-primary-wizard:hover{background-color:#fd9233;}.u-btn-primary.u-btn-hover-v1-2:hover::after,.u-btn-hover-v1-2.u-btn-primary-wizard:hover::after{background-color:#fd9f4c;}.u-btn-primary.u-btn-hover-v1-3::after,.u-btn-hover-v1-3.u-btn-primary-wizard::after{background-color:#fd9f4c;}.u-btn-primary.u-btn-hover-v1-3:hover,.u-btn-hover-v1-3.u-btn-primary-wizard:hover{background-color:#fd9233;}.u-btn-primary.u-btn-hover-v1-3:hover::after,.u-btn-hover-v1-3.u-btn-primary-wizard:hover::after{background-color:#fd9f4c;}.u-btn-primary.u-btn-hover-v1-4::after,.u-btn-hover-v1-4.u-btn-primary-wizard::after{background-color:#fd9f4c;}.u-btn-primary.u-btn-hover-v1-4:hover,.u-btn-hover-v1-4.u-btn-primary-wizard:hover{background-color:#fd9233;}.u-btn-primary.u-btn-hover-v1-4:hover::after,.u-btn-hover-v1-4.u-btn-primary-wizard:hover::after{background-color:#fd9f4c;}.u-btn-primary.u-btn-hover-v2-1::after,.u-btn-hover-v2-1.u-btn-primary-wizard::after{background-color:#fd9f4c;}.u-btn-primary.u-btn-hover-v2-1:hover,.u-btn-hover-v2-1.u-btn-primary-wizard:hover{background-color:#fd9233;}.u-btn-primary.u-btn-hover-v2-1:hover::after,.u-btn-hover-v2-1.u-btn-primary-wizard:hover::after{background-color:#fd9f4c;}.u-btn-primary.u-btn-hover-v2-2::after,.u-btn-hover-v2-2.u-btn-primary-wizard::after{background-color:#fd9f4c;}.u-btn-primary.u-btn-hover-v2-2:hover,.u-btn-hover-v2-2.u-btn-primary-wizard:hover{background-color:#fd9233;}.u-btn-primary.u-btn-hover-v2-2:hover::after,.u-btn-hover-v2-2.u-btn-primary-wizard:hover::after{background-color:#fd9f4c;}.u-btn-outline-primary{color:#fd9233;border-color:#fd9233;}.u-btn-outline-primary:hover{background-color:#fd9233;}.u-btn-outline-primary.u-btn-hover-v1-1::after{background-color:rgba(253,146,51,.95);}.u-btn-outline-primary.u-btn-hover-v1-1:hover::after{background-color:rgba(253,146,51,.95);}.u-btn-outline-primary.u-btn-hover-v1-2::after{background-color:rgba(253,146,51,.95);}.u-btn-outline-primary.u-btn-hover-v1-2:hover::after{background-color:rgba(253,146,51,.95);}.u-btn-outline-primary.u-btn-hover-v1-3::after{background-color:rgba(253,146,51,.95);}.u-btn-outline-primary.u-btn-hover-v1-3:hover::after{background-color:rgba(253,146,51,.95);}.u-btn-outline-primary.u-btn-hover-v1-4::after{background-color:rgba(253,146,51,.95);}.u-btn-outline-primary.u-btn-hover-v1-4:hover::after{background-color:rgba(253,146,51,.95);}.u-btn-outline-primary.u-btn-hover-v2-1::after{background-color:rgba(253,146,51,.95);}.u-btn-outline-primary.u-btn-hover-v2-1:hover::after{background-color:rgba(253,146,51,.95);}.u-btn-outline-primary.u-btn-hover-v2-2::after{background-color:rgba(253,146,51,.95);}.u-btn-outline-primary.u-btn-hover-v2-2:hover::after{background-color:rgba(253,146,51,.95);}.u-btn-outline-primary.u-btn-hover-v3-1::after{background-color:rgba(253,146,51,.95);}.u-btn-outline-primary.u-btn-hover-v3-1:hover::after{background-color:rgba(253,146,51,.95);}.u-check input[type=checkbox]:checked+.u-check-icon-font i{color:#fd9233;}.u-check input[type=checkbox]:checked+* .u-check-icon-font i{color:#fd9233;}.u-check input[type=checkbox]:checked+* .u-check-icon-checkbox-v1{background-color:#fd9233;border-color:#fd9233;}.u-check input[type=checkbox]:checked+* .u-check-icon-radio-v1{background-color:#fd9233;border-color:#fd9233;}.u-check input[type=checkbox]:checked+* .u-check-icon-checkbox-v7{background-color:#fd9233;border-color:#fd9233;}.u-check input[type=checkbox]:checked+* .u-check-icon-radio-v7{background-color:#fd9233;border-color:#fd9233;}.u-check input[type=checkbox]:checked+* .u-check-icon-checkbox-v4{color:#fd9233;border-color:#fd9233;}.u-check input[type=checkbox]:checked+* .u-check-icon-radio-v4{color:#fd9233;border-color:#fd9233;}.u-check input[type=checkbox]:checked+* .u-check-icon-checkbox-v8{color:#fd9233;border-color:#fd9233;}.u-check input[type=checkbox]:checked+* .u-check-icon-checkbox-v8 i::after{background-color:#fd9233;}.u-check input[type=checkbox]:checked+* .u-check-icon-radio-v8{color:#fd9233;border-color:#fd9233;}.u-check input[type=checkbox]:checked+* .u-check-icon-radio-v8 i::after{background-color:#fd9233;}.u-check input[type=checkbox]:checked+* .u-check-icon-checkbox-v5 i{border-color:#fd9233;}.u-check input[type=checkbox]:checked+* .u-check-icon-radio-v5 i{border-color:#fd9233;}.u-check input[type=checkbox]:checked+* .u-check-icon-checkbox-v6 i{background-color:#fd9233;border-color:#fd9233;}.u-check input[type=checkbox]:checked+* .u-check-icon-radio-v6 i{background-color:#fd9233;border-color:#fd9233;}.u-check input[type=checkbox]:checked+.u-check-icon-checkbox-v1{background-color:#fd9233;border-color:#fd9233;}.u-check input[type=checkbox]:checked+.u-check-icon-radio-v1{background-color:#fd9233;border-color:#fd9233;}.u-check input[type=checkbox]:checked+.u-check-icon-checkbox-v7{background-color:#fd9233;border-color:#fd9233;}.u-check input[type=checkbox]:checked+.u-check-icon-radio-v7{background-color:#fd9233;border-color:#fd9233;}.u-check input[type=checkbox]:checked+.u-check-icon-checkbox-v4{color:#fd9233;border-color:#fd9233;}.u-check input[type=checkbox]:checked+.u-check-icon-radio-v4{color:#fd9233;border-color:#fd9233;}.u-check input[type=checkbox]:checked+.u-check-icon-checkbox-v8{color:#fd9233;border-color:#fd9233;}.u-check input[type=checkbox]:checked+.u-check-icon-checkbox-v8 i::after{background-color:#fd9233;}.u-check input[type=checkbox]:checked+.u-check-icon-radio-v8{color:#fd9233;border-color:#fd9233;}.u-check input[type=checkbox]:checked+.u-check-icon-radio-v8 i::after{background-color:#fd9233;}.u-check input[type=checkbox]:checked+.u-check-icon-checkbox-v5 i{border-color:#fd9233;}.u-check input[type=checkbox]:checked+.u-check-icon-radio-v5 i{border-color:#fd9233;}.u-check input[type=checkbox]:checked+.u-check-icon-checkbox-v6 i{background-color:#fd9233;border-color:#fd9233;}.u-check input[type=checkbox]:checked+.u-check-icon-radio-v6 i{background-color:#fd9233;border-color:#fd9233;}.u-check input[type=radio]:checked+.u-check-icon-font i{color:#fd9233;}.u-check input[type=radio]:checked+* .u-check-icon-font i{color:#fd9233;}.u-check input[type=radio]:checked+* .u-check-icon-checkbox-v1{background-color:#fd9233;border-color:#fd9233;}.u-check input[type=radio]:checked+* .u-check-icon-radio-v1{background-color:#fd9233;border-color:#fd9233;}.u-check input[type=radio]:checked+* .u-check-icon-checkbox-v7{background-color:#fd9233;border-color:#fd9233;}.u-check input[type=radio]:checked+* .u-check-icon-radio-v7{background-color:#fd9233;border-color:#fd9233;}.u-check input[type=radio]:checked+* .u-check-icon-checkbox-v4{color:#fd9233;border-color:#fd9233;}.u-check input[type=radio]:checked+* .u-check-icon-radio-v4{color:#fd9233;border-color:#fd9233;}.u-check input[type=radio]:checked+* .u-check-icon-checkbox-v8{color:#fd9233;border-color:#fd9233;}.u-check input[type=radio]:checked+* .u-check-icon-checkbox-v8 i::after{background-color:#fd9233;}.u-check input[type=radio]:checked+* .u-check-icon-radio-v8{color:#fd9233;border-color:#fd9233;}.u-check input[type=radio]:checked+* .u-check-icon-radio-v8 i::after{background-color:#fd9233;}.u-check input[type=radio]:checked+* .u-check-icon-checkbox-v5 i{border-color:#fd9233;}.u-check input[type=radio]:checked+* .u-check-icon-radio-v5 i{border-color:#fd9233;}.u-check input[type=radio]:checked+* .u-check-icon-checkbox-v6 i{background-color:#fd9233;border-color:#fd9233;}.u-check input[type=radio]:checked+* .u-check-icon-radio-v6 i{background-color:#fd9233;border-color:#fd9233;}.u-check input[type=radio]:checked+.u-check-icon-checkbox-v1{background-color:#fd9233;border-color:#fd9233;}.u-check input[type=radio]:checked+.u-check-icon-radio-v1{background-color:#fd9233;border-color:#fd9233;}.u-check input[type=radio]:checked+.u-check-icon-checkbox-v7{background-color:#fd9233;border-color:#fd9233;}.u-check input[type=radio]:checked+.u-check-icon-radio-v7{background-color:#fd9233;border-color:#fd9233;}.u-check input[type=radio]:checked+.u-check-icon-checkbox-v4{color:#fd9233;border-color:#fd9233;}.u-check input[type=radio]:checked+.u-check-icon-radio-v4{color:#fd9233;border-color:#fd9233;}.u-check input[type=radio]:checked+.u-check-icon-checkbox-v8{color:#fd9233;border-color:#fd9233;}.u-check input[type=radio]:checked+.u-check-icon-checkbox-v8 i::after{background-color:#fd9233;}.u-check input[type=radio]:checked+.u-check-icon-radio-v8{color:#fd9233;border-color:#fd9233;}.u-check input[type=radio]:checked+.u-check-icon-radio-v8 i::after{background-color:#fd9233;}.u-check input[type=radio]:checked+.u-check-icon-checkbox-v5 i{border-color:#fd9233;}.u-check input[type=radio]:checked+.u-check-icon-radio-v5 i{border-color:#fd9233;}.u-check input[type=radio]:checked+.u-check-icon-checkbox-v6 i{background-color:#fd9233;border-color:#fd9233;}.u-check input[type=radio]:checked+.u-check-icon-radio-v6 i{background-color:#fd9233;border-color:#fd9233;}.u-check-icon-checkbox-v2{border-color:#fd9233;}.u-check-icon-radio-v2{border-color:#fd9233;}.u-check-icon-checkbox-v3{border-color:#fd9233;}.u-check-icon-radio-v3{border-color:#fd9233;}.u-checkbox-v1--checked-color-primary:checked+label{color:#fd9233!important;}.u-checkbox-v1--checked-brd-primary:checked+label{border-color:#fd9233!important;}.u-select-v1 .chosen-results>li.highlighted{background-color:rgba(253,146,51,.2);border-bottom-color:rgba(253,146,51,.2);}.u-select-v1 .chosen-results>li.result-selected{background-color:rgba(253,146,51,.2);border-bottom-color:rgba(253,146,51,.2);}.u-arrow-v3:hover .u-arrow-icon-before{background-color:#fd9233;}.u-arrow-v3:hover .u-arrow-icon-after{background-color:#fd9233;}.u-arrow-v4:hover .u-arrow-icon{color:#fd9233;}.u-arrow-v7:hover .u-arrow-icon{color:#fd9233;}.u-arrow-v8:hover .u-arrow-icon{color:#fd9233;}.u-arrow-v14 .u-arrow-icon::before{background:#fd9233;}.u-arrow-v14 .u-arrow-icon::after{background:#fd9233;}.u-badge-bg-primary::after{background-color:#fd9233;}[class*=u-badge-v2]{background-color:#fd9233;}.u-triangle-v1.u-triangle-top.g-bg-primary::before{border-bottom-color:#fd9233;}.u-triangle-v1.u-triangle-left.g-bg-primary::before{border-bottom-color:#fd9233;}.u-triangle-v1-2.u-triangle-top.g-bg-primary::before{border-bottom-color:#fd9233;}.u-triangle-v1-2.u-triangle-left.g-bg-primary::before{border-bottom-color:#fd9233;border-right-color:#fd9233;}.u-triangle-v2.u-triangle-top.g-bg-primary::before{border-bottom-color:#fd9233;}.u-triangle-v2.u-triangle-left.g-bg-primary::before{border-bottom-color:#fd9233;}.u-triangle-v5.u-triangle-top.g-bg-primary::before{border-bottom-color:#fd9233;}.u-triangle-v5.u-triangle-left.g-bg-primary::before{border-bottom-color:#fd9233;}.u-triangle-v6.u-triangle-top.g-bg-primary::before{border-bottom-color:#fd9233;}.u-triangle-v6.u-triangle-left.g-bg-primary::before{border-bottom-color:#fd9233;}.u-triangle-v1.u-triangle-bottom.g-bg-primary::before{border-top-color:#fd9233;}.u-triangle-v1.u-triangle-right.g-bg-primary::before{border-top-color:#fd9233;}.u-triangle-v1-2.u-triangle-bottom.g-bg-primary::before{border-top-color:#fd9233;}.u-triangle-v1-2.u-triangle-right.g-bg-primary::before{border-top-color:#fd9233;border-left-color:#fd9233;}.u-triangle-v2.u-triangle-bottom.g-bg-primary::before{border-top-color:#fd9233;}.u-triangle-v2.u-triangle-right.g-bg-primary::before{border-top-color:#fd9233;}.u-triangle-v5.u-triangle-bottom.g-bg-primary::before{border-top-color:#fd9233;}.u-triangle-v5.u-triangle-right.g-bg-primary::before{border-top-color:#fd9233;}.u-triangle-v6.u-triangle-bottom.g-bg-primary::before{border-top-color:#fd9233;}.u-triangle-v6.u-triangle-right.g-bg-primary::before{border-top-color:#fd9233;}.u-triangle-v3.u-triangle-top.g-bg-primary::before{background-image:linear-gradient(to bottom right,transparent 49.6%,#fd9233 50%);}.u-triangle-v3.u-triangle-left.g-bg-primary::before{background-image:linear-gradient(to bottom right,transparent 49.6%,#fd9233 50%);}.u-triangle-v3.u-triangle-bottom.g-bg-primary::before{background-image:linear-gradient(to top right,transparent 49.6%,#fd9233 50%);}.u-triangle-v3.u-triangle-right.g-bg-primary::before{background-image:linear-gradient(to top right,transparent 49.6%,#fd9233 50%);}.u-triangle-v4.u-triangle-top.g-bg-primary::before{background-image:linear-gradient(to bottom right,transparent 49.6%,#fd9233 50%),linear-gradient(to bottom left,transparent 49.6%,#fd9233 50%);}.u-triangle-v4.u-triangle-left.g-bg-primary::before{background-image:linear-gradient(to bottom right,transparent 49.6%,#fd9233 50%),linear-gradient(to bottom left,transparent 49.6%,#fd9233 50%);}.u-triangle-v4.u-triangle-bottom.g-bg-primary::before{background-image:linear-gradient(to top right,transparent 49.6%,#fd9233 50%),linear-gradient(to top left,transparent 49.6%,#fd9233 50%);}.u-triangle-v4.u-triangle-right.g-bg-primary::before{background-image:linear-gradient(to top right,transparent 49.6%,#fd9233 50%),linear-gradient(to top left,transparent 49.6%,#fd9233 50%);}.u-semicircle-v1.g-bg-primary::before{background:#fd9233;}.u-zigzag-top-primary::before{background:-webkit-linear-gradient(-225deg,#fd9233 10px,transparent 0) 0 10px,-webkit-linear-gradient(-315deg,#fd9233 10px,transparent 0) 0 10px;}.u-blockquote-v3::before{color:#fd9233;}.u-blockquote-v7::before{background:#fd9233;}.u-carousel-indicators-v1 li.slick-active span{background-color:#fd9233;}.u-carousel-indicators-v1--white li.slick-active span{background-color:#fd9233;}.u-carousel-indicators-v4 li.slick-active span{background-color:#fd9233;}.u-carousel-indicators-v8 li.slick-active span{background-color:#fd9233;}.u-carousel-indicators-v6 li.slick-active{color:#fd9233;}.u-carousel-indicators-v6 li.slick-active span{border-color:#fd9233;}.u-carousel-indicators-v9 li.slick-active{background-color:#fd9233;}.u-carousel-indicators-v10 li.slick-active{background-color:#fd9233;}.u-carousel-indicators-v18--white li span{background-color:#fd9233;}.u-carousel-indicators-v20 li span:hover{border-color:#fd9233;}.u-carousel-indicators-v20 li span:focus{border-color:#fd9233;}.u-carousel-indicators-v20 li.slick-active span{border-color:#fd9233;border-color:#fd9233;}.u-carousel-indicators-v20--white li span:hover{border-color:#fd9233;}.u-carousel-indicators-v20--white li span:focus{border-color:#fd9233;}.u-carousel-indicators-v20--white li span::before{background:#fd9233;box-shadow:0 0 1px #fd9233;}.u-carousel-indicators-v20--white li.slick-active span{border-color:#fd9233;border-color:#fd9233;}.u-carousel-indicators-v21--white li span::after{background-color:#fd9233;}.u-carousel-indicators-v22--white li span{background-color:#fd9233;}.u-carousel-indicators-v22--white li span::before{border-top-color:#fd9233;}.u-carousel-indicators-v22--white li.slick-active{border-color:#fd9233;}.u-carousel-indicators-v23--white .u-dots-helper::before{background:#fd9233;}.u-carousel-indicators-v24--white li span{border-color:#fd9233;}.u-carousel-indicators-v25--white li::before{background-color:#fd9233;}.u-carousel-indicators-v25--white li span:focus{background-color:#fd9233;}.u-carousel-indicators-v25--white li span::before{background-color:#fd9233;}.u-carousel-indicators-v25--white li.slick-active span{background-color:#fd9233;}.u-carousel-indicators-v26--white li::before{border-color:#fd9233;}.u-carousel-indicators-v26--white li::after{border-color:#fd9233;}.u-carousel-indicators-v26--vertical--white li::before{border-color:#fd9233;}.u-carousel-indicators-v26--vertical--white li::after{border-color:#fd9233;}.u-carousel-indicators-v27--white li span::before{background:#fd9233;}.u-carousel-indicators-v27--vertical--white li span::before{background:#fd9233;}.u-carousel-indicators-v28 li.slick-active span{background-color:#fd9233;}.u-pagination-v1-1--active{background-color:#fd9233;border-color:#fd9233;}.u-pagination-v1-1:hover{background-color:#fd9233;border-color:#fd9233;}.u-pagination-v1-1:focus{background-color:#fd9233;border-color:#fd9233;}.u-pagination-v1-2:hover{color:#fd9233;border-color:#fd9233;}.u-pagination-v1-2:focus{color:#fd9233;border-color:#fd9233;}.u-pagination-v1-2--active{background-color:#fd9233;border-color:#fd9233;}.u-pagination-v1-2--nav{background-color:#fd9233;border-color:#fd9233;}.u-pagination-v1-2--nav:hover{background-color:rgba(253,146,51,.8);}.u-pagination-v1-4:hover{color:#fd9233;border-color:#fd9233;}.u-pagination-v1-4:focus{color:#fd9233;border-color:#fd9233;}.u-pagination-v1-4--active{background-color:#fd9233;border-color:#fd9233;}.u-ribbon-bookmark.g-bg-primary::after{border-color:#fd9233;}.u-ribbon-clip-v4__inner.g-bg-primary{box-shadow:0 0 0 3px #fd9233,0 21px 5px -18px rgba(0,0,0,.6);}.u-accordion-color-primary__header [aria-expanded=true]{color:#fd9233!important;}.u-accordion-bg-primary__header [aria-expanded=true]{background-color:#fd9233!important;border-color:#fd9233!important;}.u-accordion-brd-primary__header [aria-expanded=true]{border-color:#fd9233!important;}.u-accordion-v2:nth-child(odd){background-color:#fd851a;}.u-datepicker-v1 .ui-datepicker-calendar td span.ui-state-active{background:#fd9233;border-color:#fd9233;}.u-datepicker-v1 .ui-datepicker-calendar td a.ui-state-active{background:#fd9233;border-color:#fd9233;}.u-datepicker-v1 .ui-datepicker-calendar th span.ui-state-active{background:#fd9233;border-color:#fd9233;}.u-datepicker-v1 .ui-datepicker-calendar th a.ui-state-active{background:#fd9233;border-color:#fd9233;}.u-slider-v1.ui-slider .ui-slider-range{background:#fd9233;}.u-slider-v1.ui-slider .ui-slider-handle{border-color:#fd9233;}.js-header-change-moment.g-bg-primary--shift{background-color:#fd9233;}.js-header-change-moment.g-bg-primary-semi-transparent--shift{background-color:rgba(253,146,51,.9);}.u-heading-v5-color-primary .u-heading-v5__title::before{background:#fd9233;}.u-heading-massive-underline::before{background-color:#fd9233;}.u-icon-effect-v1-1--hover::after{box-shadow:0 0 0 1px #fd9233;}.u-icon-effect-v1-1--hover:hover{border-color:#fd9233;background:#fd9233!important;}.u-icon-effect-v1-2--hover::after{box-shadow:0 0 0 1px #fd9233;}.u-icon-effect-v1-2--hover:hover{border-color:#fd9233;background:#fd9233!important;}.u-icon-v4.u-icon-effect-v1-1--hover:hover .u-icon-v4-inner{border-color:#fd9233;background:#fd9233!important;}.u-icon-v4.u-icon-effect-v1-2--hover:hover .u-icon-v4-inner{border-color:#fd9233;background:#fd9233!important;}.u-icon-block--hover:hover .u-icon-effect-v1-1--hover{border-color:#fd9233;background:#fd9233!important;}.u-icon-block--hover:hover .u-icon-effect-v1-2--hover{border-color:#fd9233;background:#fd9233!important;}.u-icon-block--hover:hover .u-icon-v4.u-icon-effect-v1-1--hover .u-icon-v4-inner{border-color:#fd9233;background:#fd9233!important;}.u-icon-block--hover:hover .u-icon-v4.u-icon-effect-v1-2--hover .u-icon-v4-inner{border-color:#fd9233;background:#fd9233!important;}.u-icon-block--hover:hover .u-icon-effect-v5--hover.g-bg-primary{box-shadow:0 0 10px 10px #fd9233;}.u-icon-block--hover:hover .u-icon-effect-v5--hover.g-color-primary{box-shadow:0 0 10px 10px #fd9233;}.u-icon-block--hover:hover .u-icon-v4-bg-primary--hover{border-color:#fd9233;}.u-icon-block--hover:hover .u-icon-v4-bg-primary--hover .u-icon-v4-inner{background:#fd9233;}.u-icon-block--hover:hover .g-color-primary--hover{color:#fd9233;}.u-icon-block--hover:hover .g-brd-primary--hover{border-color:#fd9233;}.u-icon-block--hover:hover .g-bg-primary--hover{background:#fd9233;}.u-icon-effect-v2--hover:hover{background:#fd9233;}.u-icon-effect-v2--hover:hover::after{background:#fd9233;}.u-icon-effect-v5--hover.g-bg-primary:hover{box-shadow:0 0 10px 10px #fd9233;}.u-icon-effect-v5--hover.g-color-primary:hover{box-shadow:0 0 10px 10px #fd9233;}.u-icon-v4-bg-primary{border-color:#fd9233;}.u-icon-v4-bg-primary .u-icon-v4-inner{background:#fd9233;}.u-icon-v4-bg-primary--hover:hover{border-color:#fd9233;}.u-icon-v4-bg-primary--hover:hover .u-icon-v4-inner{background:#fd9233;}.u-icon-v5.g-bg-primary::after{background-color:#fd9233;}.navbar .u-sub-menu-v1 .hs-sub-menu{border-color:#fd9233;}.navbar .u-sub-menu-v1 .hs-mega-menu{border-color:#fd9233;}.navbar .u-sub-menu-v1 .dropdown-menu{border-color:#fd9233;}.navbar .u-sub-menu-v2 .hs-sub-menu{border-top-color:#fd9233;}.navbar .u-sub-menu-v2 .hs-mega-menu{border-top-color:#fd9233;}.navbar .u-sub-menu-v2 .dropdown-menu{border-top-color:#fd9233;}.navbar .u-sub-menu-v3 .hs-sub-menu{border-top-color:#fd9233;}.navbar .u-sub-menu-v3 .hs-mega-menu{border-top-color:#fd9233;}.navbar .u-sub-menu-v3 .dropdown-menu{border-top-color:#fd9233;}.navbar .u-main-nav-v1 .nav-item.active>.nav-link{background-color:#fd9233;}.navbar .u-main-nav-v1 .nav-item:hover>.nav-link{background-color:#fd9233;}.navbar .u-main-nav-v1 .nav-item:focus>.nav-link{background-color:#fd9233;}.navbar .u-main-nav-v1 .nav-item .nav-link:focus{background-color:#fd9233;}.navbar .u-main-nav-v1 .nav-item.show>.nav-link{background-color:#fd9233;}.navbar .u-main-nav-v1 .nav-item.hs-sub-menu-opened>.nav-link{background-color:#fd9233;}.navbar .u-main-nav-v8 .nav-item.active>.nav-link{background-color:#fd9233;}.navbar .u-main-nav-v8 .nav-item:hover>.nav-link{background-color:#fd9233;}.navbar .u-main-nav-v8 .nav-item:focus>.nav-link{background-color:#fd9233;}.navbar .u-main-nav-v8 .nav-item .nav-link:focus{background-color:#fd9233;}.navbar .u-main-nav-v8 .nav-item.show>.nav-link{background-color:#fd9233;}.navbar .u-main-nav-v8 .nav-item.hs-sub-menu-opened>.nav-link{background-color:#fd9233;}.navbar .u-main-nav-v2 .nav-item.active>.nav-link{border-color:#fd9233;}.navbar .u-main-nav-v2 .nav-item:hover>.nav-link{border-color:#fd9233;}.navbar .u-main-nav-v2 .nav-item:focus>.nav-link{border-color:#fd9233;}.navbar .u-main-nav-v2 .nav-item .nav-link:focus{border-color:#fd9233;}.navbar .u-main-nav-v2 .nav-item.show>.nav-link{border-color:#fd9233;}.navbar .u-main-nav-v2 .nav-item.hs-sub-menu-opened>.nav-link{border-color:#fd9233;}.navbar .u-main-nav-v3 .nav-item.active>.nav-link{border-color:#fd9233;}.navbar .u-main-nav-v3 .nav-item:hover>.nav-link{border-color:#fd9233;}.navbar .u-main-nav-v3 .nav-item:focus>.nav-link{border-color:#fd9233;}.navbar .u-main-nav-v3 .nav-item .nav-link:focus{border-color:#fd9233;}.navbar .u-main-nav-v3 .nav-item.show>.nav-link{border-color:#fd9233;}.navbar .u-main-nav-v3 .nav-item.hs-sub-menu-opened>.nav-link{border-color:#fd9233;}.navbar .u-main-nav-v4 .nav-item.active>.nav-link{border-color:#fd9233;}.navbar .u-main-nav-v4 .nav-item:hover>.nav-link{border-color:#fd9233;}.navbar .u-main-nav-v4 .nav-item:focus>.nav-link{border-color:#fd9233;}.navbar .u-main-nav-v4 .nav-item .nav-link:focus{border-color:#fd9233;}.navbar .u-main-nav-v4 .nav-item.show>.nav-link{border-color:#fd9233;}.navbar .u-main-nav-v4 .nav-item.hs-sub-menu-opened>.nav-link{border-color:#fd9233;}.navbar .u-main-nav-v5 .nav-item.active>.nav-link{border-color:#fd9233;}.navbar .u-main-nav-v5 .nav-item:hover>.nav-link{border-color:#fd9233;}.navbar .u-main-nav-v5 .nav-item:focus>.nav-link{border-color:#fd9233;}.navbar .u-main-nav-v5 .nav-item .nav-link:focus{border-color:#fd9233;}.navbar .u-main-nav-v5 .nav-item.show>.nav-link{border-color:#fd9233;}.navbar .u-main-nav-v5 .nav-item.hs-sub-menu-opened>.nav-link{border-color:#fd9233;}.navbar .u-main-nav-v6 .nav-item.active>.nav-link{border-color:#fd9233;}.navbar .u-main-nav-v6 .nav-item:hover>.nav-link{border-color:#fd9233;}.navbar .u-main-nav-v6 .nav-item:focus>.nav-link{border-color:#fd9233;}.navbar .u-main-nav-v6 .nav-item .nav-link:focus{border-color:#fd9233;}.navbar .u-main-nav-v6 .nav-item.show>.nav-link{border-color:#fd9233;}.navbar .u-main-nav-v6 .nav-item.hs-sub-menu-opened>.nav-link{border-color:#fd9233;}.navbar .u-main-nav-v7 .nav-item.active>.nav-link{border-color:#fd9233;}.navbar .u-main-nav-v7 .nav-item:hover>.nav-link{border-color:#fd9233;}.navbar .u-main-nav-v7 .nav-item:focus>.nav-link{border-color:#fd9233;}.navbar .u-main-nav-v7 .nav-item .nav-link:focus{border-color:#fd9233;}.navbar .u-main-nav-v7 .nav-item.show>.nav-link{border-color:#fd9233;}.navbar .u-main-nav-v7 .nav-item.hs-sub-menu-opened>.nav-link{border-color:#fd9233;}.navbar .u-main-nav-v9 .nav-item.active>.nav-link::after{color:#fd9233;}.navbar .u-main-nav-v9 .nav-item:hover>.nav-link::after{color:#fd9233;}.navbar .u-main-nav-v9 .nav-item:focus>.nav-link::after{color:#fd9233;}.navbar .u-main-nav-v9 .nav-item .nav-link:focus::after{color:#fd9233;}.u-ns-bg-v1-top.g-bg-primary::before{border-bottom-color:#fd9233;}.u-ns-bg-v2-top.g-bg-primary::before{border-bottom-color:#fd9233;}.u-ns-bg-v2-2-top.g-bg-primary::before{border-bottom-color:#fd9233;}.u-ns-bg-v6-top.g-bg-primary .u-ns-bg-before::before{border-bottom-color:#fd9233;}.u-ns-bg-v1-bottom.g-bg-primary::before{border-top-color:#fd9233;}.u-ns-bg-v2-bottom.g-bg-primary::before{border-top-color:#fd9233;}.u-ns-bg-v2-2-bottom.g-bg-primary::before{border-top-color:#fd9233;}.u-ns-bg-v6-bottom.g-bg-primary .u-ns-bg-before::before{border-top-color:#fd9233;}.u-ns-bg-v1-left.g-bg-primary::before{border-right-color:#fd9233;}.u-ns-bg-v2-left.g-bg-primary::before{border-right-color:#fd9233;}.u-ns-bg-v2-2-left.g-bg-primary::before{border-right-color:#fd9233;}.u-ns-bg-v6-left.g-bg-primary .u-ns-bg-before::before{border-right-color:#fd9233;}.u-ns-bg-v1-right.g-bg-primary::before{border-left-color:#fd9233;}.u-ns-bg-v2-right.g-bg-primary::before{border-left-color:#fd9233;}.u-ns-bg-v2-2-right.g-bg-primary::before{border-left-color:#fd9233;}.u-ns-bg-v6-right.g-bg-primary .u-ns-bg-before::before{border-left-color:#fd9233;}.u-ns-bg-v3-top.g-bg-primary::before{border-bottom-color:#fd9233;}.u-ns-bg-v3-left.g-bg-primary::before{border-bottom-color:#fd9233;}.u-ns-bg-v4-top.g-bg-primary::before{border-bottom-color:#fd9233;}.u-ns-bg-v4-left.g-bg-primary::before{border-bottom-color:#fd9233;}.u-ns-bg-v3-bottom.g-bg-primary::before{border-top-color:#fd9233;}.u-ns-bg-v3-right.g-bg-primary::before{border-top-color:#fd9233;}.u-ns-bg-v4-bottom.g-bg-primary::before{border-top-color:#fd9233;}.u-ns-bg-v4-right.g-bg-primary::before{border-top-color:#fd9233;}[class*=u-ns-bg-v5].g-bg-primary svg path{fill:#fd9233;}[class*=u-ns-bg-v5].g-bg-primary svg polygon{fill:#fd9233;}.u-progress::-ms-fill{background-color:#fd9233;}.u-progress::-webkit-progress-value{background-color:#fd9233;}.u-progress::-moz-progress-bar{background-color:#fd9233;}.u-progress__pointer-v2::after{border-color:#fd9233;}.u-progress__pointer-v3::after{border-color:#fd9233;}.g-color-primary--active.active{color:#fd9233;}[class*=u-nav-v8] .nav-link.active{background-color:#fd9233;}[class*=u-nav-v8] .nav-link.active .u-nav-v8__icon{background-color:#fd9233;}[class*=u-nav-v8].u-nav-light .nav-link.active .u-nav-v8__icon{background-color:#fd9233;}.u-info-v1-2:hover .u-info-v1-2__item::after{background:#fd9233;}.u-info-v7-1:hover .u-info-v7-1__item-child-v2{background:#fd9233;}.u-info-v1-5__item::after{border-bottom-color:#fd9233;}.info-v4-3:hover::after{border-color:#fd9233;}.info-v5-3:hover .info-v5-3__info{background-color:rgba(253,146,51,.9);}.u-info-v6-1__item::after{background-image:linear-gradient(to right,#fd9233 0,transparent 100%);}.u-info-v6-1:hover .u-info-v6-1__item::after{background-image:linear-gradient(to right,#fd9233 0,transparent 100%);}input[type=checkbox]:checked+.g-bg-primary--checked{background-color:#fd9233!important;}input[type=checkbox]:checked+* .g-bg-primary--checked{background-color:#fd9233!important;}input[type=checkbox]:checked+* .g-brd-primary--checked{border-color:#fd9233!important;}input[type=checkbox]:checked+* .g-overlay-primary-0_5--checked::after{background-color:rgba(253,146,51,.5);}input[type=checkbox]:checked+* .g-overlay-primary-0_9--checked::after{background-color:rgba(253,146,51,.9);}input[type=checkbox]:checked+.g-brd-primary--checked{border-color:#fd9233!important;}input[type=checkbox]:checked+.g-overlay-primary-0_5--checked::after{background-color:rgba(253,146,51,.5);}input[type=checkbox]:checked+.g-overlay-primary-0_9--checked::after{background-color:rgba(253,146,51,.9);}input[type=radio]:checked+.g-bg-primary--checked{background-color:#fd9233!important;}input[type=radio]:checked+* .g-bg-primary--checked{background-color:#fd9233!important;}input[type=radio]:checked+* .g-brd-primary--checked{border-color:#fd9233!important;}input[type=radio]:checked+* .g-overlay-primary-0_5--checked::after{background-color:rgba(253,146,51,.5);}input[type=radio]:checked+* .g-overlay-primary-0_9--checked::after{background-color:rgba(253,146,51,.9);}input[type=radio]:checked+.g-brd-primary--checked{border-color:#fd9233!important;}input[type=radio]:checked+.g-overlay-primary-0_5--checked::after{background-color:rgba(253,146,51,.5);}input[type=radio]:checked+.g-overlay-primary-0_9--checked::after{background-color:rgba(253,146,51,.9);}.g-checked .g-bg-primary--checked{background-color:#fd9233!important;}.g-checked .g-brd-primary--checked{border-color:#fd9233!important;}.g-checked .g-overlay-primary-0_5--checked::after{background-color:rgba(253,146,51,.5);}.g-checked .g-overlay-primary-0_9--checked::after{background-color:rgba(253,146,51,.9);}.g-bg-primary--checked.g-checked{background-color:#fd9233!important;}.g-brd-primary--checked.g-checked{border-color:#fd9233!important;}.g-brd-primary--focus:focus{border-color:#fd9233!important;}.g-brd-primary--focus.g-state-focus *{border-color:#fd9233!important;}.g-brd-primary--focus.g-state-focus *:focus{border-color:#fd9233!important;}.g-overlay-primary-0_5--checked.g-checked::after{background-color:rgba(253,146,51,.5);}.g-overlay-primary-0_9--checked.g-checked::after{background-color:rgba(253,146,51,.9);}.u-has-success-v1 .form-control-feedback{color:#fd9233;}.u-has-success-v1-2 .form-control-feedback{color:#fd9233;}.u-has-success-v1-2 .form-control{border-color:#fd9233;}.u-has-success-v1-2 .input-group-addon{border-color:#fd9233;}.u-has-success-v1-2 .input-group-addon:last-child{color:#fd9233;}.u-has-success-v1-2 [class*=u-select]{border-color:#fd9233;}.u-has-success-v1-2 .chosen-single div b{color:#fd9233;}.u-has-success-v1-3 .form-control-feedback{color:#fd9233;}.u-has-success-v1-3 .form-control-feedback::before{border-color:#fd9233 transparent transparent transparent;}.u-has-success-v1-3 .form-control{border-color:#fd9233;}.u-has-success-v1-3 .input-group-addon{border-color:#fd9233;background-color:#fd9233;}.u-has-success-v1-3 .input-group-addon:last-child{color:#fd9233;background-color:#fd9233;}.u-has-success-v1-3 [class*=u-select]{border-color:#fd9233;}.u-has-success-v1-3 .chosen-single div b{color:#fd9233;}.u-has-success-v2::after{color:#fd9233;}.ui-autocomplete .ui-menu-item:hover{background-color:#fd9233;}.point::before{background:#fd9233;}.u-go-to-v1:hover{background-color:#fd9233;}.u-go-to-v1:focus:hover{background-color:#fd9233;}.list-group-item.active{background-color:#fd9233;border-color:#fd9233;}.u-accordion-color-primary .u-accordion__header [aria-expanded=true]{color:#fd9233!important;}.u-blockquote-v1::before{color:#fd9233;}.form-control:focus{border-color:#fd9233;}.custom-select:focus{border-color:#fd9233;}.u-filter-v1>li:hover{color:#fd9233;}.u-filter-v1 [class*=active]{color:#fd9233;}.u-pagination-v1-5--active{background-color:#fd9233;border-color:#fd9233;}.u-pagination-v1-5:hover{background-color:#fd9233;border-color:#fd9233;}.u-pagination-v1-5:focus{background-color:#fd9233;border-color:#fd9233;}@media(min-width:1200px){.g-layout-boxed main{width:1140px;}}@media(min-width:1400px){.g-layout-semiboxed main{width:1340px;}}@media(min-width:768px){.u-outer-space-v1{margin:20px;}.u-outer-space-v1 body{height:calc(100% - 40px);min-height:calc(100% - 40px);}.u-outer-space-v2{margin:40px;}.u-outer-space-v2 body{height:calc(100% - 80px);min-height:calc(100% - 80px);}.u-triangle-v1.u-triangle-left.g-bg-primary::before{border-right-color:#fd9233;}.u-triangle-v1.u-triangle-right.g-bg-primary::before{border-left-color:#fd9233;}.u-triangle-v3.u-triangle-left.g-bg-primary::before{background-image:linear-gradient(to bottom right,transparent 49.6%,#fd9233 50%);}.u-triangle-v3.u-triangle-right.g-bg-primary::before{background-image:linear-gradient(to bottom left,transparent 49.6%,#fd9233 50%);}.u-triangle-v4.u-triangle-left.g-bg-primary::before{background-image:linear-gradient(to bottom right,transparent 49.6%,#fd9233 50%),linear-gradient(to top right,transparent 49.6%,#fd9233 50%);}.u-triangle-v4.u-triangle-right.g-bg-primary::before{background-image:linear-gradient(to bottom left,transparent 49.6%,#fd9233 50%),linear-gradient(to top left,transparent 49.6%,#fd9233 50%);}.u-ns-bg-v1-top--md.g-bg-primary::before{border-bottom-color:#fd9233;}.u-ns-bg-v2-top--md.g-bg-primary::before{border-bottom-color:#fd9233;}.u-ns-bg-v2-2-top--md.g-bg-primary::before{border-bottom-color:#fd9233;}.u-ns-bg-v6-top.g-bg-primary .u-ns-bg-before::before{border-bottom-color:#fd9233;}.u-ns-bg-v1-bottom--md.g-bg-primary::before{border-top-color:#fd9233;}.u-ns-bg-v2-bottom--md.g-bg-primary::before{border-top-color:#fd9233;}.u-ns-bg-v2-2-bottom--md.g-bg-primary::before{border-top-color:#fd9233;}.u-ns-bg-v6-bottom.g-bg-primary .u-ns-bg-before::before{border-top-color:#fd9233;}.u-ns-bg-v1-left--md.g-bg-primary::before{border-right-color:#fd9233;}.u-ns-bg-v2-left--md.g-bg-primary::before{border-right-color:#fd9233;}.u-ns-bg-v2-2-left--md.g-bg-primary::before{border-right-color:#fd9233;}.u-ns-bg-v6-left.g-bg-primary .u-ns-bg-before::before{border-right-color:#fd9233;}.u-ns-bg-v1-right--md.g-bg-primary::before{border-left-color:#fd9233;}.u-ns-bg-v2-right--md.g-bg-primary::before{border-left-color:#fd9233;}.u-ns-bg-v2-2-right--md.g-bg-primary::before{border-left-color:#fd9233;}.u-ns-bg-v6-right.g-bg-primary .u-ns-bg-before::before{border-left-color:#fd9233;}.u-steps-v1__item a{background-color:#fd9233;}.u-steps-v1__item a::before{background-color:#fd9233;}.u-steps-v1__item.active a{background-color:#fd9233;}.u-steps-v1__item.active span{background-color:#fd9233;}.u-steps-v2__indicator{background-color:#fd9233;}.u-steps-v2__item a::before{background-color:#fd9233;}.u-steps-v2__item a .u-steps-v2__indicator{background-color:#fd9233;}.u-steps-v2__item:hover a{color:#fd9233;}.u-steps-v2__item:hover a .u-steps-v2__indicator{box-shadow:0 0 0 3px rgba(253,146,51,.3);background-color:#fd9233;}.u-steps-v2__item:hover span .u-steps-v2__indicator{background-color:#fd9233;}.u-steps-v3__indicator{background-color:#fd9233;}.u-steps-v3__item a::before{background-color:#fd9233;}.u-steps-v3__item a .u-steps-v3__indicator{background-color:#fd9233;}.u-steps-v3__item:hover a{color:#fd9233;}.u-steps-v3__item:hover a .u-steps-v3__indicator{box-shadow:0 0 0 3px rgba(253,146,51,.3);background-color:#fd9233;}.u-steps-v3__item:hover span .u-steps-v3__indicator{background-color:#fd9233;}.u-nav-v1-1.u-nav-primary .nav-link.active{background-color:#fd9233;}.u-nav-v2-1.u-nav-primary .nav-link.active{background-color:#fd9233;}[class*=u-nav-v8].u-nav-light .nav-link.active{background-color:#fd9233;}[class*=u-nav-v8].u-nav-light .nav-link.active::before{background-image:linear-gradient(to bottom left,transparent 49.6%,#fd9233 50%),linear-gradient(to top left,transparent 49.6%,#fd9233 50%);}.u-nav-v1-2.u-nav-primary .nav-link.active{border-color:#fd9233;}[class*=u-nav-v2].u-nav-primary .nav-link{border-color:#fd9233;}[class*=u-nav-v2].u-nav-primary .nav-link.active{border-color:#fd9233;}.u-nav-v3-2 .nav-link.active{border-color:#fd9233;}[class*=u-nav-v5].u-nav-primary .nav-link.active{border-color:#fd9233;color:#fd9233;}[class*=u-nav-v6] .nav-link.active{border-color:#fd9233;}[class*=u-nav-v6] .nav-link.active::before{border-top-color:#fd9233;}[class*=u-nav-v6].flex-column .nav-link.active{border-color:#fd9233;}[class*=u-nav-v6].flex-column .nav-link.active::before{border-left-color:#fd9233;}.u-nav-v2-2 .nav-link.active{color:#fd9233;}[class*=u-nav-v3] .nav-link.active{color:#fd9233;}[class*=u-nav-v3].u-nav-light .nav-link.active{color:#fd9233;}[class*=u-nav-v7] .nav-link.active{color:#fd9233;}.u-nav-v4-1.u-nav-primary .nav-link.active{border-top-color:#fd9233;}.u-nav-v4-1-column .u-nav-v4-1.u-nav-primary .nav-link.active{border-left-color:#fd9233;}[class*=u-nav-v8].justify-content-end .nav-link.active::before{background-image:linear-gradient(to bottom right,transparent 49.6%,#fd9233 50%),linear-gradient(to top right,transparent 49.6%,#fd9233 50%);}[class*=u-nav-v8].text-right .nav-link.active::before{background-image:linear-gradient(to bottom right,transparent 49.6%,#fd9233 50%),linear-gradient(to top right,transparent 49.6%,#fd9233 50%);}.u-nav-v8-2 .nav-link.active::before{background-image:linear-gradient(to bottom left,transparent 49.6%,#fd9233 50%),linear-gradient(to top left,transparent 49.6%,#fd9233 50%);}}@media(max-width:767px){[role=tablist]:not([data-tabs-mobile-type=slide-up-down]){border-color:#fd9233;}[data-tabs-mobile-type=accordion]{border-color:#fd9233;}[data-tabs-mobile-type=slide-up-down].u-nav-primary .nav-link{border-color:#fd9233!important;}[data-tabs-mobile-type=slide-up-down].u-nav-primary .nav-link.active{border-color:#fd9233!important;}[data-tabs-mobile-type=slide-up-down].u-nav-primary .nav-item.show .nav-link{border-color:#fd9233!important;}[data-tabs-mobile-type=slide-up-down].nav-pills .nav-link{border-color:#fd9233!important;}[data-tabs-mobile-type=slide-up-down].nav-pills .nav-link.active{border-color:#fd9233!important;}[data-tabs-mobile-type=slide-up-down].nav-pills .nav-item.show .nav-link{border-color:#fd9233!important;}}.btnCustom-link{color:#000;font-weight:400;}.image-header{padding-left:10%;width:100%;height:auto;margin-bottom:20%;}.spaceAfterTitle{margin-bottom:4%;}.wrapper{width:330px;font-family:"Open Sans",Helvetica,Arial,sans-serif;font-size:18px;}.StepProgress{position:relative;padding-left:45px;list-style:none;}.StepProgress::before{display:inline-block;content:"";position:absolute;top:0;left:15px;width:10px;height:97%;border-left:2px solid #d3d3d3;}.StepProgress-item{position:relative;counter-increment:list;top:-7px;}.StepProgress-item:not(:last-child){padding-bottom:30px;}.StepProgress-item::before{display:inline-block;content:"";position:absolute;left:-30px;height:100%;width:10px;}.StepProgress-item::after{content:counter(list);display:inline-block;position:absolute;top:-3px;left:-50px;width:40px;height:40px;border:3px solid #fff;border-radius:50%;background-color:#d3d3d3;font-size:18px;text-align:center;color:#fff;font-weight:bold;padding-top:3px;padding-left:1px;}.StepProgress-item.is-done::before{border-left:2px solid #38bea3;}.StepProgress-item.is-done::after{content:"✔";font-size:20px;color:#fff;text-align:center;border:2px solid #fff;background-color:#38bea3;}.StepProgress-item.current::before{border-left:2px solid #2f4f4f;}.StepProgress-item.current::after{content:counter(list);padding-top:6px;padding-left:0;width:50px;height:50px;top:-10px;left:-55px;font-size:18px;text-align:center;color:#fff;font-weight:bold;border:5px solid #fd9233;background-color:#2f4f4f;}.StepProgress strong{display:block;}.smStepProgress{position:relative;padding-left:0;list-style:none;margin-top:10px;font-size:14px;font-family:"Open Sans",Helvetica,Arial,sans-serif;}.smStepProgress::before{display:inline-block;content:"";position:absolute;top:0;left:15px;width:10px;height:100%;}.smStepProgress-item{position:relative;}.smStepProgress-item:not(:last-child){padding-bottom:20px;}.smStepProgress-item::before{display:inline-block;content:"";position:absolute;left:-30px;height:100%;width:10px;}.smStepProgress-item::after{content:"";display:inline-block;position:absolute;top:1.5px;left:-37px;width:15px;height:15px;border:2px solid #2f4f4f;border-radius:50%;background-color:#2f4f4f;}.smStepProgress-item.is-done::before{border-left:2px solid #38bea3;}.smStepProgress-item.is-done::after{content:"";border:2px solid #fff;background-color:#38bea3;width:25px;height:25px;top:3px;left:-42px;}.smStepProgress-item.current::before{border-left:2px solid #fd9233;}.smStepProgress-item.current::after{padding-top:1px;width:25px;height:25px;top:3px;left:-42px;font-size:14px;text-align:center;color:#fd9233;border:2px solid #fff;background-color:#fd9233;}.smStepProgress strong{display:block;}.u-btn-outline-secondary-wizard{color:#f37021;border-color:#f37021;background-color:#fff;border:2px solid;font-weight:bold;}.u-btn-outline-secondary-wizard:hover{color:#f37021!important;}.u-btn-primary-wizard{background-color:#f37021;font-weight:bold;color:#fff;}.u-btn-primary-wizard:hover{background-color:#f37021;font-weight:bold;color:#fff;}.pcc-action-icon:hover{color:#fd9233!important;}.inputMobiNumberWizard{border-right:0!important;}.inputGroupWizard{border-bottom-right-radius:31px!important;border-top-right-radius:31px!important;}.inputGroupAppendWizard{border-top:solid 3px var(--steel)!important;border-bottom:solid 3px var(--steel)!important;border-right:solid 3px var(--steel)!important;border-bottom-right-radius:31px!important;border-top-right-radius:31px!important;}.inputAddonFocusWizard{border-color:#fd9233!important;}#MobiChkContent p{margin-top:revert!important;}.smStepProgress-item.current::after{background-color:#38bea3!important;}.StepProgress-item.current::after{border-color:#38bea3;}.smStepProgress-item.current::after{background-color:#38bea3;}.smStepProgress-item.current::before{border-left:2px solid #38bea3;}.u-btn-outline-secondary-wizard:hover{color:#fd9233;}