/* Minification failed. Returning unminified contents.
(6,10): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,42): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,59): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,74): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,88): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,105): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,122): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,138): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,153): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,168): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,181): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,196): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,216): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,234): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,254): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,272): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,287): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,305): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,322): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,338): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,353): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,371): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,393): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,415): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,437): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,460): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,656): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2217,1): run-time error CSS1019: Unexpected token, found '@import'
(2217,9): run-time error CSS1019: Unexpected token, found 'url("bootstrap.min.css")'
(2218,1): run-time error CSS1019: Unexpected token, found '@import'
(2218,9): run-time error CSS1019: Unexpected token, found 'url("font-awesome.css")'
(2220,1): run-time error CSS1019: Unexpected token, found '@import'
(2220,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap')'
(3436,37): run-time error CSS1046: Expect comma, found '0'
(3436,41): run-time error CSS1046: Expect comma, found '/'
(4163,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4164,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4174,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4175,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4176,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4177,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4178,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4179,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4180,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4181,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4182,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4183,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4191,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4192,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4193,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4200,22): run-time error CSS1039: Token not allowed after unary operator: '-rcp-field'
(4203,17): run-time error CSS1039: Token not allowed after unary operator: '-rcp-ink'
(4206,17): run-time error CSS1039: Token not allowed after unary operator: '-rcp-ink'
(4209,17): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red-deep'
(4211,43): run-time error CSS1039: Token not allowed after unary operator: '-rcp-ink-soft'
(4212,34): run-time error CSS1039: Token not allowed after unary operator: '-rcp-ink-soft'
(4213,38): run-time error CSS1039: Token not allowed after unary operator: '-rcp-ink-soft'
(4223,17): run-time error CSS1039: Token not allowed after unary operator: '-rcp-ink'
(4242,22): run-time error CSS1039: Token not allowed after unary operator: '-rcp-gold'
(4243,17): run-time error CSS1039: Token not allowed after unary operator: '-rcp-ink'
(4248,22): run-time error CSS1039: Token not allowed after unary operator: '-rcp-gold-hover'
(4249,17): run-time error CSS1039: Token not allowed after unary operator: '-rcp-ink'
(4262,22): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red-deep'
(4266,22): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red-hover'
(4273,22): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red-deep'
(4277,22): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red-hover'
(4280,24): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red-deep'
(4281,17): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red-deep'
(4284,17): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red-deep'
(4287,22): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red-deep'
(4291,22): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red-hover'
(4294,22): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red-deep'
(4300,17): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red-deep'
(4303,22): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red-deep'
(4323,22): run-time error CSS1039: Token not allowed after unary operator: '-rcp-shadow'
(4324,24): run-time error CSS1039: Token not allowed after unary operator: '-rcp-border'
(4333,17): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red-deep'
(4346,17): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red-deep'
(4350,17): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red-deep'
(4357,24): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red-deep'
(4408,22): run-time error CSS1039: Token not allowed after unary operator: '-rcp-surface'
(4409,28): run-time error CSS1039: Token not allowed after unary operator: '-rcp-border'
(4410,33): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red-deep'
(4414,17): run-time error CSS1039: Token not allowed after unary operator: '-rcp-ink-soft'
(4416,39): run-time error CSS1039: Token not allowed after unary operator: '-rcp-ink'
(4417,65): run-time error CSS1039: Token not allowed after unary operator: '-rcp-ink-soft'
(4418,36): run-time error CSS1039: Token not allowed after unary operator: '-rcp-ink'
(4427,14): run-time error CSS1030: Expected identifier, found '.'
(4427,37): run-time error CSS1031: Expected selector, found ')'
(4427,37): run-time error CSS1025: Expected comma or open brace, found ')'
(4496,17): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red-deep'
(4503,17): run-time error CSS1039: Token not allowed after unary operator: '-rcp-ink'
(4506,22): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red-deep'
(4510,24): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red-deep'
(4513,24): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red-deep'
(4516,28): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red-deep'
(4519,24): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red-deep'
(4522,24): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red-deep'
(4525,24): run-time error CSS1039: Token not allowed after unary operator: '-rcp-border'
(4529,24): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red-deep'
(4535,24): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red-deep'
(4550,17): run-time error CSS1039: Token not allowed after unary operator: '-rcp-error'
(4551,28): run-time error CSS1039: Token not allowed after unary operator: '-rcp-error'
(4563,24): run-time error CSS1039: Token not allowed after unary operator: '-rcp-error'
(4578,24): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red-deep'
(4581,28): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red-deep'
(4586,22): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red-deep'
(4589,22): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red-deep'
(4592,17): run-time error CSS1039: Token not allowed after unary operator: '-rcp-ink'
(4595,17): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red-deep'
(4598,17): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red-deep'
(4601,28): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red-deep'
(4604,32): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red-deep'
(4605,22): run-time error CSS1039: Token not allowed after unary operator: '-rcp-shadow'
(4608,22): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red-deep'
(4612,24): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red-deep'
(4616,17): run-time error CSS1039: Token not allowed after unary operator: '-rcp-ink-soft'
(4619,17): run-time error CSS1039: Token not allowed after unary operator: '-rcp-ink-soft'
(4626,28): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red-deep'
(4642,17): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red-deep'
(4652,17): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red-deep'
(4665,17): run-time error CSS1039: Token not allowed after unary operator: '-rcp-ink'
(4666,31): run-time error CSS1039: Token not allowed after unary operator: '-rcp-border'
(4670,17): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red-deep'
(4673,17): run-time error CSS1039: Token not allowed after unary operator: '-rcp-ink-soft'
(4676,17): run-time error CSS1039: Token not allowed after unary operator: '-rcp-ink'
(4681,24): run-time error CSS1039: Token not allowed after unary operator: '-rcp-border'
(4692,23): run-time error CSS1039: Token not allowed after unary operator: '-rcp-disp'
(4696,22): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red-hover'
(4709,17): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red-deep'
(4750,17): run-time error CSS1039: Token not allowed after unary operator: '-rcp-ink-soft'
(4756,17): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red-deep'
(4792,36): run-time error CSS1039: Token not allowed after unary operator: '-rcp-border'
(4859,17): run-time error CSS1039: Token not allowed after unary operator: '-rcp-ink-soft'
(4869,22): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red-deep'
(4871,38): run-time error CSS1039: Token not allowed after unary operator: '-rcp-ink'
(4872,33): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red-deep'
(4892,22): run-time error CSS1039: Token not allowed after unary operator: '-rcp-shadow'
(4926,17): run-time error CSS1039: Token not allowed after unary operator: '-rcp-gold'
(4940,23): run-time error CSS1039: Token not allowed after unary operator: '-rcp-disp'
(5020,17): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red-deep'
(5027,22): run-time error CSS1039: Token not allowed after unary operator: '-rcp-gold'
(5035,23): run-time error CSS1039: Token not allowed after unary operator: '-rcp-disp'
(5045,17): run-time error CSS1039: Token not allowed after unary operator: '-rcp-ink'
(5052,17): run-time error CSS1039: Token not allowed after unary operator: '-rcp-ink-soft'
(5095,29): run-time error CSS1030: Expected identifier, found '>'
(5095,49): run-time error CSS1031: Expected selector, found ')'
(5095,49): run-time error CSS1025: Expected comma or open brace, found ')'
(5111,22): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red'
(5114,28): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red'
(5136,22): run-time error CSS1039: Token not allowed after unary operator: '-rcp-gold'
(5145,23): run-time error CSS1039: Token not allowed after unary operator: '-rcp-disp'
(5187,22): run-time error CSS1039: Token not allowed after unary operator: '-rcp-card'
(5190,22): run-time error CSS1039: Token not allowed after unary operator: '-rcp-warm'
(5202,29): run-time error CSS1030: Expected identifier, found '>'
(5202,49): run-time error CSS1031: Expected selector, found ')'
(5202,49): run-time error CSS1025: Expected comma or open brace, found ')'
(5210,33): run-time error CSS1039: Token not allowed after unary operator: '-rcp-border'
(5211,34): run-time error CSS1039: Token not allowed after unary operator: '-rcp-border'
(5213,46): run-time error CSS1030: Expected identifier, found '.'
(5213,54): run-time error CSS1031: Expected selector, found ')'
(5213,54): run-time error CSS1025: Expected comma or open brace, found ')'
(5259,29): run-time error CSS1030: Expected identifier, found '>'
(5259,49): run-time error CSS1031: Expected selector, found ')'
(5259,49): run-time error CSS1025: Expected comma or open brace, found ')'
(5274,29): run-time error CSS1030: Expected identifier, found '>'
(5274,49): run-time error CSS1031: Expected selector, found ')'
(5274,49): run-time error CSS1025: Expected comma or open brace, found ')'
(5280,29): run-time error CSS1030: Expected identifier, found '>'
(5280,49): run-time error CSS1031: Expected selector, found ')'
(5280,49): run-time error CSS1025: Expected comma or open brace, found ')'
(5286,29): run-time error CSS1030: Expected identifier, found '>'
(5286,49): run-time error CSS1031: Expected selector, found ')'
(5286,49): run-time error CSS1025: Expected comma or open brace, found ')'
(5304,17): run-time error CSS1039: Token not allowed after unary operator: '-rcp-ink'
(5312,17): run-time error CSS1039: Token not allowed after unary operator: '-rcp-ink-soft'
(5325,17): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red-deep'
(5343,17): run-time error CSS1039: Token not allowed after unary operator: '-rcp-ink-soft'
(5357,17): run-time error CSS1039: Token not allowed after unary operator: '-rcp-ink-soft'
(5362,29): run-time error CSS1030: Expected identifier, found '>'
(5362,49): run-time error CSS1031: Expected selector, found ')'
(5362,49): run-time error CSS1025: Expected comma or open brace, found ')'
(5372,29): run-time error CSS1030: Expected identifier, found '>'
(5372,49): run-time error CSS1031: Expected selector, found ')'
(5372,49): run-time error CSS1025: Expected comma or open brace, found ')'
(5383,29): run-time error CSS1030: Expected identifier, found '>'
(5383,49): run-time error CSS1031: Expected selector, found ')'
(5383,49): run-time error CSS1025: Expected comma or open brace, found ')'
(5409,28): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red'
(5413,28): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red'
(5433,22): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red'
(5673,50): run-time error CSS1030: Expected identifier, found ' '
(5674,73): run-time error CSS1030: Expected identifier, found ' '
(5674,75): run-time error CSS1031: Expected selector, found '/'
(5674,75): run-time error CSS1025: Expected comma or open brace, found '/'
(5791,26): run-time error CSS1039: Token not allowed after unary operator: '-rcp-night'
(5869,26): run-time error CSS1039: Token not allowed after unary operator: '-rcp-night'
(5976,26): run-time error CSS1039: Token not allowed after unary operator: '-rcp-card'
(5977,32): run-time error CSS1039: Token not allowed after unary operator: '-rcp-border'
(5986,36): run-time error CSS1039: Token not allowed after unary operator: '-rcp-border'
(5987,40): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red-deep'
(5987,61): run-time error CSS1039: Token not allowed after unary operator: '-rcp-shadow'
(6234,33): run-time error CSS1030: Expected identifier, found '>'
(6234,53): run-time error CSS1031: Expected selector, found ')'
(6234,53): run-time error CSS1025: Expected comma or open brace, found ')'
(6238,33): run-time error CSS1030: Expected identifier, found '>'
(6238,53): run-time error CSS1031: Expected selector, found ')'
(6238,53): run-time error CSS1025: Expected comma or open brace, found ')'
(6243,33): run-time error CSS1030: Expected identifier, found '>'
(6243,53): run-time error CSS1031: Expected selector, found ')'
(6243,53): run-time error CSS1025: Expected comma or open brace, found ')'
(6248,33): run-time error CSS1030: Expected identifier, found '>'
(6248,53): run-time error CSS1031: Expected selector, found ')'
(6248,53): run-time error CSS1025: Expected comma or open brace, found ')'
(6251,33): run-time error CSS1030: Expected identifier, found '>'
(6251,53): run-time error CSS1031: Expected selector, found ')'
(6251,53): run-time error CSS1025: Expected comma or open brace, found ')'
(6257,33): run-time error CSS1030: Expected identifier, found '>'
(6257,53): run-time error CSS1031: Expected selector, found ')'
(6257,53): run-time error CSS1025: Expected comma or open brace, found ')'
(6263,18): run-time error CSS1030: Expected identifier, found '.'
(6263,41): run-time error CSS1031: Expected selector, found ')'
(6263,41): run-time error CSS1025: Expected comma or open brace, found ')'
(6299,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6300,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6301,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6302,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6303,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6304,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6305,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6306,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6307,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6308,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6309,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6310,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6311,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6556,14): run-time error CSS1030: Expected identifier, found '.'
(6556,37): run-time error CSS1031: Expected selector, found ')'
(6556,37): run-time error CSS1025: Expected comma or open brace, found ')'
(6557,43): run-time error CSS1030: Expected identifier, found '.'
(6557,66): run-time error CSS1031: Expected selector, found ')'
(6557,66): run-time error CSS1025: Expected comma or open brace, found ')'
(6576,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6577,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6579,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6583,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6595,23): run-time error CSS1039: Token not allowed after unary operator: '-rcp-disp'
(6601,17): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red-deep'
(6602,35): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red-deep'
(6610,33): run-time error CSS1030: Expected identifier, found '>'
(6610,53): run-time error CSS1031: Expected selector, found ')'
(6610,53): run-time error CSS1025: Expected comma or open brace, found ')'
(6614,29): run-time error CSS1039: Token not allowed after unary operator: '-rcp-border-strong'
(6615,30): run-time error CSS1039: Token not allowed after unary operator: '-rcp-border-strong'
(6617,46): run-time error CSS1030: Expected identifier, found '.'
(6617,54): run-time error CSS1031: Expected selector, found ')'
(6617,54): run-time error CSS1025: Expected comma or open brace, found ')'
(6620,33): run-time error CSS1030: Expected identifier, found '>'
(6620,53): run-time error CSS1031: Expected selector, found ')'
(6620,53): run-time error CSS1025: Expected comma or open brace, found ')'
(6624,30): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red-deep'
(6629,34): run-time error CSS1030: Expected identifier, found '>'
(6629,36): run-time error CSS1030: Expected identifier, found 'tbody'
(6629,54): run-time error CSS1031: Expected selector, found ')'
(6629,54): run-time error CSS1025: Expected comma or open brace, found ')'
(6640,58): run-time error CSS1030: Expected identifier, found '>'
(6640,60): run-time error CSS1030: Expected identifier, found 'tbody'
(6640,78): run-time error CSS1031: Expected selector, found ')'
(6640,78): run-time error CSS1025: Expected comma or open brace, found ')'
(6649,58): run-time error CSS1030: Expected identifier, found '>'
(6649,60): run-time error CSS1030: Expected identifier, found 'tbody'
(6649,78): run-time error CSS1031: Expected selector, found ')'
(6649,78): run-time error CSS1025: Expected comma or open brace, found ')'
(6652,34): run-time error CSS1030: Expected identifier, found '>'
(6652,36): run-time error CSS1030: Expected identifier, found 'tbody'
(6652,54): run-time error CSS1031: Expected selector, found ')'
(6652,54): run-time error CSS1025: Expected comma or open brace, found ')'
(6653,34): run-time error CSS1030: Expected identifier, found '>'
(6653,36): run-time error CSS1030: Expected identifier, found 'tbody'
(6653,54): run-time error CSS1031: Expected selector, found ')'
(6653,54): run-time error CSS1025: Expected comma or open brace, found ')'
(6660,85): run-time error CSS1030: Expected identifier, found '>'
(6660,87): run-time error CSS1030: Expected identifier, found 'tbody'
(6660,105): run-time error CSS1031: Expected selector, found ')'
(6660,105): run-time error CSS1025: Expected comma or open brace, found ')'
(6664,38): run-time error CSS1030: Expected identifier, found '>'
(6664,40): run-time error CSS1030: Expected identifier, found 'tbody'
(6664,58): run-time error CSS1031: Expected selector, found ')'
(6664,58): run-time error CSS1025: Expected comma or open brace, found ')'
(6665,38): run-time error CSS1030: Expected identifier, found '>'
(6665,40): run-time error CSS1030: Expected identifier, found 'tbody'
(6665,58): run-time error CSS1031: Expected selector, found ')'
(6665,58): run-time error CSS1025: Expected comma or open brace, found ')'
(6666,38): run-time error CSS1030: Expected identifier, found '>'
(6666,40): run-time error CSS1030: Expected identifier, found 'tbody'
(6666,58): run-time error CSS1031: Expected selector, found ')'
(6666,58): run-time error CSS1025: Expected comma or open brace, found ')'
(6673,32): run-time error CSS1039: Token not allowed after unary operator: '-rcp-border'
(6678,91): run-time error CSS1039: Token not allowed after unary operator: '-rcp-ink'
(6681,69): run-time error CSS1039: Token not allowed after unary operator: '-rcp-border-strong'
(6682,76): run-time error CSS1039: Token not allowed after unary operator: '-rcp-border-strong'
(6683,46): run-time error CSS1039: Token not allowed after unary operator: '-rcp-border-strong'
(6694,29): run-time error CSS1039: Token not allowed after unary operator: '-rcp-red-deep'
 */
/*!
 * Bootstrap v4.2.1 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:80%;color:#6c757d}.blockquote-footer::before{content:"\2014\00A0"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#6c757d}code{font-size:87.5%;color:#e83e8c;word-break:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.table{width:100%;margin-bottom:1rem;background-color:transparent}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table .table{background-color:#fff}.table-sm td,.table-sm th{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{border-color:#7abaff}.table-hover .table-primary:hover{background-color:#9fcdff}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#d6d8db}.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{border-color:#b3b7bb}.table-hover .table-secondary:hover{background-color:#c8cbcf}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#c8cbcf}.table-success,.table-success>td,.table-success>th{background-color:#c3e6cb}.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{border-color:#8fd19e}.table-hover .table-success:hover{background-color:#b1dfbb}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>td,.table-info>th{background-color:#bee5eb}.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{border-color:#86cfda}.table-hover .table-info:hover{background-color:#abdde5}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{border-color:#ffdf7e}.table-hover .table-warning:hover{background-color:#ffe8a1}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb}.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:#ed969e}.table-hover .table-danger:hover{background-color:#f1b0b7}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>td,.table-light>th{background-color:#fdfdfe}.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{border-color:#fbfcfc}.table-hover .table-light:hover{background-color:#ececf6}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#95999c}.table-hover .table-dark:hover{background-color:#b9bbbe}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#fff;background-color:#212529;border-color:#32383e}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#212529}.table-dark td,.table-dark th,.table-dark thead th{border-color:#32383e}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;height:calc(2.25rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding-top:.375rem;padding-bottom:.375rem;margin-bottom:0;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{height:calc(1.8125rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.form-control-lg{height:calc(2.875rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}select.form-control[multiple],select.form-control[size]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#28a745}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(40,167,69,.9);border-radius:.25rem}.form-control.is-valid,.was-validated .form-control:valid{border-color:#28a745;padding-right:2.25rem;background-repeat:no-repeat;background-position:center right calc(2.25rem / 4);background-size:calc(2.25rem / 2) calc(2.25rem / 2);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e")}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip{display:block}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:2.25rem;background-position:top calc(2.25rem / 4) right calc(2.25rem / 4)}.custom-select.is-valid,.was-validated .custom-select:valid{border-color:#28a745;padding-right:3.4375rem;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") no-repeat center right 1.75rem/1.125rem 1.125rem}.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-select.is-valid~.valid-feedback,.custom-select.is-valid~.valid-tooltip,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip{display:block}.form-control-file.is-valid~.valid-feedback,.form-control-file.is-valid~.valid-tooltip,.was-validated .form-control-file:valid~.valid-feedback,.was-validated .form-control-file:valid~.valid-tooltip{display:block}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#28a745}.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{border-color:#28a745}.custom-control-input.is-valid~.valid-feedback,.custom-control-input.is-valid~.valid-tooltip,.was-validated .custom-control-input:valid~.valid-feedback,.was-validated .custom-control-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{border-color:#34ce57;background-color:#34ce57}.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before{border-color:#28a745}.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#28a745}.custom-file-input.is-valid~.valid-feedback,.custom-file-input.is-valid~.valid-tooltip,.was-validated .custom-file-input:valid~.valid-feedback,.was-validated .custom-file-input:valid~.valid-tooltip{display:block}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545;padding-right:2.25rem;background-repeat:no-repeat;background-position:center right calc(2.25rem / 4);background-size:calc(2.25rem / 2) calc(2.25rem / 2);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E")}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip{display:block}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:2.25rem;background-position:top calc(2.25rem / 4) right calc(2.25rem / 4)}.custom-select.is-invalid,.was-validated .custom-select:invalid{border-color:#dc3545;padding-right:3.4375rem;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") no-repeat center right 1.75rem/1.125rem 1.125rem}.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip{display:block}.form-control-file.is-invalid~.invalid-feedback,.form-control-file.is-invalid~.invalid-tooltip,.was-validated .form-control-file:invalid~.invalid-feedback,.was-validated .form-control-file:invalid~.invalid-tooltip{display:block}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#dc3545}.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{border-color:#dc3545}.custom-control-input.is-invalid~.invalid-feedback,.custom-control-input.is-invalid~.invalid-tooltip,.was-validated .custom-control-input:invalid~.invalid-feedback,.was-validated .custom-control-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{border-color:#e4606d;background-color:#e4606d}.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before{border-color:#dc3545}.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#dc3545}.custom-file-input.is-invalid~.invalid-feedback,.custom-file-input.is-invalid~.invalid-tooltip,.was-validated .custom-file-input:invalid~.invalid-feedback,.was-validated .custom-file-input:invalid~.invalid-tooltip{display:block}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .custom-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212529;text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}.btn:not(:disabled):not(.disabled){cursor:pointer}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn-primary.focus,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.btn-secondary.focus,.btn-secondary:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success.focus,.btn-success:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}.btn-info.focus,.btn-info:focus{box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}.btn-warning.focus,.btn-warning:focus{box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger.focus,.btn-danger:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}.btn-light.focus,.btn-light:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark.focus,.btn-dark:focus{box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-outline-primary{color:#007bff;border-color:#007bff}.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#007bff;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-secondary{color:#6c757d;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-success{color:#28a745;border-color:#28a745}.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;background-color:transparent}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-info{color:#17a2b8;border-color:#17a2b8}.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;background-color:transparent}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-warning{color:#ffc107;border-color:#ffc107}.btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-danger{color:#dc3545;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-dark{color:#343a40;border-color:#343a40}.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;background-color:transparent}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-link{font-weight:400;color:#007bff}.btn-link:hover{color:#0056b3;text-decoration:underline}.btn-link.focus,.btn-link:focus{text-decoration:underline;box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#6c757d;pointer-events:none}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{transition:opacity .15s linear}@media screen and (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media screen and (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu-right{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-right{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-right{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-right{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-right{right:0;left:auto}}.dropdown-menu-left{right:auto;left:0}@media (min-width:576px){.dropdown-menu-sm-left{right:auto;left:0}}@media (min-width:768px){.dropdown-menu-md-left{right:auto;left:0}}@media (min-width:992px){.dropdown-menu-lg-left{right:auto;left:0}}@media (min-width:1200px){.dropdown-menu-xl-left{right:auto;left:0}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:first-child{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.dropdown-item:last-child{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}.btn-group,.btn-group-vertical{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1}.btn-toolbar{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropleft .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;margin-bottom:0}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control{margin-left:-1px}.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-append,.input-group-prepend{display:-ms-flexbox;display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn:focus,.input-group-prepend .btn:focus{z-index:3}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group-lg>.custom-select,.input-group-lg>.form-control:not(textarea){height:calc(2.875rem + 2px)}.input-group-lg>.custom-select,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea){height:calc(1.8125rem + 2px)}.input-group-sm>.custom-select,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.input-group-lg>.custom-select,.input-group-sm>.custom-select{padding-right:1.75rem}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.custom-control{position:relative;display:block;min-height:1.5rem;padding-left:1.5rem}.custom-control-inline{display:-ms-inline-flexbox;display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;z-index:-1;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#007bff;background-color:#007bff}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#80bdff}.custom-control-input:not(:disabled):active~.custom-control-label::before{color:#fff;background-color:#b3d7ff;border-color:#b3d7ff}.custom-control-input:disabled~.custom-control-label{color:#6c757d}.custom-control-input:disabled~.custom-control-label::before{background-color:#e9ecef}.custom-control-label{position:relative;margin-bottom:0;vertical-align:top}.custom-control-label::before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";background-color:#fff;border:#adb5bd solid 1px}.custom-control-label::after{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background-repeat:no-repeat;background-position:center center;background-size:50% 50%}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{border-color:#007bff;background-color:#007bff}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-radio .custom-control-label::before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-switch{padding-left:2.25rem}.custom-switch .custom-control-label::before{left:-2.25rem;width:1.75rem;pointer-events:all;border-radius:.5rem}.custom-switch .custom-control-label::after{top:calc(.25rem + 2px);left:calc(-2.25rem + 2px);width:calc(1rem - 4px);height:calc(1rem - 4px);background-color:#adb5bd;border-radius:.5rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.custom-switch .custom-control-label::after{transition:none}}.custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#fff;-webkit-transform:translateX(.75rem);transform:translateX(.75rem)}.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-select{display:inline-block;width:100%;height:calc(2.25rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-weight:400;line-height:1.5;color:#495057;vertical-align:middle;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(128,189,255,.5)}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#6c757d;background-color:#e9ecef}.custom-select::-ms-expand{opacity:0}.custom-select-sm{height:calc(1.8125rem + 2px);padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem}.custom-select-lg{height:calc(2.875rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}.custom-file{position:relative;display:inline-block;width:100%;height:calc(2.25rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(2.25rem + 2px);margin:0;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-file-input:disabled~.custom-file-label{background-color:#e9ecef}.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}.custom-file-input~.custom-file-label[data-browse]::after{content:attr(data-browse)}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(2.25rem + 2px);padding:.375rem .75rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:2.25rem;padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:inherit;border-radius:0 .25rem .25rem 0}.custom-range{width:100%;height:calc(1rem + .4rem);padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media screen and (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media screen and (prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{transition:none}}.custom-range::-moz-range-thumb:active{background-color:#b3d7ff}.custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media screen and (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{transition:none}}.custom-range::-ms-thumb:active{background-color:#b3d7ff}.custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}.custom-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.custom-range:disabled::-webkit-slider-runnable-track{cursor:default}.custom-range:disabled::-moz-range-thumb{background-color:#adb5bd}.custom-range:disabled::-moz-range-track{cursor:default}.custom-range:disabled::-ms-thumb{background-color:#adb5bd}.custom-control-label::before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.custom-control-label::before,.custom-file-label,.custom-select{transition:none}}.nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}.nav-fill .nav-item{-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}.nav-justified .nav-item{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem}.navbar>.container,.navbar>.container-fluid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler:not(:disabled):not(.disabled){cursor:pointer}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat center center;background-size:100% 100%}@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:576px){.navbar-expand-sm{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-sm .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-expand-md{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-md .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:1200px){.navbar-expand-xl{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-xl .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-body{-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;color:inherit;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem}.card-img{width:100%;border-radius:calc(.25rem - 1px)}.card-img-top{width:100%;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img-bottom{width:100%;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{display:-ms-flexbox;display:flex;-ms-flex:1 0 0%;flex:1 0 0%;-ms-flex-direction:column;flex-direction:column;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group>.card{-ms-flex:1 0 0%;flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:first-child .card-header,.card-group>.card:first-child .card-img-top{border-top-right-radius:0}.card-group>.card:first-child .card-footer,.card-group>.card:first-child .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:last-child .card-header,.card-group>.card:last-child .card-img-top{border-top-left-radius:0}.card-group>.card:last-child .card-footer,.card-group>.card:last-child .card-img-bottom{border-bottom-left-radius:0}.card-group>.card:only-child{border-radius:.25rem}.card-group>.card:only-child .card-header,.card-group>.card:only-child .card-img-top{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card-group>.card:only-child .card-footer,.card-group>.card:only-child .card-img-bottom{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-group>.card:not(:first-child):not(:last-child):not(:only-child){border-radius:0}.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top{border-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.accordion .card{overflow:hidden}.accordion .card:not(:first-of-type) .card-header:first-child{border-radius:0}.accordion .card:not(:first-of-type):not(:last-of-type){border-bottom:0;border-radius:0}.accordion .card:first-of-type{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion .card:last-of-type{border-top-left-radius:0;border-top-right-radius:0}.accordion .card .card-header{margin-bottom:-1px}.breadcrumb{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:2;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-link:not(:disabled):not(.disabled){cursor:pointer}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:1;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}a.badge:focus,a.badge:hover{text-decoration:none}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-primary{color:#fff;background-color:#007bff}a.badge-primary:focus,a.badge-primary:hover{color:#fff;background-color:#0062cc}.badge-secondary{color:#fff;background-color:#6c757d}a.badge-secondary:focus,a.badge-secondary:hover{color:#fff;background-color:#545b62}.badge-success{color:#fff;background-color:#28a745}a.badge-success:focus,a.badge-success:hover{color:#fff;background-color:#1e7e34}.badge-info{color:#fff;background-color:#17a2b8}a.badge-info:focus,a.badge-info:hover{color:#fff;background-color:#117a8b}.badge-warning{color:#212529;background-color:#ffc107}a.badge-warning:focus,a.badge-warning:hover{color:#212529;background-color:#d39e00}.badge-danger{color:#fff;background-color:#dc3545}a.badge-danger:focus,a.badge-danger:hover{color:#fff;background-color:#bd2130}.badge-light{color:#212529;background-color:#f8f9fa}a.badge-light:focus,a.badge-light:hover{color:#212529;background-color:#dae0e5}.badge-dark{color:#fff;background-color:#343a40}a.badge-dark:focus,a.badge-dark:hover{color:#fff;background-color:#1d2124}.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}@media (min-width:576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease}@media screen and (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}.media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.media-body{-ms-flex:1;flex:1}.list-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;margin-bottom:-1px;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.list-group-item:focus,.list-group-item:hover{z-index:1;text-decoration:none}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.list-group-flush .list-group-item{border-right:0;border-left:0;border-radius:0}.list-group-flush .list-group-item:last-child{margin-bottom:-1px}.list-group-flush:first-child .list-group-item:first-child{border-top:0}.list-group-flush:last-child .list-group-item:last-child{margin-bottom:0;border-bottom:0}.list-group-item-primary{color:#004085;background-color:#b8daff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#004085;background-color:#9fcdff}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#004085;border-color:#004085}.list-group-item-secondary{color:#383d41;background-color:#d6d8db}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383d41;background-color:#c8cbcf}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383d41;border-color:#383d41}.list-group-item-success{color:#155724;background-color:#c3e6cb}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#155724;background-color:#b1dfbb}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#155724;border-color:#155724}.list-group-item-info{color:#0c5460;background-color:#bee5eb}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#0c5460;background-color:#abdde5}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0c5460;border-color:#0c5460}.list-group-item-warning{color:#856404;background-color:#ffeeba}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#856404;background-color:#ffe8a1}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#856404;border-color:#856404}.list-group-item-danger{color:#721c24;background-color:#f5c6cb}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#721c24;background-color:#f1b0b7}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#721c24;border-color:#721c24}.list-group-item-light{color:#818182;background-color:#fdfdfe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#818182;background-color:#ececf6}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#818182;border-color:#818182}.list-group-item-dark{color:#1b1e21;background-color:#c6c8ca}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#1b1e21;background-color:#b9bbbe}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:hover{color:#000;text-decoration:none}.close:not(:disabled):not(.disabled){cursor:pointer}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:.75}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}a.close.disabled{pointer-events:none}.toast{max-width:350px;overflow:hidden;font-size:.875rem;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);border-radius:.25rem;box-shadow:0 .25rem .75rem rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0}.toast:not(:last-child){margin-bottom:.75rem}.toast.showing{opacity:1}.toast.show{display:block;opacity:1}.toast.hide{display:none}.toast-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.25rem .75rem;color:#6c757d;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05)}.toast-body{padding:.75rem}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}@media screen and (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{-webkit-transform:none;transform:none}.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - (.5rem * 2))}.modal-dialog-centered::before{display:block;height:calc(100vh - (.5rem * 2));content:""}.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #e9ecef;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:1rem;border-top:1px solid #e9ecef;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.modal-footer>:not(:first-child){margin-left:.25rem}.modal-footer>:not(:last-child){margin-right:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-centered{min-height:calc(100% - (1.75rem * 2))}.modal-dialog-centered::before{height:calc(100vh - (1.75rem * 2))}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .arrow::after,.popover .arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto[x-placement^=top] .arrow,.bs-popover-top .arrow{bottom:calc((.5rem + 1px) * -1)}.bs-popover-auto[x-placement^=top] .arrow::after,.bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::after,.bs-popover-top .arrow::before{border-width:.5rem .5rem 0}.bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::before{bottom:0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=top] .arrow::after,.bs-popover-top .arrow::after{bottom:1px;border-top-color:#fff}.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem}.bs-popover-auto[x-placement^=right] .arrow,.bs-popover-right .arrow{left:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=right] .arrow::after,.bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::after,.bs-popover-right .arrow::before{border-width:.5rem .5rem .5rem 0}.bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::before{left:0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=right] .arrow::after,.bs-popover-right .arrow::after{left:1px;border-right-color:#fff}.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}.bs-popover-auto[x-placement^=bottom] .arrow,.bs-popover-bottom .arrow{top:calc((.5rem + 1px) * -1)}.bs-popover-auto[x-placement^=bottom] .arrow::after,.bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::after,.bs-popover-bottom .arrow::before{border-width:0 .5rem .5rem .5rem}.bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::before{top:0;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=bottom] .arrow::after,.bs-popover-bottom .arrow::after{top:1px;border-bottom-color:#fff}.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f7f7f7}.bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem}.bs-popover-auto[x-placement^=left] .arrow,.bs-popover-left .arrow{right:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::after,.bs-popover-left .arrow::before{border-width:.5rem 0 .5rem .5rem}.bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::before{right:0;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-left .arrow::after{right:1px;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;color:inherit;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}.carousel{position:relative}.carousel.pointer-event{-ms-touch-action:pan-y;touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left){-webkit-transform:translateX(100%);transform:translateX(100%)}.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right){-webkit-transform:translateX(-100%);transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;-webkit-transform:none;transform:none}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:0s .6s opacity}@media screen and (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5;transition:opacity .15s ease}@media screen and (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:transparent no-repeat center center;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{box-sizing:content-box;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media screen and (prefers-reduced-motion:reduce){.carousel-indicators li{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@-webkit-keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1}}@keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:spinner-grow .75s linear infinite;animation:spinner-grow .75s linear infinite}.spinner-grow-sm{width:1rem;height:1rem}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.bg-primary{background-color:#007bff!important}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#0062cc!important}.bg-secondary{background-color:#6c757d!important}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#545b62!important}.bg-success{background-color:#28a745!important}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:#007bff!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded{border-radius:.25rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-0{border-radius:0!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-3by4::before{padding-top:133.333333%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.min-vw-100{min-width:100vw!important}.min-vh-100{min-height:100vh!important}.vw-100{width:100vw!important}.vh-100{height:100vh!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-n1{margin:-.25rem!important}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}.m-sm-n3{margin:-1rem!important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}.m-sm-n4{margin:-1.5rem!important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}.m-sm-n5{margin:-3rem!important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-n1{margin:-.25rem!important}.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}.m-md-n2{margin:-.5rem!important}.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}.m-md-n3{margin:-1rem!important}.mt-md-n3,.my-md-n3{margin-top:-1rem!important}.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}.m-md-n4{margin:-1.5rem!important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}.m-md-n5{margin:-3rem!important}.mt-md-n5,.my-md-n5{margin-top:-3rem!important}.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}.ml-md-n5,.mx-md-n5{margin-left:-3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-n1{margin:-.25rem!important}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}.m-lg-n3{margin:-1rem!important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}.m-lg-n4{margin:-1.5rem!important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}.m-lg-n5{margin:-3rem!important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-n1{margin:-.25rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}.m-xl-n3{margin:-1rem!important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}.m-xl-n5{margin:-3rem!important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}.text-justify{text-align:justify!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-lighter{font-weight:lighter!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-weight-bolder{font-weight:bolder!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0056b3!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#494f54!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#19692c!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#0f6674!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#ba8b00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#a71d2a!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#cbd3da!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#121416!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.text-decoration-none{text-decoration:none!important}.text-reset{color:inherit!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}.table-dark{color:inherit}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}.table .thead-dark th{color:inherit;border-color:#dee2e6}}
/*# sourceMappingURL=bootstrap.min.css.map */
/*!
 *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
* -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../Content/fonts/fontawesome-webfont.eot?v=4.6.3');
  src: url('../Content/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../Content/fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../Content/fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../Content/fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../Content/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper-pp:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-edge:before {
  content: "\f282";
}
.fa-credit-card-alt:before {
  content: "\f283";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-modx:before {
  content: "\f285";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-usb:before {
  content: "\f287";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-pause-circle-o:before {
  content: "\f28c";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stop-circle-o:before {
  content: "\f28e";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-percent:before {
  content: "\f295";
}
.fa-gitlab:before {
  content: "\f296";
}
.fa-wpbeginner:before {
  content: "\f297";
}
.fa-wpforms:before {
  content: "\f298";
}
.fa-envira:before {
  content: "\f299";
}
.fa-universal-access:before {
  content: "\f29a";
}
.fa-wheelchair-alt:before {
  content: "\f29b";
}
.fa-question-circle-o:before {
  content: "\f29c";
}
.fa-blind:before {
  content: "\f29d";
}
.fa-audio-description:before {
  content: "\f29e";
}
.fa-volume-control-phone:before {
  content: "\f2a0";
}
.fa-braille:before {
  content: "\f2a1";
}
.fa-assistive-listening-systems:before {
  content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}
.fa-glide:before {
  content: "\f2a5";
}
.fa-glide-g:before {
  content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}
.fa-low-vision:before {
  content: "\f2a8";
}
.fa-viadeo:before {
  content: "\f2a9";
}
.fa-viadeo-square:before {
  content: "\f2aa";
}
.fa-snapchat:before {
  content: "\f2ab";
}
.fa-snapchat-ghost:before {
  content: "\f2ac";
}
.fa-snapchat-square:before {
  content: "\f2ad";
}
.fa-pied-piper:before {
  content: "\f2ae";
}
.fa-first-order:before {
  content: "\f2b0";
}
.fa-yoast:before {
  content: "\f2b1";
}
.fa-themeisle:before {
  content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

@charset "utf-8";

/*
------------------------------------------------------------
Project Name : Sample Project;
------------------------------------------------------------
*/

/* Must import all other css files here instead of HTML Pages */
@import url("bootstrap.min.css");
@import url("font-awesome.css");
/*@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');


/*@font-face {
	font-family: 'BentonSans';
    src: url('../Content/fonts/BentonSansBold.otf') format('opentype');
    font-weight: 700;
}

@font-face {
    font-family: 'BentonSans';
    src: url('../Content/fonts/BentonSansRegular.otf') format('opentype');
    font-weight: 400;
}

@font-face {
    font-family: 'BentonSans';
    src: url('../Content/fonts/BentonSansMedium.otf') format('opentype');
    font-weight: 500;
}

@font-face {
    font-family: 'BentonSans';
    src: url('../Content/fonts/BentonSansLight.otf') format('opentype');
    font-weight: 300;
}*/


/* Reset 
--------------------------------------------------------------------------------------------------------*/
/* 
http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
    color: #4a4a4a;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* Css Clearfix */
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* General 
--------------------------------------------------------------------------------------------------------*/
* {
    outline: none !important;
    border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

a, .container, .logo img {
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

html, body {
    height: 100%;
}

body {
    /*font-family: 'Manrope', sans-serif;*/
    font-family: "Manrope", serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 26px;
    background-size: cover;
}

.wrapper {
    min-height: 100%;
    padding-bottom: 162px;
	background : #F8F9FF;
}

a {
    color: #000;
    text-decoration: none !important;
}

    a:hover {
        text-decoration: none;
        color: #999;
    }

h1, h2, h3, h4, h5, h6 {
    line-height: 1.2em;
    padding: 0 0 20px;
}

    h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
        display: block;
        font-size: 0.5em;
        line-height: 1.2em;
    }

h1 {
    font-size: 3em;
}

h2 {
    font-size: 2.6em;
}

h3 {
    font-size: 2.33333333em;
}

h4 {
    font-size: 2em;
}

h5 {
    font-size: 1.4em;
}

h6 {
    font-size: 1.07em;
}

p {
    padding: 0 0 20px;
}

input[type=text], input[type=email], input[type=password], textarea {
    -webkit-appearance: none;
    appearance: none;
}

::-webkit-input-placeholder {
    color: #000;
}

::-moz-placeholder {
    color: #000;
}

:-ms-input-placeholder {
    color: #000;
}

:-moz-placeholder {
    color: #000;
}

.btn {
    border: 0;
    font-size: 30px;
	line-height: 36px;
    font-weight: 700;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5) !important;
    -ms-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5) !important;
	transition: all 0.3s ease;
	padding: 16px 20px;
}
.btn-lg{border-radius: 4px; padding: 16px 47px;}
.btn-sm{font-size: 18px; line-height: 24px; padding: 8px 22px;}
.btn-md{font-size: 20px; line-height: 26px; padding: 15px; min-width: 218px;}
.btn-primary {
    background: #5A78FF !important;
}
.btn-default {
    background: #ECEFFF;
    color: #4A4A4A;
}

    .btn-primary:hover {
        background: #516ce6 !important;
    }
.bg-danger {
    background-color: #f2dede !important;
    margin-bottom: 5px;
    margin-top: 10px;
    padding: 8px;
    font-size: 16px;
    border-radius: 3px;
    color: #9c2c2c;
    margin-left: 10px;
    margin-right: 10px;
}
.bg-success {
    background-color: #dff0d8 !important;
    margin-bottom: 5px;
    margin-top: 10px;
    padding: 8px;
    font-size: 16px;
    border-radius: 3px;
    margin-left: 10px;
    margin-right: 10px;
}
.btn-secondary{background: #22c064!important; color: #fff!important;}
.btn-secondary:hover{background: #18a453!important;}
.primary-link{color: #5A78FF !important;}
.primary-link:hover,.primary-link:focus{color: #5A78FF !important; text-decoration: underline !important;}
.modal-lg{max-width: 1080px; width: 100%;}

/* Header
--------------------------------------------------------------------------------------------------------*/
.header-top{height: 195px; filter: drop-shadow(0px 0px 10px rgba(55, 70, 95, 0.12)); background-image: url("../Content/images/ETicketImages/eticket-header.jpg"); display: flex; justify-content: space-between; align-items: flex-start; background-repeat: no-repeat; background-size: cover; padding: 20px 26px;}
.header-top .back-btn{height: 36px; width: 36px; display: flex; align-items: center; justify-content: center; border-radius: 50%; padding: 0; background: #5A78FF; transition: all 0.3s ease;}
.header-top .back-btn:hover,.header-top .back-btn:focus{background: #516ce6;}
.header-top .btn{font-size: 24px; padding: 4px 14px 6px 10px; font-weight: 500; line-height: 32px; display: flex; align-items: center;}
.header-top .btn img{margin-right: 12px;}
.header.event-header .main-heading{display: block;}
.header.event-header .main-heading .logo{height: 84px; width: 84px; padding: 0;}
.header.event-header .main-heading .event-details h1{padding-top: 28px;}
.header.event-header .main-heading .event-details{padding-left: 0;}
.header.event-header .main-heading .event-details p{padding-bottom: 20px;}
.header.event-header .main-heading .social-links{margin-left: -4px;}
.header.event-header .header-bottom{display: flex; padding-left: 158px; z-index: 3; padding-right: 34px; margin-top: -78px;}
.header.event-header .header-top{padding-left: 104px;/* height: 106px;*/ position: relative; z-index: 2;}
.header.event-header .header-top .back-btn{margin-top: 30px;}
.header.event-header{background: linear-gradient(180deg, #FFFFFF 69.09%, rgba(255, 255, 255, 0) 100%); position: relative;}
/*.header.event-header .header-bottom::after{content:""; filter: drop-shadow(0px 0px 10px rgba(55, 70, 95, 0.12)); position: absolute; z-index: -1; top: -28px; left: 0; right: 0; height: 106px; background-image: url("../Content/images/ETicketImages/fair-header-img.jpg"); background-repeat: no-repeat; background-size: cover;}*/

/* opening-time
--------------------------------------------------------------------------------------------------------*/
.opening-time ul{display: flex; filter: drop-shadow(0px 0px 15px rgba(90, 120, 255, 0.5));}
.opening-time ul li:not(:last-child){margin-right: 10px;}
.opening-time{margin-left: auto; margin-top: 70px;}
.opening-time ul li{min-width: 74px; display: flex; align-items: center; justify-content: center; flex-direction: column; min-height: 89px; background: #FFFFFF; box-shadow: 0px 0px 10px rgba(55, 70, 95, 0.12); border-radius: 4px;}
.opening-time ul li p{font-size: 42px; padding-bottom: 3px; font-weight: 300; line-height: 48px; color: #4a4a4a;}
.opening-time ul li span{font-size: 14px; line-height: 20px; color: #4a4a4a;}
.opening-time a{font-size: 18px; line-height: 24px; text-align: center; display: block; font-weight: 700; margin: 22px auto 0;}

.header-bottom {
    position: relative;
	padding-left: 30px; padding-right: 46px;
	margin-top: -42px;
    display:flex;
}

.main-heading {
    display: flex;
}
    .main-heading .logo {
        background: #fafafa;
        border-radius: 100%;
        overflow: hidden;
        flex-shrink: 0;
		width: 210px;
        border: 5px solid #fff;
        padding-left: 15px;
        padding-right: 15px;
        height: 210px;
		display: flex;
		align-items: center;
		justify-content: center;
		box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.5);
    }
	.main-heading .logo a{display: block;}
    .main-heading .logo img {
        max-width: 100%;
        display: block;
    }
	.main-heading .event-details{padding-left: 55px;}
    .main-heading .event-details h1 {
		font-size: 42px;
		line-height: 47px;
		padding-bottom: 8px;
		color: #4A4A4A;
		padding-top: 80px;
        font-weight: 700;
    }
	.main-heading .social-links{display: flex; align-items: center; margin-left: auto;}
	.main-heading .social-links a{display: block; transition: all 0.3s ease;}
	.main-heading .social-links a:hover{transform: scale(1.2);}
	.main-heading .social-links li:not(:last-child){margin-right: 14px;}
	.main-heading .social-links a img{display: block; height: 28px; width: 28px;}

	.main-heading .event-details p{font-size: 20px; line-height: 28px; color: #4a4a4a; padding-bottom: 0;}
	.main-heading .event-details a{font-size: 20px; line-height: 28px; font-weight: 500;}

        .main-heading h1 span {
            font-size: 0.333333333em;
        }


    .share-btn:hover {
        background-color: #018dd1;
    }

/* event-details-wrapper
--------------------------------------------------------------------------------------------------------*/
.event-details-wrapper.main-content{padding: 50px 56px 70px 156px; width: 100%;}
.event-details-wrapper{display: flex;}
.event-details-wrapper .right{max-width: 268px; flex-basis: 268px; flex-shrink: 0; flex-grow: 0;}
.event-details-wrapper .left{margin-right: 64px; background: #fff; border: 1px solid #D8D8D8; padding: 50px 50px 10px; box-sizing: border-box; box-shadow: 0px 0px 10px rgba(55, 70, 95, 0.12); border-radius: 4px; max-width: calc(100% - 332px); flex-shrink: 0; flex-grow: 0; flex-basis: calc(100% - 332px);}
.event-details-wrapper .left h6{font-size: 20px; line-height: 30px; color: #4a4a4a; font-weight: 700; padding-bottom: 15px; text-transform: uppercase;}
.event-details-wrapper .left p{font-size: 20px; line-height: 30px; color: #4a4a4a; padding-bottom: 18px;}
.event-details-wrapper .left img{width: 100%; margin-bottom: 46px; max-width: 100%; border: 1px solid #D8D8D8; filter: drop-shadow(0px 0px 10px rgba(55, 70, 95, 0.12)); border-radius: 4px;}
.event-details-wrapper .right .btn{width: 100%; padding: 10px 20px; margin-bottom: 28px;}
.event-details-wrapper .right h6{font-size: 20px; padding-bottom: 14px; line-height: 26px; text-transform: uppercase; color: #4a4a4a; font-weight: 500;}
.event-details-wrapper .right strong{font-weight: 700; color: #4a4a4a; padding-bottom: 46px; display: block;}
.event-details-wrapper .right p{color: #4a4a4a; font-size: 20px; line-height: 33px; padding-bottom: 24px;}
.event-details-wrapper .right .map iframe{border: 1px solid #D8D8D8; filter: drop-shadow(0px 0px 10px rgba(55, 70, 95, 0.12)); margin-bottom: 50px;}
.event-details-wrapper .right ul li strong{display: inline-block; font-weight: 500; padding: 0;}
.event-details-wrapper .right ul li{font-size: 16px; line-height: 33px; color: #4a4a4a;}

/* Ticket-details-wrapper
--------------------------------------------------------------------------------------------------------*/
.ticket-details-wrapper.main-content{padding: 50px 40px 70px 60px; width: 100%;}
.ticket-details-wrapper{display: flex;}
.ticket-details-wrapper .right{max-width: 535px; flex-basis: 535px; flex-shrink: 0; flex-grow: 0;  background: #fff; border: 1px solid #D8D8D8; padding: 50px 50px 10px; box-sizing: border-box; box-shadow: 0px 0px 10px rgba(55, 70, 95, 0.12); border-radius: 4px; }
.ticket-details-wrapper .left{margin-right: 64px; background: #fff; border: 1px solid #D8D8D8; padding: 50px 50px 10px; box-sizing: border-box; box-shadow: 0px 0px 10px rgba(55, 70, 95, 0.12); border-radius: 4px; max-width: calc(80% - 250px); flex-shrink: 0; flex-grow: 0; flex-basis: calc(80% - 250px);}
.ticket-details-wrapper .left h6{font-size: 20px; line-height: 30px; color: #4a4a4a; font-weight: 700; padding-bottom: 15px; text-transform: uppercase;}
.ticket-details-wrapper .left p{font-size: 20px; line-height: 30px; color: #4a4a4a; padding-bottom: 18px;}
/*.ticket-details-wrapper .left img{width: 100%; margin-bottom: 46px; max-width: 100%; border: 1px solid #D8D8D8; filter: drop-shadow(0px 0px 10px rgba(55, 70, 95, 0.12)); border-radius: 4px;}*/
.ticket-details-wrapper .right .btn{width: 100%; padding: 10px 20px; margin-bottom: 28px;}
.ticket-details-wrapper .right h6{font-size: 20px; padding-bottom: 14px; line-height: 26px; text-transform: uppercase; color: #4a4a4a; font-weight: 500;}
.ticket-details-wrapper .right strong{font-weight: 700; color: #4a4a4a; padding-bottom: 46px; display: block;}
.ticket-details-wrapper .right p{color: #4a4a4a; font-size: 20px; line-height: 33px; padding-bottom: 24px;}
.ticket-details-wrapper .right .map iframe{border: 1px solid #D8D8D8; filter: drop-shadow(0px 0px 10px rgba(55, 70, 95, 0.12)); margin-bottom: 50px;}
.ticket-details-wrapper .right ul li strong{display: inline-block; font-weight: 500; padding: 0;}
.ticket-details-wrapper .right ul li{font-size: 16px; line-height: 33px; color: #4a4a4a;}

/* company-text
--------------------------------------------------------------------------------------------------------*/
.company-text{padding-bottom: 70px;}
.company-text p{font-size: 12px; line-height: 18px; text-align: center; opacity: 0.6; padding-bottom: 0; color: #4a4a4a;}
.company-text a, .company-text a img{display: block; margin: 0 auto;}

/* primary-dialog
--------------------------------------------------------------------------------------------------------*/
.primary-dialog{background: #FFFFFF; margin-top: 0; margin-bottom: 0; box-shadow: -7px 8px 16px rgba(55, 70, 95, 0.12); border-radius: 4px;}
.primary-dialog .modal-content{border: none; border-radius: 3px;}
.primary-dialog .modal-header{background: #5A78FF; box-shadow: -7px 8px 16px rgba(55, 70, 95, 0.12);}
.single-header{display: flex; align-items: center; background: #5A78FF;}
.single-header .logo-wrapper{height: 76px; margin-right: 28px; width: 76px; display: flex; align-items: center; justify-content: center; padding: 0 10px; background: #fafafa; border: 5px solid #fff; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); border-radius: 50%;}
.single-header .event-info h6{font-size: 28px; padding-bottom: 6px; line-height: 34px; color: #fff; font-weight: 700;}
.single-header .event-info h5{font-size: 36px; line-height: 40px; padding-right: 16px; padding-bottom: 0; color: #fff; font-weight: 700;}
.single-header .event-info span{font-size: 20px; display: block; line-height: 26px; color: #fff;}
.single-header p{font-size: 24px; padding: 0; font-weight: 500; margin-left: auto; line-height: 30px; color: #fff;}
.single-header .close{height: 36px; margin-left: 34px; width: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: linear-gradient(180deg, #5950E9 0%, #413AA4 100%); box-shadow: -7px 8px 16px rgba(55, 70, 95, 0.12); opacity: 1;}
.single-header .close img{height: 24px; width: 24px; display: block;}
.single-header{padding: 23px 38px 23px 18px;}
.buy-ticket-dialog .table-responsive{padding-left: 114px;}
.buy-ticket-dialog .table th:first-child{font-size: 36px; line-height: 42px; font-weight: 700;}
.buy-ticket-dialog .table th:not(:first-child){font-size: 20px; text-transform: uppercase; line-height: 26px; font-weight: 500;}
.buy-ticket-dialog .table th:last-child{padding-left: 39px;}
.buy-ticket-dialog .table p{font-size: 18px; line-height: 28px; padding: 0; font-weight: 700;}
.buy-ticket-dialog .table span{font-size: 14px; margin: 0; line-height: 28px; padding: 0;}
.buy-ticket-dialog .form-control[readonly] {background: #fff !important;}
.text-primary{color: #5A78FF;}
.primary-dialog .modal-footer{text-align: left; box-shadow: 0px 0px 10px rgba(55, 70, 95, 0.12); border: none; padding: 7px 15px 7px 129px;}
.primary-dialog .modal-footer .table th{padding: 0;}
.primary-dialog .modal-footer .table{margin: 0;}
.primary-dialog .modal-footer .table > tbody > tr > td{font-size: 28px; line-height: 34px;}
.primary-dialog .modal-footer .table > tbody > tr > td.text-primary{font-weight: 700;}
.primary-dialog .modal-footer .btn{width: 100%; display: flex; align-items: center; justify-content: center; padding: 10px 20px;}
.primary-dialog .modal-footer .btn span{font-size: 30px; line-height: 36px; font-weight: 700;}
.primary-dialog .modal-footer .btn img{transform: rotate(-180deg); margin-left: 16px;}
.primary-dialog .modal-body{padding: 20px 15px; max-height: calc(100vh - 244px); overflow-x: hidden; overflow-y: auto;}
.modal-open .modal.modal-dialog-centered{display: block; justify-content: center; align-items: center;}
.modal{padding: 15px;}
.single-header .back-btn{background: none; margin-right: 10px; margin-left: -8px; transition: all 0.3s ease; border-radius: 50%; border: none; outline: none; box-shadow: none; height: 40px; width: 40px; display: flex; align-items: center; justify-content: center;}
.single-header img{display: block; max-width: 58px;}
.single-header .back-btn:hover,.single-header .back-btn:focus{background: rgba(0,0,0,0.2);}
header.single-header{padding-right: 50px; box-shadow: -7px 8px 16px rgba(55, 70, 95, 0.12);}

/* Main Content
--------------------------------------------------------------------------------------------------------*/
.main-content{padding:30px 50px}
.page-heading-outer{padding:35px 0 0;margin-bottom:36px;display:flex}
.page-heading-outer.has-border{border-bottom:solid 1px #4a4a4a;padding-bottom:30px}
.page-heading-outer .page-heading{padding:0;font-size:20px;line-height:26px;color:#4a4a4a;font-weight:500;text-transform:uppercase}
.page-heading-outer .page-heading .arrow-left{width:38px;height:38px;background:url(../Content/images/ETicketImages/arrow-left.png) center center no-repeat;vertical-align:middle;display:inline-block;margin-top:-10px}
.page-heading-outer .dropdown{margin-left:auto}
.page-heading-outer .dropdown-toggle{background:0 0;border:0;font-size:20px;color:#4a4a4a;height:26px;padding:0;font-weight:500;text-transform:uppercase}
.page-heading-outer .dropdown-toggle .caret{margin-left:10px;border-top-width:9px;border-left-width:9px;border-right-width:9px}
.page-heading-outer .dropdown-menu{border:0;border-radius:0;padding:0;border-radius:4px}
.page-heading-outer .dropdown-menu li a{padding:8px 16px;font-size:18px;line-height:24px}
.page-heading-outer .dropdown-menu li a:hover{background:#5a78ff;color:#fff}
.page-heading-outer .dropdown-menu li:first-child a{border-top-left-radius: 4px; border-top-right-radius: 4px;}
.page-heading-outer .dropdown-menu li:last-child a{border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}
.page-heading-outer .date-and-place{float:right;font-size:1.33333333em;line-height:1.33333333em;font-weight:600;color:#9b9b9b}
.page-heading-outer .date-and-place em{display:block;font-weight:400;font-size:.875em;line-height:1em}
.page-heading-outer .page-heading span{color:#9b9b9b}
.page-heading-outer .page-heading.text-center{float:none}
.event-list{margin-bottom:60px}
.event-list li{width:100%;border:solid 1px #d8d8d8;border-radius:4px;overflow:hidden;background:#fff}
.event-list li{margin-bottom:36px;display:flex;align-items:center;padding-right:22px;box-shadow:0 0 10px rgba(55,70,95,.12)}
.event-list li:last-child{margin-bottom:0}
.event-list li .event-img{width:240px;border:1px solid #d8d8d8;border-radius:3px 0 0 3px;overflow:hidden}
.event-list li .event-img img{display:block;width:100%}
.event-list li .event-content{padding:15px 15px 15px 56px}
.event-list li h4{padding-bottom:0;line-height:0}
.event-list li h4 a{display:inline-block;color:#4a4a4a;font-weight:700;font-size:36px;line-height:43px;padding-bottom:14px}
.event-list li h4 span{color:#9b9b9b;font-weight:500;font-size:32px;line-height:43px}
.event-list li .place{color:#9b9b9b;font-size:28px;line-height:43px}
.event-list li .btn-outer{padding:20px;margin-left:auto;min-width:300px;}
.table{color:#4a4a4a;margin-bottom:10px}
.table>thead>tr>th{font-size:1.33333333em;line-height:1.33333333em;font-weight:600;padding:19px 20px;border:none}
.table>tbody>tr>td{font-size:20px;line-height:26px;font-weight:500;vertical-align:middle;padding:10px 10px 10px 20px;border:none}
.table>tbody>tr>td .first-span{font-size:14px!important;line-height:18px!important;font-weight:600!important;vertical-align:middle!important}
.table>tbody>tr>td .sec-span{font-size:14px!important;line-height:18px!important;font-weight:400!important;vertical-align:middle!important}
.table>tbody>tr.large-text>td{font-size:1.33333em;line-height:28px}
.table>tbody>tr>td.blue-text{color:#03a1ed}
.table>tbody>tr>td span{display:block;font-size:.75em;line-height:1.2em;font-weight:400;margin-top:5px}
.plus-minus{width:138px;display:flex;align-items:center;justify-content:space-between}
.plus-minus .form-control{width:100%}
.plus-minus a{width:24px;flex-shrink:0;height:34px;display:block;text-align:center;box-shadow:0 1px 4px rgba(0,0,0,.5);border-radius:1px;background-color:#fff;border:1px solid #c1bfc2}
.plus-minus a:hover{background-color:#efefef}
.plus-minus a.ic-minus{background-repeat:no-repeat;background-position:center;background-image:url(../Content/images/ETicketImages/minus-ic.png)}
.plus-minus a.ic-plus{background-image:url(../Content/images/ETicketImages/plus-ic.png);background-repeat:no-repeat;background-position:center}
.plus-minus .form-control{height:40px;line-height:26px;text-align:center;font-size:20px;border-radius:8px;margin:0 14px;border-color:#5a78ff}
.content-block{margin-bottom:30px; padding: 38px 40px 28px; box-shadow: 0px 0px 10px rgba(55, 70, 95, 0.12); background: #fff; border: 1px solid #D8D8D8; border-radius: 4px;}
.content-block .content-heading{font-weight:600;padding-bottom:24px;font-size:36px;line-height:42px; color: #4a4a4a;}
.content-block .btn {margin-top:15px; }
.hr{border-top-color:#979797}
.content-block .btn{margin-top:15px}
.mb-20{margin-bottom:20px}
.mb-30{margin-bottom:30px}
.mb-50{margin-bottom:50px}
.form-group{margin-bottom:26px}
.form-group label{font-weight:400;color:#4a494b;font-size:20px;line-height:26px;display:inline-block;padding-bottom:5px}
.form-group label.text-small{font-size: 12px; line-height: 14px;}
.form-group .form-control{background:#fff;box-shadow:none!important;border:solid 1px #dde3e8;color:#4a494b;height:54px;padding:11px;font-size:22px; line-height: 28px; border-radius: 3px;}
.form-group .card-no{background:#fff url(../Content/images/ETicketImages/card-no.png) right center no-repeat}
.form-group .help-icon{background:#fff url(../Content/images/ETicketImages/help-icon.png) right center no-repeat}
.form-group .form-control:focus{border-color:#5A78FF !important;}
.checkbox,.radio{position:relative}
.checkbox input[type=checkbox]{opacity:0;visibility:hidden;margin-left: -20px;}
.checkbox input[type=checkbox]+label:before{content:"";width:20px;height:20px;border:solid 2px rgba(1, 1, 1,0.54); position:absolute;left:0;top:4px;background-color:#fff;border-radius:2px}
.checkbox input[type=checkbox]:checked+label:before{border-color:#0095F8;background:#fff url("../Content/images/ETicketImages/checked.png") center center no-repeat}
.radio input[type=radio]{opacity:0;visibility:hidden}
.radio input[type=radio]+label:before{content:"";width:18px;height:18px;border:solid 1px #dbdbdb;position:absolute;left:0;top:5px;background-color:#fff;border-radius:100%}
.radio input[type=radio]:checked+label:before{border-color:#0095F8; border-width: 2px;}
.radio input[type=radio]:checked+label:after{content:"";width:8px;height:8px;position:absolute;left:5px;top:10px;background-color:#0095F8;border-radius:100%}
.checkbox label,.radio label{color:#4a494b;font-size:18px;line-height:26px;display:inline-block;padding-bottom:5px;cursor:default;padding:0;position:relative;padding-left:30px}
.checkbox label{padding-left: 42px;}
.radio label span{display:block;font-size:24px;line-height:28px;font-weight:700;position:relative;}
.radio label.has-img{display:block}
.radio label.has-img span{padding-right:120px; padding-bottom: 5px;}
.radio label.has-img .img{position:absolute;right:0;top:0}
.checkbox label a,.radio label a{font-weight:600;color:#001a70;}
.checkbox label a:hover,.radio label a:hover{color:#000}
.checkbox strong{color:#4a494b;font-weight:700}
.no-event{margin:40px auto 20px; display: block; max-width: 100%;}
.order-summery-table{margin:0;}
.order-summery-table tbody tr.no-border td{border-top: 0;}
.order-summery-table tbody tr.dark-border td{border-top: solid 2px #000;}
.order-summery-table tbody tr.large-text td{font-weight: bold;}

/* checkout-wrappper
--------------------------------------------------------------------------------------------------------*/
.checkout-wrapper{display: flex; padding: 50px; width: 100%;}
.checkout-wrapper .right{max-width: 424px; flex-basis: 424px; flex-grow: 0; flex-shrink: 0;}
.checkout-wrapper .left{max-width: calc(100% - 450px); flex-basis: calc(100% - 450px); margin-right: 26px; flex-grow: 0; flex-shrink: 0;}
.ticket-delivery-methods .radio label{display: flex;}
.ticket-delivery-methods .radio label img{display: block; height: 44px; width: 44px; margin-right: 20px;}
.ticket-delivery-methods .radio label span{font-size: 20px; line-height: 30px; color: #4A494B; font-weight: 400;}
.ticket-delivery-methods .radio label a{font-weight: 400;}
.ticket-delivery-methods .radio label strong{font-weight: 700; font-size: 24px; line-height: 28px; color: #1B2125; display: block; padding-top: 5px; padding-bottom: 5px;}
.ticket-delivery-methods .radio input[type=radio]:checked+label:after{top: 18px;}
.ticket-delivery-methods .radio input[type=radio]+label:before{top: 13px;}
.ticket-delivery-methods .checkbox label,.ticket-delivery-methods .radio label{padding-left: 35px;}
.ticket-delivery-methods .radio{padding-top: 26px; padding-bottom: 26px; margin: 0;}
.ticket-delivery-methods .radio:not(:last-child){border-bottom: 1px solid #dbdbdb;}

/* order-summary-box
--------------------------------------------------------------------------------------------------------*/
.content-block.order-summary-box{padding: 30px 20px;}
.order-summary-box .content-heading{display: flex; margin-bottom: 30px; justify-content: space-between; padding: 0 10px 30px; border-bottom: 1px solid #dbdbdb; font-size: 32px; line-height: 38px; font-weight: 700;}
.order-summary-box .content-heading span{font-size: 32px; line-height: 38px;}
.order-summary-box ul li{display: flex; justify-content: space-between;}
.order-summary-box ul li span{font-size: 18px; display: block; padding-right: 16px; line-height: 28px; color: #4a4a4a; font-weight: 500;}
.order-summary-box ul li small{font-size: 20px; display: block; line-height: 28px; }
.order-summary-box ul li:not(:last-child){margin-bottom: 28px;}
.order-summary-box ul li:last-child{margin-bottom: 20px;}
.order-summary-box ul{border-bottom: 1px solid #dbdbdb; margin-bottom: 20px; padding: 0 10px;}
.order-summary-box .checkbox{padding: 0 10px 20px; border-bottom: 1px solid #dbdbdb; margin-bottom: 15px;}
.order-summary-box .btn{width: calc(100% - 20px); margin: 0 10px; padding-top: 10px; padding-bottom: 10px;}

/* promo-code-box
--------------------------------------------------------------------------------------------------------*/
.content-block.promo-code-box{padding: 15px 30px 30px;}
.promo-code-box .form-group label{font-size: 18px; line-height: 28px; color: #4a4a4a; font-weight: 500; text-transform: none;}
.promo-code-box .form-group .form-control {
    border: 1px solid #D8D8D8;
    padding-right: 114px;
    border-radius: 8px;
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.promo-code-box .input-group {
    position: relative;
    width: 100%;
    display: table;
    border-collapse: separate;
}
.promo-code-box .form-group{margin: 0;}
.promo-code-box .input-group .btn{position: absolute; z-index: 3; margin: 0; top: 6px; right: 7px;}
.content-block.basic-info-block{padding: 28px 34px 20px;}
.content-block.basic-info-block .content-heading{padding-bottom: 30px;}
.row>div{padding: 0 11px;}
.row{margin: 0 -11px;}

/* payment-selection-block
--------------------------------------------------------------------------------------------------------*/
.payment-selection-block .row{padding-left: 32px;}
.payment-selection-block .radio{margin-bottom: 24px;}
.payment-selection-block .form-group label{font-weight: 400; padding-bottom: 8px;}
.form-group .form-control::placeholder{font-size: 16px; line-height: 20px; color: #788995;}
.payment-selection-block hr{border-color: #dbdbdb; margin-bottom: 40px;}
.payment-selection-block.content-block .content-heading{padding-bottom: 30px;}

/* visit-dates-list
--------------------------------------------------------------------------------------------------------*/
.visit-dates-list{padding: 24px 95px 30px 105px;}
.visit-dates-list h5{font-size: 36px; line-height: 42px; font-weight: 700; padding-bottom: 40px; color: #4A4A4A;}
.visit-dates-list li{display: flex; align-items: center; justify-content: space-between;}
.visit-dates-list li>span{padding-right: 20px;}
.visit-dates-list li>span span{display: block; font-size: 14px; line-height: 24px; color: #4a4a4a;}
.visit-dates-list li>span strong{display: block; font-size: 18px; line-height: 24px; font-weight: 700; color: #4a4a4a;}
.visit-dates-list li:not(:last-child){margin-bottom: 34px;}
.visit-dates-list li .btn{padding-left: 11px; flex-shrink: 0; padding-right: 11px; display: flex; align-items: center}
.visit-dates-list li .btn span{padding-right: 10px;}

/* message-block
--------------------------------------------------------------------------------------------------------*/
.message-block{box-shadow: 0px 0px 10px rgba(55, 70, 95, 0.12); background: #fff; border-radius: 4px; border: 1px solid #D8D8D8; max-width: 1096px; width: 100%; margin: 0 auto;}
.message-block header{border-radius:4px 4px 0 0; display: flex; align-items: center; justify-content: center;}
.message-block header{min-height: 290px; background-image: url("../Content/images/ETicketImages/thanks-message-header-bg.jpg"); background-repeat: no-repeat; background-size: cover;}
.message-block .logo-wrapper{height: 168px; width: 167px; padding: 0 11px; display: flex; align-items: center; justify-content: center; background: #fafafa; border: 5px solid  #fff; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); border-radius: 50%;}
.message-block .logo-wrapper img{max-width: 100%; display: block;}
.message-block .message-body{padding: 50px 30px 56px; display: flex; align-items: center; flex-direction: column;}
.message-block .message-body>img{display: block; width: 63px; height: 63px; margin-bottom: 40px;}
.message-block .message-body h4{font-size: 36px; text-align: center; line-height: 42px; color: #4A494B; font-weight: 700; padding-bottom: 20px;}
.message-block .message-body p{font-size: 24px; line-height: 32px; color: #4A4A4A; max-width: 700px; text-align: center; padding-bottom: 40px;}
.message-block .message-body ul{display: flex; align-items: center;}
.message-block .message-body ul li:not(:last-child){margin-right: 20px;}
.message-block .message-body ul li a,.message-block .message-body ul li a img{display: block; transition: all 0.3s ease;}
.message-block .message-body ul li a:hover,.message-block .message-body ul li a:focus{transform: scale(1.2);}
.message-block .message-body ul li a img{height: 40px; width: 40px;}
.message-block .message-body ul{margin-bottom: 60px;}
.message-block .message-body .btn-primary{font-size: 20px; line-height: 26px; padding: 15px; min-width: 218px;}
    .message-block .message-body .btn {
        font-weight: 500;
    }

/* Footer
--------------------------------------------------------------------------------------------------------*/
.footer {
    background: #5A78FF;
    padding: 10px 15px;
    text-align: center;
    position: relative;
    min-height: 162px;
    margin-top: -162px; /* Give Footer height to margin top */
}

.copyright {
    padding: 0;
    color: #fff;
    font-size: 0.91666666666em;
    margin-top: 19px;
}

/* Order Outlook
--------------------------------------------------------------------------------------------------------*/
.checkout-search{background-color:#fff;padding:15px;}
.checkout-search .heading-block{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:12px}
.checkout-search .heading-block .heding-text{padding-bottom:0;color:#505053;font-weight:600;font-size:14px;line-height:18px;letter-spacing:1px;text-transform:uppercase}
.checkout-search .heading-block .btn{background-color:#5a78ff;box-shadow:0 0 4px 0 rgba(0,0,0,.5)!important;font-size:14px;line-height:20px;white-space:nowrap;font-weight:600;color:#fff;text-transform:capitalize;height:24px;padding:4px 8px;min-width:120px;display:inline-flex;align-items:center;justify-content:center}
.secondary-main-content{padding:30px 50px;margin:0}
.email-number-outer{display:flex}
.email-number-outer .custom-radio{padding-left:0;flex-grow:1}
.email-number-outer .custom-control-label{opacity:.5;transition:all .3s;padding:14px 20px 10px;border:1px solid #d3d3d6;border-radius:3px;width:100%}
.email-number-outer .custom-control-input:checked~.custom-control-label{opacity:1}
.email-number-outer .custom-control-label:after,.email-number-outer .custom-control-label:before{left:20px !important;transition:all .3s;top:21px}
.email-number-outer .custom-control-label:before{border:3px solid #505053;background-color:#fff}
.email-number-outer .custom-control-label:after{background-size:8px}
.email-number-outer .custom-control-input:checked~.custom-control-label:before{border:1px solid #0095f8}
.email-number-outer .custom-control-input:checked~.custom-control-label:after{background-image:url(../Content/images/ETicketImages/radio-checked-blue-icon.svg)}
.email-number-outer .label-top{display:flex;align-items:center;gap:8px;padding-left:24px;padding-bottom:8px;font-size:16px;line-height:20px;color:#1b2125;transition:all .3s;font-weight:500}
.email-number-outer .label-top .icon-block{display:flex;align-items:center;height:30px;width:30px}
.email-number-outer .label-top .icon-block img{transition:all .3s}
.email-number-outer .label-top .icon-block .active-img{margin-left:-30px;opacity:0}
.email-number-outer .custom-control-label .form-control{border:1px solid #dde3e8;border-radius:2px;background-color:#e5e6e9;font-size:14px;line-height:18px;height:32px;padding:4px 16px;transition:all .3s}
.email-number-outer .custom-control-label .form-control::-webkit-input-placeholder{color:#86858f!important}
.email-number-outer .custom-control-label .form-control::-moz-placeholder{color:#86858f!important}
.email-number-outer .custom-control-label .form-control:-ms-input-placeholder{color:#86858f!important}
.email-number-outer .custom-control-label .form-control:-moz-placeholder{color:#86858f!important}
.email-number-outer .custom-control-input:checked~.custom-control-label .form-control{box-shadow:0 0 6.71px 0 rgba(55,70,95,.12) inset!important;background-color:#fff}
.email-number-outer .custom-control-input:checked~.custom-control-label .icon-block .active-img{opacity:1}
.email-number-outer .custom-control-input:checked~.custom-control-label .icon-block .default-img{opacity:0}
.email-number-outer .credit-card-block{border:1px solid #d3d3d6;border-radius:3px;padding:14px;flex-grow:1}
.credit-card-block .form-control::placeholder {color:#d3d3d6 !important}
.email-number-outer .credit-card-block .label-text{display:flex;align-items:center;gap:8px;padding-bottom:8px;line-height:20px;font-size:16px;color:#1b2125;font-weight:600}
.email-number-outer .credit-card-block .input-text{display:flex;align-items:center;gap:10px}
.email-number-outer .credit-card-block .input-text p{font-size:18px;line-height:22px;font-weight:700;color:#d3d3d6;padding-bottom:0;white-space:nowrap}
.email-number-outer .credit-card-block .input-text .form-control{width:96px;border:2px solid #dde3e8;box-shadow:0 0 8.7px 0 rgba(55,70,95,.12) inset!important;font-size:18px;line-height:22px;font-weight:600;color:#505053;height:28px;text-align:center;padding:4px 8px;letter-spacing:4.35px}
.order-look-up-modal{max-width:960px;width:100%}
.order-look-up-modal-content .heading-text{font-size:32px;line-height:38px;font-weight:600;color:#505053}
.order-look-up-modal-content .small-text{font-size:22px;line-height:28px;font-weight:500;color:#505053}
.order-look-up-modal-content .email-number-outer{flex-direction:column;padding-bottom:24px}
.order-look-up-modal-content .email-number-outer .label-top .icon-block,.order-look-up-modal-content .email-number-outer .label-top .icon-block img{height:44px;width:44px}
.order-look-up-modal-content .email-number-outer .label-top .icon-block .active-img{margin-left:-44px}
.order-look-up-modal-content .email-number-outer .label-top{font-size:24px;line-height:28px}
.order-look-up-modal-content .custom-control-label{display:flex;align-items:center;gap:16px;padding:20px 20px 20px 30px}
.order-look-up-modal-content .email-number-outer .custom-control-label:after,.order-look-up-modal-content .email-number-outer .custom-control-label:before{height:24px;width:24px;top:32px;left:30px}
.order-look-up-modal-content .email-number-outer .custom-control-label:after{background-size:10px}
.order-look-up-modal-content .email-number-outer .custom-control-input:checked~.custom-control-label:before{border-width:2px}
.order-look-up-modal-content .email-number-outer .label-top{padding-left:36px;padding-bottom:0;white-space:nowrap}
.order-look-up-modal-content .email-number-outer .custom-control-label .form-control{height:48px;padding:8px 24px;font-size:20px;line-height:30px;max-width:520px;width:100%;margin-left:auto}
.order-look-up-modal-content .credit-card-block{display:flex;border:1px solid #d3d3d6;border-radius:4px;padding:20px 20px 20px 70px}
.order-look-up-modal-content .credit-card-block .label-text{display:flex;align-items:center;gap:12px;font-size:24px;line-height:28px;color:#1b2125;font-weight:600}
.order-look-up-modal-content .credit-card-block .label-text img{height:44px;width:44px}
.order-look-up-modal-content .credit-card-block .input-text{display:flex;align-items:center;gap:8px;margin-left:auto}
.order-look-up-modal-content .credit-card-block .input-text p{white-space:nowrap;padding-bottom:0;font-size:28px;line-height:34px;font-weight:700;color:#d3d3d6}
.order-look-up-modal-content .credit-card-block .input-text .form-control{height:48px;border:2px solid #dde3e8;border-radius:3px;width:154px;padding:4px 8px;text-align:center;font-size:28px;line-height:34px;color:#505053}
.lg-form-grp .label{display:flex;align-items:center;gap:12px;font-size:24px;line-height:28px;color:#1b2125;font-weight:600;padding-bottom:12px}
.lg-form-grp .label img{height:44px;width:44px}
.lg-form-grp .form-control{height:76px;border:2px solid #dde3e8;font-size:18px;line-height:24px;color:#505053;padding:8px 44px;box-shadow:0 0 10px 0 rgba(55,70,95,.12) inset!important}
.custom-loader{height:200px;width:200px;position:relative;margin:0 auto}
.custom-loader .loading-indicator-wrapper{background-color:transparent}
.custom-loader .loading-indicator-wrapper .loader{border-top:11px solid #5a78ff;border-right:11px solid #5a78ff;border-bottom:11px solid #5a78ff;border-left:11px solid rgba(155,155,155,.5);height:182px;width:182px}
.loader-outer{text-align:center}
.loader-outer p{font-size:32px;line-height:38px;font-weight:600;color:#505053;padding-bottom:60px}
.input-validation-error {
    border: red 1px solid !important;
}
.order-lookup-mobile{display:none}
.order-lookup{display:block}
/* Responsive Media Queries
--------------------------------------------------------------------------------------------------------*/
@media (max-width: 1199px) {
    .event-list li .event-content{padding: 10px 0 10px 20px;}
    .event-list .btn-outer .btn{padding: 12px 20px; font-size: 24px; letter-spacing: 1.5px;}
    .event-list li h4 a{font-size: 34px; line-height: 40px; padding-bottom: 8px;}
    .event-list li h4 span{font-size: 22px; line-height: 28px; padding-bottom: 6px;}
    .event-list li .place{font-size: 20px; line-height: 26px;}
    .event-list li .event-img{width: 200px; flex-basis: 200px; flex-shrink: 0;}
    .main-content{padding: 30px;}
    .header-bottom{padding-right: 30px;}
    .company-text{padding-bottom: 40px;}
    .event-list li{padding-right: 10px;}
    .header.event-header .header-bottom{padding-right: 26px; padding-left: 84px;}
    .header.event-header .header-top{padding-left: 30px;}
    .event-details-wrapper.main-content{padding: 50px 30px 50px 84px;}
    .event-details-wrapper .left{padding: 30px 30px 10px; margin-right: 30px; max-width: calc(100% - 298px); flex-basis: calc(100% - 298px);}
    .buy-ticket-dialog .table-responsive{padding-left: 0;}
    .primary-dialog .modal-footer{padding-left: 15px;}
    .primary-dialog .modal-footer .btn span{font-size: 26px; line-height: 32px;}
    .content-block{padding: 30px;}
    .content-block.basic-info-block{padding: 30px 30px 10px;}
    .checkout-wrapper .right{max-width: 374px; flex-basis: 374px;}
    .checkout-wrapper .left{max-width: calc(100% - 400px); flex-basis: calc(100% - 400px);}
    .content-block.ticket-delivery-methods .content-heading{padding-bottom: 10px;}
    .visit-dates-list{padding: 10px 15px;}
    .event-list li .btn-outer{min-width:230px;}
}

@media (max-width: 991px) {
    body{font-size:18px;line-height:20px}
    .content-detail.h-400{height: auto;}
    .main-heading .logo{height: 180px; width: 180px;}
    .main-heading .event-details h1{font-size: 36px; line-height: 40px;}
    .main-heading .event-details h1{padding-top: 42px;}
    .header-bottom{margin-top: -22px;}
    .main-heading .event-details{padding-left: 30px;}
    .main-heading .social-links{align-self: flex-start; padding-top: 50px;}
    .footer{min-height: 84px; display: flex; align-items: center; justify-content: center; margin-top: -84px;}
    .copyright{margin-top: 0;}
    .wrapper{padding-bottom: 84px;}
    .header.event-header .header-bottom{margin-top: -18px; padding-left: 30px;}
    .header.event-header .main-heading .event-details h1{padding-top: 20px;}
    .header.event-header .main-heading {position: relative;/*top: -86px;*/}
    .header.event-header .main-heading .social-links{padding-top: 0;}
    .header.event-header .header-top .back-btn{/*margin-top: 0;*/}
    .opening-time{margin-top: 0;}
    .event-details-wrapper.main-content{padding-top: 40px; padding-left: 30px;}
    .header.event-header .header-bottom::after{top: -88px;}
    .single-header p{flex-basis: 100%; order: 1; padding-left: 105px; padding-top: 0; width: 100%;}
    .single-header{flex-wrap: wrap;}
    .single-header{padding: 20px;}
    .table > tbody > tr > td,.table > thead > tr > th{padding-left: 0; padding-right: 30px;}
    .primary-dialog .modal-body{padding: 20px;}
    .buy-ticket-dialog .table th:last-child{padding-left: 18px;}
    .single-header .close{margin-left: auto;}
    .primary-dialog .modal-footer .table > tbody > tr > td{padding-right: 20px;}
    .buy-ticket-dialog .modal-footer{padding-right: 0;}
    .primary-dialog .modal-body{max-height: calc(100vh - 265px);}
    .single-header{align-items: flex-start;}
    .checkout-wrapper{display: block; padding: 20px;}
    .checkout-wrapper .left{max-width: 100%; margin-right: 0; margin-bottom: 30px;}
    .checkout-wrapper .right{max-width: 100%;}
    header.single-header{padding-right: 20px;}
    header.single-header p{padding-left: 148px; margin-top: -22px;}
    .single-header .back-btn{flex-basis: 40px; flex-shrink: 0; flex-grow: 0; align-self: center}
    header.single-header .logo-wrapper{flex-basis: 76px; align-self: center; flex-shrink: 0; flex-grow: 0;}
    header.single-header .event-info{max-width: calc(100% - 154px); padding-bottom: 24px; flex-basis: calc(100% - 154px); flex-grow: 0; flex-shrink: 0;}
    header.single-header .event-info h5{padding: 0; font-size: 30px; line-height: 38px;}
    .content-block,.content-block.order-summary-box,.content-block.promo-code-box,.content-block.basic-info-block{padding: 20px;}
    .order-summary-box .content-heading,.order-summary-box ul,.order-summary-box .checkbox{padding-left: 0; padding-right: 0;}
    .order-summary-box .btn{margin: 0; width: 100%;}
    .visit-dates-list h5{padding-bottom: 30px;}
    .visit-dates-list li:not(:last-child){margin-bottom: 20px;}
    .message-block .logo-wrapper{height: 150px; width: 150px;}
    .message-block header{min-height: 220px;}
    .message-block .message-body h4{font-size: 30px; line-height: 36px;}
    .message-block .message-body p{font-size: 20px; line-height: 28px;}
    .message-block .message-body{padding: 30px 15px;}
    .message-block .message-body>img{margin-bottom: 30px;}
    .message-block .message-body ul{margin-bottom: 40px;}

    .email-number-outer{flex-wrap:wrap}
.email-number-outer .credit-card-block{min-width:100%;margin-top:16px}
.order-look-up-modal-content .custom-control-label{padding:16px}
.order-look-up-modal-content .email-number-outer .custom-control-label:after,.order-look-up-modal-content .email-number-outer .custom-control-label:before{left:16px;height:20px;width:20px;top:23px}
.order-look-up-modal-content .email-number-outer .label-top .icon-block,.order-look-up-modal-content .email-number-outer .label-top .icon-block img{height:30px;width:30px}
.order-look-up-modal-content .email-number-outer .label-top .icon-block .active-img{margin-left:-30px}
.order-look-up-modal-content .email-number-outer .label-top{font-size:18px;line-height:26px;padding-left:28px}
.order-look-up-modal-content .email-number-outer .custom-control-label .form-control{height:32px;font-size:16px;line-height:22px;padding:4px 12px;max-width:460px}
.order-look-up-modal-content .small-text{font-size:18px;line-height:22px;padding-bottom:16px}
.order-look-up-modal-content .heading-text{font-size:28px;line-height:30px;padding-bottom:20px}
.order-look-up-modal-content .credit-card-block{padding:16px}
.order-look-up-modal-content .credit-card-block .label-text img{height:30px;width:30px}
.order-look-up-modal-content .credit-card-block .label-text{font-size:18px;line-height:22px}
.order-look-up-modal-content .credit-card-block .input-text p{font-size:16px;line-height:22px}
.order-look-up-modal-content .credit-card-block .input-text .form-control{height:32px;padding:4px 8px;font-size:16px;line-height:22px}
.lg-form-grp .form-control{height:40px;padding:8px 20px;font-size:16px;line-height:20px}
.lg-form-grp .label img{height:30px;width:30px}
.lg-form-grp .label{font-size:16px;line-height:20px;gap:8px;padding-bottom:8px}
}

@media (max-width: 767px) {
    h3{font-size:1.3em}
    h4{font-size:1.5em}
    .main-heading h1 span{font-size:.7em}
    .main-heading .logo-outer{width:130px;height:130px}
    .event-list li>*{display:block;width:auto}
    .event-list li{position: relative; align-items: flex-start;}
    .event-list li .place{font-size:14px;line-height:18px}
    .event-list li .event-img{width:50%;flex-basis:50%}
    .event-list li h4 a{font-size: 26px; line-height: 32px; padding-top: 8px; padding-bottom: 6px;}
    .event-list li h4 span{font-size: 18px; line-height: 24px; padding-bottom: 6px;}
    .event-list li .btn-outer{position: absolute; bottom: 0; right: 0; padding: 10px;}
    .event-list .btn-outer .btn{font-size: 18px; padding: 10px 16px; letter-spacing: 1.8px;}
    .event-list li{padding-right: 0; margin-bottom: 15px;}
    .event-list li .event-content{padding-bottom: 76px;}
    .event-list{margin-bottom: 30px;}
    .main-content{padding: 15px;}
    .page-heading-outer{margin-bottom: 20px;}
    .company-text{padding-bottom: 15px;}
    .header-bottom{padding-left: 15px; padding-right: 15px; margin-top: 0; margin-bottom: 30px;display:block}
    .main-heading{flex-wrap: wrap;margin-bottom:40px;}
    .main-heading .social-links{width: 100%; flex-basis: 100%;}
    .main-heading .event-details{max-width: 366px;}
    .main-heading .event-details h1{padding-top: 28px;}
    .main-heading .logo{position: relative; top: 25px;}
    .main-heading .social-links{padding-top: 0; padding-left: 204px;}
    .header-top{padding: 20px 30px;}
    .page-heading-outer .dropdown-toggle{height:21px;font-size:16px}
    .event-list li .btn-outer{width:auto;min-width:0;}
    .page-heading-outer .date-and-place{font-size:14px;line-height:18px}
    .page-heading-outer .date-and-place em{font-size:14px;line-height:18px}
    .table>tbody>tr.large-text>td,.table>thead>tr>th{font-size:20px;line-height:24px}
    .table>tbody>tr>td{font-size:14px;line-height:18px}
    .content-block .content-heading{font-size:26px;line-height:32px}
    .content-block .content-detail{padding:15px}
    .form-group label{font-size:14px;line-height:18px}
    .checkbox label,.radio label{font-size:14px}
    /*.header-bottom{min-height:200px}*/
    .main-heading{bottom:34%}
    .share-btn{width:50px;height:50px;background-size:32px}
    .page-heading-outer .page-heading .arrow-left{background-size:20px;margin-top:-3px}
    .page-heading-outer{padding:20px 0 0;margin-bottom:30px}
    .page-heading-outer.has-border{padding-bottom:15px}
    .event-details-wrapper.main-content{display: block;}
    .event-details-wrapper .left{max-width: 100%; margin: 0; margin-bottom: 30px;}
    .event-details-wrapper .right{max-width: 100%;}
    .event-details-wrapper.main-content{padding: 30px 15px 40px;}
    .event-details-wrapper .left{padding: 20px 15px 0;}
    .header.event-header .main-heading{display: flex;}
    .header.event-header .header-bottom{display: block; margin-top: 20px; padding-left: 15px; padding-right: 15px;}
    .header.event-header .main-heading .event-details h1{padding-top: 0;}
    .header.event-header .main-heading .social-links{padding-left: 104px;}
    .header.event-header .main-heading .event-details p{padding-bottom: 12px;}
    .opening-time ul{justify-content: center;}
    .opening-time{margin-top: 40px;}
    .header.event-header .main-heading{top:0}
    .header.event-header .header-top{padding-left: 15px; padding-right: 15px;}
    .main-heading .event-details h1{font-size: 32px; line-height: 38px;}
    .header.event-header .main-heading .logo{top: 0; margin-bottom: 0; margin-right: 20px; max-width: 84px; flex-basis: 84px; flex-grow: 0; flex-shrink: 0;}
    .header.event-header .main-heading .event-details{max-width: calc(100% - 104px); flex-basis: calc(100% - 104px); flex-grow: 0; flex-shrink: 0;}
    .header.event-header .header-bottom::after{top: -126px;}
    .table-responsive{border: none;}
    .buy-ticket-dialog .table th:first-child{font-size: 30px; line-height: 34px;}
    .primary-dialog{margin: 0;}
    .single-header .event-info h6{font-size: 24px; line-height: 30px;}
    .single-header p{font-size: 20px; padding-top: 2px; line-height: 26px;}
    .event-details-wrapper .right .map iframe{width: 100%; margin-bottom: 30px;}
    .ticket-delivery-methods .radio{padding-top: 20px; padding-bottom: 20px;}
    .ticket-delivery-methods .radio label span{font-size: 16px; line-height: 24px;}
    .ticket-delivery-methods .radio label strong{font-size: 20px; line-height: 24px;}
    header.single-header{padding-left: 15px; padding-right: 10px;}
    header.single-header .event-info h5{font-size: 24px; line-height: 34px;}
    .order-summary-box .content-heading{padding-bottom: 16px; margin-bottom: 20px;}
    .visit-dates-list h5{font-size: 30px; line-height: 34px;}
    .visit-dates-list{padding: 0;}
    .table > tbody > tr > td, .table > thead > tr > th{padding-right:0px}

    .email-number-outer .custom-radio{min-width:100%}
.email-number-outer{gap:16px}
.email-number-outer .credit-card-block{margin-top:0}
    
}

@media  (max-width: 575px){
    .main-heading{display: block; margin-top: 20px;}
    .main-heading .logo{position: static; margin-bottom: 20px;}
    .main-heading .event-details{padding-left: 0; max-width: 100%;}
    .main-heading .event-details h1{padding: 0; padding-bottom: 10px;}
    .main-heading .social-links{padding-left: 0; padding-top: 20px;}
    .event-list li{display: block;}
    .event-list li .event-content{padding-bottom: 0; padding-left: 15px;}
    .event-list li .btn-outer{position: static;}
    .event-list li .btn-outer{padding:15px}
    .header-bottom{margin-bottom: 20px; margin-top: -60px;}
    .page-heading-outer .page-heading{font-size: 18px;}
    .page-heading-outer .dropdown{flex-shrink: 0;}
    .page-heading-outer{margin-bottom: 20px;}
    .header-top{padding: 20px 15px; height: 150px;}
    .primary-dialog .modal-footer .table > tbody > tr > td{font-size: 22px; line-height: 28px;}
    .primary-dialog .modal-footer .btn span{font-size: 18px; line-height: 25px;}
    .primary-dialog .modal-footer .btn{padding: 10px;}
    .primary-dialog .modal-footer .btn img{margin-left: 10px;}
    .table > thead > tr > th{padding-top: 10px; padding-bottom: 10px;}
    .primary-dialog .modal-footer .table > tbody > tr > td:last-child{padding-right: 0;}
    .primary-dialog .modal-footer{padding-right: 15px;}
    .buy-ticket-dialog .event-info{flex-basis: 100%; width: 100%; order: 1;}
    .single-header p{padding-left: 0;}
    .single-header .logo-wrapper{margin-bottom: 15px;}
    header.single-header .logo-wrapper{margin-bottom: 0;}
    .primary-dialog .modal-body,.single-header.modal-header{padding: 15px;}
    .primary-dialog .modal-body{max-height: calc(100vh - 370px);}
    .visit-dates-list li{flex-direction: column; align-items: flex-start;}
    .visit-dates-list li:not(:last-child){margin-bottom: 30px;}
    .visit-dates-list li .btn{padding-top: 6px; padding-bottom: 6px; margin-top: 10px;}
    .message-block .logo-wrapper{height: 134px; width: 134px;}
    .message-block header{min-height: 180px;}
    .btn-md{min-width: unset; font-size: 18px; line-height: 24px; padding: 10px;}
    .message-block .message-body ul{margin-bottom: 30px;}
    .message-block .message-body .button-group .btn{min-width: 202px; margin: 8px;}
    .message-block .message-body .button-group{display: flex; flex-direction: column; align-items: center;}
    .ticket-div-eventdetail .table > thead > tr th:first-child {
        min-width: 168px !important;
        white-space: normal !important;
        max-width: 168px !important;
    }
    .ticket-div-eventdetail .table > tbody > tr > td.firsttd {
        min-width: 168px !important;
        white-space: normal !important;
        max-width: 168px !important;
        padding-right: 15px;
    }
    .buy-ticket-dialog .table p{font-size: 14px; line-height: 18px; padding: 0; font-weight: 700;}
    .buy-ticket-dialog .table span {line-height:22px;}
    .plus-minus{width:120px;}
    .plus-minus .form-control{margin: 0 8px;}
    .buy-ticket-dialog .table th:first-child{font-size: 23px; line-height: 34px;}
    .buy-ticket-dialog .table th:not(:first-child){font-size:18px}
    .header-top .need-share-button{margin-top:auto}

    .order-look-up-modal-content .custom-control-label{flex-wrap:wrap;row-gap:8px}
.order-look-up-modal-content .email-number-outer .custom-control-label .form-control{min-width:100%}
.order-look-up-modal-content .credit-card-block{flex-wrap:wrap;gap:8px}
.order-look-up-modal-content .credit-card-block .input-text{min-width:100%}
.order-look-up-modal-content .credit-card-block .input-text .form-control{width:120px}
.order-look-up-modal-content .heading-text{font-size:24px;line-height:30px;padding-bottom:16px}
}

@media (max-width: 560px) {
    .main-heading .logo-outer {
        width: 70px;
        height: 70px;
    }
    .main-heading h1 span
    {
        font-size:0.7em;
    }
    .event-list li > * {
        float: none !important;
        width: auto !important;
        margin: 0 !important;
    }
    .page-heading-outer .page-heading
         {
             margin-right:27px;
             width:100%;
         }
    .event-list li .btn-outer .btn-primary
    {
        width:100%;
    }
    #Continue_btn
    {
        width:100%;
    }
    #submit_btn
    {
      width:100%;
    }
  
    .page-heading-outer .date-and-place
    {
            float: left;
    }
    .page-heading-outer .page-heading .arrow-left
    {
        width:20px;
    }
    .text-right.mb-30 .btn-primary
    {
        width:100%;
    }
    
}



/* modal-box
------------------------------------------------- */
.modal-box {
    border-radius: 10px;
    background-color: #fff;
    width: 100%;
    max-width: 600px;
    margin: auto;
}

    .modal-box .heading {
        border-bottom: 2px solid #979797;
        color: #4a494b;
        padding: 15px;
        position: relative;
    }

.close-btn {
    
    position: absolute;
    right: 15px;
    top: 9px;
    width: 40px;
    height: 40px;
    border: 0;
    background: url(../Content/images/close-icon.png) no-repeat center center;
}

    .close-btn:hover {
        background-color: #f2f2f2;
        border-radius: 50%;
    }

.right-label {
    border-bottom: 2px solid #e0e0e0;
    position: relative;
    padding-right: 105px;
    min-height: 50px;
    display: inline-block;
    width: 100%;
}

    .right-label .label-control {
        padding: 5px 10px;
        margin-bottom: 0px;
        color: #000;
        font-size: 20px;
        border-left: 2px solid #e0e0e0;
        font-weight: normal;
        position: absolute;
        right: 0px;
        bottom: 5px;
    }

    .right-label .form-control {
        border: 0px;
        box-shadow: none;
        border-radius: 0px;
        font-size: 20px;
        color: #000;
        font-weight: normal;
    }

.dollar-icon {
    position: relative;
}

    .dollar-icon .form-control {
        padding-left: 20px;
    }

    .dollar-icon:after {
        content: '$';
        position: absolute;
        left: 15px;
        top: 9px;
        width: 20px;
        height: 30px;
        font-size: 24px;
    }

.btn-cancel {background:#939393;min-width:110px;font-size: 20px;font-weight: normal;color: #fff;box-shadow:none !important;}
.btn-cancel:hover, .btn-cancel:focus{background:#868686;color: #fff;}
.bg-danger{margin-bottom: 5px;
    margin-top: 10px;
    padding: 8px;
    font-size: 16px;
    border-radius: 3px;
    color: #9c2c2c;
    margin-left: 10px;
    margin-right: 10px;}

.from-box {
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 15px;
}

    .from-box .form-group {
        padding: 0 15px;
    }

.form-title {
    color: #939393;
    font-weight: normal;
    font-size: 24px;
    border-bottom: 2px solid #979797;
    padding: 15px 10px;
    margin-bottom: 30px;
}

.from-box .form-group .form-control {
    border-width: 0 0 2px 0;
    border-color: #e0e0e0;
    height: 50px;
    font-size: 20px;
    color: #000;
    box-shadow: none;
    border-radius: 0px;
}


.from-box .form-control::-webkit-input-placeholder {
    color: #000;
}

.from-box .form-control::-moz-placeholder {
    color: #000;
}

.from-box .form-control::-ms-placeholder {
    color: #000;
}

.from-box .form-control:-moz-placeholder {
    color: #000;
}

.button-group {
    display: table;
    margin: auto;
    float: none;
}

    .button-group .btn {
        margin: 0 10px;
    }

    .button-group.small-gutter .btn {
        margin: 0 8px;
    }

/* ----------- loading ----------- */
.loading {
    background: #000;
    opacity: .6;
    filter: alpha(opacity=60);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1000000000000;
    top: 0;
}

    .loading img {
        position: absolute;
        top: 50%;
        left: 50%;
    }

.plan-list{border-bottom:1px solid #ddd;}
.plan-list td:first-child, .plan-list th:first-child {
    /*padding-left: 60px;*/
    border-left:1px solid #ddd;
}

.plan-list td:last-child, .plan-list th:last-child {
    padding-right: 30px;
    border-right:1px solid #ddd;
}
/*.plan-list th:first-child {
    border-left:1px solid #FFF;
}

.plan-list th:last-child {
    border-right:1px solid #FFF;
}*/


/*****27-08-2018 *****/

.table>tbody>tr.active>td {background-color:#fff;}
.header.sm-header {border-bottom: solid 10px #03a1ed;}
.header.sm-header .header-bottom{min-height:184PX;}
.header.sm-header .main-heading .logo-outer {width: 110px; height: 110px;}
.header.sm-header .main-heading h1 {font-size: 2em;}
.header.sm-header .share-btn{height: 73px; width:73px;}

@media (max-width: 767px){
	.header-bottom.sm-header {min-height: 200px;}
	.header.sm-header .share-btn{width: 50px;  height: 50px;}
}
@media (max-width: 560px){
	.header.sm-header  .main-heading h1 {font-size: 1em;}
	.header.sm-header .main-heading .logo-outer {height:70px; width:70px;}
}

/*****28-03-2022 *****/
.form-group.with-tooltip
{
    position:relative;
}
.form-group.with-tooltip > img {
    position: absolute;
    bottom: 17px;
    right: 4px;
}
.form-group.with-tooltip input
{
    padding-right : 40px;
}
.text-center{text-align:center;}
.single-header .close.with-margin {
    margin-left:auto;
}




.header .header-top .logo{
    background: #fafafa;
    border-radius: 100%;
    overflow: hidden;
    flex-shrink: 0;
    border: 5px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 2px 4px 0 rgb(0 0 0 / 50%);
    height: 84px;
    width: 84px;
    padding: 0;
    margin-left: 18px;
    position: relative;
    bottom: -7px;
}
.header-top{justify-content: flex-start;}
.header-top .need-share-button{margin-left: auto}
.header.event-header .header-bottom{margin-top: -9px;}
.header.event-header .main-heading .event-details h1{padding-top: 36px;}
.opening-time{margin-top: 60px;}

@media (max-width: 991px){
    .header .header-top{position: relative;}
    .header .header-top .logo{position: absolute; left: 68px; bottom: -4px;}
    .header.event-header .main-heading .event-details h1{padding-top: 0;}
    .header.event-header .header-bottom{top: 35px; margin-bottom: 0px}
    .opening-time{position: relative;}
}

@media(max-width: 767px){
    .header.event-header .main-heading .event-details{padding-left: 6px;}
        .header.event-header .main-heading .event-details h1{max-width: 100%;}
    .header.event-header .header-bottom{margin-top: 40px; top: 0; margin-bottom: 0;}
    .opening-time{margin-top: 22px; top: 0;}
    .header .header-top .logo{bottom: -10px; left: 48px;}
    .header.event-header .main-heading .event-details{max-width: 100%; flex-basis: 100%;}
    .need-share-button-opened .need-share-button_dropdown {
        /*background: white !important;*/
        /*width: 180px !important;
        max-width: 180px !important;*/
    }
}

.btn-addon {
    line-height: 20px;
    font-size: 20px;
    box-shadow: none !important;
    font-weight: normal;
    min-width: 110px;
    margin-bottom: 10px !important;
}

/* Chrome, Safari, Edge, Opera */
.ticket-div-eventdetail input::-webkit-outer-spin-button,
.ticket-div-eventdetail input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.ticket-div-eventdetail input[type=number] {
    -moz-appearance: textfield;
}
.get-ticket-btn {
    height: 56px;
    padding: 8px 20px;
    display: none;
    width: calc(100% - 30px);
    margin: 0 15px;
}
@media(max-width:767px)
{
    .get-ticket-btn {display:block;}
    .event-details-wrapper .right .btn {display:none;}
    .order-lookup-mobile{display:block}
.order-lookup{display:none}
}
.sold-out-btn {
    background: #4e4e4e !important;
    padding: 7px 24px !important;
    font-size: 0.8em;
}
@media(max-width:991px) {
    .sold-out-btn {
        padding: 7px 37px !important;
    }
}

/*18-12-2024 Reload Band css Start*/
.card-outer {
    padding: 50px;
}

.card {
    box-shadow: 0px 0px 10px 0px #37465f1f;
    border-radius: 4px;
    background-color: #ffffff;
    border: 1px solid #d3d3d6;
    padding: 40px;
}

    .card .ov-title {
        font-size: 30px;
        font-weight: 400;
        line-height: 40px;
        color: #000000;
        text-align: center;
        padding-bottom: 30px;
        padding-top: 24px;
    }

    .card .scan-wrap {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 30px;
    }

        .card .scan-wrap .btn-icon {
            border: 0;
            padding: 0;
            background-color: transparent;
            box-shadow: none !important;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .card .scan-wrap .btn-icon:hover {
                background-color: rgba(90, 120, 255, 0.1);
            }

            .card .scan-wrap .btn-icon img {
                display: block;
            }

        .card .scan-wrap .form-control {
            height: 52px;
            border: 1px solid #d3d3d6;
            border-radius: 8px;
            max-width: 500px;
            font-size: 24px;
        }

    .card .with-icon {
        display: flex;
        align-items: center;
        gap: 10px;
        margin: 30px auto 0;
        padding-block: 9px;
    }

@media (max-width: 767px) {
    .card-outer {
        padding: 16px;
    }

    .card {
        padding: 16px;
    }

        .card .scan-wrap {
            gap: 12px;
        }

            .card .scan-wrap .btn-icon img {
                height: 44px;
            }

            .card .scan-wrap .form-control {
                height: 44px;
            }
}

@media (max-width: 575px) {
    .card .ov-title {
        font-size: 20px;
        padding-block: 16px;
        line-height: 26px;
    }

    .card .with-icon {
        font-size: 24px;
        line-height: 30px;
    }

    .card .scan-wrap .form-control {
        font-size: 16px;
    }
}


.spacing-block {
    padding: 50px;
}

.package-grid {
    margin: 0 auto;
    max-width: 1210px;
}

    .package-grid > .container {
        margin: 0;
        width: 100%;
        max-width: 1240px;
    }

.card {
    box-shadow: 0px 0px 10px 0px #37465f1f;
    border-radius: 4px;
    background-color: #ffffff;
    border: 1px solid #d3d3d6;
    padding: 20px;
    margin-bottom: 16px;
}

.card-head {
    margin-bottom: 30px;
}

.card-title {
    font-size: 36px;
    font-weight: 800;
    line-height: 44px;
    color: #4a494b;
    padding-bottom: 0;
}

/* Balance Card */

.balance-card {
    margin-bottom: 20px;
}

    .balance-card .card-head {
        border-bottom: 1px solid #d3d3d6;
        padding-bottom: 20px;
        margin-bottom: 0;
    }

    .balance-card .card-title {
        font-size: 28px;
        font-weight: 800;
        line-height: 34px;
    }

    .balance-card ul li {
        display: flex;
        align-items: center;
        padding-block: 15px;
        gap: 15px;
        font-size: 24px;
        font-weight: 500;
        line-height: 37px;
        color: #4a494b;
    }

        .balance-card ul li:last-child {
            padding: 0;
        }

/* Subtotal Card */
.subtotal-card {
    padding-block: 10px;
}

    .subtotal-card table {
        width: 100%;
    }

        .subtotal-card table thead {
            display: none;
        }

        .subtotal-card table tbody tr td:last-child {
            text-align: right;
        }

        .subtotal-card table tbody tr:last-child td {
            padding-bottom: 0;
        }

        .subtotal-card table tbody tr td {
            padding-block: 10px;
            color: #4a494b;
            font-size: 20px;
            font-weight: 500;
            line-height: 28px;
        }

    .subtotal-card .text-primary {
        color: #5a78ff;
    }

    .subtotal-card hr {
        border-color: #d3d3d6;
    }

    .subtotal-card .check-wrap {
        display: flex;
        align-items: flex-start;
        gap: 15px;
    }

        .subtotal-card .check-wrap input {
            width: 18px;
            height: 18px;
            min-width: 18px;
            margin-top: 5px;
        }

        .subtotal-card .check-wrap label {
            font-size: 20px;
            font-weight: 400;
            line-height: 28px;
            color: #4a494b;
            cursor: pointer;
        }

            .subtotal-card .check-wrap label > a {
                font-weight: 700;
                color: #001a70;
            }

                .subtotal-card .check-wrap label > a:hover {
                    text-decoration: underline !important;
                }

.card .with-icon {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-block: 9px;
}

.subtotal-card .with-icon {
    margin: 20px auto 0;
    width: 100%;
    justify-content: center;
}

/* Add Band Card */
.add-band-card .package-table {
    width: 100%;
}

.add-band-card .block-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: #4a494b;
    padding-block: 30px 10px;
}

.add-band-card .package-table thead tr th {
    height: 0;
    padding: 0;
}

.add-band-card .package-table tr th {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: #4a494b;
    padding-block: 10px;
}

.add-band-card .package-table tr td {
    vertical-align: middle;
    padding-block: 15px;
    padding-inline: 10px;
}

    .add-band-card .package-table tr td:first-child {
        padding-left: 0;
    }

    .add-band-card .package-table tr td:last-child {
        padding-right: 0;
    }

.add-band-card .package-table .price {
    font-size: 24px;
    font-weight: 700;
    line-height: 26px;
    text-align: center;
    color: #4a494b;
}

.add-band-card .package-table .cta-td {
    text-align: end;
}

    .add-band-card .package-table .cta-td .btn {
        padding: 8px 14px;
        font-size: 17px;
        font-weight: 600;
        line-height: 22px;
        width: 100px;
    }

    .add-band-card .package-table .cta-td .btn-gray {
        border: 1px solid #00000080;
        color: #5a78ff;
        background-color: transparent;
        box-shadow: none !important;
    }

        .add-band-card .package-table .cta-td .btn-gray:hover {
            background-color: rgba(0, 0, 0, 0.04);
        }

.add-band-card .pack-block {
    display: flex;
    align-items: flex-start;
}

    .add-band-card .pack-block img {
        display: block;
        border: 2px solid #d3d3d6;
        border-radius: 4px;
        margin-right: 20px;
        width: 70px;
        height: 70px;
    }

    .add-band-card .pack-block h5 {
        font-size: 20px;
        font-weight: 800;
        line-height: 26px;
        color: #4a494b;
        padding-bottom: 6px;
        max-width: 252px;
    }

    .add-band-card .pack-block p {
        font-size: 18px;
        font-weight: 400;
        line-height: 20px;
        color: #4a494b;
        padding-bottom: 0;
    }

.add-band-card .plus-minus a {
    display: flex;
    align-items: center;
    justify-content: center;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.credit-table {
    width: 100%;
}

    .credit-table tr td {
        vertical-align: middle;
        background-color: #f8f9ff;
        padding: 20px;
    }

    .credit-table .firsttd p {
        color: #4a494b;
        font-size: 24px;
        font-weight: 700;
        line-height: 32px;
        padding: 0;
    }

    .credit-table .t-credit {
        color: #1ba57a;
        font-size: 36px;
        font-weight: 700;
        line-height: 28px;
        position: relative;
        padding-bottom: 0;
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
    }

        .credit-table .t-credit::before {
            content: "";
            display: inline-block;
            width: 30px;
            height: 30px;
            background-image: url("../Content/images/ETicketImages/ic-credits.svg");
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            margin-right: 8px;
        }

@media (max-width: 1199px) {
    .spacing-block {
        padding: 16px 0;
    }

    .card {
        padding: 16px;
    }

    .card-title {
        font-size: 24px;
        line-height: 30px;
    }

    .card-head {
        margin-bottom: 20px;
    }

    .balance-card .card-title {
        font-size: 22px;
    }

    .balance-card .card-head {
        padding-bottom: 16px;
    }

    .subtotal-card .check-wrap label {
        font-size: 19px;
    }
}

@media (max-width: 991px) {
    .add-band-card {
        margin-bottom: 16px;
    }

}

@media (max-width: 767px) {
    .balance-card {
        margin-bottom: 16px;
    }

    .add-band-card .package-table tr td {
        padding-block: 8px;
    }

        .add-band-card .package-table tr td:last-child {
            position: sticky;
            right: 0;
            background-color: #ffffff;
        }

    .add-band-card .pack-block img {
        width: 54px;
        height: 54px;
        margin-right: 12px;
    }

    .add-band-card .pack-block h5 {
        padding-bottom: 4px;
        font-size: 18px;
    }

    .add-band-card .pack-block p {
        font-size: 16px;
    }

    .balance-card .card-head {
        padding-bottom: 10px;
    }

    .balance-card ul li {
        padding-block: 8px;
        font-size: 20px;
    }

    .credit-table tr td {
        padding: 14px;
    }
}

@media (max-width: 575px) {
    .add-band-card .package-table {
        table-layout: fixed;
    }
}

.qr-reader {
    border: 2px solid blue;
    border-radius: 14px;
}
/*18-12-2024 Reload Band css End*/
/* =============================================================================
   RIPLEY'S BELIEVE IT OR NOT! CHRISTMAS PARK — E-TICKET STOREFRONT SKIN
   Written 2026-08-07 by the frontend/design specialist (read-only advisor lane).
   Direction: MATCH AND ELEVATE (Brian, 2026-08-07 — supersedes an earlier
   "lead, don't match" pass and a "dark surface" pass, both superseded before
   ship; see the design brief for the full history).

   WHAT THIS IS
   Reskins the MagicMoney e-ticket storefront (bl181 prod) to match the real,
   live visual language of ripleyschristmaspark.com: red chrome, a yellow/gold
   primary action, a white content field, dark night photography sitting
   INSIDE the page (not as the page), and heavy bold display type. A buyer
   crossing from ripleyschristmaspark.com to this checkout should feel no
   seam. The elevation over their site is in the craft — a red properly
   tuned in OKLCH instead of their several slightly-inconsistent flat reds,
   real type-weight hierarchy, restrained shadow instead of gloss, no
   gradients, and a legibly itemised fee/tax breakdown — not in looking
   different. Colors/type only; no markup changes, no new network requests.

   PALETTE SOURCE — sampled from the LIVE site via Playwright + getComputedStyle
   on 2026-08-07 (rendered values, not CSS source guesses, not an eyeballed
   screenshot):
     body                  bg rgb(255,255,255)  text rgb(33,37,41)   Montserrat
     .about-btn a          bg rgb(250,0,2)  text white               ("THINGS TO DO" button)
     .about-btn a span     bg rgb(191,0,2)                            (icon chip)
     h2 "THINGS TO DO"     color rgb(49,49,49)   Montserrat 700 35px
     h1 "Grand Opening"    color white, IvyStyleTW-Bold 800 83px (on the red masthead)
   Full-page background scan additionally turned up rgb(255,228,0) and
   rgb(255,222,0) (two close gold variants) and rgb(194,0,2) / rgb(209,0,0) /
   rgb(187,0,0) (three more close red variants) — their site uses several
   slightly-drifted reds and golds across sections built at different times.
   All five reds cluster tightly at OKLCH hue ~29°; both golds cluster at hue
   ~99-100°. Rather than reproduce that drift, this file picks ONE red and
   ONE gold, properly tuned, anchored to that same real hue family — this is
   the "elevate in craft, not in looking different" instruction applied
   literally. #0D6EFD ("blue" link color) also appeared in the scan — that is
   Bootstrap's unstyled default link blue leaking through on their own site,
   not a deliberate brand color, and is NOT part of this palette.

   RED IS BRAND CHROME, NOT AN AVAILABLE "ACCENT TO SPEND." It is used for
   header/footer chrome, active/selected indicators, links, and prices —
   the same roles it plays on their own site. It is explicitly NOT used
   for decoration for its own sake. Gold is the ONE primary-action color
   (matches their `.buybutton`: #FFE400 bg, black text) — reserved for the
   actual "Checkout" / "Buy" call to action so it never competes with red.
   Error/validation uses a THIRD color, clearly shifted in lightness and
   chroma from brand red (see --rcp-error below), and is never color-alone —
   every error surface also carries a glyph and text (see Section 7). No
   green anywhere; it is not part of their brand and was a bad inherited
   note from an earlier pass of this same brief.

   SCOPE / WHAT THIS DOES NOT TOUCH
   - Only selectors confirmed present in Views/ETicket/{TicketDetails,
     Checkout,EventDetails,UpcomingEvents}.cshtml, _TicketRow.cshtml,
     _BuyTicket.cshtml, _SearchOrdersWizard.cshtml, _ResendTicket.cshtml,
     and Views/Shared/_ETicketLayout.cshtml are touched.
   - PDF_ETicket.cshtml, PDF_KioskReceipt.cshtml, PDF_InvoiceSummary.cshtml,
     and _TicketEmailTemplate.cshtml render server-side and do NOT load the
     ETicketcss bundle the way the storefront pages do — nothing in this
     block targets a class unique to those templates, so nothing here should
     leak into a receipt or emailed ticket. Not independently re-verified by
     rendering a PDF; flagging as an assumption based on selector scoping,
     not a confirmed test.
   - fairLogo / fairCoverPhoto (DB-driven images) are NOT re-sourced or
     replaced — only their frame/chrome (border, shadow) is styled.
   - Hit-target sizes (padding/width/height on buttons, steppers, checkout
     bar) are UNCHANGED — only color, weight, border, shadow, and one short,
     non-bouncy hover transform are touched.

   MUTATION GATE: this file is a proposal only. Nothing here has been applied
   to any server or mirror. It ships only after Brian confirms the shape
   brief in ~/Development/MagicMoney/design/ripleys-2026/PRODUCT.md.

   DEPLOY (once approved)
   Append this entire block to the end of:
     C:\ftproot\...\Content\ETicketStyle.css (currently 76,270 bytes)
   Original backed up at: C:\ftproot\...\Content\_backup-20260807\ETicketStyle.css
   NOTE: ETicketStyle.css ships from the shared bl181-web repo BLL deploys to
   ~44 clients, so the next repo-wide deploy overwrites this block. It is
   written to be re-appliable as one contiguous unit for that reason.

   WHY TWO !important GROUPS EXIST (read before deploying)
   TicketDetails.cshtml embeds its OWN <style> block directly in the page
   body (not in <head>). Document order is: <head> stylesheet (this file,
   via the ETicketcss bundle) loads first, THEN the page's inline <style>
   block renders later in the same document. At equal selector specificity,
   later wins — so a page-level <style> block always beats an appended
   stylesheet rule for the same selector, regardless of this file's position
   in the source. That page-level block redeclares a specific, verified list
   of selectors (Section 8 below); every one of them needed !important to
   win. Checkout.cshtml, EventDetails.cshtml, and UpcomingEvents.cshtml's
   own <style> blocks were checked too and declare no competing colors, so
   their equivalent selectors need no !important. _BuyTicket.cshtml carries
   a copy of the same duplicated block but it is wrapped in a Razor comment
   (@*...*@) and never renders — confirmed, not assumed. Section 9 covers
   two literal style="" attributes, which always beat an external
   stylesheet regardless of specificity.

   REMOVE
   Delete everything from the BEGIN marker below to end of file. The
   stylesheet returns to stock MagicMoney blue with no other changes.
   ============================================================================= */

/* ===== BEGIN RIPLEYS SKIN 20260807 ===== */

/* -----------------------------------------------------------------------
   1. BRAND TOKENS — OKLCH, tuned from the live-sampled hexes above.
   Measured WCAG contrast pairs — RE-MEASURED 2026-08-09 through a canvas on the
   live page after --rcp-field/--rcp-surface were un-inverted. The previous table
   described the old tokens and every "on field"/"on surface" row in it was wrong
   the moment those two changed. Field is now #F8F3ED (cream), surface pure white,
   so surface rows went UP and field rows came DOWN:
     --rcp-ink on --rcp-field:        13.76:1   (was 14.94 on the old near-white field)
     --rcp-ink on --rcp-surface:      15.18:1   (was 14.35)
     --rcp-ink-soft on --rcp-field:    5.93:1   (was 6.44)
     --rcp-ink-soft on --rcp-surface:  6.54:1   (was 6.19)
     --rcp-red-deep on --rcp-field:    6.91:1   (was 7.51)
     --rcp-red-deep on --rcp-surface:  7.62:1   (was 7.21)
     white on --rcp-red:               4.79:1  (passes body-text AA, not just large)
     white on --rcp-red-deep:          7.62:1
     --rcp-ink on --rcp-gold:         11.39:1
     --rcp-ink on --rcp-gold-hover:    8.75:1
     --rcp-error on --rcp-field:       8.26:1
     --rcp-error on --rcp-surface:     9.11:1
     --rcp-ink on --rcp-warm:         13.30:1   (the Season Passes body fill)
     --rcp-ink-soft on --rcp-warm:     5.74:1   <- the tightest non-red pair; watch it
   Every pair clears WCAG AA body-text (4.5:1); most clear it by a wide
   margin. --rcp-red (the bright chrome red) is the only one worth noting:
   at 4.79:1 it is safe for body text too, not just large text, so unlike
   an earlier internal draft of this file it does not need a "large text
   only" caveat.
   ----------------------------------------------------------------------- */
:root {
    /* 🔴 CORRECTED 2026-08-09 — these two were INVERTED against the design, and it is why the page
       read flat and generic beside the prototype however correct every individual component was.
       The prototype's depth model is CARDS LIGHTER THAN THE PAGE: --card #FFFFFF sitting on
       --ground #FAF5EF, a warm cream. This skin had field 0.995 (brighter) and surface 0.980
       (darker) — cards a hair DARKER than the page they sit on, so nothing read as raised and the
       whole page read as one undifferentiated white sheet. The old comment even said so out loud:
       "one hair below field for depth without a shadow doing the work". Below the field is not
       depth, it is a dent.
       Field is now the prototype's #FAF5EF verbatim (oklch 0.966 0.010 75) and surface is white. */
    --rcp-field: oklch(0.966 0.010 75);   /* PAGE ground — the prototype's #FAF5EF warm cream */
    --rcp-surface: oklch(1 0 0);          /* card background — white, RAISED above the cream field */
    /* Added 2026-08-10. Brian, looking at the widened desktop layout: "hate the blockiness and
       contrast and white everywhere." Pure white next to a warm cream field is a hard color CUT,
       not a lift — the elevation should read from the shadow, not from a brightness jump. --rcp-card
       is --rcp-surface with the field's own warm tint folded back in (0.986 vs field's 0.966, so it
       still sits visibly above the field, just not by a 3.4% pure-white gap). Used on the Single
       Night ticket rows (was --rcp-surface, the one stark-white block next to the already-warm
       Season Passes fill) and the sticky order-summary card. Not a global --rcp-surface swap: other
       consumers of that token (dialogs, message blocks) are untouched, unaudited, and out of scope
       for a layout fix. --rcp-ink on it is 13.2:1, --rcp-ink-soft 5.8:1 — both clear AA with room. */
    --rcp-card: oklch(0.986 0.007 62);
    --rcp-ink: oklch(0.27 0.012 29);      /* body text — warm-tinted near-black, hue anchored to the brand red family instead of a cool default gray */
    --rcp-ink-soft: oklch(0.48 0.010 29); /* secondary/meta text — dates, hours, placeholders, itemised fee/tax lines */
    --rcp-red: oklch(0.58 0.230 29);      /* bright chrome red — header/footer bands, active states with large/bold text */
    --rcp-red-deep: oklch(0.46 0.200 29); /* readable red — links, prices, badges, borders, anything text-scale */
    --rcp-red-hover: oklch(0.40 0.190 29);/* pressed/hover state for red chrome elements */
    --rcp-gold: oklch(0.90 0.170 100);    /* the ONE primary-action color — Checkout/Buy buttons only */
    --rcp-gold-hover: oklch(0.82 0.180 98);
    --rcp-error: oklch(0.42 0.140 16);    /* validation/error — deliberately lower chroma and shifted ~13deg in hue from brand red so it never reads as decoration */
    --rcp-warm: oklch(0.955 0.014 72);    /* Season Passes group interior — the prototype's "same object, different fill". NOT the rejected #EFE5D8 ground: that was the whole page and read bland. Here it is one group's body, so it separates the season block from the single-night block without tinting the field. --rcp-ink on it is 13.1:1, --rcp-ink-soft 5.6:1 */
    /* The display face, ported 2026-08-09. It had NEVER been brought over — the skin carried no
       font-family at all, so every heading inherited the stock rounded sans and the big uppercase
       display type (BUY TICKETS, SINGLE NIGHT, SEASON PASSES) read soft and wide where the design
       is tight and condensed. This is the prototype's --disp stack verbatim.
       ⚠ Avenir Next Condensed is macOS-only; the fallbacks are the deliberate degradation path and
       Windows/Android land on Arial Narrow. Do not "fix" that by adding a webfont — the storefront
       is skinned over a live box and every asset here is wiped by a BLL deploy of Content/. */
    --rcp-disp: "Avenir Next Condensed", "Arial Narrow", "Helvetica Neue Condensed", "Helvetica Neue", Arial, sans-serif;
    --rcp-border: rgba(44, 36, 35, 0.12); /* ink-tinted hairline border, replaces the stock #D8D8D8/#dbdbdb blue-gray-adjacent borders */
    --rcp-shadow: 0 1px 2px rgba(44, 36, 35, 0.06), 0 2px 8px rgba(44, 36, 35, 0.07); /* restrained two-layer shadow, ink-tinted — replaces the stock rgba(55,70,95,.12) blue-gray diffuse glow */
}

/* -----------------------------------------------------------------------
   2. GLOBAL SURFACE & TYPE
   ----------------------------------------------------------------------- */
.wrapper {
    background: var(--rcp-field);
}
body {
    color: var(--rcp-ink);
}
a {
    color: var(--rcp-ink);
}
a:hover {
    color: var(--rcp-red-deep);
}
::-webkit-input-placeholder { color: var(--rcp-ink-soft); }
::-moz-placeholder { color: var(--rcp-ink-soft); }
:-ms-input-placeholder { color: var(--rcp-ink-soft); }

/* Heavier display weight on the fair name / event name — the closest this
   stylesheet gets to their IvyStyleTW-Bold display headings without
   importing a font. Manrope already loads weight 200-800 (see the layout's
   existing Google Fonts link), so 800 + tight tracking is available for
   free. */
.main-heading .event-details h1,
#event-name,
#FairName {
    color: var(--rcp-ink);
    font-weight: 800;
    letter-spacing: -0.01em;
}
.content-block .content-heading,
.order-summary-box .content-heading,
.visit-dates-list h5,
.message-block .message-body h4 {
    font-weight: 800;
}

/* -----------------------------------------------------------------------
   3. PRIMARY ACTION — gold, and ONLY gold. .btn-primary drives: header
   Share button is intentionally NOT gold (see Section 4, it goes red —
   the header pill is chrome/navigation, not the purchase action); this
   section is the actual conversion buttons: Checkout, View Event, the
   mobile "Get Tickets" pill, modal footer confirms, checkout-search.
   ----------------------------------------------------------------------- */
.btn-primary {
    background: var(--rcp-gold) !important; /* stock rule is itself "background:#5A78FF!important" — matching bang for bang, same selector/specificity */
    color: var(--rcp-ink) !important;        /* stock button text is white-on-blue; must force dark text or gold becomes illegible */
    font-weight: 800;
    box-shadow: none !important; /* stock .btn carries box-shadow:0 0 4px rgba(0,0,0,.5)!important on every button — flattened, no theme-park gloss */
}
.btn-primary:hover {
    background: var(--rcp-gold-hover) !important; /* stock hover rule is also !important */
    color: var(--rcp-ink) !important;
}
.btn {
    box-shadow: none !important; /* flattens the shadow on every button variant, not just primary, for one consistent flat system */
}

/* -----------------------------------------------------------------------
   4. HEADER / CHROME — red, matching their masthead. Cover photo and fair
   logo are DB-driven — untouched; this is only the pill buttons, the back
   arrow, and the checkout single-header bar around them.
   ----------------------------------------------------------------------- */
.header-top .back-btn,
.single-header .back-btn {
    background: var(--rcp-red-deep);
}
.header-top .back-btn:hover,
.header-top .back-btn:focus {
    background: var(--rcp-red-hover);
}
.header-top .btn.btn-primary.btn-s {
    /* the header "Share" pill inherits .btn-primary (gold) by default;
       override back to red here specifically — Share is chrome/navigation
       riding on the photo header, not the purchase action, and should read
       as part of the red system, not compete with the one gold CTA below it */
    background: var(--rcp-red-deep) !important;
    color: #fff !important;
}
.header-top .btn.btn-primary.btn-s:hover {
    background: var(--rcp-red-hover) !important;
}
.lookup-btn {
    border-color: var(--rcp-red-deep);
    color: var(--rcp-red-deep);
}
.lookup-btn:hover {
    color: var(--rcp-red-deep) !important; /* stock hover rule sets color:#000!important */
}
.single-header {
    background: var(--rcp-red-deep);
}
.single-header .close {
    /* flat solid fill, no gradient — stock uses linear-gradient(#5950E9,#413AA4), explicitly disqualified ("no glossy gradients") */
    background: var(--rcp-red-hover);
}
.primary-dialog .modal-header {
    background: var(--rcp-red-deep);
}
.opening-time ul {
    filter: drop-shadow(0px 0px 12px rgba(172, 0, 0, 0.20)); /* was rgba(90,120,255,.5); softened intensity to match the restrained-shadow direction */
}
.opening-time a {
    color: var(--rcp-red-deep);
}
.footer {
    background: var(--rcp-red-deep); /* bookends the page in the same red as the header chrome, matching their site's red-dominant system */
}

/* -----------------------------------------------------------------------
   5. CARDS / PANELS — flatten the stock blue-gray glow shadow to the
   restrained ink-tinted --rcp-shadow token, everywhere a card exists.
   Backgrounds stay white/near-white (--rcp-surface), matching their real
   white content field — this was deliberately reversed from an earlier,
   now-superseded dark-mode draft of this file.
   ----------------------------------------------------------------------- */
.event-details-wrapper .left,
.event-details-wrapper .right .map iframe,
.ticket-details-wrapper .left,
.ticket-details-wrapper .right,
.content-block,
.event-list li,
.opening-time ul li,
.message-block,
.primary-dialog,
.checkout-search {
    box-shadow: var(--rcp-shadow);
    border-color: var(--rcp-border);
}

/* -----------------------------------------------------------------------
   6. TEXT COLOR / LINKS / PRICES / SELECTION STATE (plain overrides only —
   selectors NOT redeclared in any page-level <style> block; Section 8
   covers the ones that are)
   ----------------------------------------------------------------------- */
.primary-link {
    color: var(--rcp-red-deep) !important; /* stock rule is itself "color:#5A78FF!important" */
}
.text-primary,
.table > tbody > tr > td.blue-text,
.event-details-wrapper .right a,
.ticket-details-wrapper .right a {
    /* !important is REQUIRED here, not stylistic: bootstrap.min.css (first in the ETicketcss
       bundle) ships `.text-primary{color:#007bff!important}`, which beats a plain rule no matter
       how late it loads. It also beats ETicketStyle.css:409 `.text-primary{color:#5A78FF}` — so
       the stock prices were never MagicMoney blue, they were Bootstrap blue, and that stock rule
       is dead code. `.text-primary` is the class the ticket PRICES use (_TicketRow.cshtml:121,
       a bootstrap utility rather than a semantic price class), plus the cart total and quantity
       (TicketDetails.cshtml:1155,1173) — the most-read numbers on the page. */
    color: var(--rcp-red-deep) !important;
}
.subtotal-card .text-primary {
    /* ETicketStyle.css:1512 re-declares this at higher specificity inside a media query */
    color: var(--rcp-red-deep) !important;
}
.lookup-btn {
    /* The "Order Lookup" outline button. _ETicketLayout.cshtml:100 carries an inline <style> in
       the <head> that loads AFTER the ETicketcss bundle and hardcodes `border:#5A78FF 2px solid`,
       so no bundle rule can beat it without !important. White bg + dark text is a legitimate
       secondary treatment and is kept; only the blue border is brand-wrong. */
    border-color: var(--rcp-red-deep) !important;
}
/* Baked-blue SVG assets. CSS cannot restyle the inside of an <img>, so hue-rotate is the only
   lever short of replacing the files (which the next BLL deploy would overwrite anyway). These
   were VERIFIED VISUALLY after applying, not assumed. If any ever renders wrong, delete just its
   selector — every other fix in this block stands on its own.
   Matched on src so they work wherever the asset appears, not just in one container. */
/* blue-search-icon.svg is GONE from this list as of the 20260807 view port: _ETicketLayout now
   inlines that magnifier as <svg> with currentColor, so it is coloured by .rcp-ic-lookup below
   instead of guessed at with a filter. The two below still ship as <img> in Checkout.cshtml and
   keep the hack until that view is ported too. */
img[src$="email.svg"],              /* checkout: Email delivery   */
img[src$="mobile-text.svg"] {       /* checkout: Mobile Text      */
    filter: hue-rotate(142deg) saturate(2.4) brightness(0.62);
}

/* --- Place Order held closed (Brian, 2026-08-07; reworked 2026-08-08) --------
   Online payment is not wired yet — web.config carries a placeholder CloverMerchantID — so a real
   visitor completing this form hits a dead end at the last step.

   🔴 THE CSS HOLD IS GONE ON PURPOSE. This block used to carry
       #submit_btn { pointer-events: none !important }  +  a ::after notice
   and that had to be removed, not merely softened: pointer-events:none swallows the click, so no
   handler can run, so Brian's "let them accept the terms, let them press pay, then tell them
   tickets are coming shortly" is impossible while it exists. If you reinstate it, the popup on
   Checkout.cshtml silently stops firing and the page goes back to a dead button.

   The hold now lives in Checkout.cshtml as a CAPTURE-phase listener plus the #rcpSoonAlert modal,
   and the page carries a banner saying sales are not open before anyone starts filling it in.

   🔴 CEILING, unchanged and worth restating: that is still a CLIENT-SIDE gate. It stops a click,
   not devtools or a scripted POST. It is proportionate ONLY because the payment path cannot
   complete anyway — anyone forcing past it lands on the same failure. If real money ever depends
   on this being shut, gate it server-side (IsEticketSaleEnabled off, or at the ALB per
   MAINTENANCE-GATE-RUNBOOK.md). Delete the banner, the modal and the listener the moment a real
   MID is in place. */
.rcp-soon-banner {
    /* 🔴 The checkout form is a FLEX row (.left / .right columns), so this banner becomes a flex
       ITEM the moment it is dropped inside it — it shipped once as a ~70px vertical ribbon down the
       far left, one word per line. flex-basis 100% + order -1 makes it a full-width band above both
       columns. Harmless if the parent is ever not flex: the flex properties simply do not apply. */
    flex: 0 0 100%;
    width: 100%;
    order: -1;
    /* ...and align-self, because a flex item STRETCHES to the row height by default. Without this
       the banner rendered ~1000px tall — full width, correct text, and a thousand pixels of empty
       cream below it. Two separate flex defaults, two separate wrong-looking ships. */
    align-self: flex-start;
    display: block;
    margin: 0 0 18px;
    padding: 13px 16px;
    background: var(--rcp-surface);
    border: 1px solid var(--rcp-border);
    border-left: 4px solid var(--rcp-red-deep);
    border-radius: 0 8px 8px 0;
    font-size: 14px;
    line-height: 1.5;
    color: var(--rcp-ink-soft);
}
.rcp-soon-banner strong { color: var(--rcp-ink); display: block; margin-bottom: 2px; }
.rcp-soon-msg { font-size: 15px; line-height: 1.55; color: var(--rcp-ink-soft); margin: 0; }
.rcp-soon-msg strong { color: var(--rcp-ink); }

/* --- footer, rebuilt on real markup (view port 20260807) ------------------
   RETIRED: the `.copyright { font-size:0 }` + `::before` replacement that used to sit here. It
   existed only because the version number shared one text node with the copyright and could not be
   targeted. _ETicketLayout.cshtml now simply does not render the version, so the hack is not merely
   dead -- keeping it would zero the font on the new footer and blank it. The dynamic year came back
   with it; the ::before had to drop the year to avoid freezing at 2026.
   ponytail: no rule for .copyright at all now. Stock styles it correctly again. */
.wrapper:has(.ticket-details-wrapper) + .footer {
    /* The ticket-selection page renders a FIXED bottom bar (count + total + Checkout). Scrolled to
       the very bottom it covers the last ~140px, which now hides the copyright line outright.
       MEASURED at 390px: bar top 703, copyright 786-826 — fully occluded, unreachable by scrolling.
       Reserve room for it.
       Scoped with :has() so Checkout and the receipt pages, which have no bar, do not gain a dead
       red band at the foot of the page.
       ponytail: 170px is the measured 141px bar plus breathing room, not a computed value. If the
       bar ever grows a line, re-measure — the failure mode is VISIBLE (text under the bar), not
       silent. A browser without :has() falls back to today's behaviour, i.e. this bug, not a new one. */
    padding-bottom: 170px;
}
footer.footer {
    /* Stock ships this as `display:flex; flex-direction:row; align-items:center`, which was fine
       when the ONLY child was the one-line copyright. The view port adds a second child
       (.rcp-foot), and row-flex put the two side by side in 246px + 113px columns — the address
       wrapped to four lines and the copyright to three. Column stacks them instead. */
    flex-direction: column;
    gap: 10px;
    padding: 18px 15px;
}
.rcp-foot {
    /* 🔴 The footer band is RED (--rcp-red-deep), not the white field. The first version of this
       block used --rcp-ink-soft and rendered dark grey on red — a contrast failure. Stock
       .copyright is #fff for exactly that reason. White at .9 over oklch(0.46 0.2 29) measures
       ~5.5:1, clear of the 4.5:1 body minimum.
       MEASURED, not assumed: caught on the 390px QA screenshot after the first push. */
    color: rgba(255, 255, 255, 0.9);
    max-width: 42ch;
    text-align: center;
    font-size: 14px;
    line-height: 1.55;
}
.rcp-foot p { margin: 0 0 4px; }
.rcp-foot-brand {
    font-weight: 700;
    color: #fff;
    font-size: 15px;
    letter-spacing: .01em;
    margin-bottom: 6px;
}

/* --- touch targets, 2026-08-07 (measured, not guessed) ------------------- */
.plus-minus .ic-plus,
.plus-minus .ic-minus {
    /* Measured at 390px: these render 24x34 CSS px. They are the primary interaction on the
       primary surface — a parent on a phone, at night, one-handed, cold fingers — and 24px is
       under every touch-target guideline (WCAG 2.5.5, 44pt HIG, 48dp Material).
       Expanding the HIT AREA via a centred pseudo-element rather than the box itself, so nothing
       reflows and the icon stays optically where it was. Measured clearance: minus target spans
       ~235-279, plus ~335-379 inside a 249-369 container at a 390 viewport — they do not overlap
       each other and do not exceed the viewport. Re-measure if the row layout ever changes. */
    position: relative;
}
.plus-minus .ic-plus::after,
.plus-minus .ic-minus::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 44px;
    height: 44px;
    transform: translate(-50%, -50%);
}

/* --- cosmetic sweep, 2026-08-07 (post-QA click-through) ------------------ */
.checkbox label a {
    /* the Terms & Conditions link inside the checkout consent checkbox (Checkout.cshtml:646).
       Plain anchor, no class of its own, so it fell through to the bootstrap link colour. */
    color: var(--rcp-red-deep) !important;
}
.text-success {
    /* bootstrap ships `.text-success{color:#28a745!important}` — bang required to beat it.
       This is the promo-code amount (Checkout.cshtml:629). Green is explicitly out of this
       palette, and the line is a neutral amount rather than a status, so it takes ink.
       Deliberately NOT red: a discount is not an error. */
    color: var(--rcp-ink) !important;
}
.page-heading-outer .dropdown-menu li a:hover {
    background: var(--rcp-red-deep);
    color: #fff;
}
.checkbox input[type=checkbox]:checked + label:before {
    border-color: var(--rcp-red-deep); /* the checkmark icon itself (checked.png) is a raster asset with blue baked in — left alone deliberately, no way to recolor it in CSS without a filter hack on an asset we can't preview before shipping */
}
.radio input[type=radio]:checked + label:before {
    border-color: var(--rcp-red-deep);
}
.radio input[type=radio]:checked + label:after {
    background-color: var(--rcp-red-deep); /* this dot is a plain CSS background-color, no image, safe to recolor */
}
.email-number-outer .custom-control-input:checked ~ .custom-control-label:before {
    border-color: var(--rcp-red-deep); /* the checkmark icon here (radio-checked-blue-icon.svg) is likewise a raster/vector asset, left alone for the same reason */
}
.form-group .form-control:focus {
    border-color: var(--rcp-red-deep) !important; /* stock rule is itself !important */
}
.plus-minus .form-control {
    border-color: var(--rcp-border);
}
.plus-minus a:hover {
    background-color: oklch(0.96 0.02 29); /* faint warm-red tint, replaces stock #efefef — same hit target, only color changes */
    border-color: var(--rcp-red-deep);
}
.event-list li {
    transition: box-shadow 0.2s ease-out, border-color 0.2s ease-out, transform 0.2s ease-out;
}
.event-list li:hover {
    border-color: var(--rcp-red-deep);
    box-shadow: 0 2px 4px rgba(44, 36, 35, 0.08), 0 8px 20px rgba(172, 0, 0, 0.12);
    transform: translateY(-2px); /* visual only — hit-target size and box are unaffected */
}

/* -----------------------------------------------------------------------
   7. ERROR / VALIDATION — a color clearly shifted from brand red (see the
   OKLCH values above), and never color alone. Adds a CSS-drawn glyph via
   ::before rather than a new image, so an error box is never just a red
   tint — this is genuinely required here, not decorative, because red is
   already spent as brand chrome (Section 4/6) and must not double as the
   only error signal.
   ----------------------------------------------------------------------- */
.bg-danger {
    background-color: oklch(0.96 0.03 16) !important; /* very light tint of --rcp-error's hue, not brand red's hue — stock rule is itself !important */
    color: var(--rcp-error) !important;
    border: 1px solid var(--rcp-error);
    display: flex;
    align-items: flex-start;
    gap: 8px;
}
.bg-danger::before {
    content: "\26A0"; /* warning triangle glyph, system font, no new asset/request */
    flex-shrink: 0;
    font-size: 1.1em;
    line-height: 1.2;
}
.input-validation-error {
    border-color: var(--rcp-error) !important; /* stock rule is itself !important; also shifted off brand red to the dedicated error hue */
}

/* -----------------------------------------------------------------------
   8. CASCADE-ORDER OVERRIDES — every selector below is redeclared inside
   TicketDetails.cshtml's own page-level <style> block (renders in <body>,
   AFTER this stylesheet's position in <head>), so at equal specificity it
   wins by document order regardless of file order. !important is the only
   way to win here; verified selector-by-selector against that block's
   actual contents, not assumed. Two-property conflicts (background AND
   color both redeclared there) are forced together so neither wins alone —
   forcing only one half of a color pair is how a badge would have ended up
   illegible (this was caught and fixed during an earlier pass of this file).
   ----------------------------------------------------------------------- */
.my-tickets-section .my-tickets-div {
    border-color: var(--rcp-red-deep) !important;
}
.ticket-count {
    background-color: var(--rcp-red-deep) !important;
    color: #fff !important;
}
.tab__label,
.tab__close {
    background: var(--rcp-red-deep) !important; /* page block's color:white is left untouched — white-on-red-deep measures 7.62:1, already safe */
}
.ticket-tab.active {
    background: var(--rcp-red-deep) !important; /* page block's color:#fff is left untouched, same reasoning */
}
.ticket-tab {
    color: var(--rcp-ink) !important; /* inactive tab text is black in the page block; forcing our warm ink for palette consistency, contrast unaffected since the surface stays light */
}
.plan-description-more-info .more-info {
    color: var(--rcp-red-deep) !important;
}
.viewMoreBtn {
    color: var(--rcp-red-deep) !important;
}
.caret {
    border-top-color: var(--rcp-red-deep) !important; /* page block sets the shorthand border-top: 7px solid #007bff — overriding the longhand color component */
}
.checkout-bar {
    border-top: 3px solid var(--rcp-red-deep) !important; /* page block redeclares border-top: 1px solid #ddd; background:#fff there is left alone, we want white too */
    box-shadow: var(--rcp-shadow) !important; /* page block's own box-shadow is not !important, but grouped here since this selector already needs !important for border-top */
}
.cart-badge {
    background: var(--rcp-red-deep) !important;
    color: #fff !important;
}
.date-card.available:hover {
    border-color: var(--rcp-red-deep) !important;
    box-shadow: 0 4px 10px rgba(172, 0, 0, 0.12) !important;
}
.available .status {
    color: var(--rcp-ink-soft) !important; /* "available" is the default/unmarked state — de-emphasized rather than given its own accent color, keeping the palette to red (chrome/action-adjacent), gold (the one CTA), and error only */
}
.sold-out .status {
    color: var(--rcp-ink-soft) !important; /* was orange #f57c00; sold-out reads as a disabled state via reduced emphasis + the existing opacity:0.6 on the card, not via a competing warm hue that would visually clash with red chrome and gold CTA */
}
.date-card.selected {
    /* compensates the added 1px of border with 1px less padding
       (1px border + 2px padding stock -> 2px border + 1px padding here)
       so the box size doesn't shift when the .selected class toggles on */
    background: oklch(0.96 0.03 29) !important;
    border: 2px solid var(--rcp-red-deep) !important;
    padding: 1px !important;
}

/* -----------------------------------------------------------------------
   9. TRUE INLINE style="" OVERRIDES
   Two spots hardcode color directly on the element via a style attribute,
   which always outranks an external stylesheet on specificity alone — no
   selector, however specific, wins against inline without !important.
   ----------------------------------------------------------------------- */
/* TicketDetails.cshtml line 1277 and EventDetails.cshtml line 184: the
   "Location address" link — identical onclick handler in both views, used
   as a stable, non-fragile hook instead of matching on the style="" string
   itself (which would break the moment whitespace/casing in that
   attribute changes). */
a[onclick="openGoogleMap();"] {
    color: var(--rcp-red-deep) !important;
}
/* _SearchOrdersWizard.cshtml and _ResendTicket.cshtml: the "Cancel" button
   in the Order Lookup / Resend Ticket modals — reachable from the public
   "ALREADY BOUGHT TICKETS? Order Lookup" button, confirmed visible on both
   live pages via screenshot. Both Cancel buttons share the parent id
   #SearchOrdersFooter and are the only .checkout-btn there WITHOUT
   .btn-primary, so this selector is stable without depending on the
   inline style string itself. */
#SearchOrdersFooter .checkout-btn:not(.btn-primary) {
    color: var(--rcp-red-deep) !important;
}

/* -----------------------------------------------------------------------
   10. FEE / TAX BREAKDOWN — "surfaced, not buried" per the product brief.
   The DOM already puts the running total in .content-heading (top of the
   box) and itemised fee/tax lines below it in a <ul> — this reinforces
   that existing hierarchy with color/weight rather than fighting it: the
   total stays full-strength ink/red and bold, itemised lines use the
   softer ink so the total is clearly the terminal number while every fee
   line underneath it stays fully legible (7.51:1+, not a washed-out gray).
   ----------------------------------------------------------------------- */
.order-summary-box .content-heading {
    color: var(--rcp-ink);
    border-bottom-color: var(--rcp-border);
}
.order-summary-box .content-heading strong,
.order-summary-box .content-heading span {
    color: var(--rcp-red-deep);
}
.order-summary-box ul li span {
    color: var(--rcp-ink-soft);
}
.order-summary-box ul li small {
    color: var(--rcp-ink);
    font-weight: 600;
}
.order-summary-box ul,
.order-summary-box .checkbox {
    border-color: var(--rcp-border);
}


/* --- components added by the VIEW PORT 20260807 ---------------------------
   These style markup that does not exist in stock bl181 -- it is emitted by the ported
   _ETicketLayout.cshtml. If the CSS is ever wiped (a BLL deploy) while the views survive, this
   markup renders unstyled rather than broken: the ribbon degrades to a plain line of text and the
   footer to plain paragraphs. Re-apply with `python3 apply-skin.py`.
   All selectors are `rcp-` prefixed so they cannot collide with the 76KB stock bundle. */
.rcp-ribbon {
    font-family: var(--rcp-disp);
    /* The deepest step in the red ladder. The skin calls that token `--rcp-red-hover` because its
       first use was a pressed state; the prototype called the same value `--red-shade`. Reusing it
       rather than declaring a second token for an identical colour. */
    background: var(--rcp-red-hover);
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: .22em;
    text-transform: uppercase;
    padding: 9px 14px;
}
.rcp-ic-lookup {
    /* The magnifier inside "Order Lookup". The button's own colour is forced to #000 by an inline
       <style> in the layout head, so currentColor would render it black; this re-asserts the brand
       red that the old hue-rotate filter was approximating. */
    color: var(--rcp-red-deep);
    vertical-align: -3px;
}

/* ---- What every ticket includes (TicketDetails port) ----
   Two facts placed above the steppers instead of in the Notes far below the fold. Measured, not
   assumed: --rcp-ink-soft on --rcp-surface is 6.19:1 and --rcp-red-deep on it is 7.21:1, so the
   icons carry brand red at text scale legitimately.
   Left rule rather than a filled panel: this is a note, not a second call to action, and a boxed
   block here would compete with the ticket card it introduces. */
/* ⚠ This is the TOP of the white body, not a standalone note. The DOM order is
   .rcp-cat-head → ul.rcp-included → #ticketSection, all siblings, so the card is built from three
   stacked pieces: red header takes the top corners, this takes the straight middle, the ticket list
   takes the bottom corners. Measured the first time as a 130px desktop / 243px mobile gap because I
   styled the header and the list as if this were inside the list. It is not.
   Its old red left-rule is gone: the red header above now carries that job, and two red devices
   stacked read as two objects rather than one. */
/* 🔴 SUPERSEDED 2026-08-08 with .rcp-cat-head: this is no longer the straight middle of a card,
   because there is no page-level card any more — the cards are the groups. It is now a plain facts
   panel sitting on the field above them, so it keeps its fill (it is still a distinct block of
   terms) but drops the side borders that only made sense as a card's waist. */
/* 🔴 De-boxed 2026-08-10. This was a white, bordered, rounded panel — the FIRST white rectangle a
   visitor hits after the hero, and one of the three Brian named directly ("blockiness and contrast
   and white everywhere"). It never needed to be a card: it is four short facts, not a second call
   to action, and "Good to know" fifteen lines down already makes the identical structural point
   (icon-led list, no box) without complaint. Matching that treatment removes a box instead of
   re-explaining why this one gets to be different. */
.rcp-included {
    list-style: none;
    margin: 0 0 4px;
    padding: 0 0 4px;
    background: transparent;
    border: 0;
    border-radius: 0;
}
.rcp-included li {
    display: flex;
    gap: 9px;
    align-items: flex-start;
    font-size: 13px;
    line-height: 1.45;
    color: var(--rcp-ink-soft);
}
.rcp-included li + li { margin-top: 7px; }
.rcp-included svg {
    flex: none;
    margin-top: 2px;
    color: var(--rcp-red-deep);
}

/* ---- Ticket rows at phone width ----
   The plan called for porting the prototype's .trow markup across three date-mode blocks in
   _TicketRow.cshtml. It turned out not to be necessary: the whole defect is layout, and CSS reaches
   it. That matters beyond laziness — _TicketRow carries twelve @Html.HiddenFor bindings and the
   AddQuantity/DecreaseQuantity hooks per row, and not touching them is not touching them.

   🔴 Two measurements corrected an earlier claim of mine. _TicketRow.cshtml:52 branches on the
   USER AGENT, not the viewport, so there are two different markup shapes:
     real phone UA   -> 2 cells: td.firsttd (name+desc+price), td (stepper)   overflow 3px
     desktop UA      -> 3 cells: td.firsttd, td.text-primary, td (stepper)    overflow 20px
   The "20px overflow at 390px" recorded earlier was a NARROWED DESKTOP WINDOW, not a phone. On a
   phone the overflow was minor and the real damage was the name column: pinned to 100px, so
   "[Online] Admission: Adult 10 years and over" ran to four lines and every row was ~180px tall.
   This block is viewport-scoped, so it fixes both shapes with one rule set — hence the explicit
   grid placement below, which has to be correct whether or not the middle cell exists.

   Measured after (phone UA / desktop UA at 390): name column 100px and 76px -> 200px, name height
   94px and 112px -> 58px, and the "+" button no longer clipped. Desktop at 1440 is untouched, and
   a stepper tap still moves the total on all three. */
@media (max-width: 767px) {
    .ticket-div table.table,
    .ticket-div table.table > tbody,
    .ticket-div table.table > thead,
    .ticket-div table.table > thead > tr,
    .ticket-div table.table > thead > tr > th { display: block; width: auto !important; }
    .ticket-div table.table { table-layout: auto; }

    /* One row = a 2-column grid. align-items:end sits the stepper level with the price, which is
       the last thing in column 1, so the two line up without a negative margin holding them there. */
    .ticket-div table.table > tbody > tr {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        column-gap: 12px;
        border-top: 1px solid var(--rcp-border);
        padding: 15px 0;
    }
    .ticket-div table.table > tbody > tr:first-child { border-top: 0; }
    .ticket-div table.table > tbody > tr > td {
        display: block;
        padding: 0 !important;
        border: 0 !important;
    }
    /* Stock pins the first cell with `min-width:168px !important; max-width:168px !important` at
       (0,3,4). Releasing it needs a MORE specific selector, not just another !important — the extra
       class here is what makes this win. Both cells are released so the 3-cell shape behaves. */
    .ticket-div.ticket-div-eventdetail .table > tbody > tr > td,
    .ticket-div.ticket-div-eventdetail .table > tbody > tr > td.firsttd {
        min-width: 0 !important;
        max-width: none !important;
        width: auto !important;
    }
    /* Explicit placement, so the 2-cell and 3-cell rows land identically. Without this the 3-cell
       row wraps its stepper onto a second grid row. */
    .ticket-div table.table > tbody > tr > td.firsttd { grid-column: 1; grid-row: 1; }
    .ticket-div table.table > tbody > tr > td.text-primary { grid-column: 1; grid-row: 2; margin-top: 7px; }
    .ticket-div table.table > tbody > tr > td:last-child { grid-column: 2; grid-row: 1 / -1; align-self: end; }

    /* The same night photo repeated down every row buys nothing and costs ~70px of a 328px line. */
    .ticket-div .plan-img-name-more-info img { display: none !important; }
    .ticket-div .plan-img-name-more-info,
    .ticket-div .plan-description-more-info { display: block !important; max-width: none !important; }
    .ticket-div .plan-description-more-info p { margin: 0 0 2px; font-weight: 700; line-height: 1.3; }

    .ticket-div td.firsttd > .text-primary { display: block; margin-top: 7px; }
    /* "(incl. $6.00 fee)" — the all-inclusive disclosure. It stays: the headline price IS the
       charge, and saying which part is tax and fee is what earns that claim. */
    .ticket-div .text-primary > span { display: block; font-size: 12px; font-weight: 400; }

    /* Stock pins .plus-minus to 120px while its own buttons need ~130, so the "+" was clipped at
       the container edge. Sizing it to content is what actually put the button back on screen. */
    .ticket-div .plus-minus {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
    }
    .ticket-div .plus-minus .form-control.Quantity { width: 52px !important; min-width: 0 !important; }

    /* "Price" and "Quantity" label columns that no longer exist in this layout. The first th keeps
       the date, which is the one that carries information on a multi-date block. */
    .ticket-div table.table > thead th:not(:first-child) { display: none; }
}

/* ---- "Good to know" (right rail, TicketDetails port) ----
   Sibling of the stock Dates / Location / HOURS lists, so it inherits their <h6> and <ul>
   treatment and only needs the bits that differ: a little more line height, because these are
   sentences rather than the one-line facts above them, and a marker that is not the stock disc. */
.rcp-goodtoknow {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
.rcp-goodtoknow li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 9px;
    font-size: 13px;
    line-height: 1.5;
    color: var(--rcp-ink-soft);
}
.rcp-goodtoknow li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--rcp-red-deep);
}
.rcp-goodtoknow strong { color: var(--rcp-ink); font-weight: 700; }
.rcp-goodtoknow a { color: var(--rcp-red-deep); text-decoration: underline; }

/* ---- Night tile (TicketDetails) ----
   The prototype's hero, on the real page. Assets are served from this box under
   Content/images/ripleys/ — see assets-push.py. They are ephemeral like this stylesheet.

   🔴 The scrim is heavier than a still would need, and that is deliberate. On a fixed photo a
   contrast measurement stays true forever; on video the background under the caption changes 25
   times a second. Measured on the prototype, the same caption over the same clip put the gold
   kicker at 2.92:1 on the brightest frame — the lit stalls pass directly under it. Gold needs the
   background below 0.126 relative luminance to clear 4.5:1, i.e. a scrim near .80 even if the frame
   behind goes white. These stops reach .86 by 36% and measured ~8:1 across the loop. Do not lighten
   them to "let the video through" without re-measuring across frames. */
.rcp-night {
    position: relative;
    height: 300px;
    margin: 0 0 18px;
    border-radius: 14px;
    overflow: hidden;
    background: #1B1416;
    box-shadow: var(--rcp-shadow);
}
/* The video and its still share one box, so object-fit crops them identically and nothing shifts
   when playback starts. Mobile gets its own encode cropped around the ferris wheel: at 390px the
   clip's full height already fits, so vertical object-position is inert and panning sideways only
   trades the wheel for motion blur. */
.rcp-night .rcp-scene {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: #1B1416 url(images/ripleys/hero-night-poster-sm.jpg) center/cover;
}
.rcp-night-cap {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 60px 20px 18px;
    /* Ramps FASTER than the prototype's, and the reason is the headline. Adding <h2>Buy Tickets</h2>
       made the caption taller, which pushed the gold kicker up into the thin part of the gradient —
       it measured 1.33:1 there, against 8:1 before. Three text lines over video need the scrim at
       full strength by ~26%, not 36%. Re-measure with qa-night-tile.js after ANY change to the
       caption's contents, not just to these stops: adding a line moves everything above it. */
    background: linear-gradient(180deg, rgba(21,15,20,0) 0%, rgba(21,15,20,.58) 12%,
                rgba(21,15,20,.88) 26%, rgba(21,15,20,.95) 60%, rgba(21,15,20,.97) 100%);
}
.rcp-night-cap .rcp-kick {
    display: block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--rcp-gold);
}
/* 🔴 This selector is long on purpose — do not "simplify" it.
   The stock sheet carries `.ticket-details-wrapper .left p { color:#4A4A4A; font-size:20px;
   line-height:30px; padding-bottom:18px }` at specificity (0,2,2). A plain `.rcp-night-cap p` is
   (0,1,1) and LOSES — not on source order, on specificity, so appending later does not help. The
   caption shipped once looking like this: dark grey #4A4A4A at 20px on a near-black scrim, which
   measured about 1.5:1. Three classes puts this at (0,3,1) and it wins cleanly.
   Caught by LOOKING at the screenshot; the DOM assertions were 8/8 green at the time.
   Solid white, not faded — hierarchy comes from size and weight. Dropping opacity is what put a
   subtitle at 3.93:1 the first time this caption was built. */
/* Display line, same family as the category header. Three classes for the same specificity reason
   as the paragraph below it. */
.ticket-details-wrapper .rcp-night .rcp-night-cap .rcp-night-h {
    font-family: var(--rcp-disp);
    margin: 4px 0 0;
    /* Same trap as the paragraph below, found the same way — by measuring. The stock sheet gives
       headings in `.left` a padding-bottom, so this one line of 28px text was rendering a 49px box
       and spending 20px of a phone hero on nothing. The caption sets its own rhythm in margins. */
    padding-bottom: 0;
    font-size: 34px;
    font-weight: 800;
    letter-spacing: .015em;
    line-height: 1.02;
    text-transform: uppercase;
    color: #fff;
}
@media (max-width: 767px) {
    .ticket-details-wrapper .rcp-night .rcp-night-cap .rcp-night-h { font-size: 28px; }
}
.ticket-details-wrapper .rcp-night .rcp-night-cap p {
    margin: 7px 0 0;
    padding-bottom: 0;
    font-size: 15px;
    line-height: 1.45;
    color: #fff;
    max-width: 52ch;
}
@media (min-width: 768px) {
    .rcp-night { height: 340px; }
    .rcp-night .rcp-scene {
        object-position: center 52%;
        background-image: url(images/ripleys/hero-night-poster.jpg);
    }
}

/* ---- Red chrome header welded to the ticket list ----
   The prototype's "one object": red header, white body. Done on SIBLINGS — the header takes the top
   corners, #ticketSection takes the bottom ones, same border, no gap between them — because a
   wrapping div would have to open inside a Razor @if and close outside it.

   🔴 Every colour here is a token, and the white text on --rcp-red is 4.79:1. That is the whole
   contrast budget: it passes body text with 0.29 to spare, so do NOT fade any of it. Gold was tried
   for the kicker and reverted — #F9E03F on #E31510 measures 3.60:1, and gold is also declared the
   ONE primary-action colour, so spending it here would dilute the Checkout button. Gold survives as
   the decorative rule before the kicker, where no text threshold applies. */
/* 🔴 SUPERSEDED 2026-08-08 (Brian: "actually true to the design"). The comment above describes the
   page-level red band this used to be. The prototype has no such band — it has THREE INDEPENDENT
   GROUP CARDS, each with its own red header, and that is the design of record. Two stacked red bands
   really do read as two objects, so the fix was to stop this one being red rather than to keep the
   group headers quiet. This is now a plain intro: it still gives the instruction and still owns the
   space above the facts, it just no longer competes with the group chrome below it.
   The chip goes with the red — a 64px photo tile on a plain white heading is an orphan, and the same
   image is now doing real work as the Single Night group's chip. */
.rcp-cat-head {
    display: flex;
    align-items: center;
    gap: 16px;
    background: transparent;
    color: inherit;
    padding: 2px 2px 10px;
    border: 0;
    border-radius: 0;
    margin-bottom: 0;
}
.rcp-cat-head .rcp-cat-chip { display: none; }
/* The kicker goes with it. It read "ADMISSION" — which is now also the Single Night group's kicker,
   140px further down the same screen. Two identical eyebrow labels that close together read as a
   duplication bug, and the group's is the one the prototype specifies, so this is the one that goes.
   The heading and its instruction line carry the block on their own.
   ⚠ Prefixed with .ticket-details-wrapper for SPECIFICITY, not for scope: the original
   `.rcp-cat-head .rcp-cat-kick { display:flex }` is further down this file at equal weight, so an
   unprefixed rule here loses on source order and the kicker stays visible. It did, on the first
   deploy. (0,3,1) beats (0,2,0) regardless of order — no !important needed. */
.ticket-details-wrapper .rcp-cat-head .rcp-cat-kick { display: none; }
.rcp-cat-head .rcp-cat-txt { flex: 1; min-width: 0; }
.rcp-cat-head .rcp-cat-kick {
    display: flex;
    align-items: center;
    gap: 9px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .20em;
    text-transform: uppercase;
    color: var(--rcp-red-deep); /* was #fff on the red band; 7.21:1 on --rcp-surface */
}
.rcp-cat-head .rcp-cat-kick::before {
    content: "";
    width: 18px;
    height: 3px;
    border-radius: 2px;
    background: var(--rcp-gold);
    flex: none;
}
/* h2 and p are re-stated at three classes for the same reason the night caption is: the stock
   `.ticket-details-wrapper .left p` is (0,2,2) and silently wins over anything shorter, taking
   colour, size, line-height and padding with it. */
.ticket-details-wrapper .rcp-cat-head .rcp-cat-txt h2 {
    margin: 4px 0 0;
    font-family: var(--rcp-disp);
    /* 26 -> 20 with the red band. The group headings are 24px ON RED CHROME; a plain 26px heading
       directly above them was larger than the thing it introduces, so it competed instead of setting
       up. Changed HERE rather than overridden above, because an override at equal specificity
       earlier in the file loses on source order — which is exactly what happened to the kicker. */
    font-size: 20px;
    font-weight: 800;
    letter-spacing: .02em;
    text-transform: uppercase;
    line-height: 1.05;
    color: var(--rcp-ink); /* off the red band, so it takes page ink, not white */
}
.ticket-details-wrapper .rcp-cat-head .rcp-cat-txt p {
    margin: 5px 0 0;
    padding-bottom: 0;
    font-size: 14px;
    line-height: 1.4;
    color: var(--rcp-ink-soft);
}
.rcp-cat-head .rcp-cat-chip {
    flex: none;
    width: 64px;
    height: 64px;
    border-radius: 12px;
    object-fit: cover;
    border: 2px solid rgba(255, 255, 255, .72);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .28);
}
/* 🔴 SUPERSEDED 2026-08-08: this was the bottom of the page-level card. There is no page-level card
   now — each GROUP is a card, built below. So this is a bare container: no fill, no border, no
   corners. Its only job is the outer gutter. */
#ticketSection {
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: 0;
    margin: 0 0 22px;
}
@media (max-width: 767px) {
    .rcp-cat-head { padding: 13px 15px 14px; gap: 12px; }
    .ticket-details-wrapper .rcp-cat-head .rcp-cat-txt h2 { font-size: 18px; }
    /* .rcp-included no longer carries card padding here (see the 2026-08-10 de-box above) — it is
       plain text over icons on the cream field now, same as on desktop, so it needs no phone-only
       box padding to override. */
    /* ⚠ Side padding here is deliberately near-zero. Every pixel of it comes straight out of the
       ticket-name column, which is the thing the row work exists to protect: 13px a side took the
       name from 200px back to 172px, undoing a third of that fix to buy a margin nobody asked for.
       The rows carry their own separators, so the card does not need inner gutters at phone width. */
    #ticketSection { padding: 2px 4px; }
}

/* ---- Group labels inside the ticket list ----
   Emitted by _TicketRow.cshtml when the group changes (Single Night -> Season Passes). A light
   label, not a second red band: the card already carries one red chrome header, and two stacked red
   bands read as two objects instead of one. Same gold dash as that header's kicker, so the two
   devices are recognisably the same family at two levels of loudness. */
/* With group labels present the stock "Tickets" <th> is a third stacked heading saying nothing —
   the card header already says "Choose Your Tickets". Scoped with :has() so it only disappears in
   tables that actually carry labels: the single-day blocks put the DATE in that same <th>, and that
   must survive. */
.ticket-div table.table:has(> tbody > tr.rcp-grp) > thead { display: none; }

/* ⚠ The red band lives on the INNER .rcp-gh div, never on the <td>. A <td> cannot carry a margin,
   so the gap that separates one group card from the next has nowhere to go at desktop width where
   these are still real table rows. Putting the paint on a block box inside the cell gives back
   margin, padding and border-radius everywhere, and leaves the td as transparent spacing. */
.ticket-div table.table > tbody > tr.rcp-grp > td {
    padding: 22px 0 0 !important;
    border: 0 !important;
    background: transparent !important;
}
.ticket-div table.table > tbody > tr.rcp-grp:first-child > td { padding-top: 0 !important; }
.rcp-gh {
    display: flex;
    align-items: center;
    gap: 16px;
    background: var(--rcp-red);
    color: #fff;
    padding: 14px 18px 15px;
    border: 1px solid var(--rcp-red);
    border-radius: 14px 14px 0 0;
}
.rcp-gh .rcp-gh-txt { flex: 1; min-width: 0; }
/* Same gold rule + white kicker as the old page-level header, at the same 4.79:1. Gold is the ONE
   primary-action colour, so it stays a decorative dash and never becomes the text — #F9E03F on
   brand red measures 3.60:1 and would fail at this size anyway. */
.rcp-gh .rcp-gh-kick {
    display: flex;
    align-items: center;
    gap: 9px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .20em;
    text-transform: uppercase;
    color: #fff;
}
.rcp-gh .rcp-gh-kick::before {
    content: "";
    width: 18px;
    height: 3px;
    border-radius: 2px;
    background: var(--rcp-gold);
    flex: none;
}
/* Restated at high specificity for the reason the night caption is: the stock
   `.ticket-details-wrapper .left p` is (0,2,2) and silently wins over anything shorter, taking
   colour, size, line-height AND padding with it. Do not shorten these selectors. */
.ticket-details-wrapper .rcp-gh .rcp-gh-txt h3 {
    margin: 4px 0 0;
    padding: 0;
    font-family: var(--rcp-disp);
    font-size: 24px;
    font-weight: 900;
    letter-spacing: .02em;
    text-transform: uppercase;
    line-height: 1.05;
    color: #fff;
}
.ticket-details-wrapper .rcp-gh .rcp-gh-txt p {
    margin: 5px 0 0;
    padding-bottom: 0;
    font-size: 14px;
    line-height: 1.4;
    color: #fff;
}
.rcp-gh .rcp-gh-chip {
    flex: none;
    width: 64px;
    height: 64px;
    border-radius: 12px;
    object-fit: cover;
    border: 2px solid rgba(255, 255, 255, .72);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .28);
}

/* ---- The group BODY: the rows under each red band ----
   There is no wrapper element around a group's rows — they are just the <tr>s that follow a header
   row until the next one. So the fill is applied with a subsequent-sibling selector and then
   OVERRIDDEN for the season block, which works because the season header comes second and the later
   rule wins for the rows it reaches.
   ponytail: correct for the two groups this event actually has (Single Night, Season Passes). If a
   third group is ever added between them, `~` will overreach — at that point give the season rows
   their own class from the view instead of inferring them by position. */
/* ⚠ Painted on the <tr> ONLY, never the <td>. The row layout below flattens every cell with
   `display: contents`, so a <td> generates no box at all — a background or border declared on one
   is simply never drawn. An earlier version of this block painted both and looked fine only because
   the cells still existed then. The row is the group body's paint surface. */
.ticket-div table.table > tbody > tr.rcp-grp-night ~ tr:not(.rcp-grp) {
    /* Was --rcp-surface (pure white). Season Passes below it uses --rcp-warm and never looked like a
       problem; Single Night at full white next to it was the mismatch — two groups on one page
       reading as two different products, and the bigger of the two "white everywhere" surfaces
       Brian called out 2026-08-10. --rcp-card, see the token comment in Section 1. */
    background: var(--rcp-card);
}
.ticket-div table.table > tbody > tr.rcp-grp-season ~ tr:not(.rcp-grp) {
    background: var(--rcp-warm);
}
/* 🔴 TWO reasons the first version of this drew nothing, both worth keeping written down.
   1. `td:first-child` matches NOTHING on a ticket row. Every row opens with ~14 hidden <input>
      elements (ID, ItemName, Price, PlanWiseFlatFees…) before the first <td>, so the first CHILD is
      an input and the first-child pseudo never lands. `:first-of-type` counts only <td>s and is the
      correct selector. The group-header rows have no inputs, which is exactly why those looked fine
      and the body rows did not — a partial success that hid the bug.
   2. Cell border-radius is not painted under `border-collapse: collapse`, which is the stock value.
      The declaration applies and simply never renders. It needs `separate`, and `border-spacing: 0`
      keeps the layout identical to collapse. Scoped with :has() so only tables carrying group
      headers change behaviour — the single-day blocks keep the stock table exactly as it was. */
.ticket-div table.table:has(> tbody > tr.rcp-grp) {
    border-collapse: separate;
    border-spacing: 0;
}
/* The side walls, and the corners that close each group. `:has(+ tr.rcp-grp)` is "the last row of
   this group" — the only way to reach it, since CSS has no previous-sibling combinator; :last-child
   closes the final group. Both on the <tr>, for the display:contents reason above. */
.ticket-div table.table > tbody > tr:not(.rcp-grp) {
    border-left: 1px solid var(--rcp-border);
    border-right: 1px solid var(--rcp-border);
}
.ticket-div table.table > tbody > tr:has(+ tr.rcp-grp),
.ticket-div table.table > tbody > tr:last-child {
    border-bottom: 1px solid var(--rcp-border);
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
}
@media (max-width: 767px) {
    /* The phone layout turns every row into a 2-column grid; a label row is one cell and must opt
       out, or its text lands in the grid's first track and the row grows a phantom second column. */
    .ticket-div table.table > tbody > tr.rcp-grp {
        display: block !important;
        border-top: 0 !important;
        padding: 0 !important;
    }
    .ticket-div table.table > tbody > tr.rcp-grp > td { display: block !important; }
}

/* ---- The row itself: title | price over meta | stepper (2026-08-09) ----
   Brian: "i want it to match design". The group chrome matched; the insides of the cards did not.
   The prototype row is:

       Adult                    $46
       Ages 10 and over    [ - 0 + ]
       Tax & fees included

   Live was: name, then (More info), then a sentence, then a small left-aligned "$46.00 ea" under
   all of it, with the stepper floating beside the lot. Rows ran ~208px against the prototype's
   ~129px — 1.6x — and the price, the single number the decision turns on, was the quietest thing
   in the row.

   🔴 THE SHAPE IS NOT THE SAME ON BOTH CLIENTS, and the branch is on USER AGENT, not width
   (_TicketRow.cshtml:52), so a media query cannot pick the right one — a narrowed desktop window
   still serves the desktop markup:
       phone UA    2 cells: td.firsttd [ name + desc + span.text-primary ] , td [ stepper ]
       desktop UA  3 cells: td.firsttd [ name + desc ] , td.text-primary , td [ stepper ]
   The price is INSIDE the first cell on one and a sibling cell on the other. So rather than write
   two layouts, flatten the cells with `display: contents` and let both shapes collapse to the same
   four boxes — title, meta, price, stepper — which are then placed explicitly.

   ⚠ `display: contents` changes the BOX tree, not the DOM. Selectors still match the real
   structure, so these must be DESCENDANT selectors: `tr .text-primary` reaches the phone's span
   (whose DOM parent is still td.firsttd) where `tr > .text-primary` would silently miss it and
   only ever style desktop.

   ⚠ It also means the cells generate no boxes, so nothing can be painted on a <td> any more — the
   group body's fill, walls and corners all moved onto the <tr> above. */
.ticket-div table.table:has(> tbody > tr.rcp-grp) > tbody > tr:not(.rcp-grp) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    column-gap: 16px;
    row-gap: 2px;
    padding: 13px 16px 14px;
}
/* ⚠ ONLY the first cell flattens. Flattening every <td> broke desktop and not phone, because the
   two shapes differ exactly here: on desktop the price is its own cell, so `display: contents` on it
   promoted its THREE children — "$30.00", the "ea" span and "(incl. $5.00 fee)" — into three
   independent grid items, which auto-placed to the bottom of the row while the number stayed at the
   top. On phone the price is a <span> inside .firsttd, so it survived as one box and looked right.
   A rule that says "all cells" therefore passed on the client it was checked on and shipped a
   scattered price on the other. The price must stay ONE box on both. */
.ticket-div table.table:has(> tbody > tr.rcp-grp) > tbody > tr:not(.rcp-grp) > td.firsttd,
.ticket-div table.table:has(> tbody > tr.rcp-grp) > tbody > tr:not(.rcp-grp) .plan-img-name-more-info,
.ticket-div table.table:has(> tbody > tr.rcp-grp) > tbody > tr:not(.rcp-grp) .plan-description-more-info {
    display: contents !important;
}
/* The price cell (desktop shape only) stays a real box and is placed like the phone's span. */
.ticket-div table.table:has(> tbody > tr.rcp-grp) > tbody > tr:not(.rcp-grp) > td.text-primary {
    display: block !important;
    padding: 0 !important;
    border: 0 !important;
}
/* The stepper cell stays a real box so the pill can be sized and placed. */
.ticket-div table.table:has(> tbody > tr.rcp-grp) > tbody > tr:not(.rcp-grp) > td:last-of-type {
    display: block !important;
    grid-column: 2;
    grid-row: 2;
    justify-self: end;
    align-self: center;
    padding: 0 !important;
    border: 0 !important;
}
/* Title. The stock sheet pads and weights this <p>; restated at length for the usual reason. */
.ticket-details-wrapper .ticket-div table.table > tbody > tr:not(.rcp-grp) .plan-description-more-info p {
    grid-column: 1;
    grid-row: 1;
    margin: 0;
    padding: 0;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.3;
    color: var(--rcp-ink);
}
/* Meta — the plan description, demoted to the prototype's quiet second line. */
.ticket-details-wrapper .ticket-div table.table > tbody > tr:not(.rcp-grp) .rcp-meta {
    grid-column: 1;
    grid-row: 2;
    font-size: 12.5px;
    line-height: 1.45;
    color: var(--rcp-ink-soft);
}
/* Price — the number the decision turns on, so it is the loudest thing in the row and it sits on
   the title's line where the eye already is. 7.21:1 on both group fills. */
.ticket-details-wrapper .ticket-div table.table > tbody > tr:not(.rcp-grp) .text-primary {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    text-align: right;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -.01em;
    color: var(--rcp-red-deep);
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap;
}
/* "ea" was a bare text node next to the price, so it inherited the full 21px/800 price treatment and
   read as part of the number — "$30.00 ea". The prototype just says "$30". It is kept rather than
   deleted because with a stepper beside it "each" is the difference between a unit price and a
   running total, and that is not decoration on a checkout; it is only demoted to the weight the
   design gives it. Wrapped in the view because CSS cannot target a bare text node. */
.ticket-details-wrapper .ticket-div table.table > tbody > tr:not(.rcp-grp) .text-primary .rcp-ea {
    /* Explicit, not inherited. Excluding .rcp-ea from the fee-note rule was not enough — the stock
       bundle blocks spans in here too, and a rule that only stops MY rule applying still leaves
       theirs. Measured display:block after the :not() fix; declared inline here and re-measured. */
    display: inline !important;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .02em;
    color: var(--rcp-ink-soft);
    margin-left: 3px;
}
/* "(incl. $6.00 fee)" stays — the headline price IS the charge, and naming the tax and fee inside it
   is what earns that claim. It just stops being the same size as the price. */
/* :not(.rcp-ea) — "ea" is also a direct span child of .text-primary, so an unqualified `> span`
   rule made it display:block and dropped it onto its own line under the price, which is worse than
   the bare text node it replaced. It belongs inline, right after the number. */
.ticket-details-wrapper .ticket-div table.table > tbody > tr:not(.rcp-grp) .text-primary > span:not(.rcp-ea) {
    display: block;
    margin-top: 1px;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0;
    color: var(--rcp-ink-soft);
    white-space: nowrap;
}
/* The same generic night photo on every row carries no information and costs the name column ~80px
   of a 328px line. The prototype has no thumbnails. */
.ticket-div table.table:has(> tbody > tr.rcp-grp) .plan-img-name-more-info img { display: none !important; }
/* (More info) trails the title inline rather than claiming a line of its own. */
.ticket-details-wrapper .ticket-div table.table > tbody > tr:not(.rcp-grp) .more-info {
    display: inline;
    margin-left: 6px;
    font-size: 12px;
    font-weight: 400;
    white-space: nowrap;
}
/* One bordered pill, as in the prototype, instead of three loose boxes. */
.ticket-div table.table:has(> tbody > tr.rcp-grp) .plus-minus {
    display: inline-flex;
    align-items: center;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    border: 1px solid var(--rcp-border);
    border-radius: 11px;
    background: var(--rcp-field);
    overflow: hidden;
}
.ticket-div table.table:has(> tbody > tr.rcp-grp) .plus-minus .form-control.Quantity {
    width: 46px !important;
    min-width: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: center;
    font-weight: 700;
}

/* ---- Masthead: red chrome, not a second photograph ----
   The page opened with a cover-photo band, then a white logo badge, then the event name — entirely
   stock, and the first thing anyone sees. Their own site opens on a hot red masthead; that is the
   single strongest signal that this checkout belongs to them.

   There is also a redundancy argument: the night tile below now carries real night photography and
   moves. Two large photographic bands stacked made the page read as two competing heroes, and the
   video lost. Red chrome up top, photography in the tile, which is the prototype's structure and
   PRODUCT.md's "red is the brand's dominant surface, not an accent".

   The white badge STAYS. The DB fairLogo is a red plate with white type, so on brand red it would
   sit red-on-red; the badge gives it the white ground it was drawn for. This is the same trap as
   logo-header.png (a mark can only be judged against the colour it will actually sit on).
   background-image needs !important: the photo is set from the stock sheet, not inline. */
/* The two bands are separate elements with a gap between them; painting the PARENT red means any
   seam is red rather than a white stripe, whatever the stock spacing does. */
.header { background: var(--rcp-red) !important; }

.header .header-top {
    background-image: none !important;
    background-color: var(--rcp-red) !important;
    /* It holds only Back and Share now, so it stops being a 150px empty band. Everything the old
       cover photo was doing is done by the night tile below. */
    /* A flex row that actually CONTAINS Back and Share. Collapsing it to auto height let them
       overflow 30px into .header-bottom and sit on top of the logo — the container was shorter than
       its own children. min-height is the floor that stops that. */
    min-height: 52px !important;
    height: auto !important;
    padding: 8px 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

/* ---- ...and the block under it, folded into the same red masthead ----
   Stock spends ~600px before the hero: an empty photo band, then a 180px white logo badge, then the
   event name, then Order Lookup. The prototype spends ~180px — centred mark, one line, straight
   into the tile — and that is most of what "it still looks the same" was pointing at.
   Everything below is layout and colour on markup that is unchanged. */
.header .header-bottom {
    background: var(--rcp-red) !important;
    padding: 0 16px 18px !important;
    /* Stock pulls this block up by -60px so the white logo circle straddles the photo band — a
       deliberate badge effect. With the circle gone that offset just drags the logo up UNDER the
       Back and Share buttons, which is what the 32px overlap was. The two are now stacked bands, so
       the offset has nothing left to do. */
    margin-top: 0 !important;
}
.header .header-bottom .main-heading { width: 100% !important; text-align: center; }

/* The badge is gone because the mark inside it changes: `content:` swaps the DB fairLogo (a RED
   plate with white type, which needs a white ground) for their real white-knockout PNG, which is
   drawn for exactly this — transparent, white type, sits directly on brand red. Verified earlier by
   compositing it: 0.0% opaque-dark, 24.8% white type, 75.2% transparent. */
.header .header-bottom .logo {
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    width: auto !important;
    height: auto !important;
    margin: 0 auto !important;
    display: block !important;
    overflow: visible !important;
}
.header .header-bottom .logo a { display: inline-block; height: auto !important; }
.header .header-bottom .logo img {
    content: url(images/ripleys/logo-header.png);
    width: auto !important;
    max-width: min(238px, 64vw);
    height: auto !important;
    object-fit: contain !important;
    border-radius: 0 !important;
}

/* The mark already says "Ripley's Believe It or Not! Christmas Park" — repeating it as an 86px
   heading immediately underneath is the same duplication the category header had. */
.header .header-bottom .event-details h1 { display: none !important; }
.header .header-bottom .event-details p {
    margin: 6px 0 0 !important;
    font-size: 12px !important;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: #fff !important;
    text-align: center;
}
/* Order Lookup is a real function, so it stays — restyled for red rather than dropped. */
.header .header-bottom .lookup-div { margin-top: 14px !important; text-align: center; }
.header .header-bottom .lookup-div span { color: rgba(255, 255, 255, .92) !important; font-size: 12px; }
.header .header-bottom .lookup-div .btn-primary {
    background: rgba(255, 255, 255, .14) !important;
    border: 1px solid rgba(255, 255, 255, .55) !important;
    color: #fff !important;
}
.header .header-bottom .lookup-div .btn-primary:hover { background: rgba(255, 255, 255, .24) !important; }
.header .header-bottom .lookup-div .rcp-ic-lookup { color: #fff !important; }
/* Back and Share sit on red now, not on a dark photo — give them a ground of their own so they do
   not become red-on-red. */
.header .header-top .back-btn,
.header .header-top .eventdetail-share .btn-primary {
    background: rgba(255, 255, 255, .16) !important;
    border: 1px solid rgba(255, 255, 255, .38) !important;
    color: #fff !important;
}
.header .header-top .eventdetail-share .btn-primary:hover,
.header .header-top .back-btn:hover { background: rgba(255, 255, 255, .26) !important; }

/* ---- Phone: the masthead was spending 455px before the hero ----
   🔴 This block exists to fix a MEASURED defect, not for taste. On an iPhone 13 (390x664) the fixed
   cart bar starts at 523. The night tile ran 455-755, so 68px of a 300px hero was visible and its
   caption was entirely behind the bar — which is also why qa-night-tile.js read the gold kicker at
   1.33:1: it was correctly measuring gold against the BAR'S WHITE. Nothing was wrong with the scrim.
   Do not "fix" that assertion by lightening the scrim (see the night-tile note above); the scrim is
   carrying a contrast guarantee over moving video. The fix is vertical space and only that.

   Where the 455px went, and what each line below reclaims:

     ribbon                     38   kept — it is the top of the story
     header-top                 58 ->  44   Back + Share; 8px padding for a 36px button
     main-heading margin-top    20 ->  10
     logo                       92 ->  62   238px mark on a 390px screen
     event-details (date line)  34 ->  32   kept: Nov 12 - Jan 3 is not on the mark
     lookup-div                104 ->  38   stacked label + button -> one row; 25px pad was stock
     main-heading margin-bot    20 ->   8
     header-bottom padding-bot  18 ->   8
     header-bottom margin-bot   20 ->   0   .header is red, so the seam cannot show
     wrapper padding-top        30 ->  10
     .left padding-top          20 ->   6

   Desktop is untouched — it has the height to spend and the bar is a single row there. */
@media (max-width: 767px) {
    .header .header-top {
        min-height: 44px !important;
        padding: 4px 12px !important;
    }
    .header .header-top .eventdetail-share .btn-primary { padding: 2px 10px !important; }

    .header .header-bottom {
        padding-bottom: 8px !important;
        margin-bottom: 0 !important;
    }
    .header .header-bottom .main-heading { margin: 8px 0 6px !important; }
    .header .header-bottom .logo img { max-width: 155px !important; }
    .header .header-bottom .event-details p { margin-top: 4px !important; }

    /* Order Lookup stays — it is a real function — but "ALREADY BOUGHT TICKETS?" over a button is
       two lines and 25px of stock padding for one action. One row says the same thing. The <br> is
       in the markup, so it is hidden rather than removed: this is the CSS layer. */
    .header .header-bottom .lookup-div {
        margin-top: 10px !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        gap: 8px;
    }
    .header .header-bottom .lookup-div br { display: none !important; }
    /* The label carries an inline style="font-size:14px", so this needs !important to reach it —
       at 14px it wrapped to three lines and made the row 60px tall instead of 38. */
    .header .header-bottom .lookup-div span {
        font-size: 11px !important;
        white-space: nowrap;
        letter-spacing: .06em;
    }
    .header .header-bottom .lookup-div .btn-primary {
        margin: 0 !important;
        width: auto !important;
        min-width: 0 !important;
        padding: 8px 14px !important;
        white-space: nowrap;
    }

    /* The gap between the red band and the hero. Stock spends 50px here on a screen that has none
       to spare, and the tile already carries its own 14px radius and shadow as separation. */
    .main-content.ticket-details-wrapper { padding-top: 10px !important; }
    .ticket-details-wrapper .left.buy-ticket-dialog { padding-top: 6px !important; }

    /* The ribbon keeps its line; it just stops padding it like a desktop band. */
    .rcp-ribbon { padding-top: 6px !important; padding-bottom: 6px !important; }

    /* 300px was the desktop figure leaking down. The caption is 181px of it whatever the tile does
       — its scrim ramp is tuned to that box (see the night-tile note) and must NOT be compressed —
       so this trims the clear image above the caption from 99px to 89px and nothing else. */
    .rcp-night { height: 270px; }
}

/* ---- Phone: the cart bar was 141px tall holding an empty cart ----
   The other half of the same defect. `.checkout-bar` is `flex-wrap:wrap` at 360px of inner width,
   and its four children measure 252 / 72 / 352 / 356 — so "0 Tickets selected", "Total $0.00" and
   "Checkout" each claimed a row of their own. 141px is 21% of a 664px phone screen spent saying
   nothing has been chosen yet, and it is what the night tile was hiding behind.

   Sizing the first three to their content puts them on one row and leaves Checkout full-width
   underneath, where a primary action belongs anyway. Nothing is hidden, nothing is reordered, and
   the button keeps its own width — only the row packing changes. Desktop already fits one row.

   ⚠ This is the money path. qa-checkout-hold.js walks a real cart through it.

   The row above fitted with 2.6px to spare, which is not a fix — it is a coincidence. Measured
   2026-08-08: empty, the three blocks sum to 357.4 of 360px of inner width; the moment "$0.00"
   becomes "$30.00" the total block grows 10px to 363.5 and the row wraps again — bar 107 -> 143px,
   and the hero caption goes straight back behind it (caption bottom 544 vs bar top 521). One tap of
   `+`, which is step three of the demo path, re-created the exact defect this block was written to
   fix. The empty-cart gate could not see it because it never adds a ticket.

   So take the slack out instead of sitting on the boundary: gap 10 -> 6, the 4px side margins off
   the three blocks entirely (the gap already separates them — the margins were the same space
   charged twice), and the stock .pl-2 on the info icon down to a deliberate 6px.

   Measured after, not estimated: the row still holds ONE line at "$549.00" — bar 103px, caption
   clears by 17px — and the platform's own per-order cap fires before a four-digit total is even
   reachable, so there is no realistic cart that wraps this bar. qa-masthead.js now asserts the
   clearance WITH a ticket in the cart, so a regression fails loudly rather than silently. */
@media (max-width: 767px) {
    .checkout-bar {
        gap: 6px !important;
    }
    .checkout-bar .ticketSelectedQuantityBlock,
    .checkout-bar .tikcetTotalBlock,
    .checkout-bar .cart-detail {
        width: auto !important;
        flex: 0 1 auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    /* Stock is .pl-2 (8px) on top of the block's own 4px margins — the same gap charged twice, and
       the row cannot afford it. 6px set here is the only thing separating "selected" from the info
       icon, so it is spacing that does work, not stock padding. Do not take it to 0: the icon then
       collides with the word. */
    .checkout-bar .ticketSelectedQuantityBlock .viewTicketDetails {
        padding-left: 6px !important;
    }
    .checkout-bar .ticketCheckoutBlock {
        flex: 1 0 100% !important;
        width: 100% !important;
        margin-top: 2px !important;
    }
}

/* -----------------------------------------------------------------------
   14. LOOK LIKE THE DESIGN, NOT LIKE THE PLATFORM  (2026-08-09)

   Brian: "i want it to look like the original design you made, not like the
   magic money page." Everything below closes the gap between the prototype's
   page ARCHITECTURE and the stock MagicMoney storefront layout. Tokens, rows
   and group cards were already converged; this is the frame around them.

   🔴 ALL OF IT IS `min-width: 768px`. The phone masthead/cart-bar geometry has
   been closed TWICE, is fragile, and is asserted by measurement in
   qa-masthead.js (caption bottom <= bar top, masthead <= 260px, bar <= 120px
   LOADED). Desktop-only scoping means these rules cannot regress that gate at
   all, rather than merely being unlikely to. Phone already stacks .left/.right
   and already has its own compacted masthead, so it needs none of this.
   ----------------------------------------------------------------------- */
@media (min-width: 768px) {

    /* --- The masthead. Prototype: one centred logo with the dates beneath it,
       and nothing else. Live had the logo left, the dates floating mid-band, an
       Order Lookup block far right, plus a back arrow and a Share button — four
       competing anchors across 1440px, which is what makes it read as a platform
       header rather than this park's page. */
    .header .header-bottom .main-heading {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 10px;
        position: relative;
    }
    .header .header-bottom .main-heading .logo { margin: 0; }
    .header .header-bottom .main-heading .event-details {
        width: auto;
        margin: 0;
        text-align: center;
    }
    /* Order Lookup SURVIVES — it is a real feature for someone who already
       bought, and the prototype only omits it because a static mock has no
       orders. It stops being a headline: pinned small to the top-right of the
       band instead of claiming a third of the masthead. */
       Anchored to .header, NOT to .main-heading: pinned inside the heading it
       hung off the bottom edge of the red band and got clipped in half. */
    .header { position: relative; }
    .header .header-bottom .main-heading .lookup-div {
        position: absolute;
        /* Anchored to BOTH edges and vertically centred, rather than sat at a fixed
           offset. Its box is ~145px tall while its visible row is only ~44px, so any
           fixed offset parks that row at an arbitrary height — it read as aligned to
           nothing beside a centred logo. Centring puts it on the logo block's optical
           centre at any masthead height.
           (History: at top:12 the box carried 21px past the bottom of the red band
           onto the cream. It is absolutely positioned, so it never affected the
           band's height — it just painted outside it, which a height assertion on
           .header cannot catch.) */
        top: 0;
        bottom: 0;
        height: auto;
        right: 20px;
        width: auto;
        margin: 0;
        transform: scale(.85);
        transform-origin: center right;
        z-index: 3;
        /* 🔴 Compact it to ONE ROW or it does not fit. Stock renders this as a
           stacked label over a button — 171px tall inside a 137px heading band, so
           it hung 42px below the red onto the cream. The phone media query already
           does exactly this (see §13); desktop never got the same treatment because
           in the original left-aligned layout it had a full-height column to sit in. */
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 10px;
        white-space: nowrap;
    }
    .header .header-bottom .main-heading .lookup-div > * { margin: 0 !important; }
    .header .header-bottom .main-heading .lookup-div .btn { padding: 7px 14px; }
    /* Platform chrome the design does not have. The back arrow duplicates the
       browser's own, and Share is not part of this page's job.
       ⚠ `!important` is load-bearing on the share block — the stock sheet sets
       its display on a longer selector and a plain `display:none` here loses.
       It looked hidden in the CSS and stayed on the page.
       ⚠ Revert = delete this one rule; both elements still exist in the markup. */
    .header .header-top .back-btn,
    .header .header-top .eventdetail-share,
    .header .eventdetail-share { display: none !important; }

    /* --- The right rail. This was the single biggest "it's the MagicMoney page"
       tell: a ~1,300px wall of Dates / Location / Hours / Good-to-know running
       down the side of the buying decision. The prototype keeps the buying
       column narrow and puts the practical material BELOW, as a calm multi-column
       block ("THE PRACTICAL PART"). Same content, same order, no loss — it stops
       competing with the tickets for the eye.
       CSS-only: .left and .right are siblings in #frmBuyTicket, so stacking the
       form and unfloating them reproduces the prototype's information order
       without touching a Razor view. */
    /* 🔴 Plain block stacking, NOT flex. Making the form a column flex container
       looked like the obvious way to stack two children, and it collapsed `.right`
       to 535px while its own contents ran to 3033px — the good-to-know list spilled
       out of its box and the footer painted over it. Two blocks stack by themselves;
       flex bought nothing here and cost a formatting context. `display: flow-root`
       on the children was chasing the same ghost and is gone too.
       Lesson worth keeping: if a container measures shorter than its in-flow
       children, suspect the formatting context you introduced, not the children. */
    .ticket-details-wrapper #frmBuyTicket { display: block; }
    .ticket-details-wrapper #frmBuyTicket > .left {
        float: none;
        width: 100%;
        /* 🔴 `!important` on BOTH, and neither is decoration. Stock carries
           `.left { max-width: calc(80% - 149px); margin-right: 20px }` on a longer
           selector, so a plain `max-width:720px; margin:0 auto` here lost silently:
           the column stayed 923px and sat at x=457 while the practical block below
           centred at x=240 — the two stacked halves were misaligned by 217px and I
           had already called this "narrowed". Measure the box, do not trust the
           rule you just wrote. (Skin trap #5, walked into while quoting it.) */
        max-width: 720px !important;   /* design's buying column is ~494/1440 */
        margin: 0 auto !important;
        padding-left: 0;
        padding-right: 0;
    }
    .ticket-details-wrapper #frmBuyTicket > .right {
        float: none;
        width: 100%;
        max-width: 980px;
        margin: 46px auto 0;
        padding-left: 0;
        padding-right: 0;
    }
    /* 🔴 The outer panels go TRANSPARENT, and this is the rule that actually stops
       the page looking like the platform. The stock layout wraps everything in one
       big white `.buy-ticket-dialog` sheet; the prototype has NO outer panel — the
       hero tile and each group card sit directly on the cream ground, which is the
       whole reason they read as cards. Keeping the wrapper white also produced a
       ~230px slab of dead white under the last group, because the panel is sized by
       the layout rather than by its contents. Both problems, one rule. */
    .ticket-details-wrapper #frmBuyTicket > .left,
    .ticket-details-wrapper #frmBuyTicket > .right,
    .ticket-details-wrapper #frmBuyTicket > .left > #BuyTicketModalDiv {
        background: transparent !important;
        box-shadow: none !important;
        border: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }
    /* The good-to-know list is the long one; two columns turns a 1,260px ribbon
       into a readable block the width of the practical section. */
    .ticket-details-wrapper #frmBuyTicket > .right ul.rcp-goodtoknow {
        columns: 2;
        column-gap: 44px;
    }
    .ticket-details-wrapper #frmBuyTicket > .right ul.rcp-goodtoknow > li {
        break-inside: avoid;
    }

    /* --- The footer. Prototype closes on charcoal, which is what lets the red
       masthead read as the one red band on the page. A red footer makes the
       whole thing a red sandwich and is pure platform default. */
    .footer {
        background: var(--rcp-night, #1B1416);
        color: #fff;
    }
}

/* -----------------------------------------------------------------------
   15. THE SAME DESIGN ON THE PHONE  (2026-08-10)

   §14 was deliberately desktop-only to protect the phone hero/cart-bar geometry
   that has been closed twice. That left the two demo surfaces looking like two
   different products: desktop got the design, phone kept the platform frame —
   Share button, back arrow, white panels, red footer. This is the same four
   changes on phone, done in the safe direction and then measured.

   🔴 WHY THIS IS SAFE RATHER THAN LUCKY. The gate is: hero caption bottom <= cart
   bar top, masthead <= 260px, bar <= 120px LOADED. The cart bar is FIXED, so its
   top is a function of the viewport, not the page. Every rule here REMOVES height
   above the hero (the 46px back/Share strip goes, the Order Lookup row is pulled
   into the space it vacated). Shrinking the masthead moves the hero UP, away from
   the bar, which increases the clearance the gate measures. There is no rule below
   that can push the caption down. Measured after: see the commit.
   ----------------------------------------------------------------------- */
@media (max-width: 767px) {

    /* Platform chrome the design does not have — same call as desktop.
       On phone this row is 46px of pure chrome, and removing it is the single
       biggest headroom win available above the hero.
       ⚠ `!important` on the share block: a longer stock selector sets its display
       and a plain `display:none` loses (this cost a round on desktop). */
    .header .header-top .back-btn,
    .header .header-top .eventdetail-share,
    .header .eventdetail-share { display: none !important; }

    /* The emptied strip becomes the Order Lookup's home instead of dead space, so
       the lookup stops costing a full 54px row of its own beneath the dates. */
    .header { position: relative; }
    .header .header-top { min-height: 34px; }
    .header .main-heading .lookup-div {
        position: absolute;
        /* Must clear the logo, which starts at y=84 and is full-bleed at this width.
           At top:-40 the block occupied 44..88 and overlapped the logo's first 4px —
           "ALREADY BOUGHT TICKETS?" printed straight across the top of the mark.
           -52 seats it in the 32..76 strip the hidden back/Share row vacated, which
           is exactly the space it was meant to use. */
        top: -52px;
        right: 0;
        width: auto;
        margin: 0;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 8px;
        white-space: nowrap;
        transform: scale(.82);
        transform-origin: top right;
        z-index: 3;
    }
    .header .main-heading .lookup-div > * { margin: 0 !important; }

    /* Centred logo over the date line — the design's masthead, at phone width. */
    .header .main-heading { text-align: center; }
    .header .main-heading .logo img { margin-left: auto; margin-right: auto; }
    .header .main-heading .event-details { text-align: center; }

    /* Cards on the cream ground, not inside one white platform sheet. Same rule
       and same reasoning as desktop §14 — this is what makes them read as cards. */
    .ticket-details-wrapper #frmBuyTicket > .left,
    .ticket-details-wrapper #frmBuyTicket > .right,
    .ticket-details-wrapper #frmBuyTicket > .left > #BuyTicketModalDiv {
        background: transparent !important;
        box-shadow: none !important;
        border: 0 !important;
    }

    /* Charcoal close, so the masthead is the one red band here too.
       ⚠ NOT column-split like desktop: at 390px two columns of good-to-know would
       be ~170px each and unreadable. It stays one column on purpose. */
    .footer {
        background: var(--rcp-night, #1B1416) !important;
        color: #fff;
    }
}

/* -----------------------------------------------------------------------
   16. DESKTOP IS A REAL TWO-COLUMN GRID, NOT A FIXED CARD DODGING A COLUMN  (2026-08-10, rewritten)

   Brian, this round: "desktop version is a ton of scrolling and super wide margins
   on sides." Measured: 3812px tall at 1440/1729/1920, content pinned to a 720px
   column adrift in a 1729px viewport.

   🔑 ROOT CAUSE, in the previous version of this section's own words: "The card is
   FIXED, so it does not reserve space — which is why `.right` is held to the same
   720px column rather than running full width. At full width its right-hand third
   would slide under the floating card." `position: fixed` takes the summary card
   out of the document entirely, so it occupies the same slice of the VIEWPORT at
   every scroll position — nothing below it can ever safely use that horizontal
   space, which is what forced the narrow column and, with it, the height.

   The fix commit faf686f described as needing markup — "the card needs to be in
   the flow instead of fixed" — turned out not to. #BuyTicketFooter is already a
   DIRECT CHILD of `.left` in the live DOM (confirmed via Playwright: `.checkout-bar`
   < `.left` < `#frmBuyTicket`, no wrapper between them), which means CSS Grid can
   place it into its own real column WITHOUT moving it in the markup — `.left`
   becomes the grid, its two visible children (`#BuyTicketModalDiv` and
   `#BuyTicketFooter`) become the two columns. `position: sticky` then keeps the
   card on screen while riding real grid space instead of viewport space, so its
   "stuck" range is bounded by its own grid row — once that row (the ticket-buying
   content) ends, the card scrolls away with it, before `.right` ever starts. No
   overlap is possible by construction; nothing needs to dodge anything.
   (2026-08-10, markup was authorized mid-task for this exact reason — Brian: "we
   can code whatever we want for ripleys as long as it will work once we get clover
   token." This still ships CSS-only: the grid approach is not merely allowed, it
   is the actually-better answer, because it leaves the payment-critical markup
   `views.py` would have had to touch completely alone.)

   Content width also grows: 1200px total (was 1080), so the buying column runs
   840px (was 720) and the practical block gets the same 1200px to work with
   instead of being held to 720 "or its right third slides under the card" — that
   constraint is gone along with the fixed positioning that caused it.

   ⚠ 1180px floor kept as-is: `.left`'s columns are `minmax(0,1fr) 320px`, so at
   the floor the content column simply shrinks back toward 720px (no overflow, no
   second breakpoint needed) rather than the grid ever getting cramped.

   🔴 SECOND ROUND, same session: Brian on the widened build — "hate the
   blockiness and contrast and white everywhere." Addressed below alongside the
   grid: the facts panel loses its white box (rcp-included, edited at its own
   definition above), the Single Night rows move off pure white onto --rcp-card
   (also edited at its own definition), and Dates/Location/Hours stop being a
   rigid equal-thirds grid in favour of natural-width columns with real air
   between them — three matched blocks read as a spreadsheet at this width; three
   blocks sized to their own content read as a page. */
@media (min-width: 1180px) {

    /* .left IS the two-column layout now: content track + a fixed-width rail for
       the card. `max-width` + `margin:auto` replaces the old `calc(50% - 540px)`
       centring — that math existed only to hand-place a FIXED element; a normal
       grid item needs none of it, and this form degrades gracefully at any width
       instead of risking the "217px misalignment" class of bug the calc version
       was prone to (see §14's trap notes). */
    .ticket-details-wrapper #frmBuyTicket > .left {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 320px !important;
        column-gap: 48px !important;
        align-items: start !important;
        max-width: 1200px !important;
        margin: 0 auto !important;
        float: none !important;
        width: 100% !important;
    }
    /* The two real children, placed into the two tracks. Everything else under
       `.left` (hidden inputs, one empty 0-height spacer div) is display:none or
       has no box, so it does not participate. */
    .ticket-details-wrapper #frmBuyTicket > .left > #BuyTicketModalDiv {
        grid-column: 1 !important;
        grid-row: 1 !important;
        max-width: none !important;
    }
    .ticket-details-wrapper #frmBuyTicket > .left > #BuyTicketFooter.checkout-bar {
        grid-column: 2 !important;
        grid-row: 1 !important;
        /* STICKY, not fixed. Its containing block is now the grid cell it occupies
           in column 2 — which is exactly as tall as column 1's content (grid rows
           size to the tallest item across all their columns, `align-items:start`
           only affects where the shorter item sits WITHIN that height, not the
           track size). So the card sticks at top:24 for the full height of the
           ticket-buying column, then releases and scrolls away with the rest of
           the page before `.right` ever reaches the viewport. Verified by scroll
           probe: at scrollY 400-1400 the card holds at viewport y=24; by 1900 it
           has released (y=-44) and `.right`'s top (y=203) is still below it —
           zero overlap at any scroll position, not "unlikely to overlap." */
        position: sticky !important;
        top: 24px !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        align-self: start !important;
        width: 100% !important;
        max-width: 320px !important;
        flex-direction: column;
        align-items: stretch;
        gap: 14px;
        padding: 20px !important;
        /* --rcp-card, not --rcp-surface — see the 2026-08-10 de-blocking note on the
           token itself in Section 1. */
        background: var(--rcp-card);
        border: 1px solid var(--rcp-border);
        border-radius: 18px;
        /* The red accent is an INSET SHADOW, not `border-top: 3px solid` — a 3px top
           border meeting 1px sides across an 18px radius miters into a detached red
           arc past both corners (two "whiskers" on the card's shoulders). Inset
           shadow follows the radius exactly. BOTH properties need `!important`: the
           §5 rule `.checkout-bar { border-top: 3px solid ... !important; box-shadow:
           var(--rcp-shadow) !important }` beats anything weaker, which is why the
           first attempt at this fix (before this rewrite) changed nothing. */
        border-top: 1px solid var(--rcp-border) !important;
        box-shadow: inset 0 3px 0 var(--rcp-red-deep), var(--rcp-shadow) !important;
        height: auto !important;
        z-index: 20;
    }
    /* The cart glyph goes. In a horizontal bar it was a landmark; stacked in a card
       it is a lone icon on its own 44px row saying what the line above already says
       in words ("0 in your cart"), so the count appeared twice in a four-row card.
       It is also the one raster sprite in a page of line icons — the heaviest mark
       in the card carrying the least information. ⚠ PHONE KEEPS IT: there it is a
       real landmark in a horizontal bar, and this rule is inside the 1180px block. */
    .ticket-details-wrapper #BuyTicketFooter.checkout-bar > .cart-detail {
        display: none;
    }
    /* Checkout stops being a small right-hand button and becomes the card's action. */
    .ticket-details-wrapper #BuyTicketFooter.checkout-bar .btn,
    .ticket-details-wrapper #BuyTicketFooter.checkout-bar a.checkout-btn {
        width: 100%;
        justify-content: center;
    }

    /* --- The practical block: full width now, and laid out, not just widened. ---
       No longer capped to `.left`'s 720px column — that cap existed only to dodge
       the fixed card, which no longer exists. Plain centring, same pattern as
       `.left` above, guaranteed to align with it (both are max-width + margin:auto
       off the same containing block; no calc() to drift out of sync). */
    .ticket-details-wrapper #frmBuyTicket > .right {
        max-width: 1200px !important;
        margin: 56px auto 0 !important;
    }

    /* Dates / Location / Hours as three natural-width blocks in a row, not three
       equal-thirds columns — `minmax(0,max-content)` + `justify-content:start`
       sizes each to its own content and packs them left, so a short block (Dates)
       stays short instead of stretching to match Hours. There is no wrapper div
       around a "label + value" pair in the markup (`h6`, then its value, are
       separate siblings), so each pair is placed explicitly onto the same column
       across two grid rows — the only way to reach 2D placement without adding one. */
    .ticket-details-wrapper #frmBuyTicket > .right {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, max-content));
        justify-content: start;
        column-gap: 72px;
        row-gap: 6px;
    }
    .ticket-details-wrapper #frmBuyTicket > .right > h6:nth-of-type(1) { grid-column: 1; grid-row: 1; }
    .ticket-details-wrapper #frmBuyTicket > .right > strong { grid-column: 1; grid-row: 2; }
    .ticket-details-wrapper #frmBuyTicket > .right > h6:nth-of-type(2) { grid-column: 2; grid-row: 1; }
    .ticket-details-wrapper #frmBuyTicket > .right > p { grid-column: 2; grid-row: 2; }
    .ticket-details-wrapper #frmBuyTicket > .right > h6:nth-of-type(3) { grid-column: 3; grid-row: 1; }
    .ticket-details-wrapper #frmBuyTicket > .right > ul:not(.rcp-goodtoknow) { grid-column: 3; grid-row: 2; }
    .ticket-details-wrapper #frmBuyTicket > .right > button.viewMoreBtn { grid-column: 3; grid-row: 3; justify-self: start; }
    .ticket-details-wrapper #frmBuyTicket > .right > h6:nth-of-type(4) {
        grid-column: 1 / -1;
        grid-row: 4;
        margin-top: 44px !important;
    }
    /* Good to know: two columns, not three. Three at this width measured readable
       but mechanical — a wall of equal-width fragments reads like a spreadsheet,
       which is exactly the "blockiness" complaint. Two keeps real line length per
       column and more air (56px gap) between them. */
    .ticket-details-wrapper #frmBuyTicket > .right > ul.rcp-goodtoknow {
        grid-column: 1 / -1;
        grid-row: 5;
        columns: 2 !important;
        column-gap: 56px;
    }
}

/* -----------------------------------------------------------------------
   17. VERTICAL RHYTHM  (2026-08-10)

   Measured, not eyeballed. Left/right alignment was already exact — every block
   sits at left=190 right=910 with zero drift. Vertical spacing was not a scale
   at all:

       hero -> CHOOSE YOUR TICKETS        18px
       CHOOSE block -> facts strip         0px   <- touching
       facts strip -> first group card     4px   <- touching
       last group -> practical block      88px
       practical -> footer                70px

   The whole top half had no air while the bottom half had voids, which is why the
   page read cramped above and empty below. Those numbers are five unrelated values,
   not a rhythm — they are whatever stock margins happened to collapse to.

   One scale, taken from the prototype's own `.group { margin-top: 38px }`:
       20px  tightly coupled  (a heading and the strip that belongs to it)
       38px  sibling blocks   (hero, heading group, ticket groups)
       64px  section break    (buying -> practical -> footer)

   ⚠ Applied at ALL widths on purpose — phone had the same cramped top. Every rule
   here sits BELOW the hero, so the hero does not move and the phone caption/cart-bar
   clearance is untouched. Verified after: the gate still measures 477 vs 561.
   ----------------------------------------------------------------------- */
/* ⚠ These are TUNED values, not the target numbers — stock margins survive
   underneath and add to whatever is set here. Setting the table to 38 measured 42;
   setting .right to 64 measured 106 (a 42px residual). The comment above states the
   intent; these numbers are what actually produce it. Re-measure with the gap script
   after touching them rather than assuming the literal value is the outcome. */
.ticket-details-wrapper .rcp-cat-head { margin-top: 38px; }        /* -> 38 */
.ticket-details-wrapper ul.rcp-included { margin-top: 20px; }      /* -> 20 */
.ticket-details-wrapper #BuyTicketModalDiv table { margin-top: 34px; }  /* -> 38 */
/* 🔴 Scoped to BELOW the §16 desktop grid as of 2026-08-10. This was unscoped
   ("22 -> 64" residual) when `.right` was a plain block; §16 now sets `.right`'s
   full margin (`margin: 56px auto 0 !important`) at >=1180px as part of turning it
   into a grid, and that rule is EARLIER in the file than this one — so without
   this max-width guard, this line would win the cascade on source order alone and
   silently overwrite 56 back down toward the old 22/64 pairing (the exact trap
   this file's own history warns about repeatedly: "an equal-specificity override
   placed earlier loses on source order"). Below 1180px `.right` is still a plain
   stacked block, so the original tuned value stands there unchanged; verified the
   phone gate is untouched (§15 sits below the hero and this rule sits below that). */
@media (max-width: 1179px) {
    .ticket-details-wrapper #frmBuyTicket > .right { margin-top: 22px !important; } /* -> 64 */
}
/* No padding-bottom here: `.right`'s measured bottom INCLUDES its padding, so a
   64px pad read as "70px to the footer" while actually producing 134px of void. */

/* -----------------------------------------------------------------------
   18. SECOND PASS — WIDTH RESPONDS TO THE VIEWPORT, HEIGHT CUT WHERE IT
   WAS ACTUALLY FREE, NOT WHERE IT WAS CHEAP TO CUT  (2026-08-10)

   Brian, on §16's result: "Ripley's still looks like a beanpole." Measured
   before this section: scrollHeight 3438px at ALL THREE of 1440/1729/1920.
   Identical. §16 set `.left`/`.right` to a flat `max-width:1200px` — the
   content literally does not know what viewport it is in above 1180px; the
   only thing that changes between 1440 and 1920 is how much cream sits in
   the margins (110px/side -> 360px/side). That is the beanpole: a letterboxed
   column adrift in a widescreen, not a composition.

   TWO independent fixes, verified in-browser with `page.addStyleTag()` against
   the live DOM before this file was touched (per the runbook — no wasted prod
   writes chasing a number that turned out wrong):

   A) WIDTH — `max-width` becomes `clamp(1200px, 85vw, 1560px)`. At the 1180px
      floor this clamps to the same 1200px §16 already used (no regression at
      the low end); it grows to 1224px at 1440, 1469.65px at 1729, and caps at
      1560px by 1920 (1920*0.85=1632, so the 1560 ceiling is what actually
      binds there). 1560 was not guessed — content-track width was pushed to
      1680px and even 1760px on the live page first: scrollHeight moved
      3151/3123 against 1560's 3156, a <1% further gain for a visibly wider
      margin gap either side of a widescreen viewport. 1560 is where the
      height curve already flattens, so it is also where the width stops.

   B) HEIGHT — three real levers, found by measuring, not by trimming
      whatever was easiest:

      B1) THE TICKET GROUPS BECOME TWO COLUMNS, NOT ONE. This is the "can the
      two groups sit side by side" question directly. §16/2026-08-08 already
      established each group (Single Night, Season Passes) is a `<tr
      class="rcp-grp">` header followed by its ticket `<tr>`s in ONE flat
      `<tbody>` — no wrapper div exists to grid the two groups as siblings.
      CSS multi-column solves this WITHOUT touching markup: the table and its
      `<tbody>` become `display:block`, `columns:2` splits that block flow
      into two visual columns, and `break-before:column` forced on
      `.rcp-grp-season` guarantees Season Passes always starts the second
      column regardless of how many rows either group has that season — no
      row count needs to be known or hardcoded, so this survives a ticket
      being added or removed same as the fill/border rules in §5-6 already
      do. Measured: ticketSection height 1079px (stacked) -> ~814px
      (Single Night's own column, now the taller of the two) at 1729px —
      Single Night was always going to set the floor since it has more ticket
      types than Season Passes; splitting removes Season Passes' own ~400px
      from the vertical run entirely.
      ⚠ Every row got taller doing this (131px -> ~175px) — narrower columns
      wrap the plan descriptions ("Bring your military ID and the card used
      to buy this ticket...") onto a second line. That is a real, honest cost
      of trading width for height, not a bug to chase away with a font-size
      hack; it is why B1's net saving is ~220-260px and not the ~450px a
      naive "just halve it" estimate would predict. `break-inside:avoid` on
      every row stops multicol from ever splitting a row's own two lines
      across the column gap.
      ⚠ `:has(+ tr.rcp-grp)` and `:last-child` (§6) still correctly find "the
      last row of each group" for the bottom-radius after this — those
      selectors read the DOM tree, which multicol does not reorder, only
      repaints. Confirmed on screen: both group cards close with a clean
      bottom radius, neither looks cut off.
      ponytail: correct for exactly the two groups this event has, same
      caveat as §6's fill rules — a third group inserted between them would
      accumulate into column 1 with Single Night rather than getting its own
      column. Give it its own `break-before` selector if that ever ships.

      B2) THE FOOTER'S 170px `padding-bottom` WAS A BUG, NOT A DESIGN CHOICE.
      Traced to the very first footer rule in this file (`.wrapper:has(...) +
      .footer { padding-bottom:170px }`), written to keep the copyright line
      clear of the checkout bar back when that bar was `position:fixed` and
      covered the last ~140px of every phone screen. §16 (2026-08-10, earlier
      the same day) moved the desktop cart into the grid as `position:sticky`
      — it no longer floats over anything, so at >=1180px there is nothing
      left to clear. Measured before touching it:
      `getComputedStyle(footer).paddingBottom` = "170px", and the footer's
      own content (brand line + two paragraphs + copyright) only needed
      ~227px of its own 415px box — 170px of that was flat empty cream doing
      nothing but push the page taller. This is the single largest line item
      in this section and it is a correction, not a trim: the phone rule
      that actually needs 170px (the bar there is still fixed) is untouched,
      scoped by this same >=1180px query.

      B3) GOOD TO KNOW GOES TO THREE COLUMNS, MATCHING THE WIDER CONTAINER
      B1 and A) EARN. §16 chose 2 columns for a 1200px-wide `.right`; at up
      to 1560px, 2 columns each run uncomfortably long and 3 is the same
      "give the block real columns instead of one ribbon" idea, just carried
      one step further now that there is room for it.

   ⚠ FALLOUT FROM (A) THAT NEEDED ITS OWN FIX: §16's Dates/Location/Hours row
   uses `grid-template-columns: repeat(3, minmax(0, max-content))` with
   `justify-content:start` — at a fixed 1200px container the three
   content-sized columns happened to fill it almost exactly (352*3+72*2=1200),
   so `start` looked like "fills the row" by coincidence. Once the container
   floats up to 1560px that coincidence breaks: `start` packs the three
   columns to the left and leaves ~360px of dead cream hanging off the right
   of HOURS, while Good To Know (which spans the full grid, `grid-column:
   1/-1`) and the two ticket cards above both run edge to edge — the practical
   block alone stopped lining up with everything around it. `justify-content:
   space-between` fixes it: it does not touch the min-width `1180px` floor at
   all, no per-item override needed, and it is not the current live behaviour
   -- do not skip it if backing out (A) above.

   MEASURED RESULT (live page, `page.addStyleTag()` before this file was
   touched, then re-verified via `getComputedStyle` after deploy):
       1440px: 3438 -> ~3077   (-361px, -10.5%)
       1729px: 3438 -> ~2975   (-463px, -13.5%)
       1920px: 3438 -> ~2942   (-496px, -14.4%)
   Short of the 25-40% ambition on paper, and that gap is real, not
   under-effort: the remaining bulk is genuine content this pass chose not to
   cut — the Hours list is already capped to 7 visible rows behind "View
   More", Good To Know is quoted from the client's own policy pages (§ note
   above it), and the vertical rhythm (§17) was already measured and tuned in
   the immediately prior pass. Further height would come from deleting real
   information or re-opening §17's rhythm, neither of which is this pass's
   call to make alone.
   390px (mobile) UNCHANGED by this section — every rule below is scoped
   `min-width:1180px`; verified via the same addStyleTag harness with a
   before/after at 390px (4416 -> 4416, delta 0).
   ----------------------------------------------------------------------- */
@media (min-width: 1180px) {
    /* A) Fluid width. Same selector/specificity fight as §16 (both
       `!important`, both target `.left`/`.right`) — this section is later in
       the file, so it wins the cascade without needing to edit §16 in place,
       matching this file's own established pattern (§17 over §16). */
    .ticket-details-wrapper #frmBuyTicket > .left,
    .ticket-details-wrapper #frmBuyTicket > .right {
        max-width: clamp(1200px, 85vw, 1560px) !important;
    }

    /* B1) Ticket groups as two columns via multicol, not a hardcoded grid —
       robust to either group's row count changing. */
    .ticket-div table.table:has(> tbody > tr.rcp-grp) {
        display: block !important;
        width: 100% !important;
    }
    .ticket-div table.table:has(> tbody > tr.rcp-grp) > tbody {
        display: block !important;
        columns: 2 !important;
        column-gap: 32px !important;
    }
    .ticket-div table.table:has(> tbody > tr.rcp-grp) > tbody > tr {
        display: block !important;
        width: 100% !important;
        break-inside: avoid !important;
    }
    .ticket-div table.table:has(> tbody > tr.rcp-grp) > tbody > tr.rcp-grp > td {
        display: block !important;
    }
    .ticket-div table.table:has(> tbody > tr.rcp-grp) > tbody > tr.rcp-grp-season {
        break-before: column !important;
    }
    /* Row padding trimmed slightly (13/16/14 -> 11/16/11) to partly offset the
       wrap penalty documented in B1 above — modest on its own, free once the
       column split is already being made. */
    .ticket-div table.table:has(> tbody > tr.rcp-grp) > tbody > tr:not(.rcp-grp) {
        padding: 11px 16px 11px !important;
    }

    /* B2) The footer's mobile-only fixed-bar clearance, corrected to not also
       apply at desktop widths where nothing is fixed over it any more. */
    .wrapper:has(.ticket-details-wrapper) + .footer {
        padding-bottom: 32px !important;
    }

    /* B3) Good To Know: three columns now that the container earns them. */
    .ticket-details-wrapper #frmBuyTicket > .right > ul.rcp-goodtoknow {
        columns: 3 !important;
        column-gap: 40px !important;
    }

    /* Fallout fix: keep Dates/Location/Hours flush with the now-wider
       container instead of packing left and stranding dead space on the
       right (see the note above this block). */
    .ticket-details-wrapper #frmBuyTicket > .right {
        justify-content: space-between !important;
    }
}


/* =============================================================================
   9. SITE MATCH — 2026-09-15. Brian: "they want the design to match their site exactly with the
   snowflakes and everything." This section SUPERSEDES the "match and elevate" direction above:
   their literal hexes (#d10000 footer, #bb0000 nav, #ffe400 button, #cc082f page title), their
   fonts (Montserrat body; IvyStyleTW + Bahnschrift display, vendored — their TTFs carry no CORS
   header so cross-origin @font-face is blocked), their masthead band, nav strip, red footer and
   snowstorm.js. Values are copied from ripleyschristmaspark.com/custom-styles.css (measured
   2026-09-15), not re-derived. Markup lives in _ETicketLayout.cshtml (night-bound/build-layout.py).
   ⚠ Licensing: IvyStyleTW/Bahnschrift are the client's licensed faces, re-hosted on their own
   storefront at their request; do not reuse elsewhere.
   ============================================================================= */
@font-face { font-family: 'IvyStyleTW-Regular';   src: url(images/ripleys/IvyStyleTW-Regular.ttf) format('truetype');   font-weight: normal; font-display: swap; }
@font-face { font-family: 'IvyStyleTW-semibold';  src: url(images/ripleys/IvyStyleTW-SemiBold.ttf) format('truetype');  font-weight: normal; font-display: swap; }
@font-face { font-family: 'IvyStyleTW-Bold';      src: url(images/ripleys/IvyStyleTW-Bold.ttf) format('truetype');      font-weight: normal; font-display: swap; }
@font-face { font-family: 'Bahnschrift-semibold'; src: url(images/ripleys/Bahnschrift-semibold.ttf) format('truetype'); font-weight: normal; font-display: swap; }

:root {
    --rcp-red: #d10000;          /* their footer */
    --rcp-red-deep: #bb0000;     /* their nav links */
    --rcp-red-hover: #9e0000;
    --rcp-gold: #ffe400;         /* their BUY TICKETS */
    --rcp-gold-hover: #ffde00;   /* their footer button */
    --rcp-field: #ffffff;        /* their body is white */
    --rcp-surface: #ffffff;
    --rcp-card: #ffffff;
    --rcp-warm: #ffffff;
    --rcp-ink: #212529;          /* their body colour, rgb(33,37,41) */
    --rcp-ink-soft: #555555;
    --rcp-border: #dfdfdf;       /* their .colfeature border */
    --rcp-disp: "Montserrat", sans-serif;  /* their h2/h3 face; IvyStyleTW is reserved for the page title below, like theirs */
}
body, .btn, button, input, select, textarea, .ticket-details-wrapper .left p, .ticket-details-wrapper .right p {
    font-family: "Montserrat", sans-serif !important;   /* stock body { font-family: "Manrope", serif } */
}
.rcp-snow { pointer-events: none; }   /* a flake must never eat a tap on a ticket row or the Checkout bar */

/* ---- masthead: their .header-area / .logo / .header-right-text, rcp- prefixed ---- */
.rcp-hdr {
    position: relative;
    z-index: 999;
    height: 190px;
    padding-top: 9px;
    background: #d10000 url(images/ripleys/header-bg.png) center / cover no-repeat;
    box-shadow: 0 7px 18px 0 rgba(24, 24, 24, .51);
}
.rcp-hdr-top {
    max-width: 1430px;
    margin: 0 auto;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.rcp-logo { width: 260px; text-align: center; }
.rcp-logo a { display: block; }
.rcp-logo img { width: 100%; display: block; }
.rcp-logo span { display: block; color: #fff; font-size: 15px; font-weight: 700; line-height: 1.5; }
.rcp-hdr-right { width: 250px; text-align: center; }
.rcp-hdr-right div { color: #fff; font-family: 'Bahnschrift-semibold', "Montserrat", sans-serif; line-height: 1.2; font-size: 15px; }
.rcp-hdr-right h3 { color: #fff; font-size: 28px; font-weight: 800; margin: 0 0 10px; padding: 0; line-height: 1.2; font-family: "Montserrat", sans-serif; }
.rcp-hdr-right a.rcp-hdr-cta,
.rcp-hdr-right a.rcp-hdr-cta:visited {
    background: #ffe400;
    display: inline-block;
    width: 250px;
    height: 35px;
    line-height: 35px;
    border-radius: 5px;
    color: #000;
    font-weight: 800;
    font-size: 20px;
    text-decoration: none;
}
.rcp-hdr-right a.rcp-hdr-cta:hover, .rcp-hdr-right a.rcp-hdr-cta:focus { opacity: .7; color: #000; }

/* ---- nav strip: their .header-bottom / .header-menu ---- */
.rcp-hdr-bottom {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 40px;
    background: #fff;
    display: flex;
    align-items: center;
}
.rcp-nav {
    list-style: none;
    margin: 0 auto;
    padding: 0 15px;
    max-width: 1430px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.rcp-nav > li { position: relative; margin: 0; }
.rcp-nav li a {
    color: #bb0000;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 8px 0;
    text-decoration: none;
    display: inline-block;
    line-height: 1.2;
}
.rcp-nav > li:hover > a { color: #ff6458; }
.rcp-nav a.activePage { color: #000 !important; }
.rcp-nav ul {
    position: absolute;
    left: 0;
    top: 45px;
    width: 300px;
    margin: 0;
    padding: 30px 30px 10px;
    list-style: none;
    background: #fff;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    transition: all ease-in-out .4s;
    box-shadow: 0 7px 18px rgba(24, 24, 24, .2);
    z-index: 2;
}
.rcp-nav > li:hover > ul, .rcp-nav > li:focus-within > ul { opacity: 1; visibility: visible; top: 33px; }
.rcp-nav ul li { display: block; margin: 0 0 15px; }
.rcp-nav ul li a { font-size: 16px; font-weight: 600; padding: 5px 0; }
@media (max-width: 1400px) { .rcp-nav li a { font-size: 18px; } }
@media (max-width: 991px)  { .rcp-nav li a { font-size: 15px; } }

/* hamburger + full-screen menu, their ≤767 behaviour */
.rcp-burger {
    display: none;
    position: absolute;
    right: 30px;
    bottom: 20px;
    transform: translateY(50%);
    background: none;
    border: 0;
    padding: 0;
    cursor: pointer;
    z-index: 999;
}
.rcp-burger span { display: block; width: 31px; height: 3px; margin: 6px 0; background: #c20002; transition: all .3s ease; }
.rcp-burger.current span:nth-child(1) { transform: translateY(270%) rotate(135deg); }
.rcp-burger.current span:nth-child(2) { opacity: 0; }
.rcp-burger.current span:nth-child(3) { transform: translateY(-325%) rotate(-135deg); }
.rcp-mnav {
    position: fixed;
    inset: 0;
    z-index: 998;
    background: #fff;
    overflow: auto;
    padding: 165px 30px 40px;
}
.rcp-mnav[hidden] { display: none; }
body.rcp-menu-open { overflow: hidden; }
.rcp-mnav-list, .rcp-mnav-list ul { list-style: none; margin: 0; padding: 0; }
.rcp-mnav-list > li > a { display: block; padding: 12px 0; color: #bb0000; font-size: 20px; font-weight: 700; text-transform: uppercase; text-decoration: none; border-bottom: 1px solid #eee; }
.rcp-mnav-list > li > a.activePage { color: #000; }
.rcp-mnav-list ul { padding: 4px 0 8px 18px; border-bottom: 1px solid #eee; }
.rcp-mnav-list ul a { display: block; padding: 8px 0; color: #333; font-size: 15px; font-weight: 600; text-transform: uppercase; text-decoration: none; }

@media (max-width: 767px) {
    .rcp-hdr { height: 145px; }
    .rcp-logo { width: 180px; }
    .rcp-logo span { font-size: 11px; }
    .rcp-hdr-right div { font-size: 10px; }
    .rcp-hdr-right h3 { font-size: 18px; margin-bottom: 6px; }
    .rcp-hdr-right a.rcp-hdr-cta { width: 150px; font-size: 16px; }
    .rcp-nav { display: none; }
    .rcp-burger { display: block; }
}
@media (max-width: 375px) {
    .rcp-logo { width: 145px; }
    .rcp-hdr-right { width: 160px; }
    .rcp-hdr-right a.rcp-hdr-cta { height: 25px; line-height: 25px; font-weight: 600; font-size: 14px; }
}

/* ---- hero: their page-header treatment — the snow-drift edge along the bottom (hero-shape.png,
   #pageheaderline:after) and the page title face (IvyStyleTW-semibold). The tile itself stays
   in the column: theirs is a static parallax photo, ours is the night video Brian already approved. ---- */
.rcp-night::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 60px;
    background: url(images/ripleys/hero-shape.png) center top / cover no-repeat;
    pointer-events: none;
    z-index: 2;
}
.rcp-night { border-radius: 5px; box-shadow: none; }
.ticket-details-wrapper .rcp-night .rcp-night-cap { padding-bottom: 66px; }
.ticket-details-wrapper .rcp-night .rcp-night-cap .rcp-night-h {
    font-family: 'IvyStyleTW-semibold', "Montserrat", sans-serif;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
    font-size: 44px;
}
@media (max-width: 767px) {
    .ticket-details-wrapper .rcp-night .rcp-night-cap .rcp-night-h { font-size: 34px; }
    .rcp-night::after { height: 40px; }
    .ticket-details-wrapper .rcp-night .rcp-night-cap { padding-bottom: 46px; }
}
/* their h2: Montserrat 700 #313131; their page title red #cc082f goes on the step heading */
.ticket-details-wrapper .rcp-cat-head .rcp-cat-txt h2 { color: #cc082f; font-weight: 700; text-transform: none; letter-spacing: 0; }
.rcp-hdr-right a.rcp-hdr-cta, .btn-primary { font-family: "Montserrat", sans-serif !important; }

/* ---- footer: their .footer-area, same copy, same columns ---- */
footer.footer.rcp-footer {
    background: #d10000 !important;
    border-top: 10px solid #fff;
    padding: 55px 15px 30px !important;
    margin-top: 0;
    min-height: 0;
    text-align: left;
    color: #fff;
    display: block;
}
.rcp-fwrap { max-width: 1430px; margin: 0 auto; }
.rcp-fsocial { text-align: right; margin-bottom: 10px; }
.rcp-fsocial a { display: inline-block; margin-left: 8px; }
.rcp-fsocial a img { width: 58px; transition: .3s; }
.rcp-fsocial a:hover img { opacity: .8; }
.rcp-fgrid { display: grid; grid-template-columns: 1fr 1.4fr 1.4fr 1fr; gap: 24px; align-items: start; }
.rcp-flogo a img { width: 250px; margin-bottom: 10px; }
.rcp-flogo a:last-child {
    width: 196px;
    display: inline-block;
    text-align: center;
    height: 31px;
    line-height: 31px;
    background: #ffde00;
    border-radius: 10px;
    text-transform: uppercase;
    color: #000;
    font-weight: 700;
    font-size: 17px;
    margin-left: 26px;
    text-decoration: none;
}
.rcp-flogo a:last-child:hover { opacity: .6; }
.rcp-fleft h3, .rcp-ftext h3 { font-size: 20px; text-transform: uppercase; color: #ffde00; font-weight: 800; margin: 0 0 8px; padding: 0; font-family: "Montserrat", sans-serif; }
.rcp-fleft h3 i, .rcp-ftext h3 i { position: relative; top: -2px; margin-right: 5px; }
.rcp-fleft p { font-size: 18px; color: #fff; font-weight: 600; margin: 0 0 8px; padding: 0; line-height: 1.5; }
.rcp-fleft span { display: block; color: #fff; font-weight: 500; font-style: italic; font-size: 16px; }
.rcp-fleft a { color: #fff !important; text-decoration: underline !important; }   /* stock a{} strips the underline */
.rcp-ftext p { font-size: 16px; color: #fff; font-weight: 700; margin: 0 0 6px; padding: 0; }
.rcp-ftext span { display: block; font-size: 16px; color: #fff; font-weight: 600; line-height: 1.5; }
.rcp-ftext > a { display: inline-block; color: #fff; font-weight: 700; text-transform: uppercase; font-size: 16px; margin-top: 35px; text-decoration: none; }
.rcp-ftext > a:hover { color: #ffde00; }
.rcp-fmenu ul { list-style: none; margin: 0; padding: 0; }
.rcp-fmenu li { display: block; margin: 0 0 2px; }
.rcp-fmenu li a { color: #fff; font-size: 16px; font-weight: 600; display: inline-block; text-decoration: none; }
.rcp-fmenu li:hover a { color: #ffde00; }
.rcp-fcopy { text-align: center; margin-top: 30px; }
.rcp-fcopy p { color: #fff; font-size: 15px; font-weight: 600; margin: 0; padding: 0; }
.rcp-fcopy p a { color: #fff; }
.rcp-fcopy p a:hover { color: #ffde00; text-decoration: underline; }
@media (max-width: 1200px) { .rcp-fgrid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 767px) {
    .rcp-fgrid { grid-template-columns: 1fr; text-align: center; }
    .rcp-fsocial { text-align: center; }
    .rcp-fsocial a img { width: 45px; }
    .rcp-flogo a img { width: 230px; }
    .rcp-flogo a:last-child { margin-left: 0; }
    .rcp-fcopy p { font-size: 14px; }
}
/* the fixed Checkout bar clearance stays (see .wrapper:has(...) + .footer above); their footer just
   carries it as bottom padding on the band instead of dead space under it. */
.wrapper:has(.ticket-details-wrapper) + .footer.rcp-footer { padding-bottom: 170px !important; }
@media (min-width: 1180px) { .wrapper:has(.ticket-details-wrapper) + .footer.rcp-footer { padding-bottom: 32px !important; } }

/* Montserrat 900 is ~15% wider than the Avenir Next Condensed the band was measured for:
   "SEASON PASSES" broke to two lines in the 204px phone text box (r8 verify, 390). */
@media (max-width: 575px) {
  .ticket-details-wrapper .rcp-gh .rcp-gh-txt h3 { font-size: 21px; letter-spacing: 0; }
}
/* -----------------------------------------------------------------------
   21. STRUCTURE + CONTRAST PASS (Brian, 2026-09-15: "a little bit more contrast and even
   things up... some borders and more structure, but I really like how it fits in with the site").
   Nothing here changes the site-match chrome (header, nav, footer, snow). It tightens the white
   field between them: one border weight, one section-label style, every block in a box that
   matches the ticket cards, and the two cards starting on the same line.
   ----------------------------------------------------------------------- */
:root {
    /* Borders were a 12%-alpha hairline (#E3E1E0 on white) and read as "no border" at a glance.
       .22 = ~#D1CFCE, still a tint of ink rather than a grey line. --rcp-border-strong is the
       outer wall of every card (ticket groups, add-ons, cart, accordion) so the containers read
       one step firmer than the dividers inside them. */
    --rcp-border: rgba(44, 36, 35, 0.22);
    --rcp-border-strong: rgba(44, 36, 35, 0.34);
    /* Secondary text: L .48 -> .40 (~#464241). It was AA already; at 11-13px it read washed out. */
    --rcp-ink-soft: oklch(0.40 0.010 29);
    /* The site-match pass (§20) set every fill token to white because their body is white. That is
       right for the field and the cards, but it left no tint anywhere for a header strip. One
       light ink-tinted neutral for that job only; --rcp-ink on it is 13.6:1. */
    --rcp-strip: oklch(0.962 0.006 40);
}

/* ---- One section-label style. DATES / LOCATION / HOURS were 20px medium grey, MORE INFORMATION
   was 20px grey caps, Add-Ons was 36px bold dark: three voices for the same job. Their site labels
   sections in red heavy caps, so: red-deep, 800, caps, tracked, with a short red underline. ---- */
.ticket-details-wrapper #frmBuyTicket > .right > h6,
.ticket-details-wrapper .rcp-info > h6 {
    display: inline-block;
    justify-self: start;
    margin: 0 0 10px;
    padding: 0 0 6px;
    font-family: var(--rcp-disp);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    line-height: 1.1;
    color: var(--rcp-red-deep);
    border-bottom: 2px solid var(--rcp-red-deep);
}

/* ---- Ticket group cards ---- */
/* Desktop two-column: the 22px that separates stacked groups on narrow screens was still applied to
   the Season Passes header cell, so its card started 22px below Single Night's. Both start on the
   same line now; the stacked layouts below 1180 keep their gap. */
@media (min-width: 1180px) {
    .ticket-div table.table:has(> tbody > tr.rcp-grp) > tbody > tr.rcp-grp > td { padding-top: 0 !important; }
}
/* Firmer walls, and a divider between rows at every width (the phone layout already draws one). */
.ticket-div table.table > tbody > tr:not(.rcp-grp) {
    border-left-color: var(--rcp-border-strong);
    border-right-color: var(--rcp-border-strong);
}
.ticket-div table.table > tbody > tr:has(+ tr.rcp-grp),
.ticket-div table.table > tbody > tr:last-child { border-bottom-color: var(--rcp-border-strong); }
@media (min-width: 768px) {
    .ticket-div table.table:has(> tbody > tr.rcp-grp) > tbody > tr:not(.rcp-grp) + tr:not(.rcp-grp) {
        border-top: 1px solid var(--rcp-border);
    }
}
.rcp-gh { border-color: var(--rcp-red-deep); }

/* ---- Add-Ons: was a bare table under a 36px heading, floating between two boxed sections. Same box
   as the ticket groups (1px strong wall, 14px corners) with a warm header strip instead of a red
   band: it is optional, so it sits one step quieter than the two product groups. ---- */
.ticket-div table.table:not(:has(> tbody > tr.rcp-grp)) {
    border: 1px solid var(--rcp-border-strong);
    border-radius: 14px;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    background: var(--rcp-card);
    margin-top: 28px;
}
/* !important on the strip fill: the stock sheet paints thead cells white at a specificity this
   scope cannot reach without it, and the strip is the whole point of the header. */
.ticket-details-wrapper .ticket-div table.table:not(:has(> tbody > tr.rcp-grp)) > thead > tr > th {
    background: var(--rcp-strip) !important;
    border-bottom: 1px solid var(--rcp-border) !important;
    padding: 14px 18px 13px !important;
    vertical-align: middle;
    font-size: 12px; font-weight: 700; letter-spacing: .10em; text-transform: uppercase; color: var(--rcp-ink-soft);
}
/* The title cell: the section-label voice (red, display face, tracked caps) without the underline,
   because the strip's own bottom edge already draws the rule. */
.ticket-details-wrapper .ticket-div table.table:not(:has(> tbody > tr.rcp-grp)) > thead > tr > th:first-of-type {
    font-family: var(--rcp-disp); font-size: 15px; font-weight: 800; letter-spacing: .12em; color: var(--rcp-red-deep);
}
.ticket-div table.table:not(:has(> tbody > tr.rcp-grp)) > tbody > tr:last-child { border-bottom: 0; }
.ticket-div table.table:not(:has(> tbody > tr.rcp-grp)) > tbody > tr > td { border-top: 0; }
@media (max-width: 767px) {
    /* Phone: the header cell is a block here (stock rule) but the stock min/max-width 168px still
       pins it, so the strip stopped half-way across the card. And the row kept the pre-port stepper
       placement (grid-row 1 / -1), which sat the stepper on top of the price now that the price is
       in column 2 — the ticket rows already place it on row 2; match them, and give the row the
       side padding the card's new edge needs. */
    .ticket-details-wrapper .ticket-div.ticket-div-eventdetail table.table:not(:has(> tbody > tr.rcp-grp)) > thead > tr > th {
        width: 100% !important; min-width: 0 !important; max-width: none !important; box-sizing: border-box;
        padding: 12px 14px 11px !important;
    }
    .ticket-div table.table:not(:has(> tbody > tr.rcp-grp)) > tbody > tr { padding: 14px 14px 15px; }
    .ticket-div table.table:not(:has(> tbody > tr.rcp-grp)) > tbody > tr > td.firsttd { grid-row: 1 / span 2; }
    .ticket-div table.table:not(:has(> tbody > tr.rcp-grp)) > tbody > tr > td:last-child { grid-row: 2; justify-self: end; align-self: start; margin-top: 6px; }
}

/* ---- Dates / Location / Hours: a rule above, darker values. It sat on bare white with no edge
   between it and the ticket cards; the rule gives it the same "section" weight as the accordion
   block below it (which already carries a border-top). ---- */
.ticket-details-wrapper #frmBuyTicket > .right {
    border-top: 1px solid var(--rcp-border) !important;   /* §16 zeroes every border on .right with !important */
    padding-top: 30px;
}
.ticket-details-wrapper #frmBuyTicket > .right > strong,
.ticket-details-wrapper #frmBuyTicket > .right > p,
.ticket-details-wrapper #frmBuyTicket > .right > ul:not(.rcp-goodtoknow) li { color: var(--rcp-ink); }

/* ---- Accordion + cart: the same strong wall as the cards, so every box on the page is one weight. ---- */
.ticket-details-wrapper .rcp-info .rcp-acc { border: 1px solid var(--rcp-border-strong); }
.ticket-details-wrapper #BuyTicketFooter.checkout-bar { border-color: var(--rcp-border-strong); }
.ticket-div .plus-minus { border-color: var(--rcp-border-strong); }

/* ---- 21b. Persona walk, 2026-09-15 (Sam / Casey) ----
   Keyboard: the stock sheet's `*:focus { outline: 0 }` left NO visible focus on nav links, crumbs,
   night cards, +/- and the Checkout button — a keyboard buyer could not see where they were on the
   whole purchase path (the accordion summary was the one element that restored it). One ring, on
   :focus-visible only, so mouse/touch users never see it. !important for the same reason the
   accordion rule needed it. */
.ticket-details-wrapper :focus-visible,
.rcp-hdr :focus-visible, .rcp-mnav :focus-visible, .rcp-footer :focus-visible,
#rcpCalModal :focus-visible, #BuyTicketFooter :focus-visible {
    outline: 3px solid var(--rcp-red-deep) !important;
    outline-offset: 2px !important;
}
.rcp-gh :focus-visible, .rcp-hdr :focus-visible, .rcp-footer :focus-visible { outline-color: #fff !important; }   /* on red */
/* Phone thumbs: the Checkout button measured 360x37 and "Change night" 99x18 on an iPhone 13. */
@media (max-width: 767px) {
    #BuyTicketFooter .checkout-btn, #BuyTicketFooter button { min-height: 44px; }
    .rcp-night-lbl a { display: inline-block; padding: 12px 6px; margin: -12px -6px; }   /* 44px tall hit area, no layout shift */
}

/* ===== END RIPLEYS SKIN 20260807 ===== */