/* Minification failed. Returning unminified contents.
(979,31): run-time error CSS1046: Expect comma, found '0'
(979,35): run-time error CSS1046: Expect comma, found '/'
(1109,31): run-time error CSS1046: Expect comma, found '0'
(1109,35): run-time error CSS1046: Expect comma, found '/'
(1216,1): run-time error CSS1019: Unexpected token, found '}'
(1406,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1407,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1410,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(1411,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1418,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(1419,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1422,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1423,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1760,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1761,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1770,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1771,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1793,1591): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1793,1618): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1793,1739): run-time error CSS1019: Unexpected token, found '@keyframes'
(1793,1758): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1969,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1970,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1971,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1972,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1973,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1975,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1976,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1977,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1979,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1980,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1981,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1982,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1984,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1985,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1987,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1988,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1989,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1990,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1991,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1992,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1993,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1995,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1996,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1997,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1998,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1999,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2000,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2001,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2002,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2004,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-subtle'
(2005,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink'
(2015,17): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(2029,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-subtle'
(2031,56): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-subtle'
(2032,47): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(2038,25): run-time error CSS1039: Token not allowed after unary operator: '-od-radius-sm'
(2044,39): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(2045,35): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(2046,28): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(2047,33): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(2048,32): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(2051,66): run-time error CSS1039: Token not allowed after unary operator: '-od-ring'
(2056,22): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(2057,24): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(2062,22): run-time error CSS1039: Token not allowed after unary operator: '-od-primary-2'
(2063,24): run-time error CSS1039: Token not allowed after unary operator: '-od-primary-2'
(2067,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface'
(2068,24): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(2069,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink'
(2073,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-muted'
(2074,24): run-time error CSS1039: Token not allowed after unary operator: '-od-border-strong'
(2075,17): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(2078,22): run-time error CSS1039: Token not allowed after unary operator: '-od-danger'
(2079,24): run-time error CSS1039: Token not allowed after unary operator: '-od-danger'
(2088,37): run-time error CSS1039: Token not allowed after unary operator: '-od-primary-3'
(2089,43): run-time error CSS1039: Token not allowed after unary operator: '-od-accent'
(2095,25): run-time error CSS1039: Token not allowed after unary operator: '-od-radius'
(2098,22): run-time error CSS1039: Token not allowed after unary operator: '-od-shadow-sm'
(2101,47): run-time error CSS1039: Token not allowed after unary operator: '-od-info-bg'
(2101,76): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(2101,112): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(2101,149): run-time error CSS1039: Token not allowed after unary operator: '-od-primary-3'
(2102,47): run-time error CSS1039: Token not allowed after unary operator: '-od-success-bg'
(2102,149): run-time error CSS1039: Token not allowed after unary operator: '-od-success'
(2103,47): run-time error CSS1039: Token not allowed after unary operator: '-od-warning-bg'
(2103,149): run-time error CSS1039: Token not allowed after unary operator: '-od-warning'
(2104,47): run-time error CSS1039: Token not allowed after unary operator: '-od-danger-bg'
(2104,149): run-time error CSS1039: Token not allowed after unary operator: '-od-danger'
(2110,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface'
(2111,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(2112,25): run-time error CSS1039: Token not allowed after unary operator: '-od-radius'
(2113,22): run-time error CSS1039: Token not allowed after unary operator: '-od-shadow-sm'
(2118,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface'
(2123,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-muted'
(2124,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-muted'
(2131,35): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(2138,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-subtle'
(2140,28): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(2142,71): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(2143,58): run-time error CSS1039: Token not allowed after unary operator: '-od-surface'
(2143,106): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(2144,76): run-time error CSS1039: Token not allowed after unary operator: '-od-surface'
(2145,64): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-subtle'
(2148,32): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(2149,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink'
(2154,65): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(2155,56): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-subtle'
(2180,22): run-time error CSS1039: Token not allowed after unary operator: '-od-primary-3'
(2185,46): run-time error CSS1039: Token not allowed after unary operator: '-od-danger'
(2186,47): run-time error CSS1039: Token not allowed after unary operator: '-od-success'
(2187,47): run-time error CSS1039: Token not allowed after unary operator: '-od-warning'
(2199,47): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-muted'
(2199,79): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-muted'
(2199,118): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(2200,47): run-time error CSS1039: Token not allowed after unary operator: '-od-primary-3'
(2201,47): run-time error CSS1039: Token not allowed after unary operator: '-od-info-bg'
(2201,73): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(2201,110): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(2202,47): run-time error CSS1039: Token not allowed after unary operator: '-od-success-bg'
(2203,47): run-time error CSS1039: Token not allowed after unary operator: '-od-warning-bg'
(2204,47): run-time error CSS1039: Token not allowed after unary operator: '-od-danger-bg'
(2208,35): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(2217,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-muted'
(2220,28): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(2220,63): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(2224,17): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(2225,31): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-tint'
(2231,17): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(2233,35): run-time error CSS1039: Token not allowed after unary operator: '-od-accent'
(2242,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink'
(2246,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(2247,25): run-time error CSS1039: Token not allowed after unary operator: '-od-radius-sm'
(2248,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface'
(2249,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink'
(2252,35): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(2252,68): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(2255,24): run-time error CSS1039: Token not allowed after unary operator: '-od-primary-3'
(2256,22): run-time error CSS1039: Token not allowed after unary operator: '-od-ring'
(2260,56): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-muted'
(2263,42): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-muted'
(2268,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface'
(2269,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(2270,25): run-time error CSS1039: Token not allowed after unary operator: '-od-radius'
(2271,22): run-time error CSS1039: Token not allowed after unary operator: '-od-shadow-sm'
(2272,33): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(2272,65): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(2274,52): run-time error CSS1039: Token not allowed after unary operator: '-od-shadow'
(2277,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-muted'
(2278,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink'
(2279,35): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(2280,25): run-time error CSS1039: Token not allowed after unary operator: '-od-radius'
(2280,42): run-time error CSS1039: Token not allowed after unary operator: '-od-radius'
(2286,73): run-time error CSS1039: Token not allowed after unary operator: '-od-surface'
(2286,111): run-time error CSS1039: Token not allowed after unary operator: '-od-radius'
(2286,128): run-time error CSS1039: Token not allowed after unary operator: '-od-radius'
(2290,17): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(2297,35): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(2300,53): run-time error CSS1039: Token not allowed after unary operator: '-od-accent'
(2305,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface'
(2306,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(2307,25): run-time error CSS1039: Token not allowed after unary operator: '-od-radius'
(2308,22): run-time error CSS1039: Token not allowed after unary operator: '-od-shadow-sm'
(2312,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-muted'
(2313,17): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(2314,35): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(2319,70): run-time error CSS1039: Token not allowed after unary operator: '-od-surface'
(2320,42): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-subtle'
(2323,60): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-muted'
(2325,17): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(2334,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(2335,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface'
(2336,17): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(2345,22): run-time error CSS1039: Token not allowed after unary operator: '-od-accent'
(2346,24): run-time error CSS1039: Token not allowed after unary operator: '-od-accent'
(2351,54): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(2352,62): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(2359,32): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(2364,63): run-time error CSS1039: Token not allowed after unary operator: '-od-warning'
(2367,40): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-muted'
(2368,43): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(2369,45): run-time error CSS1039: Token not allowed after unary operator: '-od-primary-3'
(2375,17): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(2376,24): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(2377,25): run-time error CSS1039: Token not allowed after unary operator: '-od-radius-sm'
(2382,22): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(2383,24): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(2389,46): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-subtle'
(2389,75): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-tint'
(2390,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(2391,25): run-time error CSS1039: Token not allowed after unary operator: '-od-radius'
(2404,75): run-time error CSS1039: Token not allowed after unary operator: '-od-ring'
(2414,103): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(2445,46): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(2445,68): run-time error CSS1039: Token not allowed after unary operator: '-od-accent'
(2461,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-muted'
(2465,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-muted'
(2467,17): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(2474,25): run-time error CSS1039: Token not allowed after unary operator: '-od-radius-lg'
(2482,71): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-subtle'
(2494,17): run-time error CSS1039: Token not allowed after unary operator: '-od-accent'
(2514,17): run-time error CSS1039: Token not allowed after unary operator: '-od-accent'
(2522,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface'
(2523,24): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(2524,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink'
(2528,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-subtle'
(2529,24): run-time error CSS1039: Token not allowed after unary operator: '-od-primary-3'
(2530,17): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(2542,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-muted'
(2543,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-muted'
(2544,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(2549,57): run-time error CSS1039: Token not allowed after unary operator: '-od-accent'
(2553,49): run-time error CSS1039: Token not allowed after unary operator: '-od-warning'
(2578,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(2579,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface'
(2580,17): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(2585,26): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(2586,22): run-time error CSS1039: Token not allowed after unary operator: '-od-shadow-sm'
(2590,22): run-time error CSS1039: Token not allowed after unary operator: '-od-accent'
(2591,24): run-time error CSS1039: Token not allowed after unary operator: '-od-accent'
(2596,17): run-time error CSS1039: Token not allowed after unary operator: '-od-accent'
(2609,25): run-time error CSS1039: Token not allowed after unary operator: '-od-radius'
(2610,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(2611,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-subtle'
(2615,17): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(2641,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface'
(2642,28): run-time error CSS1039: Token not allowed after unary operator: '-od-accent'
(2643,17): run-time error CSS1039: Token not allowed after unary operator: '-od-accent'
(2647,22): run-time error CSS1039: Token not allowed after unary operator: '-od-accent'
(2674,22): run-time error CSS1039: Token not allowed after unary operator: '-od-warning-bg'
(2686,22): run-time error CSS1039: Token not allowed after unary operator: '-od-warning'
(2689,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2690,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2696,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface'
(2697,29): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(2698,25): run-time error CSS1039: Token not allowed after unary operator: '-od-radius-lg'
(2702,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-subtle'
(2710,17): run-time error CSS1039: Token not allowed after unary operator: '-od-primary-3'
(2719,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(2720,25): run-time error CSS1039: Token not allowed after unary operator: '-od-radius'
(2721,22): run-time error CSS1039: Token not allowed after unary operator: '-od-shadow-lg'
(2727,25): run-time error CSS1039: Token not allowed after unary operator: '-od-radius-sm'
(2729,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink'
(2734,33): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(2734,61): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(2738,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-subtle'
(2739,17): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(2742,17): run-time error CSS1039: Token not allowed after unary operator: '-od-accent'
(2751,17): run-time error CSS1039: Token not allowed after unary operator: '-od-accent'
(2760,17): run-time error CSS1039: Token not allowed after unary operator: '-od-accent-2'
(2767,83): run-time error CSS1039: Token not allowed after unary operator: '-od-border-strong'
(2770,58): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(2771,64): run-time error CSS1039: Token not allowed after unary operator: '-od-border-strong'
(2774,77): run-time error CSS1039: Token not allowed after unary operator: '-od-ink'
(2780,81): run-time error CSS1039: Token not allowed after unary operator: '-od-ring'
(2783,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2784,10): run-time error CSS1035: Expected colon, found '{'
(2817,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface'
(2818,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(2819,25): run-time error CSS1039: Token not allowed after unary operator: '-od-radius-lg'
(2822,22): run-time error CSS1039: Token not allowed after unary operator: '-od-shadow-sm'
(2841,17): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(2851,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-muted'
(2856,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-muted'
(2857,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(2862,17): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(2867,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface'
(2868,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(2869,25): run-time error CSS1039: Token not allowed after unary operator: '-od-radius'
(2871,22): run-time error CSS1039: Token not allowed after unary operator: '-od-shadow-sm'
(2887,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-subtle'
(2895,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-subtle'
(2896,24): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(2899,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface'
(2900,24): run-time error CSS1039: Token not allowed after unary operator: '-od-primary-3'
(2910,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-subtle'
(2912,28): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(2914,53): run-time error CSS1039: Token not allowed after unary operator: '-od-accent'
(2924,22): run-time error CSS1039: Token not allowed after unary operator: '-od-accent'
(2932,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-muted'
(2935,54): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(2939,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface'
(2940,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(2941,25): run-time error CSS1039: Token not allowed after unary operator: '-od-radius-lg'
(2942,22): run-time error CSS1039: Token not allowed after unary operator: '-od-shadow-sm'
(2952,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-muted'
(2953,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(2958,17): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(2961,45): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-subtle'
(2964,51): run-time error CSS1039: Token not allowed after unary operator: '-od-ink'
(2965,64): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(2967,44): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-muted'
(2981,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-muted'
(2982,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(2983,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-subtle'
(3004,17): run-time error CSS1039: Token not allowed after unary operator: '-od-accent'
(3007,51): run-time error CSS1039: Token not allowed after unary operator: '-od-accent'
(3023,22): run-time error CSS1039: Token not allowed after unary operator: '-od-danger-bg'
(3024,17): run-time error CSS1039: Token not allowed after unary operator: '-od-danger'
(3028,22): run-time error CSS1039: Token not allowed after unary operator: '-od-success-bg'
(3042,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface'
(3043,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(3044,25): run-time error CSS1039: Token not allowed after unary operator: '-od-radius-lg'
(3047,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-muted'
(3048,22): run-time error CSS1039: Token not allowed after unary operator: '-od-shadow-sm'
(3050,61): run-time error CSS1039: Token not allowed after unary operator: '-od-primary-3'
(3079,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface'
(3080,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(3081,25): run-time error CSS1039: Token not allowed after unary operator: '-od-radius'
(3081,42): run-time error CSS1039: Token not allowed after unary operator: '-od-radius'
(3084,22): run-time error CSS1039: Token not allowed after unary operator: '-od-shadow-sm'
(3100,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-subtle'
(3101,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(3103,29): run-time error CSS1039: Token not allowed after unary operator: '-od-radius-lg'
(3103,49): run-time error CSS1039: Token not allowed after unary operator: '-od-radius-lg'
(3106,22): run-time error CSS1039: Token not allowed after unary operator: '-od-shadow-sm'
(3127,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink'
(3144,17): run-time error CSS1039: Token not allowed after unary operator: '-od-danger'
(3151,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface'
(3152,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(3153,25): run-time error CSS1039: Token not allowed after unary operator: '-od-radius'
(3155,22): run-time error CSS1039: Token not allowed after unary operator: '-od-shadow-sm'
(3156,33): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(3156,68): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(3158,149): run-time error CSS1039: Token not allowed after unary operator: '-od-shadow'
(3159,155): run-time error CSS1039: Token not allowed after unary operator: '-od-danger'
(3160,157): run-time error CSS1039: Token not allowed after unary operator: '-od-warning'
(3165,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-muted'
(3173,22): run-time error CSS1039: Token not allowed after unary operator: '-od-primary-3'
(3174,24): run-time error CSS1039: Token not allowed after unary operator: '-od-primary-3'
(3179,22): run-time error CSS1039: Token not allowed after unary operator: '-od-accent'
(3180,24): run-time error CSS1039: Token not allowed after unary operator: '-od-accent'
(3196,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface'
(3230,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface'
(3231,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(3232,25): run-time error CSS1039: Token not allowed after unary operator: '-od-radius'
(3233,22): run-time error CSS1039: Token not allowed after unary operator: '-od-shadow-sm'
(3244,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface'
(3246,32): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(3273,71): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-muted'
(3273,110): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(3273,135): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-subtle'
(3288,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface'
(3289,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border-strong'
(3290,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink'
(3300,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-muted'
(3301,24): run-time error CSS1039: Token not allowed after unary operator: '-od-primary-3'
(3302,17): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(3309,22): run-time error CSS1039: Token not allowed after unary operator: '-od-warning-bg'
(3311,33): run-time error CSS1039: Token not allowed after unary operator: '-od-warning'
(3312,25): run-time error CSS1039: Token not allowed after unary operator: '-od-radius'
(3320,22): run-time error CSS1039: Token not allowed after unary operator: '-od-warning'
(3321,28): run-time error CSS1039: Token not allowed after unary operator: '-od-warning'
(3332,24): run-time error CSS1039: Token not allowed after unary operator: '-od-border-strong'
(3343,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-subtle'
(3344,29): run-time error CSS1039: Token not allowed after unary operator: '-od-border-strong'
(3356,17): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(3362,101): run-time error CSS1039: Token not allowed after unary operator: '-od-accent'
(3364,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface'
(3365,32): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(3372,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-subtle'
(3374,28): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(3377,68): run-time error CSS1039: Token not allowed after unary operator: '-od-primary-3'
(3421,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface'
(3422,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(3423,25): run-time error CSS1039: Token not allowed after unary operator: '-od-radius'
(3424,22): run-time error CSS1039: Token not allowed after unary operator: '-od-shadow-sm'
(3437,25): run-time error CSS1039: Token not allowed after unary operator: '-od-radius-sm'
(3450,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-subtle'
(3481,36): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(3484,17): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(3490,48): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(3503,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-muted'
(3504,35): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(3507,17): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(3518,71): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(3519,70): run-time error CSS1039: Token not allowed after unary operator: '-od-surface'
(3519,113): run-time error CSS1039: Token not allowed after unary operator: '-od-ink'
(3524,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-subtle'
(3525,32): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(3532,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface'
(3533,28): run-time error CSS1039: Token not allowed after unary operator: '-od-accent'
(3534,17): run-time error CSS1039: Token not allowed after unary operator: '-od-accent'
(3538,25): run-time error CSS1039: Token not allowed after unary operator: '-od-radius-sm'
(3540,61): run-time error CSS1039: Token not allowed after unary operator: '-od-accent'
(3543,57): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-muted'
(3546,128): run-time error CSS1030: Expected identifier, found '#templateBody'
(3546,141): run-time error CSS1031: Expected selector, found ')'
(3546,141): run-time error CSS1025: Expected comma or open brace, found ')'
(3550,128): run-time error CSS1030: Expected identifier, found '#templateBody'
(3550,141): run-time error CSS1031: Expected selector, found ')'
(3550,141): run-time error CSS1025: Expected comma or open brace, found ')'
(3558,24): run-time error CSS1039: Token not allowed after unary operator: '-od-primary-3'
(3559,22): run-time error CSS1039: Token not allowed after unary operator: '-od-ring'
(3559,38): run-time error CSS1039: Token not allowed after unary operator: '-od-shadow'
(3574,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(3575,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface'
(3576,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-muted'
(3577,26): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(3579,75): run-time error CSS1039: Token not allowed after unary operator: '-od-primary-3'
(3579,110): run-time error CSS1039: Token not allowed after unary operator: '-od-primary-3'
(3581,75): run-time error CSS1039: Token not allowed after unary operator: '-od-danger'
(3582,86): run-time error CSS1039: Token not allowed after unary operator: '-od-danger'
(3582,118): run-time error CSS1039: Token not allowed after unary operator: '-od-danger'
(3600,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface'
(3601,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(3602,25): run-time error CSS1039: Token not allowed after unary operator: '-od-radius'
(3603,22): run-time error CSS1039: Token not allowed after unary operator: '-od-shadow-sm'
(3605,35): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(3605,68): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(3608,24): run-time error CSS1039: Token not allowed after unary operator: '-od-primary-3'
(3609,22): run-time error CSS1039: Token not allowed after unary operator: '-od-shadow'
(3624,33): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(3626,57): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-subtle'
(3627,80): run-time error CSS1039: Token not allowed after unary operator: '-od-ring'
(3638,17): run-time error CSS1039: Token not allowed after unary operator: '-od-accent'
(3645,17): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(3653,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-muted'
(3659,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-subtle'
(3665,32): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(3666,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-subtle'
(3691,17): run-time error CSS1039: Token not allowed after unary operator: '-od-primary-3'
(3696,17): run-time error CSS1039: Token not allowed after unary operator: '-od-accent'
(3702,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink'
(3706,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-muted'
(3725,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface'
(3726,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(3732,17): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(3740,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-muted'
(3746,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink'
(3756,33): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(3761,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-muted'
(3776,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink'
(3780,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(3781,25): run-time error CSS1039: Token not allowed after unary operator: '-od-radius-lg'
(3782,22): run-time error CSS1039: Token not allowed after unary operator: '-od-shadow-lg'
(3844,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-subtle'
(3858,35): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(3863,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-muted'
(3864,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(3865,17): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(3869,26): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(3872,22): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(3873,24): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(3881,35): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(3896,22): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(3909,17): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(3914,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-muted'
(3915,17): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(3919,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(3923,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-muted'
(3928,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface'
(3929,17): run-time error CSS1039: Token not allowed after unary operator: '-od-accent'
(3934,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(3944,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface'
(3945,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(3948,35): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(3948,68): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(3951,24): run-time error CSS1039: Token not allowed after unary operator: '-od-primary-3'
(3952,22): run-time error CSS1039: Token not allowed after unary operator: '-od-shadow-sm'
(3957,17): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(3958,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-subtle'
(3961,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(3967,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink'
(3974,17): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(3977,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-muted'
(3978,17): run-time error CSS1039: Token not allowed after unary operator: '-od-accent'
(3984,56): run-time error CSS1039: Token not allowed after unary operator: '-od-accent'
(3998,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface'
(3999,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(4001,35): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(4003,64): run-time error CSS1039: Token not allowed after unary operator: '-od-primary-3'
(4006,17): run-time error CSS1039: Token not allowed after unary operator: '-od-primary-3'
(4016,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-muted'
(4036,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface'
(4037,32): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(4047,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-muted'
(4052,63): run-time error CSS1039: Token not allowed after unary operator: '-od-warning'
(4054,22): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(4055,24): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(4061,22): run-time error CSS1039: Token not allowed after unary operator: '-od-primary-2'
(4062,24): run-time error CSS1039: Token not allowed after unary operator: '-od-primary-2'
(4245,36): run-time error CSS1019: Unexpected token, found ' '
(4245,36): run-time error CSS1019: Unexpected token, found ' '
(4245,36): run-time error CSS1042: Expected function, found ' '
(4245,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(4250,36): run-time error CSS1019: Unexpected token, found ' '
(4250,36): run-time error CSS1019: Unexpected token, found ' '
(4250,36): run-time error CSS1042: Expected function, found ' '
(4250,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(4253,36): run-time error CSS1019: Unexpected token, found ' '
(4253,36): run-time error CSS1019: Unexpected token, found ' '
(4253,36): run-time error CSS1042: Expected function, found ' '
(4253,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(4259,43): run-time error CSS1019: Unexpected token, found ' '
(4259,43): run-time error CSS1019: Unexpected token, found ' '
(4259,43): run-time error CSS1042: Expected function, found ' '
(4259,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(4262,62): run-time error CSS1019: Unexpected token, found ' '
(4262,62): run-time error CSS1019: Unexpected token, found ' '
(4262,62): run-time error CSS1042: Expected function, found ' '
(4262,62): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(4270,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4271,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4272,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4319,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-muted'
(4320,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(4322,25): run-time error CSS1039: Token not allowed after unary operator: '-od-radius'
(4322,42): run-time error CSS1039: Token not allowed after unary operator: '-od-radius'
(4329,76): run-time error CSS1039: Token not allowed after unary operator: '-od-border-strong'
(4336,35): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(4344,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-muted'
(4356,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface'
(4357,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(4358,17): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(4363,33): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(4363,61): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(4363,96): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(4363,128): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(4367,22): run-time error CSS1039: Token not allowed after unary operator: '-od-accent'
(4368,24): run-time error CSS1039: Token not allowed after unary operator: '-od-accent'
(4372,85): run-time error CSS1039: Token not allowed after unary operator: '-od-ring'
(4380,25): run-time error CSS1039: Token not allowed after unary operator: '-od-radius-sm'
(4382,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(4383,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-muted'
(4388,26): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(4390,62): run-time error CSS1039: Token not allowed after unary operator: '-od-primary-3'
(4390,97): run-time error CSS1039: Token not allowed after unary operator: '-od-primary-3'
(4391,85): run-time error CSS1039: Token not allowed after unary operator: '-od-ring'
(4402,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(4404,29): run-time error CSS1039: Token not allowed after unary operator: '-od-radius'
(4404,46): run-time error CSS1039: Token not allowed after unary operator: '-od-radius'
(4405,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface'
(4406,22): run-time error CSS1039: Token not allowed after unary operator: '-od-shadow-sm'
(4407,35): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(4407,68): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(4417,24): run-time error CSS1039: Token not allowed after unary operator: '-od-primary-3'
(4418,22): run-time error CSS1039: Token not allowed after unary operator: '-od-ring'
(4418,38): run-time error CSS1039: Token not allowed after unary operator: '-od-shadow'
(4423,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-subtle'
(4424,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-subtle'
(4425,34): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(4431,17): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(4433,72): run-time error CSS1039: Token not allowed after unary operator: '-od-accent'
(4438,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(4464,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(4518,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface'
(4519,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(4521,25): run-time error CSS1039: Token not allowed after unary operator: '-od-radius'
(4521,42): run-time error CSS1039: Token not allowed after unary operator: '-od-radius'
(4531,34): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(4546,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink'
(4549,26): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(4553,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-muted'
(4554,17): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(4555,24): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(4557,57): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-tint'
(4558,79): run-time error CSS1039: Token not allowed after unary operator: '-od-ring'
(4576,17): run-time error CSS1039: Token not allowed after unary operator: '-od-accent'
(4581,22): run-time error CSS1039: Token not allowed after unary operator: '-od-accent'
(4582,24): run-time error CSS1039: Token not allowed after unary operator: '-od-accent'
(4586,22): run-time error CSS1039: Token not allowed after unary operator: '-od-accent'
(4587,24): run-time error CSS1039: Token not allowed after unary operator: '-od-accent'
(4604,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface'
(4605,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(4606,25): run-time error CSS1039: Token not allowed after unary operator: '-od-radius'
(4618,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-subtle'
(4619,35): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(4629,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-subtle'
(4639,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface'
(4643,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-muted'
(4653,27): run-time error CSS1039: Token not allowed after unary operator: '-od-border-strong'
(4656,77): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(4668,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-muted'
(4670,74): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-subtle'
(4673,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-muted'
(4674,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-muted'
(4691,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink'
(4694,33): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(4694,61): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(4697,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-subtle'
(4698,17): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(4702,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-tint'
(4703,38): run-time error CSS1039: Token not allowed after unary operator: '-od-primary-3'
(4708,17): run-time error CSS1039: Token not allowed after unary operator: '-od-primary-3'
(4722,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink'
(4730,17): run-time error CSS1039: Token not allowed after unary operator: '-od-accent'
(4742,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-muted'
(4745,105): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-subtle'
(4749,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-subtle'
(4750,32): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(4752,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-muted'
(4758,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface'
(4759,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(4764,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink'
(4772,32): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(4787,17): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(4789,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(4796,24): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(4799,22): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(4801,24): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(4810,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(4838,17): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(4902,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(4920,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface'
(4921,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border-strong'
(4923,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink'
(4928,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-muted'
(4929,24): run-time error CSS1039: Token not allowed after unary operator: '-od-primary-3'
(4930,17): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(4933,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4934,10): run-time error CSS1035: Expected colon, found '{'
(4937,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4941,10): run-time error CSS1035: Expected colon, found '{'
(4944,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4945,10): run-time error CSS1035: Expected colon, found '{'
(4948,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4949,10): run-time error CSS1035: Expected colon, found '{'
(5090,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-subtle'
(5092,24): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(5097,24): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(5098,17): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(5117,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5118,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5126,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-subtle'
(5130,17): run-time error CSS1039: Token not allowed after unary operator: '-od-border-strong'
(5137,17): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(5181,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5182,10): run-time error CSS1035: Expected colon, found '{'
(5442,33): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(5445,22): run-time error CSS1039: Token not allowed after unary operator: '-od-shadow-sm'
(5455,22): run-time error CSS1039: Token not allowed after unary operator: '-od-success-bg'
(5459,65): run-time error CSS1039: Token not allowed after unary operator: '-od-success'
(5461,22): run-time error CSS1039: Token not allowed after unary operator: '-od-danger-bg'
(5465,66): run-time error CSS1039: Token not allowed after unary operator: '-od-danger'
(5497,25): run-time error CSS1039: Token not allowed after unary operator: '-od-radius-sm'
(5498,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-tint'
(5502,17): run-time error CSS1039: Token not allowed after unary operator: '-od-primary-3'
(5506,49): run-time error CSS1039: Token not allowed after unary operator: '-od-primary-3'
(5511,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink'
(5516,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-muted'
(5520,22): run-time error CSS1039: Token not allowed after unary operator: '-od-primary-3'
(5523,85): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(5533,39): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(5537,22): run-time error CSS1039: Token not allowed after unary operator: '-od-danger-bg'
(5550,53): run-time error CSS1039: Token not allowed after unary operator: '-od-success'
(5550,84): run-time error CSS1039: Token not allowed after unary operator: '-od-success'
(5551,53): run-time error CSS1039: Token not allowed after unary operator: '-od-danger'
(5551,84): run-time error CSS1039: Token not allowed after unary operator: '-od-danger'
(5552,53): run-time error CSS1039: Token not allowed after unary operator: '-od-warning'
(5552,84): run-time error CSS1039: Token not allowed after unary operator: '-od-warning'
(5558,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink'
(5579,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-muted'
(5584,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-subtle'
(5592,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-muted'
(5605,22): run-time error CSS1039: Token not allowed after unary operator: '-od-danger-bg'
(5633,25): run-time error CSS1039: Token not allowed after unary operator: '-od-radius-sm'
(5634,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(5635,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface'
(5636,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-muted'
(5637,26): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(5640,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-subtle'
(5641,17): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(5642,24): run-time error CSS1039: Token not allowed after unary operator: '-od-border-strong'
(5646,22): run-time error CSS1039: Token not allowed after unary operator: '-od-danger-bg'
(5647,17): run-time error CSS1039: Token not allowed after unary operator: '-od-danger'
(5650,22): run-time error CSS1039: Token not allowed after unary operator: '-od-danger'
(5652,24): run-time error CSS1039: Token not allowed after unary operator: '-od-danger'
(5657,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-subtle'
(5658,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(5659,25): run-time error CSS1039: Token not allowed after unary operator: '-od-radius'
(5673,17): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(5682,25): run-time error CSS1039: Token not allowed after unary operator: '-od-radius-sm'
(5683,22): run-time error CSS1039: Token not allowed after unary operator: '-od-primary-3'
(5701,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink'
(5707,17): run-time error CSS1039: Token not allowed after unary operator: '-od-primary-3'
(5710,30): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(5710,58): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(5715,17): run-time error CSS1039: Token not allowed after unary operator: '-od-accent'
(5723,22): run-time error CSS1039: Token not allowed after unary operator: '-od-info-bg'
(5724,33): run-time error CSS1039: Token not allowed after unary operator: '-od-primary-3'
(5725,27): run-time error CSS1039: Token not allowed after unary operator: '-od-radius-sm'
(5725,47): run-time error CSS1039: Token not allowed after unary operator: '-od-radius-sm'
(5729,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-muted'
(5733,17): run-time error CSS1039: Token not allowed after unary operator: '-od-primary-3'
(5746,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-subtle'
(5762,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-muted'
(5763,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(5764,17): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(5776,25): run-time error CSS1039: Token not allowed after unary operator: '-od-radius'
(5784,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-muted'
(5785,24): run-time error CSS1039: Token not allowed after unary operator: '-od-border-strong'
(5786,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-muted'
(5789,22): run-time error CSS1039: Token not allowed after unary operator: '-od-info-bg'
(5790,24): run-time error CSS1039: Token not allowed after unary operator: '-od-primary-3'
(5791,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink'
(5798,70): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-subtle'
(5799,72): run-time error CSS1039: Token not allowed after unary operator: '-od-primary-3'
(5806,25): run-time error CSS1039: Token not allowed after unary operator: '-od-radius'
(5807,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-muted'
(5808,33): run-time error CSS1039: Token not allowed after unary operator: '-od-border-strong'
(5809,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-muted'
(5817,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-subtle'
(5906,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-muted'
(5917,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-subtle'
(5927,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-subtle'
(5928,33): run-time error CSS1039: Token not allowed after unary operator: '-od-primary-3'
(5932,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-muted'
(5934,78): run-time error CSS1039: Token not allowed after unary operator: '-od-primary-3'
(5958,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-muted'
(5959,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(5962,17): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(6000,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(6001,25): run-time error CSS1039: Token not allowed after unary operator: '-od-radius-sm'
(6002,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface'
(6004,35): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(6004,68): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(6010,24): run-time error CSS1039: Token not allowed after unary operator: '-od-primary-3'
(6011,22): run-time error CSS1039: Token not allowed after unary operator: '-od-ring'
(6029,33): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(6034,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface'
(6035,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(6036,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink'
(6040,22): run-time error CSS1039: Token not allowed after unary operator: '-od-shadow-sm'
(6041,24): run-time error CSS1039: Token not allowed after unary operator: '-od-border-strong'
(6048,17): run-time error CSS1039: Token not allowed after unary operator: '-od-accent'
(6053,22): run-time error CSS1039: Token not allowed after unary operator: '-od-shadow-sm'
(6092,30): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(6092,63): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(6104,22): run-time error CSS1039: Token not allowed after unary operator: '-od-ring'
(6131,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink'
(6138,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-subtle'
(6150,25): run-time error CSS1039: Token not allowed after unary operator: '-od-radius-sm'
(6152,17): run-time error CSS1039: Token not allowed after unary operator: '-od-accent'
(6157,33): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(6158,28): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(6159,35): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(6163,22): run-time error CSS1039: Token not allowed after unary operator: '-od-accent'
(6165,24): run-time error CSS1039: Token not allowed after unary operator: '-od-accent'
(6170,22): run-time error CSS1039: Token not allowed after unary operator: '-od-ring'
(6185,33): run-time error CSS1039: Token not allowed after unary operator: '-od-danger'
(6186,27): run-time error CSS1039: Token not allowed after unary operator: '-od-radius-sm'
(6186,47): run-time error CSS1039: Token not allowed after unary operator: '-od-radius-sm'
(6187,22): run-time error CSS1039: Token not allowed after unary operator: '-od-danger-bg'
(6188,17): run-time error CSS1039: Token not allowed after unary operator: '-od-danger'
(6206,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface'
(6207,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(6208,25): run-time error CSS1039: Token not allowed after unary operator: '-od-radius'
(6209,22): run-time error CSS1039: Token not allowed after unary operator: '-od-shadow-lg'
(6228,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-muted'
(6229,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(6241,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-muted'
(6246,33): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(6247,28): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(6248,33): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(6252,17): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(6257,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface'
(6258,17): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(6260,22): run-time error CSS1039: Token not allowed after unary operator: '-od-shadow-sm'
(6265,22): run-time error CSS1039: Token not allowed after unary operator: '-od-ring'
(6304,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-subtle'
(6311,17): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(6318,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-subtle'
(6350,28): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(6351,25): run-time error CSS1039: Token not allowed after unary operator: '-od-radius-sm'
(6352,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface'
(6353,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink'
(6357,33): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(6358,35): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(6359,33): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(6360,28): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(6364,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-subtle'
(6365,24): run-time error CSS1039: Token not allowed after unary operator: '-od-primary-3'
(6366,22): run-time error CSS1039: Token not allowed after unary operator: '-od-shadow-sm'
(6367,17): run-time error CSS1039: Token not allowed after unary operator: '-od-primary'
(6372,22): run-time error CSS1039: Token not allowed after unary operator: '-od-ring'
(6399,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-subtle'
(6408,17): run-time error CSS1039: Token not allowed after unary operator: '-od-accent'
(6411,30): run-time error CSS1039: Token not allowed after unary operator: '-od-transition'
(6420,22): run-time error CSS1039: Token not allowed after unary operator: '-od-surface-muted'
(6421,24): run-time error CSS1039: Token not allowed after unary operator: '-od-border'
(6422,17): run-time error CSS1039: Token not allowed after unary operator: '-od-ink-subtle'
(6438,17): run-time error CSS1039: Token not allowed after unary operator: '-od-success'
 */
/*! jQuery UI - v1.12.0 - 2016-07-08
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon,.ui-state-default .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
/*!
 * Bootstrap v3.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;-moz-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{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 #ddd!important}}@font-face{font-family:"Glyphicons Halflings";src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"),url(../fonts/glyphicons-halflings-regular.woff2) format("woff2"),url(../fonts/glyphicons-halflings-regular.woff) format("woff"),url(../fonts/glyphicons-halflings-regular.ttf) format("truetype"),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg")}.glyphicon{position:relative;top:1px;display:inline-block;font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\002a"}.glyphicon-plus:before{content:"\002b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before{content:"\e227"}.glyphicon-btc:before{content:"\e227"}.glyphicon-xbt:before{content:"\e227"}.glyphicon-yen:before{content:"\00a5"}.glyphicon-jpy:before{content:"\00a5"}.glyphicon-ruble:before{content:"\20bd"}.glyphicon-rub:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.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}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:"\2014 \00A0"}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:""}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:"\00A0 \2014"}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.row-no-gutters{margin-right:0;margin-left:0}.row-no-gutters [class*=col-]{padding-right:0;padding-left:0}.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-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-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-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.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{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.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{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.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{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm input[type=time],input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],.input-group-lg input[type=time],input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);opacity:.65;-webkit-box-shadow:none;box-shadow:none}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;background-image:none;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;background-image:none;border-color:#204d74}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;background-image:none;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;background-image:none;border-color:#269abc}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;background-image:none;border-color:#d58512}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;background-image:none;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1);-webkit-overflow-scrolling:touch}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-right:15px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin-right:-15px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);margin-top:8px;margin-bottom:8px}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{padding-right:15px;padding-left:15px;border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0%;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-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-image:-o-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-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);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-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-image:-o-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-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)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-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-image:-o-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-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)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-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-image:-o-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-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)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-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-image:-o-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-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)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.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-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out,-o-transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.42857143;line-break:auto;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;font-size:12px;filter:alpha(opacity=0);opacity:0}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.42857143;line-break:auto;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;font-size:14px;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover>.arrow{border-width:11px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;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,-o-transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);left:0}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);left:0}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;outline:0;filter:alpha(opacity=90);opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:"\2039"}.carousel-control .icon-next:before{content:"\203a"}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}}
/*# sourceMappingURL=bootstrap.min.css.map */
/*
*   CSS file with Bootstrap grid classes for screens bigger than 1600px. Just add this file after the Bootstrap CSS file and you will be able to juse col-xl, col-xl-push, hidden-xl, etc.
*
*   Author: Marc van Nieuwenhuijzen
*   Company: WebVakman
*   Site: WebVakman.nl
*
*/

@media (min-width: 1200px) and (max-width: 1599px) {
    .hidden-lg {
        display: none !important;
    }
}


.visible-xl-block,
.visible-xl-inline,
.visible-xl-inline-block,
.visible-xl {
    display: none !important;
}



@media (min-width: 1600px) {
    .container {
        width: 1570px;
    }

    .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
        float: left;
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .col-xl-pull-12 {
        right: 100%;
    }

    .col-xl-pull-11 {
        right: 91.66666667%;
    }

    .col-xl-pull-10 {
        right: 83.33333333%;
    }

    .col-xl-pull-9 {
        right: 75%;
    }

    .col-xl-pull-8 {
        right: 66.66666667%;
    }

    .col-xl-pull-7 {
        right: 58.33333333%;
    }

    .col-xl-pull-6 {
        right: 50%;
    }

    .col-xl-pull-5 {
        right: 41.66666667%;
    }

    .col-xl-pull-4 {
        right: 33.33333333%;
    }

    .col-xl-pull-3 {
        right: 25%;
    }

    .col-xl-pull-2 {
        right: 16.66666667%;
    }

    .col-xl-pull-1 {
        right: 8.33333333%;
    }

    .col-xl-pull-0 {
        right: auto;
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .col-xl-push-0 {
        left: auto;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .visible-xl {
        display: block !important;
    }

    table.visible-xl {
        display: table;
    }

    tr.visible-xl {
        display: table-row !important;
    }

    th.visible-xl, td.visible-xl {
        display: table-cell !important;
    }

    .visible-xl-block {
        display: block !important;
    }

    .visible-xl-inline {
        display: inline !important;
    }

    .visible-xl-inline-block {
        display: inline-block !important;
    }

    .hidden-xl {
        display: none !important;
    }
}

/*

github.com style (c) Vasily Polovnyov <vast@whiteants.net>

*/

.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  color: #333;
  background: #f8f8f8;
}

.hljs-comment,
.hljs-quote {
  color: #998;
  font-style: italic;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-subst {
  color: #333;
  font-weight: bold;
}

.hljs-number,
.hljs-literal,
.hljs-variable,
.hljs-template-variable,
.hljs-tag .hljs-attr {
  color: #008080;
}

.hljs-string,
.hljs-doctag {
  color: #d14;
}

.hljs-title,
.hljs-section,
.hljs-selector-id {
  color: #900;
  font-weight: bold;
}

.hljs-subst {
  font-weight: normal;
}

.hljs-type,
.hljs-class .hljs-title {
  color: #458;
  font-weight: bold;
}

.hljs-tag,
.hljs-name,
.hljs-attribute {
  color: #000080;
  font-weight: normal;
}

.hljs-regexp,
.hljs-link {
  color: #009926;
}

.hljs-symbol,
.hljs-bullet {
  color: #990073;
}

.hljs-built_in,
.hljs-builtin-name {
  color: #0086b3;
}

.hljs-meta {
  color: #999;
  font-weight: bold;
}

.hljs-deletion {
  background: #fdd;
}

.hljs-addition {
  background: #dfd;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}

.hljs-ln-numbers div {
    width: max-content;
}

body {
    padding-top: 50px;
    padding-bottom: 20px;
}

.loading-indicator {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 99999;
    vertical-align: middle;
    background-color: lightyellow;
    padding: 2px 5px;
    border-radius: 2px;
}

input.no-decoration::-webkit-outer-spin-button,
input.no-decoration::-webkit-inner-spin-button,
input.no-decoration::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input.no-decoration[type=number] {
    -moz-appearance: textfield; /* Firefox */
}

@media (max-width: 768px) {
    .form-inline-xs .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .form-inline-xs .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inputs-container {
        width: 100%;
    }

    .credit-card-info {
        flex-direction: column;
        gap: 10px;
    }
}

.clickable {
    cursor: pointer;
}

.not-clickable {
    cursor: default;
}

.dashboard-chart {
    display: inline-block;
}

    .dashboard-chart.gauge-chart {
        padding-top: 31px;
    }

.grey-header {
    background-color: rgb(140,136,136);
    color: white;
    font-weight: bold;
    border-color: rgb(140,136,136);
}

    .grey-header .navbar-nav > li > a {
        color: #fff;
        font-weight: 700;
    }

    .grey-header .navbar-nav > .active > a, .grey-header .navbar-nav > .active > a:hover, .grey-header .navbar-nav > .active > a:focus {
        background-color: #f0ad4e;
        font-weight: 800;
    }

    .grey-header .navbar-nav > .active > div > button {
        background-color: #f0ad4e;
        font-weight: 800;
    }

.pharmacy-header {
    background-color: white;
    color: #2b4d9c;
    font-weight: bold;
    border-color: rgb(140,136,136);
}

    .pharmacy-header .navbar-nav > li > a {
        color: #2b4d9c;
        font-weight: 700;
    }

    .pharmacy-header .navbar-nav > .active > a, .pharmacy-header .navbar-nav > .active > a:hover, .pharmacy-header .navbar-nav > .active > a:focus {
        background-color: #2b4d9c;
        color: white;
        font-weight: 800;
    }

    .pharmacy-header .navbar-nav > .active > div > button {
        color: white;
        font-weight: 800;
    }

.grey-header.warning {
    background-color: yellow;
    color: black;
}

.body-content {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
}

.no-wrap {
    white-space: nowrap;
}

.report-row {
    padding-top: 20px;
}

    .report-row iframe {
        width: 100%;
        height: 500px;
    }

.y-scroll {
    overflow-y: auto;
}

[st-table] th {
    vertical-align: middle !important;
}

[st-sort] {
    cursor: pointer;
}

.st-selected {
    background-color: yellow !important;
}

.st-sort-ascent::after {
    content: "\f0de";
    font: normal normal normal 14px/1 FontAwesome;
    position: relative;
    top: 3px;
    left: 6px;
}

.st-sort-descent::after {
    content: "\f0dd";
    font: normal normal normal 14px/1 FontAwesome;
    position: relative;
    top: -2px;
    left: 6px;
}

.selected {
    background-color: yellow !important;
}

.select-page {
    width: 50px;
    text-align: center;
}

.pagination li a input {
    padding: 0;
    margin: -5px 0;
}

.pagination li a select {
    padding: 0;
    margin: -5px 0;
    height: 25px;
}

.result-image {
    width: 80%;
    min-height: 250px;
    display: inline-block;
    margin: auto;
}

.result-text {
    width: 20%;
    display: inline-block;
    float: right;
}

    .result-text .well {
        min-height: 250px;
    }

.pageLogo {
    width: 100px;
    height: 40px;
    object-fit: contain;
    margin: 5px 5px 5px 5px;
}

.page-actions {
    display: inline-block;
    background-color: lightyellow;
    padding: 0px 12px;
    border: 1px solid lightgray;
    border-radius: 5px;
}

    .page-actions .checkbox-inline {
        padding-top: 0;
    }

    .page-actions label {
        font-weight: normal;
        margin-bottom: 0;
    }

.menu-item-group.active {
    background-color: #2b4d9c;
    padding-bottom: 10px;
}

.menu-item-group .item-text {
    display: inline-block;
    padding-right: 0;
}

.menu-item-group .item-toggle {
    /*float: right;*/
    padding: 10px 10px 0 0;
}

    .menu-item-group .item-toggle button {
        padding: 5px;
        background: none;
        border: 0;
    }

.scan-history-list {
    list-style: none;
    padding-left: 15px;
}

    .scan-history-list li {
        padding-bottom: 2px;
    }

tr.filters-row th {
    padding-left: 2px !important;
    padding-right: 2px !important;
}

    tr.filters-row th .form-control {
        padding-left: 2px;
        padding-right: 2px;
    }

    tr.filters-row th select.form-control {
        margin-right: 25px;
    }

.customToolTip {
    font-size: 12px;
    line-height: normal;
    color: white;
    padding-top: 0;
    font-weight: bold;
}

.red {
    color: red;
}

.mobile-form-group {
    margin-bottom: 15px;
}

/* Smartphone Portrait and Landscape */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .mobile-form-group {
        margin-bottom: 5px !important;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: white;
    }

    .inputWide {
        display: block;
        width: 100%;
        margin-top: 5px;
    }

    .black-font {
        color: black !important;
        background-color: #cccccc !important;
    }

    .navbar-nav .open .dropdown-menu {
        position: absolute;
        right: 0;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .navbar-collapse {
        overflow-y: visible;
        max-height: auto;
    }

    .pagination li a {
        line-height: 2;
    }

    .pagination li.longer a {
        width: 80px;
        display: inline-block;
    }
}

.text-left {
    text-align: left !important;
}

.dashboard-title {
    margin-top: 15px;
}

#filtersPopup {
    position: relative;
}

.modal-filter {
    position: fixed;
    /*width: 100%;*/
    margin: 0;
    padding: 10px;
}

thead.fixed-header > :last-child th {
    background: white;
    position: sticky;
    top: 83px;
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
    z-index: 100;
}

thead.fixed-header-large-title > :last-child th {
    top: 103px;
}

thead.fixed-header > :first-child th {
    background: white;
    position: sticky;
    top: 53px;
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
    z-index: 100;
}

.tab-content {
    border: 1px solid #ddd;
    padding: 10px 15px;
    position: relative;
    top: -1px;
    overflow-x: auto;
}

.router-form > .tab-content {
    overflow-x: unset;
}

.tab-content thead.fixed-header > :first-child th,
.tab-content thead.fixed-header > :last-child th {
    position: relative;
    top: 0;
}

.nav.nav-tabs li {
    z-index: 999;
}

#notificationGridContainer {
    position: relative;
}

#notificationAccountModal {
    position: absolute !important;
}

@media (min-width: 992px) {
    .modal-xlg {
        width: 900px;
        height: 500px;
    }

    .modal-xxl {
        width: 1200px;
        height: 500px;
    }
}

.ng-invalid-pattern, .ng-invalid-date, .ng-invalid-weird-date-ranges, .ng-invalid-email, .ng-invalid-min, .ng-invalid-max {
    border-color: red;
}

.required:after {
    content: " *";
    color: red;
}

.anchor-right {
    padding: 8px;
    float: right;
}

.text-right {
    padding: 8px;
    text-align: right;
}

.scan-in-buttons .btn {
    height: 50px;
    padding-left: 35px;
    padding-right: 35px;
    margin-bottom: 5px;
}

.scan-bar-mobile {
    position: fixed;
    top: 55px;
    z-index: 1020;
}

/* Special queries for the scan page when in mobile (notice the status selector, this allows you to change things OUTSIDE the page when in this state */
@media (max-width: 768px) {
    .current_state_scanOut {
        padding-top: 25px;
    }

        .current_state_scanOut .breadcrumb,
        .current_state_scanIn .breadcrumb {
            display: none;
        }
}

.honeywellBarcodeScannerStatus {
    position: fixed;
    bottom: 5px;
    right: 5px;
    height: 24px;
    width: 24px;
    z-index: 99999;
}

    .honeywellBarcodeScannerStatus[webscan-state=green] {
        background: url(/Content/HonewellStatus/enabled.png) no-repeat;
    }

    .honeywellBarcodeScannerStatus[webscan-state=yellow] {
        background: url(/Content/HonewellStatus/warning.png) no-repeat;
    }

    .honeywellBarcodeScannerStatus[webscan-state=red] {
        background: url(/Content/HonewellStatus/error.png) no-repeat;
    }

.honeywell-enabled .barcodeEnableField, .honeywell-enabled .barcodeEnableField .ui-select-toggle {
    background-color: #f1fbff;
}

.btn-xxs {
    padding: 1px 5px;
    font-size: 10px;
    line-height: 1.5;
    border-radius: 3px;
}

.reason-for-change {
    background-color: lightyellow;
}

.big-drop-area {
    height: 70px;
    border-style: dashed;
}

.api-investigator-header .status-info {
    font-weight: bold;
    font-size: large;
}

.api-investigator-header.api-investigator-wizard-header {
    margin-top: 0;
    margin-bottom: 0;
}

    .api-investigator-header.api-investigator-wizard-header .control-label {
        text-align: left;
    }

    .api-investigator-header.api-investigator-wizard-header .form-group {
        margin-bottom: 7px;
        text-wrap: nowrap;
        border-bottom: 1px solid #d5d5d5;
    }

.api-investigator-header .form-group {
    margin-bottom: 0;
    text-wrap: nowrap;
}

.api-investigator-header .form-control-static {
    text-overflow: ellipsis;
    overflow: hidden;
}


.api-investigator-error {
    background-color: white;
    padding-bottom: 5px;
}

.api-investigator .api-investigator-error .api-investigator-error-header {
    padding: 10px;
    margin-bottom: 5px;
    width: 100%;
    display: inline-block;
}

    .api-investigator .api-investigator-error .api-investigator-error-header .api-investigator-error-title {
        display: inline-block;
        vertical-align: top;
    }

    .api-investigator .api-investigator-error .api-investigator-error-header.acknowledged {
        background-color: #cef5ce;
    }

.api-investigator .api-investigator-error .error-details {
    margin-left: 32px;
}

.api-investigator .events {
    clear: both;
    margin-top: 20px;
    overflow: auto;
}

.api-investigator .api-investigator-error .error-actions {
}

.api-investigator .expandable-grid {
    padding: 10px;
    border-radius: 5px;
    border: 1px silver solid;
    margin-bottom: 10px;
    margin-top: 10px;
}

.form-section {
    display: flex;
    justify-content: center;
}

.form-section-vertical-align {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.form-inputs-container {
    padding: 25px;
    box-shadow: 0 0 8px rgb(0 0 0 / 20%);
    border-radius: 40px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.apply-code,
.action-btn,
.cancel {
    width: fit-content;
    min-width: 13rem;
    border-style: none;
    border-radius: 4px;
    right: 0;
}

.apply-code {
    position: absolute;
    height: 100%;
}

.confirmation-btn,
.apply-code,
.action-btn {
    color: white;
    background: #7a5cfa;
}

.action-btn,
.cancel {
    height: 40px;
}

.cancel {
    border: 1px solid #7a5cfa;
    background: white;
    color: #7a5cfa;
}

.footer-buttons {
    display: flex;
    justify-content: space-between;
}

.complete-purchase {
    float: right;
}

.open-dropdown-btn {
    width: 100%;
    display: flex;
    align-items: center;
}

    .open-dropdown-btn span.caret {
        margin-left: auto;
    }

.payment-plan-type-dd > .dropdown-menu {
    right: 0;
}

.credit-card-info {
    display: flex;
    align-items: center;
}

.pharmacy-checkout-container {
    display: flex;
    justify-content: center;
    padding: 20px;
    flex-direction: column;
    align-items: center;
}

.child-order-row {
    background-color: lightyellow !important;
}

.company-profile-section {
    padding: 15px;
    background-color: #f5f5f5;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 4px 4px 0 0;
}

.company-profile-section-info {
    padding: 15px;
    border: 1px solid #CCC;
    border-radius: 0 0 4px 4px;
}

    .company-profile-section-info > ul {
        margin: 0;
    }

.company-profile-section-container {
    display: grid;
    grid-gap: 20px;
}

.exp-date {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.payment-container {
    display: flex;
    justify-content: center;
}

.download-sop-file {
    margin-bottom: 15px;
    margin-left: auto;
}

.document_viewer_container {
    display: flex;
    flex-direction: column;
    height: 600px;
    padding: 20px;
}

.document_viewer {
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgb(0 0 0 / 50%);
    border-radius: 10px;
}

.search-daily-med {
    display: flex;
    align-items: center;
}

.label-big {
    font-size: 18px;
}

/* Progress Tracker */
.progress-tracker {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .progress-tracker .line {
        width: 150px;
        height: 50px;
        position: absolute;
        border-bottom: 3px solid red
    }

    .progress-tracker .progress-steps {
        list-style-type: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .progress-tracker hr {
        border: 0;
        height: 5px;
        background: #D9D9D9;
        position: absolute;
        width: 91%;
        z-index: -1;
    }

    .progress-tracker .progress-steps li {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .progress-tracker .step-title {
        font-weight: 700;
        color: #333333;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 1.42857143;
        margin-bottom: 5px;
    }

    .progress-tracker .step-circle {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        margin-bottom: 5px;
    }

    .progress-tracker .current-step .step-circle {
        border: 3px solid black;
    }

    .progress-tracker .completed-step .step-circle {
        background-color: #7A5CFA;
    }

    .progress-tracker .pending-step .step-circle {
        background-color: #D9D9D9;
    }

.lsp-navbar {
    background-color: #f5f5f5;
    border: solid lightgray
}

    .lsp-navbar .icon-bar {
        background-color: lightgray;
    }

.event {
    width: 60%;
    border: 1px solid lightgray;
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 10px;
    float: left;
}

    .event.from-mine {
        float: right;
    }

.table.no-fixed-width {
    width: auto;
}

}

.label-disabled {
    background-color: rgb(140,136,136);
}

.progress-tracker-floating-div {
    position: absolute;
    width: max-content;
    top: 80px;
    z-index: 1;
    background: #7A5CFA;
    color: white;
    font-weight: 600;
    padding: 8px;
    border-radius: 15px;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
}

.floating-div {
    position: absolute;
    width: max-content;
    top: 25px;
    z-index: 1;
    padding: 16px;
    border-radius: 15px;
    border: 2px solid black;
    background: white;
}

.standard-table th, .standard-table td {
    padding: 8px;
}

.standard-table th {
    border-bottom: 1px solid black;
}

.rounded-corners-well {
    min-height: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
    background-color: #f5f5f5;
    border-radius: 15px;
}

.rounded-corners-well-title {
    background: gray;
    color: white;
    position: relative;
    padding: 10px;
    border-radius: 15px 15px 0 0;
    padding-left: 30px;
    font-weight: bold;
}

.rounded-corners-well-title-actions a {
    color: white;
    float: right;
    margin-right: 5px;
}

.rounded-corners-well-content {
    padding: 20px;
}

.st-search {
}

    .st-search .st-search-fields-list {
        width: 234px
    }

    .st-search .checkbox .fa {
        width: 15px;
    }

    .st-search .search-button {
        float: right;
        margin-right: 5px;
    }

.no-data-placeholder {
    background-color: white;
    width: 100%;
    display: block;
    padding: 5px;
    font-style: italic;
    color: gray;
    border-radius: 8px;
}

.back-red {
    background-color: #e89999 !important;
}

.label-barcode {
    color: #333333;
}

.label-barcode-danger {
    background-color: #ee8582ff;
}


/* Make clicks pass-through */
#loading-bar,
#loading-bar-spinner {
  pointer-events: none;
  -webkit-pointer-events: none;
  -webkit-transition: 350ms linear all;
  -moz-transition: 350ms linear all;
  -o-transition: 350ms linear all;
  transition: 350ms linear all;
}

#loading-bar.ng-enter,
#loading-bar.ng-leave.ng-leave-active,
#loading-bar-spinner.ng-enter,
#loading-bar-spinner.ng-leave.ng-leave-active {
  opacity: 0;
}

#loading-bar.ng-enter.ng-enter-active,
#loading-bar.ng-leave,
#loading-bar-spinner.ng-enter.ng-enter-active,
#loading-bar-spinner.ng-leave {
  opacity: 1;
}

#loading-bar .bar {
  -webkit-transition: width 350ms;
  -moz-transition: width 350ms;
  -o-transition: width 350ms;
  transition: width 350ms;

  background: #29d;
  position: fixed;
  z-index: 10002;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  border-bottom-right-radius: 1px;
  border-top-right-radius: 1px;
}

/* Fancy blur effect */
#loading-bar .peg {
  position: absolute;
  width: 70px;
  right: 0;
  top: 0;
  height: 2px;
  opacity: .45;
  -moz-box-shadow: #29d 1px 0 6px 1px;
  -ms-box-shadow: #29d 1px 0 6px 1px;
  -webkit-box-shadow: #29d 1px 0 6px 1px;
  box-shadow: #29d 1px 0 6px 1px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

#loading-bar-spinner {
  display: block;
  position: fixed;
  z-index: 10002;
  top: 10px;
  left: 10px;
}

#loading-bar-spinner .spinner-icon {
  width: 14px;
  height: 14px;

  border:  solid 2px transparent;
  border-top-color:  #29d;
  border-left-color: #29d;
  border-radius: 50%;

  -webkit-animation: loading-bar-spinner 400ms linear infinite;
  -moz-animation:    loading-bar-spinner 400ms linear infinite;
  -ms-animation:     loading-bar-spinner 400ms linear infinite;
  -o-animation:      loading-bar-spinner 400ms linear infinite;
  animation:         loading-bar-spinner 400ms linear infinite;
}

@-webkit-keyframes loading-bar-spinner {
  0%   { -webkit-transform: rotate(0deg);   transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes loading-bar-spinner {
  0%   { -moz-transform: rotate(0deg);   transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes loading-bar-spinner {
  0%   { -o-transform: rotate(0deg);   transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes loading-bar-spinner {
  0%   { -ms-transform: rotate(0deg);   transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes loading-bar-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/*!
 * ui-select
 * http://github.com/angular-ui/ui-select
 * Version: 0.19.7 - 2017-04-15T14:28:36.790Z
 * License: MIT
 */


/* Style when highlighting a search. */
.ui-select-highlight {
  font-weight: bold;
}

.ui-select-offscreen {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important;
}


.ui-select-choices-row:hover {
  background-color: #f5f5f5;
}

/* Select2 theme */

/* Mark invalid Select2 */
.ng-dirty.ng-invalid > a.select2-choice {
    border-color: #D44950;
}

.select2-result-single {
  padding-left: 0;
}

.select2-locked > .select2-search-choice-close{
  display:none;
}

.select-locked > .ui-select-match-close{
    display:none;
}

body > .select2-container.open {
  z-index: 9999; /* The z-index Select2 applies to the select2-drop */
}

/* Handle up direction Select2 */
.ui-select-container[theme="select2"].direction-up .ui-select-match,
.ui-select-container.select2.direction-up .ui-select-match {
    border-radius: 4px; /* FIXME hardcoded value :-/ */
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.ui-select-container[theme="select2"].direction-up .ui-select-dropdown,
.ui-select-container.select2.direction-up .ui-select-dropdown {
    border-radius: 4px; /* FIXME hardcoded value :-/ */
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;

    border-top-width: 1px;  /* FIXME hardcoded value :-/ */
    border-top-style: solid;

    box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);

    margin-top: -4px; /* FIXME hardcoded value :-/ */
}
.ui-select-container[theme="select2"].direction-up .ui-select-dropdown .select2-search,
.ui-select-container.select2.direction-up .ui-select-dropdown .select2-search {
    margin-top: 4px; /* FIXME hardcoded value :-/ */
}
.ui-select-container[theme="select2"].direction-up.select2-dropdown-open .ui-select-match,
.ui-select-container.select2.direction-up.select2-dropdown-open .ui-select-match {
    border-bottom-color: #5897fb;
}

.ui-select-container[theme="select2"] .ui-select-dropdown .ui-select-search-hidden,
.ui-select-container[theme="select2"] .ui-select-dropdown .ui-select-search-hidden input{
    opacity: 0;
    height: 0;
    min-height: 0;
    padding: 0;
    margin: 0;
    border:0;
}

/* Selectize theme */

/* Helper class to show styles when focus */
.selectize-input.selectize-focus{
  border-color: #007FBB !important;
}

/* Fix input width for Selectize theme */
.selectize-control.single > .selectize-input > input {
  width: 100%;
}

/* Fix line break when there's at least one item selected with the Selectize theme */
.selectize-control.multi > .selectize-input > input {
  margin: 0 !important;
}

/* Fix dropdown width for Selectize theme */
.selectize-control > .selectize-dropdown {
  width: 100%;
}

/* Mark invalid Selectize */
.ng-dirty.ng-invalid > div.selectize-input {
    border-color: #D44950;
}

/* Handle up direction Selectize */
.ui-select-container[theme="selectize"].direction-up .ui-select-dropdown {
    box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
    margin-top: -2px; /* FIXME hardcoded value :-/ */
}

.ui-select-container[theme="selectize"] input.ui-select-search-hidden{
    opacity: 0;
    height: 0;
    min-height: 0;
    padding: 0;
    margin: 0;
    border:0;
    width: 0;
}

/* Bootstrap theme */

/* Helper class to show styles when focus */
.btn-default-focus {
  color: #333;
  background-color: #EBEBEB;
  border-color: #ADADAD;
  text-decoration: none;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.ui-select-bootstrap .ui-select-toggle {
  position: relative;
}

.ui-select-bootstrap .ui-select-toggle > .caret {
  position: absolute;
  height: 10px;
  top: 50%;
  right: 10px;
  margin-top: -2px;
}

/* Fix Bootstrap dropdown position when inside a input-group */
.input-group > .ui-select-bootstrap.dropdown {
  /* Instead of relative */
  position: static;
}

.input-group > .ui-select-bootstrap > input.ui-select-search.form-control {
  border-radius: 4px; /* FIXME hardcoded value :-/ */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .ui-select-bootstrap > input.ui-select-search.form-control.direction-up {
  border-radius: 4px !important; /* FIXME hardcoded value :-/ */
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.ui-select-bootstrap .ui-select-search-hidden{
    opacity: 0;
    height: 0;
    min-height: 0;
    padding: 0;
    margin: 0;
    border:0;
}

.ui-select-bootstrap > .ui-select-match > .btn{
  /* Instead of center because of .btn */
  text-align: left !important;
}

.ui-select-bootstrap > .ui-select-match > .caret {
  position: absolute;
  top: 45%;
  right: 15px;
}

/* See Scrollable Menu with Bootstrap 3 http://stackoverflow.com/questions/19227496 */
.ui-select-bootstrap > .ui-select-choices ,.ui-select-bootstrap > .ui-select-no-choice {
  width: 100%;
  height: auto;
  max-height: 200px;
  overflow-x: hidden;
  margin-top: -1px;
}

body > .ui-select-bootstrap.open {
  z-index: 1000; /* Standard Bootstrap dropdown z-index */
}

.ui-select-multiple.ui-select-bootstrap {
  height: auto;
  padding: 3px 3px 0 3px;
}

.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
  background-color: transparent !important; /* To prevent double background when disabled */
  border: none;
  outline: none;
  height: 1.666666em;
  margin-bottom: 3px;
}

.ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
  font-size: 1.6em;
  line-height: 0.75;
}

.ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
  outline: 0;
  margin: 0 3px 3px 0;
}

.ui-select-multiple .ui-select-match-item {
  position: relative;
}

.ui-select-multiple .ui-select-match-item.dropping .ui-select-match-close {
  pointer-events: none;
}

.ui-select-multiple:hover .ui-select-match-item.dropping-before:before {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  height: 100%;
  margin-right: 2px;
  border-left: 1px solid #428bca;
}

.ui-select-multiple:hover .ui-select-match-item.dropping-after:after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  height: 100%;
  margin-left: 2px;
  border-right: 1px solid #428bca;
}

.ui-select-bootstrap .ui-select-choices-row>span {
    cursor: pointer;
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.ui-select-bootstrap .ui-select-choices-row>span:hover, .ui-select-bootstrap .ui-select-choices-row>span:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}

.ui-select-bootstrap .ui-select-choices-row.active>span {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #428bca;
}

.ui-select-bootstrap .ui-select-choices-row.disabled>span,
.ui-select-bootstrap .ui-select-choices-row.active.disabled>span {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
}

/* fix hide/show angular animation */
.ui-select-match.ng-hide-add,
.ui-select-search.ng-hide-add {
    display: none !important;
}

/* Mark invalid Bootstrap */
.ui-select-bootstrap.ng-dirty.ng-invalid > button.btn.ui-select-match {
    border-color: #D44950;
}

/* Handle up direction Bootstrap */
.ui-select-container[theme="bootstrap"].direction-up .ui-select-dropdown {
    box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
}

.ui-select-bootstrap .ui-select-match-text {
    width: 100%;
    padding-right: 1em;
}
.ui-select-bootstrap .ui-select-match-text span {
    display: inline-block;
    width: 100%;
    overflow: hidden;
}
.ui-select-bootstrap .ui-select-toggle > a.btn {
  position: absolute;
  height: 10px;
  right: 10px;
  margin-top: -2px;
}

/* Spinner */
.ui-select-refreshing.glyphicon {
    position: absolute;
    right: 0;
    padding: 8px 27px;
 }

@-webkit-keyframes ui-select-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes ui-select-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.ui-select-spin {
  -webkit-animation: ui-select-spin 2s infinite linear;
  animation: ui-select-spin 2s infinite linear;
}

.ui-select-refreshing.ng-animate {
  -webkit-animation: none 0s;
}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#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}.fa-lg{font-size:1.33333333em;line-height:.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:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;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}.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:#fff}.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: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"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.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}

/* Notification Engine — Shared Styles */

/* Page layout */
.notif-page .breadcrumb { margin-bottom: 8px; padding: 6px 0; font-size: 12px; background: none; border: none; }
.notif-page h3 { margin-top: 0; margin-bottom: 15px; font-weight: 600; }

/* Toolbar */
.notif-toolbar { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 15px; }
.notif-toolbar .btn { transition: all 150ms ease; }
.sticky-save-bar .btn { transition: all 150ms ease; }
.notif-toolbar .btn:hover { transform: translateY(-1px); }
.notif-toolbar .spacer { flex: 1; }

/* Cards (for Quick Setup wizard) */
.action-card { flex: 1; min-width: 180px; cursor: pointer; text-align: center; padding: 20px 15px; transition: all 200ms ease; border: 2px solid transparent; }
.action-card:hover { border-color: #337ab7; }
.action-card.selected { border-color: #337ab7; background-color: #f0f6ff; }
.action-card i.fa { font-size: 24px; margin-bottom: 8px; color: #555; }
.empty-state i.fa { font-size: 36px; margin-bottom: 12px; display: block; }
.action-card.selected i.fa { color: #337ab7; }
.action-card h5 { margin: 0; font-weight: 600; }
.action-card p { font-size: 11px; color: #999; margin: 4px 0 0; }

/* Step indicator (wizard) */
.step-indicator { display: flex; justify-content: center; align-items: center; margin-bottom: 24px; }
.step-dot { width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 14px; transition: all 200ms ease; }
.step-dot.active { background: #337ab7; color: white; }
.step-dot.inactive { background: #e8e8e8; color: #999; }
.step-dot.completed { background: #5cb85c; color: white; }
.step-line { width: 40px; height: 2px; margin: 0 4px; transition: background 200ms ease; }
.step-line.active { background: #337ab7; }
.step-line.inactive { background: #e8e8e8; }
.step-label { font-size: 10px; text-align: center; margin-top: 4px; color: #999; }
.step-label.active { color: #337ab7; font-weight: 600; }

/* Status dots */
.status-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 6px; vertical-align: middle; }
.status-dot.active { background-color: #5cb85c; }
.status-dot.inactive { background-color: #aaa; }

/* Pipeline summary */
.pipeline-summary { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin-bottom: 12px; padding: 10px 12px; background: #fafafa; border: 1px solid #eee; border-radius: 4px; }
.pipeline-summary .label { font-size: 11px; transition: opacity 150ms ease; }
.pipeline-summary .fa-long-arrow-right { color: #ccc; }

/* Sticky save bar */
.sticky-save-bar { position: sticky; bottom: 0; z-index: 10; background: linear-gradient(to bottom, #eaeaea 0px, #f8f8f8 3px) no-repeat, #f8f8f8; border-top: none; padding: 10px 15px; margin-top: 15px; box-shadow: 0 -2px 6px rgba(0,0,0,0.10); }
.sticky-save-bar .unsaved-indicator { font-size: 12px; color: #f0ad4e; }

/* Token panel */
.token-panel { margin-bottom: 12px; }
.token-panel .panel-heading { padding: 8px 10px; }
.token-panel .panel-body { padding: 8px; max-height: 300px; overflow-y: auto; }
.token-panel .btn-xs { transition: all 150ms ease; }
.token-panel .btn-xs:hover { background-color: #337ab7; color: white; border-color: #337ab7; }

/* Preview panel */
.preview-panel .panel-body { min-height: 200px; }
.preview-empty { text-align: center; color: #999; padding: 40px 20px; }
.preview-empty i { font-size: 24px; margin-bottom: 8px; }

/* Tables */
.notif-table tr { transition: background-color 150ms ease; }
.notif-table tr[ng-click]:hover, .notif-table tr.clickable:hover { background-color: #f5f5f5; cursor: pointer; }
.notif-table .step-disabled { opacity: 0.55; }
.notif-table .step-disabled .step-name { text-decoration: line-through; color: #999; }
.notif-table td { vertical-align: middle; }
.notif-table .form-control.input-sm { font-size: 12px; }
.step-config-row td { padding: 0 !important; }

/* Steps table — allow dropdowns to overflow the table container */
.steps-table-wrapper { overflow: visible; }
.steps-table-wrapper .form-control { min-width: 0; }

/* Empty states */
.empty-state { text-align: center; padding: 40px 20px; color: #999; }
.empty-state h4 { color: #666; margin-bottom: 8px; }
.empty-state p { max-width: 400px; margin: 0 auto 15px; line-height: 1.5; }

/* Badge improvements */
.badge-success { background-color: #5cb85c; }
.badge-danger { background-color: #d9534f; }
.badge-warning { background-color: #f0ad4e; }

/* Modal improvements */
.modal-wizard .modal-body { min-height: 250px; }
.modal-wizard .modal-footer { display: flex; justify-content: space-between; }

/* Trigger cards */
.trigger-card { margin-bottom: 8px; }
.trigger-card .panel-heading { padding: 8px 12px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.trigger-card .panel-body { padding: 12px; }
.trigger-card .form-group-sm { margin-bottom: 8px; }
.form-group-compact label { font-size: 11px; font-weight: 600; margin-bottom: 2px; }
.trigger-card .form-group-sm label { font-size: 11px; font-weight: 600; margin-bottom: 2px; }

/* Trigger summary badges */
.trigger-badge { display: inline-block; margin: 2px; font-size: 11px; padding: 4px 8px; }

/* Details tab — border between body field and token panel */
.notif-page .col-md-6 + .col-md-6 { border-left: 1px solid #eee; }

/* Template preview */
.template-preview-sticky { position: sticky; top: 0; }
.template-preview { padding: 12px; }
.template-preview-subject { padding: 8px 12px; border-bottom: 1px solid #eee; background: #fafafa; font-size: 12px; }
.template-preview-body { padding: 12px; min-height: 100px; }

/* Form helpers */
.form-group-compact { margin-bottom: 8px; }
.help-text { font-size: 11px; color: #777; margin-top: 2px; }

/* Utility spacing */
.mb-0 { margin-bottom: 0 !important; }
.mb-4 { margin-bottom: 4px !important; }
.mb-8 { margin-bottom: 8px !important; }
.mb-12 { margin-bottom: 12px !important; }
.mt-0 { margin-top: 0 !important; }

/* Responsive helpers */

/* ===== Tablet (768–991px) ===== */
@media (max-width: 991px) {
    .notif-toolbar { flex-direction: column; align-items: stretch; }
    .notif-toolbar .btn { width: 100%; margin-bottom: 4px; }
    .notif-toolbar .spacer { display: none; }

    .notif-page .col-md-6 + .col-md-6 { border-left: none; border-top: 1px solid #eee; margin-top: 16px; padding-top: 16px; }

    .pipeline-summary { overflow-x: auto; white-space: nowrap; padding: 8px; }

    .trigger-card .panel-body .row .col-sm-6 { width: 100%; float: none; }

    .steps-table-wrapper { overflow-x: auto; overflow-y: visible; }
    .steps-table-wrapper table { min-width: 800px; }
}

/* ===== Mobile (< 768px) ===== */
@media (max-width: 767px) {
    .notif-page h3 { font-size: 18px; }

    .sticky-save-bar { padding: 8px 10px; }
    .sticky-save-bar .btn { font-size: 12px; padding: 4px 8px; }
    .sticky-save-bar > div[style*="display:flex"],
    .sticky-save-bar > div[style*="display: flex"] { flex-wrap: wrap; gap: 6px; }

    .token-panel .panel-body { max-height: 200px; }

    .modal-wizard .modal-body { min-height: auto; }
    .action-card { min-width: 100% !important; }
    .action-card h5 { font-size: 13px; }

    .step-indicator { transform: scale(0.85); transform-origin: top center; }

    .preview-panel .panel-body { min-height: 120px; }

    /* Alerts page header — stack h3 and acknowledge button */
    .notif-page .clearfix h3 { float: none !important; margin-bottom: 8px; }
    .notif-page .clearfix .anchor-right { float: none !important; }
}

/* ============================================================================
 * OneData design polish — scoped to .notif-page (templates list + editor only).
 * Light mode only. Additive over the Bootstrap 3 baseline above; existing
 * selectors keep working, this layer just retunes color / typography /
 * spacing / elevation to match the OneData (lspedia brand) system.
 * Tokens mirror onedata/frontend/src/index.css.
 * NOTE: The Archivo webfont used below should be loaded via <link> in the
 * layout (not @import here) — @import inside a bundled CSS blocks rendering
 * and can't be preconnected. Rules fall back cleanly if the font isn't loaded.
 * ========================================================================== */

.notif-page {
    /* Brand */
    --od-primary:       #00256b;  /* hsl(218 100% 16%) */
    --od-primary-2:     #263878;  /* hsl(225 52% 31%)  */
    --od-primary-3:     #325cb0;  /* hsl(215 56% 44%)  */
    --od-accent:        #a11984;  /* hsl(313 72% 37%)  */
    --od-accent-2:      #bb3996;  /* hsl(316 52% 49%)  */
    /* Ink */
    --od-ink:           #2d2f30;
    --od-ink-muted:     #606468;
    --od-ink-subtle:    #8b8f96;
    /* Surfaces */
    --od-surface:       #ffffff;
    --od-surface-subtle:#f5f8fc;
    --od-surface-muted: #f3f4f6;
    --od-surface-tint:  #e4eaf5;
    /* Border scale */
    --od-border:        #dde1eb;
    --od-border-strong: #c5cbd9;
    /* Semantic */
    --od-success:       #1aa053;
    --od-success-bg:    #e6f7ec;
    --od-warning:       #d98a05;
    --od-warning-bg:    #fff4e0;
    --od-danger:        #a31515;
    --od-danger-bg:     #fce4e4;
    --od-info-bg:       #e9f0fb;
    /* Shape + motion */
    --od-radius-sm:     4px;
    --od-radius:        8px;
    --od-radius-lg:     12px;
    --od-shadow-sm:     0 1px 2px rgba(20, 20, 43, 0.06);
    --od-shadow:        0 4px 16px rgba(20, 20, 43, 0.08);
    --od-shadow-lg:     0 12px 40px rgba(20, 20, 43, 0.10);
    --od-ring:          0 0 0 3px rgba(50, 92, 176, 0.18);
    --od-transition:    150ms cubic-bezier(0.4, 0, 0.2, 1);

    background: var(--od-surface-subtle);
    color: var(--od-ink);
    font-family: 'Segoe UI Variable', 'Segoe UI', system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
    padding: 20px 24px 32px;
    min-height: calc(100vh - 60px);
}

/* ---- Typography ---------------------------------------------------------- */
.notif-page h1, .notif-page h2, .notif-page h3,
.notif-page h4, .notif-page h5, .notif-page h6 {
    font-family: 'Archivo', 'Segoe UI Variable', 'Segoe UI', system-ui, sans-serif;
    color: var(--od-primary);
    letter-spacing: -0.01em;
}
.notif-page h3 { font-size: 22px; font-weight: 600; margin: 0 0 4px; }
.notif-page h4 { font-size: 15px; font-weight: 600; }

.notif-page .breadcrumb {
    background: transparent;
    border: none;
    padding: 0;
    margin: 0 0 6px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: var(--od-ink-subtle);
}
.notif-page .breadcrumb > li + li:before { color: var(--od-ink-subtle); }
.notif-page .breadcrumb .active { color: var(--od-primary); font-weight: 600; }

/* ---- Toolbar ------------------------------------------------------------- */
.notif-page .notif-toolbar { margin: 16px 0 20px; }

.notif-page .btn {
    border-radius: var(--od-radius-sm);
    font-weight: 500;
    font-size: 13px;
    padding: 7px 14px;
    border-width: 1px;
    box-shadow: none;
    transition: background-color var(--od-transition),
                border-color var(--od-transition),
                color var(--od-transition),
                box-shadow var(--od-transition),
                transform var(--od-transition);
}
.notif-page .btn:focus,
.notif-page .btn:focus-visible { outline: none; box-shadow: var(--od-ring); }
.notif-page .btn-sm { padding: 4px 10px; font-size: 12px; }
.notif-page .btn-xs { padding: 2px 8px; font-size: 11px; }

.notif-page .btn-primary {
    background: var(--od-primary);
    border-color: var(--od-primary);
    color: #fff;
}
.notif-page .btn-primary:hover,
.notif-page .btn-primary:focus {
    background: var(--od-primary-2);
    border-color: var(--od-primary-2);
    color: #fff;
}
.notif-page .btn-default {
    background: var(--od-surface);
    border-color: var(--od-border);
    color: var(--od-ink);
}
.notif-page .btn-default:hover,
.notif-page .btn-default:focus {
    background: var(--od-surface-muted);
    border-color: var(--od-border-strong);
    color: var(--od-primary);
}
.notif-page .btn-danger {
    background: var(--od-danger);
    border-color: var(--od-danger);
    color: #fff;
}
.notif-page .btn-danger:hover,
.notif-page .btn-danger:focus {
    background: #7f1111;
    border-color: #7f1111;
    color: #fff;
}
.notif-page .btn-link { color: var(--od-primary-3); }
.notif-page .btn-link:hover { color: var(--od-accent); text-decoration: underline; }

/* ---- Alerts / banners ---------------------------------------------------- */
.notif-page .alert {
    border: 1px solid transparent;
    border-left-width: 4px;
    border-radius: var(--od-radius);
    padding: 12px 16px;
    margin-bottom: 16px;
    box-shadow: var(--od-shadow-sm);
    font-size: 13px;
}
.notif-page .alert-info    { background: var(--od-info-bg);    color: var(--od-primary);    border-color: var(--od-border); border-left-color: var(--od-primary-3); }
.notif-page .alert-success { background: var(--od-success-bg); color: #145f31;              border-color: #cfead9;          border-left-color: var(--od-success); }
.notif-page .alert-warning { background: var(--od-warning-bg); color: #7a4d02;              border-color: #f7d99a;          border-left-color: var(--od-warning); }
.notif-page .alert-danger  { background: var(--od-danger-bg);  color: #7a1414;              border-color: #f1c2c2;          border-left-color: var(--od-danger); }
.notif-page .alert .close  { color: inherit; opacity: 0.55; }
.notif-page .alert .close:hover { opacity: 1; }

/* ---- Table (notif-table) ------------------------------------------------- */
.notif-page .table-responsive {
    background: var(--od-surface);
    border: 1px solid var(--od-border);
    border-radius: var(--od-radius);
    box-shadow: var(--od-shadow-sm);
    overflow: hidden;
}
.notif-page .notif-table {
    margin: 0;
    background: var(--od-surface);
    border-collapse: separate;
    border-spacing: 0;
}
.notif-page .notif-table > thead > tr > th {
    background: var(--od-surface-muted);
    color: var(--od-ink-muted);
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    padding: 11px 14px;
    border-top: none;
    border-bottom: 1px solid var(--od-border);
    vertical-align: middle;
    white-space: nowrap;
}
.notif-page .notif-table > thead > tr > th button {
    background: none;
    border: none;
    color: var(--od-ink-subtle);
    padding: 0;
    transition: color var(--od-transition);
}
.notif-page .notif-table > thead > tr > th button:hover { color: var(--od-primary); }
.notif-page .notif-table > tbody > tr { background: var(--od-surface); transition: background-color var(--od-transition); }
.notif-page .notif-table > tbody > tr:nth-of-type(even) { background: var(--od-surface); }
.notif-page .notif-table > tbody > tr:hover { background: var(--od-surface-subtle); }
.notif-page .notif-table > tbody > tr > td {
    padding: 12px 14px;
    border-top: 1px solid var(--od-border);
    color: var(--od-ink);
    vertical-align: middle;
    font-size: 13px;
}
.notif-page .notif-table tbody tr:first-child td { border-top: none; }
.notif-page .notif-table strong { font-weight: 600; color: var(--od-primary); }
.notif-page .notif-table .ta-system-icon { color: var(--od-ink-subtle); }

/* Disable the global `thead.fixed-header` sticky behavior for the
   notifications grid. The shared rule in Site.css pins column headers
   at viewport top:53px/83px with a drop-shadow. On a short table (e.g.
   a single filtered row) any tiny scroll slides the first row under
   the pinned header, making it look like the list is blank — the
   "gray bar extending over the list" report. The notifications grid
   is never long enough to benefit from sticky headers anyway, so let
   the thead scroll with the rest of the page. */
.notif-page .notif-table > thead.fixed-header > tr > th {
    position: static;
    top: auto;
    box-shadow: none;
    z-index: auto;
}

/* ---- Pills / badges / labels -------------------------------------------- */
.notif-page .badge {
    min-width: 22px;
    padding: 3px 9px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.2px;
    background: var(--od-primary-3);
    color: #fff;
    box-shadow: none;
}
.notif-page .notif-table .badge[ng-style*="d9534f"],
.notif-page .badge-danger { background: var(--od-danger); }
.notif-page .badge-success { background: var(--od-success); }
.notif-page .badge-warning { background: var(--od-warning); color: #fff; }

.notif-page .label {
    display: inline-block;
    padding: 3px 9px;
    border-radius: 999px;
    font-weight: 600;
    font-size: 10px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    vertical-align: middle;
}
.notif-page .label-default { background: var(--od-surface-muted); color: var(--od-ink-muted); border: 1px solid var(--od-border); }
.notif-page .label-primary { background: var(--od-primary-3); color: #fff; }
.notif-page .label-info    { background: var(--od-info-bg); color: var(--od-primary); border: 1px solid var(--od-border); }
.notif-page .label-success { background: var(--od-success-bg); color: #145f31; border: 1px solid #cfead9; }
.notif-page .label-warning { background: var(--od-warning-bg); color: #7a4d02; border: 1px solid #f7d99a; }
.notif-page .label-danger  { background: var(--od-danger-bg); color: #7a1414; border: 1px solid #f1c2c2; }

/* ---- Tabs (Template Details / Notification Triggers) ------------------- */
.notif-page .nav-tabs {
    border-bottom: 1px solid var(--od-border);
    margin-bottom: 20px;
}
.notif-page .nav-tabs > li > a {
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    margin-right: 4px;
    padding: 10px 16px;
    color: var(--od-ink-muted);
    font-weight: 500;
    background: transparent;
    transition: color var(--od-transition), border-color var(--od-transition);
}
.notif-page .nav-tabs > li > a:hover {
    background: transparent;
    color: var(--od-primary);
    border-bottom-color: var(--od-surface-tint);
}
.notif-page .nav-tabs > li.active > a,
.notif-page .nav-tabs > li.active > a:hover,
.notif-page .nav-tabs > li.active > a:focus {
    background: transparent;
    color: var(--od-primary);
    border: none;
    border-bottom: 2px solid var(--od-accent);
    font-weight: 600;
}

/* ---- Form controls ------------------------------------------------------ */
.notif-page .control-label,
.notif-page label {
    font-size: 12px;
    font-weight: 600;
    color: var(--od-ink);
    letter-spacing: 0.1px;
}
.notif-page .form-control {
    border: 1px solid var(--od-border);
    border-radius: var(--od-radius-sm);
    background: var(--od-surface);
    color: var(--od-ink);
    font-size: 13px;
    box-shadow: none;
    transition: border-color var(--od-transition), box-shadow var(--od-transition);
}
.notif-page .form-control:focus {
    border-color: var(--od-primary-3);
    box-shadow: var(--od-ring);
    outline: none;
}
.notif-page .form-control[disabled],
.notif-page .form-control[readonly] { background: var(--od-surface-muted); }
.notif-page .help-block,
.notif-page .help-text,
.notif-page .te-help-block { color: var(--od-ink-muted); font-size: 11px; }

/* ---- Trigger card / panels --------------------------------------------- */
.notif-page .panel,
.notif-page .trigger-card {
    background: var(--od-surface);
    border: 1px solid var(--od-border);
    border-radius: var(--od-radius);
    box-shadow: var(--od-shadow-sm);
    transition: box-shadow var(--od-transition), transform var(--od-transition);
}
.notif-page .trigger-card:hover { box-shadow: var(--od-shadow); }
.notif-page .panel > .panel-heading,
.notif-page .trigger-card .panel-heading {
    background: var(--od-surface-muted);
    color: var(--od-ink);
    border-bottom: 1px solid var(--od-border);
    border-radius: var(--od-radius) var(--od-radius) 0 0;
    padding: 10px 14px;
    font-size: 12px;
    font-weight: 600;
}
.notif-page .panel > .panel-body,
.notif-page .trigger-card .panel-body { padding: 16px; background: var(--od-surface); border-radius: 0 0 var(--od-radius) var(--od-radius); }

/* Trigger section headers — small caps brand accent */
.notif-page .trigger-section-header {
    color: var(--od-primary);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.9px;
    padding: 0 0 8px;
    margin: 0 0 16px;
    border-bottom: 2px solid var(--od-primary);
    display: inline-block;
}
.notif-page .trigger-section-header i { color: var(--od-accent); margin-right: 6px; }

/* ---- Preview panel ----------------------------------------------------- */
.notif-page .template-preview,
.notif-page .preview-panel {
    background: var(--od-surface);
    border: 1px solid var(--od-border);
    border-radius: var(--od-radius);
    box-shadow: var(--od-shadow-sm);
    overflow: hidden;
}
.notif-page .template-preview-subject {
    background: var(--od-surface-muted);
    color: var(--od-primary);
    border-bottom: 1px solid var(--od-border);
    font-weight: 600;
    font-size: 13px;
    padding: 10px 14px;
}
.notif-page .template-preview-body { padding: 16px; background: var(--od-surface); }
.notif-page .preview-empty { color: var(--od-ink-subtle); }

/* ---- Token panel (right rail on Details) ------------------------------- */
.notif-page .token-panel .panel-heading { background: var(--od-surface-muted); }
.notif-page .token-group-header {
    color: var(--od-primary);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    margin: 12px 0 6px;
}
.notif-page .token-panel .btn-xs,
.notif-page .token-buttons .btn {
    border: 1px solid var(--od-border);
    background: var(--od-surface);
    color: var(--od-primary);
    border-radius: 999px;
    padding: 3px 10px;
    font-size: 11px;
    font-weight: 500;
    font-family: 'JetBrains Mono', Consolas, Menlo, monospace;
}
.notif-page .token-panel .btn-xs:hover,
.notif-page .token-buttons .btn:hover {
    background: var(--od-accent);
    border-color: var(--od-accent);
    color: #fff;
}

/* Syntax reference panel */
.notif-page .syntax-guide-panel { border-color: var(--od-border); }
.notif-page .syntax-guide-panel .panel-heading { color: var(--od-primary); }

/* ---- Sticky save bar --------------------------------------------------- */
.notif-page .sticky-save-bar {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px) saturate(1.4);
    -webkit-backdrop-filter: blur(10px) saturate(1.4);
    border-top: 1px solid var(--od-border);
    box-shadow: 0 -6px 20px rgba(20, 20, 43, 0.06);
    padding: 12px 20px;
    margin: 20px -24px -32px;
}
.notif-page .sticky-save-bar .unsaved-indicator { color: var(--od-warning); }

/* ---- Empty state ------------------------------------------------------- */
.notif-page .empty-state { color: var(--od-ink-muted); padding: 56px 24px; }
.notif-page .empty-state h4 { color: var(--od-primary); }
.notif-page .empty-state i.fa { color: var(--od-primary-3); opacity: 0.55; font-size: 44px; }

/* ---- Pagination -------------------------------------------------------- */
.notif-page .pagination { margin: 10px 0 0; }
.notif-page .pagination > li > a,
.notif-page .pagination > li > span {
    color: var(--od-primary);
    border-color: var(--od-border);
    border-radius: var(--od-radius-sm);
    margin: 0 2px;
}
.notif-page .pagination > .active > a,
.notif-page .pagination > .active > span {
    background: var(--od-primary);
    border-color: var(--od-primary);
    color: #fff;
}

/* ---- Pipeline summary (if present) ------------------------------------- */
.notif-page .pipeline-summary {
    background: linear-gradient(135deg, var(--od-surface-subtle) 0%, var(--od-surface-tint) 100%);
    border: 1px solid var(--od-border);
    border-radius: var(--od-radius);
}

/* ---- Accent action button (Add Trigger / Add Template)------------------- */
.notif-page .notif-toolbar .btn-primary,
.notif-page .btn-primary[ng-click*="addTrigger"],
.notif-page .btn-primary[ui-sref="templateAdd"] {
    box-shadow: 0 2px 8px rgba(0, 37, 107, 0.18);
}

/* ---- Focus accessibility ---------------------------------------------- */
.notif-page a:focus-visible,
.notif-page button:focus-visible,
.notif-page .form-control:focus-visible { outline: none; box-shadow: var(--od-ring); }

/* ---- Responsive tune-up ----------------------------------------------- */
@media (max-width: 991px) {
    .notif-page { padding: 14px 16px 24px; }
    .notif-page .sticky-save-bar { margin: 16px -16px -24px; padding: 10px 16px; }
}
@media (max-width: 767px) {
    .notif-page h3 { font-size: 19px; }
    .notif-page .notif-table > thead { display: none; }
    .notif-page .notif-table > tbody > tr { display: block; padding: 10px; border-top: 1px solid var(--od-border); }
    .notif-page .notif-table > tbody > tr > td { display: block; border: none; padding: 4px 0; }
    .notif-page .notif-table > tbody > tr > td.text-right { text-align: left; margin-top: 6px; }
}

/* ============================================================================
 * OneData polish — deep-fidelity adjustments (v2)
 *
 * Tightens spacing, elevation, tabs, chips/tokens, empty states, and adds
 * new UX affordances matching OneData's component library. Still .notif-page
 * scoped. Light mode only. No HTML changes required.
 * ========================================================================== */

/* Font smoothing for the scope */
.notif-page { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }

/* ---- Page header composition ------------------------------------------- */
/* The first H3 on either templates page gets a subtle magenta accent bar */
.notif-page > h3,
.notif-page > .breadcrumb + h3 {
    position: relative;
    padding: 2px 0 2px 14px;
    margin-bottom: 20px;
}
.notif-page > h3::before,
.notif-page > .breadcrumb + h3::before {
    content: "";
    position: absolute;
    left: 0; top: 3px; bottom: 3px;
    width: 4px;
    border-radius: 2px;
    background: linear-gradient(180deg, var(--od-primary) 0%, var(--od-accent) 100%);
}

/* ---- Button radius + sizing (OneData rounded-md = 6px) ----------------- */
.notif-page .btn { border-radius: 6px; }
.notif-page .btn-sm { border-radius: 5px; }
.notif-page .btn-xs { border-radius: 999px; }

/* Icon-only buttons (fa with no text) — square */
.notif-page .btn > .fa:only-child { margin: 0; }

/* Ghost variant emulation: .btn-default with no border hover */
.notif-page .btn-default.btn-link,
.notif-page .btn-default[ng-click*="openMultipleSort"] {
    background: transparent;
    border-color: transparent;
    color: var(--od-ink-muted);
}
.notif-page .btn-default.btn-link:hover,
.notif-page .btn-default[ng-click*="openMultipleSort"]:hover {
    background: var(--od-surface-muted);
    border-color: transparent;
    color: var(--od-primary);
}

/* ---- Card wrappers (affordance for list + edit surfaces) --------------- */
/* Make the table-responsive itself act as a card + add breathing room     */
.notif-page .table-responsive {
    padding: 0;
    border-radius: var(--od-radius-lg);
}
.notif-page .notif-table > tbody > tr > td:first-child,
.notif-page .notif-table > thead > tr > th:first-child { padding-left: 20px; }
.notif-page .notif-table > tbody > tr > td:last-child,
.notif-page .notif-table > thead > tr > th:last-child  { padding-right: 20px; }

/* Empty Code cell gets an em-dash placeholder instead of blank */
.notif-page .notif-table td:empty::before { content: "—"; color: var(--od-ink-subtle); opacity: 0.5; }

/* ---- Action column composition ----------------------------------------- */
/* Put gap between System pill, Edit button, and lock icon                 */
.notif-page .notif-table td.text-right { white-space: nowrap; }
.notif-page .notif-table td.text-right > * { margin-left: 8px; vertical-align: middle; }
.notif-page .notif-table td.text-right > *:first-child { margin-left: 0; }

/* System pill becomes a soft magenta-tinted chip with a lock glyph */
.notif-page .notif-table td.text-right .label-default {
    background: rgba(161, 25, 132, 0.08);
    border-color: rgba(161, 25, 132, 0.18);
    color: var(--od-accent);
    padding: 4px 10px 4px 22px;
    position: relative;
    font-size: 10px;
}
.notif-page .notif-table td.text-right .label-default::before {
    content: "\f023"; /* fa-lock */
    font-family: FontAwesome;
    position: absolute;
    left: 8px; top: 50%;
    transform: translateY(-50%);
    font-size: 9px;
    opacity: 0.9;
}
/* Hide the redundant trailing lock icon when the System label is present */
.notif-page .notif-table td.text-right .label-default ~ .fa-lock,
.notif-page .notif-table td.text-right .label-default ~ .text-muted { display: none; }

/* ---- Name-cell lock glyph (system templates) --------------------------- */
.notif-page .notif-table .ta-system-icon {
    color: var(--od-accent);
    opacity: 0.75;
    margin-right: 6px;
    font-size: 11px;
}

/* ---- Filter bar on table toolbar (Filters (n) pill) -------------------- */
.notif-page .notif-toolbar .btn[ng-click*="advancedFiltersPopupVisible"] {
    background: var(--od-surface);
    border-color: var(--od-border);
    color: var(--od-ink);
    font-weight: 500;
}
.notif-page .notif-toolbar .btn[ng-click*="advancedFiltersPopupVisible"]:hover {
    background: var(--od-surface-subtle);
    border-color: var(--od-primary-3);
    color: var(--od-primary);
}

/* ---- Tabs (OneData segmented pill variant for trigger editor tabs) ----- */
/* Applies only when tabs are inside a specific wrapper; keeps .nav-tabs
   underline treatment as default elsewhere.                               */
.notif-page ul.nav-tabs + .tab-content,
.notif-page ul.nav-tabs + .te-tab-mb { margin-top: 0; }

/* Tab counters (badge after the text, e.g. "Notification Triggers (3)") */
.notif-page .nav-tabs .badge {
    margin-left: 6px;
    background: var(--od-surface-muted);
    color: var(--od-ink-muted);
    border: 1px solid var(--od-border);
    font-weight: 600;
    min-width: 18px;
    padding: 1px 7px;
}
.notif-page .nav-tabs .active .badge { background: var(--od-accent); color: #fff; border-color: transparent; }

/* Warning icon in tab (trigger validation errors) */
.notif-page .nav-tabs .fa-exclamation-triangle,
.notif-page .nav-tabs .fa-warning { color: var(--od-warning); margin-left: 4px; }

/* ---- Trigger header bar (colored strip above trigger card) ------------ */
.notif-page .trigger-card > .panel-heading {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.notif-page .trigger-card > .panel-heading > .label,
.notif-page .trigger-card > .panel-heading > .badge { margin: 0; }

/* Per-trigger "EPCIS File Processing (connection-level)" label — stronger visual */
.notif-page .trigger-card > .panel-heading .label-primary,
.notif-page .trigger-card > .panel-heading .label[class*="label-"] {
    font-size: 11px;
    padding: 4px 10px;
    letter-spacing: 0.4px;
}

/* ---- Email recipient chip (token in textarea area) -------------------- */
/* Token buttons like "Sender Party - Company - Master Data" — pill chips  */
.notif-page .token-buttons .btn,
.notif-page .email-recipient-chip {
    border-radius: 999px;
    border: 1px solid var(--od-border);
    background: var(--od-surface);
    color: var(--od-primary);
    font-family: 'JetBrains Mono', Consolas, Menlo, monospace;
    font-size: 11px;
    font-weight: 500;
    padding: 3px 10px;
    transition: all var(--od-transition);
    box-shadow: var(--od-shadow-sm);
}
.notif-page .token-buttons .btn:hover,
.notif-page .email-recipient-chip:hover {
    background: var(--od-accent);
    border-color: var(--od-accent);
    color: #fff;
    transform: translateY(-1px);
}
.notif-page .token-html-badge {
    color: var(--od-accent);
    background: rgba(161, 25, 132, 0.10);
    padding: 1px 5px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-left: 4px;
}

/* ---- Syntax reference + Help blocks ----------------------------------- */
.notif-page .syntax-guide-panel {
    border-radius: var(--od-radius);
    border: 1px solid var(--od-border);
    background: var(--od-surface-subtle);
}
.notif-page .syntax-guide-panel .panel-heading {
    background: transparent;
    color: var(--od-primary);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 11px;
}

/* ---- Preview scenario selector alignment ------------------------------ */
.notif-page .preview-scenario-select {
    width: 180px;
    margin: 0;
    float: none;
}

/* Preview panel header row (Subject + Scenario) as flex */
.notif-page .preview-panel .panel-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

/* "Send Test Email" button — accent pink to distinguish from primary Save */
.notif-page .btn[ng-click*="sendTest"],
.notif-page .send-test-inline .btn[type="submit"] {
    background: var(--od-surface);
    border: 1px solid var(--od-accent);
    color: var(--od-accent);
}
.notif-page .btn[ng-click*="sendTest"]:hover,
.notif-page .send-test-inline .btn[type="submit"]:hover {
    background: var(--od-accent);
    color: #fff;
}

/* ---- Sticky save bar — refined ---------------------------------------- */
.notif-page .sticky-save-bar {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
}
.notif-page .sticky-save-bar-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 38px;
}
.notif-page .sticky-save-bar-actions .btn-save,
.notif-page .sticky-save-bar-actions .btn-cancel {
    flex: 0 0 auto;
    min-width: 110px;
}
/* unsaved-indicator positioning is handled by the later rule that also sets order */
.notif-page .sticky-save-bar .unsaved-indicator {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--od-warning-bg);
    color: #7a4d02;
    border: 1px solid #f7d99a;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
}
.notif-page .sticky-save-bar .unsaved-indicator::before {
    content: "";
    width: 6px; height: 6px;
    border-radius: 50%;
    background: var(--od-warning);
    animation: od-pulse 1.5s ease-in-out infinite;
}
@keyframes od-pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50%      { opacity: 0.5; transform: scale(1.3); }
}

/* ---- Empty state — more prominent ------------------------------------- */
.notif-page .empty-state {
    background: var(--od-surface);
    border: 2px dashed var(--od-border);
    border-radius: var(--od-radius-lg);
    margin: 20px 0;
}
.notif-page .empty-state i.fa {
    background: var(--od-surface-subtle);
    border-radius: 50%;
    padding: 18px;
    width: 80px; height: 80px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    color: var(--od-primary-3);
    opacity: 0.7;
}
.notif-page .empty-state h4 { font-size: 16px; font-weight: 600; margin-top: 16px; }
.notif-page .empty-state p { font-size: 13px; max-width: 440px; }
.notif-page .empty-state .btn-primary { margin-top: 12px; }

/* ---- Dropdown menu (Add Trigger flyout) ------------------------------- */
.notif-page .dropdown-menu {
    border: 1px solid var(--od-border);
    border-radius: var(--od-radius);
    box-shadow: var(--od-shadow-lg);
    padding: 6px;
    margin-top: 6px;
    min-width: 220px;
}
.notif-page .dropdown-menu > li > a {
    border-radius: var(--od-radius-sm);
    padding: 8px 12px;
    color: var(--od-ink);
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: background var(--od-transition), color var(--od-transition);
}
.notif-page .dropdown-menu > li > a:hover,
.notif-page .dropdown-menu > li > a:focus {
    background: var(--od-surface-subtle);
    color: var(--od-primary);
}
.notif-page .dropdown-menu > li > a > i.fa {
    color: var(--od-accent);
    font-size: 14px;
    width: 18px;
    text-align: center;
}

/* ---- Syntax reference link (small caps + arrow) ----------------------- */
.notif-page a[ng-click*="showSyntaxExamples"],
.notif-page a[ng-click*="syntaxReference"] {
    color: var(--od-accent);
    font-weight: 600;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    text-decoration: none;
}
.notif-page a[ng-click*="showSyntaxExamples"]:hover,
.notif-page a[ng-click*="syntaxReference"]:hover {
    color: var(--od-accent-2);
    text-decoration: underline;
}

/* ---- Scroll styling inside panels ------------------------------------ */
.notif-page .token-panel .panel-body,
.notif-page .te-scroll-300,
.notif-page .template-preview-body { scrollbar-width: thin; scrollbar-color: var(--od-border-strong) transparent; }
.notif-page ::-webkit-scrollbar { width: 8px; height: 8px; }
.notif-page ::-webkit-scrollbar-track { background: transparent; }
.notif-page ::-webkit-scrollbar-thumb { background: var(--od-border); border-radius: 4px; }
.notif-page ::-webkit-scrollbar-thumb:hover { background: var(--od-border-strong); }

/* ---- Text selection within the scope --------------------------------- */
.notif-page ::selection { background: rgba(161, 25, 132, 0.22); color: var(--od-ink); }

/* ---- Focus-visible rings (accessibility) ----------------------------- */
.notif-page .btn:focus-visible,
.notif-page .form-control:focus-visible,
.notif-page a:focus-visible,
.notif-page .token-buttons .btn:focus-visible { outline: none; box-shadow: var(--od-ring); }

/* ---- Animation entrance (subtle) ------------------------------------- */
@keyframes od-fade-slide-up {
    from { opacity: 0; transform: translateY(4px); }
    to   { opacity: 1; transform: translateY(0); }
}
.notif-page .trigger-card,
.notif-page .panel,
.notif-page .empty-state,
.notif-page > .alert { animation: od-fade-slide-up 180ms ease-out; }

/* ---- Disable row-click style on action buttons ---------------------- */
.notif-page .notif-table td.text-right .btn { cursor: pointer; }
.notif-page .notif-table tr.clickable { cursor: default; }
.notif-page .notif-table tr.clickable td:not(.text-right) { cursor: pointer; }

/* ---- Row count caption below H3 (CSS-only, reads aria-labels) -------- */
.notif-page .notif-table[aria-rowcount]::before {
    content: attr(aria-rowcount) " templates";
    display: none; /* currently unused; reserved for future H3 subtitle */
}

/* ============================================================================
 * OneData polish — production layout primitives (v3)
 *
 * Supports the restructured HTML:
 *   - Page header with subtitle + actions
 *   - Quick-search input
 *   - Table cells with dedicated semantic classes
 *   - Name-cell System chip
 *   - Trigger-count chip with icon
 *   - Template-edit header with inline system-template chip
 * ========================================================================== */

/* ---- Page header --------------------------------------------------------- */
.notif-page .notif-page-header {
    background: var(--od-surface);
    border: 1px solid var(--od-border);
    border-radius: var(--od-radius-lg);
    padding: 18px 22px 20px;
    margin-bottom: 20px;
    box-shadow: var(--od-shadow-sm);
}
.notif-page .notif-page-header .breadcrumb { margin-bottom: 10px; }
.notif-page .notif-page-header-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}
.notif-page .notif-page-header h3 {
    padding: 0;
    margin: 0 0 6px;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    font-size: 24px;
    font-weight: 700;
    color: var(--od-primary);
    letter-spacing: -0.015em;
}
.notif-page .notif-page-header h3::before { display: none; }  /* suppress v1 accent bar */
.notif-page .notif-page-header-actions { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }

.notif-page .notif-page-subtitle {
    margin: 0;
    font-size: 13px;
    line-height: 1.55;
    color: var(--od-ink-muted);
    max-width: 720px;
}
.notif-page .notif-page-subtitle-sep { opacity: 0.5; margin: 0 4px; }
.notif-page .notif-inline-code {
    background: var(--od-surface-muted);
    border: 1px solid var(--od-border);
    border-radius: 4px;
    padding: 1px 6px;
    font-family: 'JetBrains Mono', Consolas, Menlo, monospace;
    font-size: 11px;
    color: var(--od-primary);
}

/* ---- Toolbar card (search + filters + count) ---------------------------- */
.notif-page .notif-toolbar-card {
    background: var(--od-surface);
    border: 1px solid var(--od-border);
    border-radius: var(--od-radius);
    padding: 10px 12px;
    box-shadow: var(--od-shadow-sm);
    margin-bottom: 16px;
}

.notif-page .notif-search {
    position: relative;
    flex: 1 1 280px;
    max-width: 380px;
    display: flex;
    align-items: center;
}
.notif-page .notif-search-icon {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--od-ink-subtle);
    font-size: 13px;
    pointer-events: none;
}
.notif-page .notif-search .form-control {
    padding-left: 34px;
    padding-right: 32px;
    height: 36px;
    background: var(--od-surface-subtle);
    border-color: var(--od-border);
}
.notif-page .notif-search .form-control:focus {
    background: var(--od-surface);
    border-color: var(--od-primary-3);
}
.notif-page .notif-search-clear {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    padding: 4px;
    color: var(--od-ink-subtle);
    cursor: pointer;
    transition: color var(--od-transition);
}
.notif-page .notif-search-clear:hover { color: var(--od-accent); }

.notif-page .notif-filter-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    padding: 1px 6px;
    margin-left: 6px;
    border-radius: 999px;
    background: var(--od-accent);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
}

.notif-page .notif-result-count {
    font-size: 12px;
    color: var(--od-ink-muted);
    white-space: nowrap;
}
.notif-page .notif-result-count strong { color: var(--od-primary); font-weight: 700; }

/* ---- Surface card wrapping table ---------------------------------------- */
.notif-page .notif-surface-card {
    background: var(--od-surface);
    border: 1px solid var(--od-border);
    border-radius: var(--od-radius-lg);
    box-shadow: var(--od-shadow-sm);
    overflow: hidden;
}

/* ---- Table cell refinements --------------------------------------------- */
.notif-page .notif-cell-code {
    min-width: 120px;
    font-size: 12px;
}
.notif-page .notif-cell-code code {
    background: var(--od-surface-muted);
    border: 1px solid var(--od-border);
    border-radius: 4px;
    padding: 2px 8px;
    font-family: 'JetBrains Mono', Consolas, Menlo, monospace;
    font-size: 11px;
    color: var(--od-primary);
    font-weight: 500;
}
.notif-page .notif-cell-empty { color: var(--od-ink-subtle); opacity: 0.5; font-size: 14px; }

.notif-page .notif-cell-name { min-width: 320px; }
.notif-page .notif-cell-name strong { color: var(--od-ink); font-weight: 600; }
.notif-page tr.is-system .notif-cell-name strong { color: var(--od-primary); }

.notif-page .notif-cell-date { color: var(--od-ink-muted); font-size: 12px; white-space: nowrap; }

.notif-page .notif-cell-actions { width: 1%; padding-right: 16px !important; }
.notif-page .notif-cell-actions .btn { padding: 5px 10px; }
.notif-page .notif-cell-actions .btn > i.fa { margin-right: 4px; }
.notif-page .notif-cell-actions .btn-danger { padding: 5px 8px; }
.notif-page .notif-cell-actions .btn-danger > i.fa { margin: 0; }

.notif-page .notif-locked-hint {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px; height: 26px;
    border-radius: 50%;
    background: var(--od-surface-muted);
    border: 1px solid var(--od-border);
    color: var(--od-ink-subtle);
    font-size: 11px;
}

/* Chips (inline status pills inside name cell / header) ------------------ */
.notif-page .notif-chip {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 2px 10px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    line-height: 1.7;
    vertical-align: middle;
}
.notif-page .notif-chip i.fa { font-size: 9px; }
.notif-page .notif-chip-system {
    background: rgba(161, 25, 132, 0.09);
    color: var(--od-accent);
    border: 1px solid rgba(161, 25, 132, 0.22);
}
.notif-page .notif-chip-system i.fa { color: var(--od-accent); }

/* Trigger count chip ----------------------------------------------------- */
.notif-page .notif-trigger-count {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    min-width: 46px;
    justify-content: center;
}
.notif-page .notif-trigger-count i.fa { font-size: 11px; }
.notif-page .notif-trigger-count.is-zero {
    background: var(--od-danger-bg);
    color: var(--od-danger);
    border: 1px solid #f1c2c2;
}
.notif-page .notif-trigger-count.is-set {
    background: var(--od-success-bg);
    color: #145f31;
    border: 1px solid #cfead9;
}

/* Override the old System label + hide the old lock icon in actions (only
   applies to the new action layout) */
.notif-page .notif-cell-actions .label-default { display: none; }

/* ---- Template edit: header inline System chip --------------------------- */
.notif-page .notif-page-header h3 .notif-chip { font-size: 10px; }

/* ---- Loading state ------------------------------------------------------ */
.notif-page .notif-loading-state {
    background: var(--od-surface);
    border: 1px solid var(--od-border);
    border-radius: var(--od-radius-lg);
    padding: 48px 24px;
    text-align: center;
    color: var(--od-ink-muted);
    box-shadow: var(--od-shadow-sm);
}
.notif-page .notif-loading-state i.fa-spinner { color: var(--od-primary-3); margin-bottom: 10px; }
.notif-page .notif-loading-state p { margin: 10px 0 0; font-size: 13px; }

/* ---- Responsive for new primitives ------------------------------------- */
@media (max-width: 767px) {
    .notif-page .notif-page-header { padding: 14px 16px; }
    .notif-page .notif-page-header-row { flex-direction: column; align-items: stretch; }
    .notif-page .notif-page-header-actions .btn { width: 100%; }
    .notif-page .notif-toolbar-card { flex-direction: column; align-items: stretch; }
    .notif-page .notif-search { max-width: none; width: 100%; }
    .notif-page .notif-result-count { text-align: right; }
}

/* ============================================================================
 * OneData polish — production v4
 *
 * Fixes noted by review:
 *   - Body textarea too small by default; scale with viewport.
 *   - Horizontal (col-sm-2 label / col-sm-10 input) layout squishes labels.
 *     Switch Template Details tab to stacked labels inside card sections.
 *   - Sections not clearly separated — wrap each form-group as a card.
 *   - Save / Cancel buttons hard to identify — rebuild the sticky save bar.
 *   - Right column (tokens + preview) should stick + scroll independently.
 *   - Tokens panel + preview read as two separate cards with strong headers.
 *   - Nav-tabs strip gets a container bg + shadow line for clear separation.
 * ========================================================================== */

/* ---- Tab strip: stronger separator + counter chip refinements ----------- */
.notif-page form.form-horizontal > .nav-tabs {
    background: var(--od-surface);
    border: 1px solid var(--od-border);
    border-radius: var(--od-radius) var(--od-radius) 0 0;
    padding: 0 12px;
    margin-bottom: 0;
    box-shadow: var(--od-shadow-sm);
    display: flex;
    align-items: stretch;
    gap: 2px;
    border-bottom: none;
}
.notif-page form.form-horizontal > .nav-tabs > li { margin-bottom: 0; }
.notif-page form.form-horizontal > .nav-tabs > li > a {
    padding: 14px 18px;
    font-size: 13px;
}

/* The tab content becomes a connected panel underneath */
.notif-page form.form-horizontal > .nav-tabs + div[ng-show] > .row,
.notif-page form.form-horizontal > .nav-tabs + .te-tab-mb + div[ng-show] > .row,
.notif-page form.form-horizontal > div[ng-show="vm.selectedTab == 'details'"] > .row {
    background: var(--od-surface-subtle);
    border: 1px solid var(--od-border);
    border-top: none;
    border-radius: 0 0 var(--od-radius-lg) var(--od-radius-lg);
    padding: 20px;
    margin: 0 0 20px;
    box-shadow: var(--od-shadow-sm);
}

/* ---- Template Details layout: stacked labels inside section cards ------ */
.notif-page form.form-horizontal > div[ng-show="vm.selectedTab == 'details'"] > .row > .col-md-6 {
    padding-left: 10px;
    padding-right: 10px;
}
.notif-page form.form-horizontal > div[ng-show="vm.selectedTab == 'details'"] .form-group {
    margin: 0 0 14px;
    padding: 0;
}
/* Unfloat labels + stack */
.notif-page form.form-horizontal > div[ng-show="vm.selectedTab == 'details'"] .form-group > .col-sm-2.control-label,
.notif-page form.form-horizontal > div[ng-show="vm.selectedTab == 'details'"] .form-group > label.col-sm-2 {
    float: none;
    width: 100%;
    text-align: left;
    padding: 0 0 6px;
    font-size: 12px;
    font-weight: 600;
    color: var(--od-ink);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    gap: 6px;
}
.notif-page form.form-horizontal > div[ng-show="vm.selectedTab == 'details'"] .form-group > .col-sm-10,
.notif-page form.form-horizontal > div[ng-show="vm.selectedTab == 'details'"] .form-group > .col-sm-offset-2 {
    float: none;
    width: 100%;
    margin-left: 0;
    padding: 0;
}
.notif-page form.form-horizontal > div[ng-show="vm.selectedTab == 'details'"] .form-group > .col-sm-offset-2 { padding-top: 4px; }
.notif-page form.form-horizontal .form-group .control-label.required::after {
    content: "*";
    color: var(--od-danger);
    margin-left: 3px;
    font-weight: 700;
}

/* Wrap each form-group as a field card */
.notif-page form.form-horizontal > div[ng-show="vm.selectedTab == 'details'"] > .row > .col-md-6:first-child > .form-group {
    background: var(--od-surface);
    border: 1px solid var(--od-border);
    border-radius: var(--od-radius);
    padding: 14px 16px;
    box-shadow: var(--od-shadow-sm);
    transition: box-shadow var(--od-transition), border-color var(--od-transition);
}
.notif-page form.form-horizontal > div[ng-show="vm.selectedTab == 'details'"] > .row > .col-md-6:first-child > .form-group:hover { box-shadow: var(--od-shadow); }
.notif-page form.form-horizontal > div[ng-show="vm.selectedTab == 'details'"] > .row > .col-md-6:first-child > .form-group.has-error { border-color: var(--od-danger); }
.notif-page form.form-horizontal > div[ng-show="vm.selectedTab == 'details'"] > .row > .col-md-6:first-child > .form-group.has-warning { border-color: var(--od-warning); }

/* The standalone "* Required field" caption becomes a subtle legend */
.notif-page form.form-horizontal > div[ng-show="vm.selectedTab == 'details'"] > .row > .col-md-6:first-child > p.te-fs-11-mb-10 {
    margin: 0 0 10px;
    color: var(--od-ink-muted);
    font-size: 11px;
    font-style: italic;
}

/* ---- Subject field: token dropdown button clearer -------------------- */
.notif-page #templateSubject { font-size: 14px; }
.notif-page .input-group .btn.dropdown-toggle {
    background: var(--od-primary-3);
    border-color: var(--od-primary-3);
    color: #fff;
}
.notif-page .input-group .btn.dropdown-toggle:hover,
.notif-page .input-group .btn.dropdown-toggle:focus {
    background: var(--od-accent);
    border-color: var(--od-accent);
    color: #fff;
}
.notif-page .input-group .btn.dropdown-toggle .fa-code { margin-right: 4px; }

/* ---- Body textarea scales with viewport ------------------------------ */
.notif-page #templateBody,
.notif-page textarea[name="body"] {
    min-height: 420px;
    height: calc(100vh - 380px);
    max-height: 720px;
    resize: vertical;
    font-family: 'JetBrains Mono', Consolas, Menlo, monospace;
    font-size: 12.5px;
    line-height: 1.55;
    padding: 12px 14px;
    background: var(--od-surface);
}

/* ---- Right column: sticky + stacked cards ----------------------------
   Use `position: static` (not sticky) so Preview content is never clipped.
   The column scrolls with the page; each sub-card (tokens, preview) can
   grow to accommodate its content. */
.notif-page form.form-horizontal > div[ng-show="vm.selectedTab == 'details'"] > .row > .col-md-6:last-child {
    position: static;
    align-self: stretch;
    max-height: none;
    overflow: visible;
    padding-right: 10px;
}
/* Remove Bootstrap row's float so sticky works; use flex on the row itself */
.notif-page form.form-horizontal > div[ng-show="vm.selectedTab == 'details'"] > .row {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
}
.notif-page form.form-horizontal > div[ng-show="vm.selectedTab == 'details'"] > .row > .col-md-6 {
    float: none;
    flex: 1 1 50%;
    min-width: 320px;
}

/* Override the pre-existing "border-left on col-md-6 + col-md-6" rule ---- */
.notif-page form.form-horizontal > div[ng-show="vm.selectedTab == 'details'"] > .row > .col-md-6 + .col-md-6 {
    border-left: none;
    padding-left: 10px;
}

/* ---- Token panel + preview inside right column ----------------------- */
.notif-page form.form-horizontal > div[ng-show="vm.selectedTab == 'details'"] > .row > .col-md-6:last-child > * {
    background: var(--od-surface);
    border: 1px solid var(--od-border);
    border-radius: var(--od-radius);
    box-shadow: var(--od-shadow-sm);
    margin-bottom: 14px;
}

/* ---- Sticky save bar — prominent Save + outlined Cancel -------------- */
.notif-page .sticky-save-bar {
    position: sticky;
    bottom: 0;
    z-index: 100;
    margin: 20px -24px -32px;
    padding: 14px 24px;
    background: var(--od-surface);
    backdrop-filter: none;
    border-top: 2px solid var(--od-border);
    box-shadow: 0 -10px 28px rgba(20, 20, 43, 0.08);
}
/* The flex row containing buttons */
.notif-page .sticky-save-bar .sticky-save-bar-actions,
.notif-page .sticky-save-bar .te-flex-center-10 {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 44px;
}
/* Unsaved indicator: pushed to the right of the action buttons */
.notif-page .sticky-save-bar .unsaved-indicator { margin-left: auto; order: 3; }

/* Save = big primary CTA */
.notif-page .sticky-save-bar .btn-primary {
    order: 2;
    padding: 11px 28px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 8px;
    min-width: 140px;
    box-shadow: 0 4px 12px rgba(0, 37, 107, 0.22);
    letter-spacing: 0.2px;
}
.notif-page .sticky-save-bar .btn-primary:hover { box-shadow: 0 6px 18px rgba(0, 37, 107, 0.28); transform: translateY(-1px); }
.notif-page .sticky-save-bar .btn-primary:disabled { background: var(--od-surface-muted); border-color: var(--od-border); color: var(--od-ink-subtle); box-shadow: none; transform: none; }
/* Save button icon comes from the inline `<i class="fa ...">` (spinner /
   check / save, switched via ng-if). The old ::before pseudo-element
   here painted a second persistent checkmark on top. */
.notif-page .sticky-save-bar .btn-primary .fa-spinner,
.notif-page .sticky-save-bar .btn-primary .fa-check,
.notif-page .sticky-save-bar .btn-primary .fa-save { margin-right: 8px; }

/* Cancel = outlined, visible — previously was bare <button> which rendered as invisible text.
   Exclusions: primary buttons (save), close (×), and any warning-styled buttons
   (e.g. Save Anyway) which should keep their semantic btn-warning look. */
.notif-page .sticky-save-bar button[ng-click*="backToList"],
.notif-page .sticky-save-bar .btn.te-ml-auto,
.notif-page .sticky-save-bar button:not(.btn-primary):not(.btn-warning):not(.close) {
    order: 1;
    background: var(--od-surface);
    border: 1px solid var(--od-border-strong);
    color: var(--od-ink);
    padding: 10px 22px;
    font-weight: 500;
    font-size: 14px;
    border-radius: 8px;
    margin-left: 0 !important;
    cursor: pointer;
}
.notif-page .sticky-save-bar button[ng-click*="backToList"]:hover,
.notif-page .sticky-save-bar button:not(.btn-primary):not(.close):not([ng-click*="dismissWarnings"]):hover {
    background: var(--od-surface-muted);
    border-color: var(--od-primary-3);
    color: var(--od-primary);
}
/* Cancel button uses the inline `<i class="fa fa-times">` for its icon —
   the old ::before pseudo-element here added a second × next to it. */

/* Validation warnings pane above the buttons */
.notif-page .sticky-save-bar .te-mb-8-pad-8-12 {
    background: var(--od-warning-bg);
    border: 1px solid #f7d99a;
    border-left: 4px solid var(--od-warning);
    border-radius: var(--od-radius);
    padding: 10px 14px;
    margin-bottom: 12px;
    color: #7a4d02;
    position: relative;
}
.notif-page .sticky-save-bar .te-mb-8-pad-8-12 ul { margin: 6px 0 8px 18px; font-size: 12px; }
.notif-page .sticky-save-bar .te-mb-8-pad-8-12 button {
    background: var(--od-warning);
    border: 1px solid var(--od-warning);
    color: #fff;
    padding: 6px 14px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    margin-right: 6px;
}
.notif-page .sticky-save-bar .te-mb-8-pad-8-12 button:hover { background: #b97205; }
.notif-page .sticky-save-bar .te-mb-8-pad-8-12 .btn-default {
    background: transparent;
    border-color: var(--od-border-strong);
    color: #7a4d02;
}
.notif-page .sticky-save-bar .te-mb-8-pad-8-12 .close {
    position: absolute; right: 8px; top: 8px;
    color: #7a4d02; opacity: 0.7;
}

/* ---- Syntax reference collapsible — cleaner affordance ---------------- */
.notif-page .panel-info.syntax-guide-panel,
.notif-page form.form-horizontal .col-md-6:first-child .panel-info {
    background: var(--od-surface-subtle);
    border: 1px dashed var(--od-border-strong);
    box-shadow: none;
    margin: 0;
}
.notif-page form.form-horizontal .col-md-6:first-child .panel-info .panel-heading {
    background: transparent;
    border-bottom: none;
    padding: 10px 14px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: var(--od-primary);
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}
.notif-page form.form-horizontal .col-md-6:first-child .panel-info .panel-heading .fa { color: var(--od-accent); }
.notif-page form.form-horizontal .col-md-6:first-child .panel-info .panel-body {
    background: var(--od-surface);
    border-top: 1px solid var(--od-border);
    font-size: 12px;
    padding: 12px 14px;
}

/* ---- Help icons next to labels (popover question-marks) --------------- */
.notif-page .control-label .fa-question-circle {
    color: var(--od-ink-subtle);
    font-size: 12px;
    transition: color var(--od-transition);
    cursor: help;
}
.notif-page .control-label .fa-question-circle:hover { color: var(--od-primary-3); }

/* ---- Responsive refinements for v4 ----------------------------------- */
@media (max-width: 991px) {
    .notif-page form.form-horizontal > div[ng-show="vm.selectedTab == 'details'"] > .row > .col-md-6 { flex: 1 1 100%; }
    .notif-page form.form-horizontal > div[ng-show="vm.selectedTab == 'details'"] > .row > .col-md-6:last-child {
        position: static;
        max-height: none;
        overflow: visible;
        padding-top: 16px;
    }
    .notif-page #templateBody,
    .notif-page textarea[name="body"] { height: auto; min-height: 320px; }
}
@media (max-width: 767px) {
    .notif-page .sticky-save-bar { flex-wrap: wrap; padding: 10px 14px; margin: 16px -14px -20px; }
    .notif-page .sticky-save-bar .btn-primary { width: 100%; order: 3; }
    .notif-page .sticky-save-bar button[ng-click*="backToList"] { flex: 1; order: 2; }
    .notif-page .sticky-save-bar .unsaved-indicator { order: 1; margin: 0 0 8px; }
}

/* ============================================================================
 * OneData polish — production v5 (right-rail tokens + preview alignment)
 *
 *   - Available Tokens panel: scrollable chip cluster, clear sectioning
 *   - Preview: scenario selector aligned cleanly in a header row
 *   - Send Test Email: visible outline + full-width row
 *   - Column widths: lock 60/40 on wide screens so Body has breathing room
 * ========================================================================== */

/* ---- Two-column ratio on wide screens: 60% editor / 40% tokens-preview - */
@media (min-width: 992px) {
    .notif-page form.form-horizontal > div[ng-show="vm.selectedTab == 'details'"] > .row > .col-md-6:first-child  { flex: 1 1 58%; max-width: 58%; }
    .notif-page form.form-horizontal > div[ng-show="vm.selectedTab == 'details'"] > .row > .col-md-6:last-child   { flex: 1 1 42%; max-width: 42%; }
}

/* ---- Right-rail cards: title strip + body + scroll ---------------------- */
.notif-page form.form-horizontal > div[ng-show="vm.selectedTab == 'details'"] > .row > .col-md-6:last-child {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
/* Each direct child of the right rail becomes a proper card */
.notif-page form.form-horizontal > div[ng-show="vm.selectedTab == 'details'"] > .row > .col-md-6:last-child > * {
    background: var(--od-surface);
    border: 1px solid var(--od-border);
    border-radius: var(--od-radius);
    box-shadow: var(--od-shadow-sm);
    margin: 0;
    overflow: hidden;
}
.notif-page form.form-horizontal > div[ng-show="vm.selectedTab == 'details'"] > .row > .col-md-6:last-child > *:not(.token-panel):not(.template-preview):not(.preview-panel) {
    padding: 12px 14px;
}

/* Token panel: flex column (header is already in the markup) */
.notif-page .token-panel { display: flex; flex-direction: column; }

.notif-page .token-panel-search input[type="text"],
.notif-page .token-panel input[type="text"] {
    border-radius: var(--od-radius-sm);
    padding: 7px 10px 7px 32px;
    font-size: 12px;
    position: relative;
}
.notif-page .token-panel-search { position: relative; }
.notif-page .token-panel-search::before {
    content: "\f002";
    font-family: FontAwesome;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--od-ink-subtle);
    font-size: 11px;
    pointer-events: none;
    z-index: 1;
}

/* Token chips grid container — scrolls inside a capped height */
.notif-page .token-panel-body,
.notif-page .token-panel > [class*="token-group"],
.notif-page .token-buttons {
    max-height: 340px;
    overflow-y: auto;
    padding-right: 4px;
}

/* Chip layout */
.notif-page .token-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    max-height: none;
    padding: 2px 0 10px;
}

/* Token group header with divider line */
.notif-page .token-group-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 14px 0 6px;
    padding-bottom: 4px;
    border-bottom: 1px dashed var(--od-border);
    font-size: 10px;
    letter-spacing: 0.7px;
    color: var(--od-primary);
}
.notif-page .token-group-header::after {
    content: "";
    flex: 1;
    height: 1px;
    background: linear-gradient(to right, var(--od-border), transparent);
}

/* ---- Preview panel header row ---------------------------------------- */
.notif-page .preview-panel .panel-heading,
.notif-page .template-preview > .panel-heading,
.notif-page .template-preview-subject {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 10px 14px;
    background: var(--od-surface-muted);
    border-bottom: 1px solid var(--od-border);
    font-size: 12px;
    font-weight: 600;
    color: var(--od-primary);
}
.notif-page .preview-scenario-select {
    width: 160px;
    margin: 0;
    float: none;
    height: 30px;
    font-size: 12px;
}

/* Preview subject row - strong contrast */
.notif-page .template-preview-subject { font-weight: 600; color: var(--od-primary); }
.notif-page .template-preview-body { padding: 16px; background: var(--od-surface); font-size: 13px; color: var(--od-ink); line-height: 1.55; }

/* Send Test Email — clear outline button, full row */
.notif-page .send-test-inline {
    padding: 10px 14px;
    background: var(--od-surface-subtle);
    border-top: 1px solid var(--od-border);
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}
.notif-page .send-test-inline .btn {
    background: var(--od-surface);
    border: 1px solid var(--od-accent);
    color: var(--od-accent);
    padding: 6px 14px;
    font-size: 12px;
    font-weight: 600;
    border-radius: var(--od-radius-sm);
}
.notif-page .send-test-inline .btn:hover { background: var(--od-accent); color: #fff; }
.notif-page .send-test-inline .btn i.fa { margin-right: 4px; }
.notif-page .send-test-inline .te-fs-11,
.notif-page .send-test-inline .text-muted { color: var(--od-ink-muted); font-size: 11px; }

/* ---- Left column: Body field card is tall + gets extra padding ---------- */
.notif-page form.form-horizontal > div[ng-show="vm.selectedTab == 'details'"] > .row > .col-md-6:first-child > .form-group:has(#templateBody) {
    display: flex;
    flex-direction: column;
}
.notif-page form.form-horizontal > div[ng-show="vm.selectedTab == 'details'"] > .row > .col-md-6:first-child > .form-group:has(#templateBody) > .col-sm-10 {
    display: flex;
    flex-direction: column;
    flex: 1;
}

/* ---- Hover states on field cards - subtle lift ------------------------ */
.notif-page form.form-horizontal > div[ng-show="vm.selectedTab == 'details'"] > .row > .col-md-6:first-child > .form-group:focus-within {
    border-color: var(--od-primary-3);
    box-shadow: var(--od-ring), var(--od-shadow);
}

/* ---- Collapse / Expand button on trigger cards fix --------------------- */
/* The triggers agent added the ng-class correctly; ensure the icon button
   has visible size + clear hover */
.notif-page .trigger-card .tch-actions .btn,
.notif-page .trigger-card .panel-heading .btn-xs {
    width: 28px;
    height: 28px;
    padding: 0;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--od-border);
    background: var(--od-surface);
    color: var(--od-ink-muted);
    transition: all var(--od-transition);
}
.notif-page .trigger-card .panel-heading .btn-xs:hover { background: var(--od-primary-3); border-color: var(--od-primary-3); color: #fff; }
.notif-page .trigger-card .panel-heading .btn-xs.btn-danger,
.notif-page .trigger-card .panel-heading .btn-danger.btn-xs { color: var(--od-danger); border-color: #f1c2c2; }
.notif-page .trigger-card .panel-heading .btn-xs.btn-danger:hover { background: var(--od-danger); border-color: var(--od-danger); color: #fff; }

/* ---- Tab strip: always separate from content ------------------------- */
.notif-page form.form-horizontal > .nav-tabs + div[ng-show="vm.selectedTab == 'details'"],
.notif-page form.form-horizontal > .nav-tabs + div[ng-show="vm.selectedTab == 'triggers'"] {
    margin-top: 0;
}

/* ---- Title alignment polish — inline chips track text-top ----------- */
.notif-page .notif-page-header h3 { line-height: 1.25; }
.notif-page .notif-page-header h3 .notif-chip { margin-top: 2px; align-self: center; }

/* ============================================================================
 * Syntax Reference — inline collapsible card
 *   Replaces the old Bootstrap panel-info table layout.
 * ========================================================================== */

.notif-page .syntax-ref-card {
    background: var(--od-surface);
    border: 1px solid var(--od-border);
    border-radius: var(--od-radius);
    box-shadow: var(--od-shadow-sm);
    overflow: hidden;
    transition: border-color var(--od-transition), box-shadow var(--od-transition);
}
.notif-page .syntax-ref-card.is-open {
    border-color: var(--od-primary-3);
    box-shadow: var(--od-shadow);
}

.notif-page .syntax-ref-toggle {
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-areas: "ico title caret" "ico sub caret";
    align-items: center;
    gap: 2px 12px;
    width: 100%;
    background: transparent;
    border: none;
    padding: 12px 16px;
    text-align: left;
    cursor: pointer;
    transition: background var(--od-transition);
}
.notif-page .syntax-ref-toggle:hover { background: var(--od-surface-subtle); }
.notif-page .syntax-ref-toggle:focus-visible { outline: none; box-shadow: var(--od-ring) inset; }

.notif-page .syntax-ref-toggle-ico {
    grid-area: ico;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(161, 25, 132, 0.08);
    color: var(--od-accent);
    font-size: 15px;
}
.notif-page .syntax-ref-toggle-title {
    grid-area: title;
    font-size: 13px;
    font-weight: 700;
    color: var(--od-primary);
    text-transform: uppercase;
    letter-spacing: 0.4px;
    line-height: 1.2;
}
.notif-page .syntax-ref-toggle-sub {
    grid-area: sub;
    font-size: 11px;
    color: var(--od-ink-muted);
    font-weight: 400;
    line-height: 1.3;
}
.notif-page .syntax-ref-toggle > .fa:last-child {
    grid-area: caret;
    color: var(--od-ink-subtle);
    font-size: 12px;
}

.notif-page .syntax-ref-body {
    padding: 4px 16px 14px;
    border-top: 1px solid var(--od-border);
    background: var(--od-surface-subtle);
}

/* Section with tag + heading + description */
.notif-page .syntax-ref-section { margin: 14px 0 4px; }
.notif-page .syntax-ref-section-head {
    display: flex;
    align-items: baseline;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 8px;
}
.notif-page .syntax-ref-tag {
    display: inline-flex;
    align-items: center;
    padding: 2px 9px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.6px;
    line-height: 1.6;
    border: 1px solid transparent;
}
.notif-page .syntax-ref-tag-legacy {
    background: rgba(50, 92, 176, 0.10);
    color: var(--od-primary-3);
    border-color: rgba(50, 92, 176, 0.25);
}
.notif-page .syntax-ref-tag-liquid {
    background: rgba(161, 25, 132, 0.10);
    color: var(--od-accent);
    border-color: rgba(161, 25, 132, 0.25);
}
.notif-page .syntax-ref-section-title {
    font-size: 13px;
    font-weight: 700;
    color: var(--od-ink);
}
.notif-page .syntax-ref-section-desc {
    font-size: 11px;
    color: var(--od-ink-muted);
    flex-basis: 100%;
    margin-top: 1px;
}

.notif-page .syntax-ref-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.notif-page .syntax-ref-list li {
    display: grid;
    grid-template-columns: minmax(200px, auto) 1fr;
    gap: 12px;
    align-items: center;
    padding: 6px 10px;
    background: var(--od-surface);
    border: 1px solid var(--od-border);
    border-radius: 6px;
}
.notif-page .syntax-ref-code {
    font-family: 'JetBrains Mono', Consolas, Menlo, monospace;
    font-size: 12px;
    color: var(--od-primary);
    background: transparent;
    padding: 0;
    white-space: nowrap;
    overflow-x: auto;
}
.notif-page .syntax-ref-meaning {
    font-size: 12px;
    color: var(--od-ink-muted);
    line-height: 1.4;
}
.notif-page .syntax-ref-meaning em {
    font-style: normal;
    font-weight: 600;
    color: var(--od-ink);
}

.notif-page .syntax-ref-footer {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px dashed var(--od-border);
}
.notif-page .syntax-ref-footer .btn .fa { margin-right: 4px; }
.notif-page .syntax-ref-footer-hint {
    font-size: 11px;
    color: var(--od-ink-muted);
    flex: 1 1 200px;
}

/* Collapse arrow on responsive breakpoint */
@media (max-width: 767px) {
    .notif-page .syntax-ref-list li { grid-template-columns: 1fr; }
}

/* ============================================================================
 * Template Syntax Guide modal — tabbed-like section layout
 * ========================================================================== */

.notif-page ~ .modal.guide-modal,
.modal.guide-modal {
    color: var(--od-ink);
    font-family: 'Segoe UI Variable', 'Segoe UI', system-ui, sans-serif;
}
.modal.guide-modal .modal-content {
    border: 1px solid var(--od-border);
    border-radius: var(--od-radius-lg);
    box-shadow: var(--od-shadow-lg);
    overflow: hidden;
}
.modal.guide-modal .modal-dialog { width: 920px; max-width: calc(100vw - 40px); }

.modal.guide-modal .guide-modal-header {
    background: linear-gradient(135deg, #00256b 0%, #263878 100%);
    color: #fff;
    padding: 22px 28px 18px;
    border-bottom: none;
    position: relative;
}
.modal.guide-modal .guide-modal-header .close {
    color: rgba(255,255,255,0.8);
    opacity: 0.9;
    text-shadow: none;
    font-size: 24px;
    font-weight: 400;
    position: absolute;
    top: 14px;
    right: 18px;
}
.modal.guide-modal .guide-modal-header .close:hover { color: #fff; opacity: 1; }
.modal.guide-modal .guide-modal-header .modal-title {
    font-family: 'Archivo', sans-serif;
    font-size: 22px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    color: #fff;
}
.modal.guide-modal .guide-modal-header .modal-title .fa {
    background: rgba(255,255,255,0.15);
    width: 36px; height: 36px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}
.modal.guide-modal .guide-modal-subtitle {
    margin: 10px 0 0;
    color: rgba(255,255,255,0.85);
    font-size: 13px;
    line-height: 1.55;
    max-width: 720px;
}
.modal.guide-modal .guide-modal-subtitle code {
    background: rgba(255,255,255,0.18);
    color: #fff;
    padding: 1px 6px;
    border-radius: 4px;
    font-family: 'JetBrains Mono', Consolas, Menlo, monospace;
    font-size: 11px;
}

.modal.guide-modal .guide-modal-body {
    max-height: calc(100vh - 240px);
    overflow-y: auto;
    padding: 0;
    background: var(--od-surface-subtle);
}

/* TOC sticky pill bar at top of body */
.modal.guide-modal .guide-toc {
    position: sticky;
    top: 0;
    z-index: 2;
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    padding: 12px 28px;
    background: rgba(255,255,255,0.96);
    backdrop-filter: blur(8px);
    border-bottom: 1px solid var(--od-border);
}
.modal.guide-modal .guide-toc a {
    padding: 5px 12px;
    border-radius: 999px;
    background: var(--od-surface-muted);
    border: 1px solid var(--od-border);
    color: var(--od-primary);
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    transition: all var(--od-transition);
}
.modal.guide-modal .guide-toc a:hover {
    background: var(--od-primary);
    border-color: var(--od-primary);
    color: #fff;
    text-decoration: none;
}

.modal.guide-modal .guide-section {
    padding: 20px 28px;
    background: transparent;
    border-bottom: 1px solid var(--od-border);
    scroll-margin-top: 60px;
}
.modal.guide-modal .guide-section:last-of-type { border-bottom: none; }

.modal.guide-modal .guide-section-head {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    margin-bottom: 14px;
}
.modal.guide-modal .guide-step {
    width: 32px; height: 32px;
    flex: 0 0 32px;
    border-radius: 50%;
    background: var(--od-primary);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(0, 37, 107, 0.25);
}
.modal.guide-modal .guide-section-title {
    font-family: 'Archivo', sans-serif;
    font-size: 17px;
    font-weight: 700;
    color: var(--od-primary);
    margin: 0 0 2px;
    line-height: 1.3;
}
.modal.guide-modal .guide-section-title code {
    background: var(--od-surface-muted);
    color: var(--od-primary);
    padding: 1px 6px;
    border-radius: 4px;
    font-size: 12px;
    border: 1px solid var(--od-border);
}
.modal.guide-modal .guide-section-desc {
    margin: 0;
    color: var(--od-ink-muted);
    font-size: 12px;
    line-height: 1.55;
}
.modal.guide-modal .guide-section-desc code {
    background: var(--od-surface);
    color: var(--od-accent);
    padding: 1px 5px;
    border-radius: 3px;
    font-family: 'JetBrains Mono', Consolas, monospace;
    font-size: 11px;
    border: 1px solid var(--od-border);
}

/* Row: snippet on left, explanation on right */
.modal.guide-modal .guide-row {
    display: grid;
    grid-template-columns: minmax(260px, 40%) 1fr;
    gap: 14px;
    align-items: center;
    padding: 10px 12px;
    background: var(--od-surface);
    border: 1px solid var(--od-border);
    border-radius: 8px;
    margin: 6px 0;
    transition: border-color var(--od-transition), box-shadow var(--od-transition);
}
.modal.guide-modal .guide-row:hover {
    border-color: var(--od-primary-3);
    box-shadow: var(--od-shadow-sm);
}
.modal.guide-modal .guide-snippet {
    font-family: 'JetBrains Mono', Consolas, Menlo, monospace;
    font-size: 12px;
    color: var(--od-primary);
    background: var(--od-surface-subtle);
    padding: 8px 10px;
    border-radius: 6px;
    border: 1px solid var(--od-border);
    white-space: nowrap;
    overflow-x: auto;
    line-height: 1.4;
}
.modal.guide-modal .guide-explain {
    color: var(--od-ink);
    font-size: 12.5px;
    line-height: 1.5;
}
.modal.guide-modal .guide-explain em {
    font-style: normal;
    font-weight: 600;
    color: var(--od-primary);
}
.modal.guide-modal .guide-explain code {
    background: var(--od-surface-muted);
    color: var(--od-accent);
    padding: 1px 5px;
    border-radius: 3px;
    font-family: 'JetBrains Mono', monospace;
    font-size: 11px;
}
.modal.guide-modal .guide-explain strong { color: var(--od-accent); }

/* HTML fields grid */
.modal.guide-modal .guide-html-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 10px;
    margin-top: 6px;
}
.modal.guide-modal .guide-html-item {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 10px 12px;
    background: var(--od-surface);
    border: 1px solid var(--od-border);
    border-radius: 6px;
    transition: border-color var(--od-transition);
}
.modal.guide-modal .guide-html-item:hover { border-color: var(--od-primary-3); }
.modal.guide-modal .guide-html-item code {
    background: rgba(50, 92, 176, 0.08);
    color: var(--od-primary-3);
    padding: 2px 8px;
    border-radius: 4px;
    font-family: 'JetBrains Mono', Consolas, monospace;
    font-size: 11.5px;
    align-self: flex-start;
    font-weight: 600;
}
.modal.guide-modal .guide-html-item span {
    font-size: 11.5px;
    color: var(--od-ink-muted);
    line-height: 1.4;
}

/* Full example preformatted block */
.modal.guide-modal .guide-example-pre {
    margin: 0;
    padding: 16px 20px;
    background: #0f1a2e;
    color: #e4eaf5;
    border-radius: 8px;
    font-family: 'JetBrains Mono', Consolas, Menlo, monospace;
    font-size: 11.5px;
    line-height: 1.65;
    overflow: auto;
    max-height: 420px;
    border: 1px solid rgba(255,255,255,0.06);
}

.modal.guide-modal .guide-modal-footer {
    background: var(--od-surface);
    border-top: 1px solid var(--od-border);
    padding: 14px 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}
.modal.guide-modal .guide-modal-footer-hint {
    font-size: 12px;
    color: var(--od-ink-muted);
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.modal.guide-modal .guide-modal-footer-hint .fa { color: var(--od-warning); }
.modal.guide-modal .guide-modal-footer .btn-primary {
    background: var(--od-primary);
    border-color: var(--od-primary);
    padding: 8px 20px;
    font-weight: 600;
    border-radius: 6px;
}
.modal.guide-modal .guide-modal-footer .btn-primary:hover {
    background: var(--od-primary-2);
    border-color: var(--od-primary-2);
}
.modal.guide-modal .guide-modal-footer .btn-primary .fa { margin-right: 6px; }

@media (max-width: 767px) {
    .modal.guide-modal .guide-row { grid-template-columns: 1fr; }
    .modal.guide-modal .guide-toc { padding: 10px 16px; }
    .modal.guide-modal .guide-section { padding: 16px; }
    .modal.guide-modal .guide-html-grid { grid-template-columns: 1fr; }
}

/* ============================================================================
 * Responsive scaling — 1080p / 1440p / 4K
 *
 * Strategy:
 *   - Use rem-based spacing so a single font-size bump scales the whole UI.
 *   - Cap content max-width so lines don't stretch unreadably wide.
 *   - Let grid / flex layouts auto-fit more columns when space allows.
 *   - Preserve readable line-length on wide monitors (70–90ch).
 *
 * Breakpoints (viewport CSS pixels, i.e. after OS DPI scaling):
 *   < 1280px   baseline — our existing layout, untouched above.
 *   1280–1599  1080p laptops — keep compact density.
 *   1600–2199  1080p desktop / 1440p at 100% (2560 / 1.0).
 *               - Light font bump, wider gutters, let trigger cards go 2-col.
 *   2200–3199  1440p at 100% / 4K at 125%/150%.
 *               - Bigger base font, content capped at ~2000px for readability.
 *   ≥ 3200     4K / 5K at 100% DPI.
 *               - Large base font, 3-column trigger-conditions grid,
 *                 multi-column token grid, content capped ~2400px.
 * ========================================================================== */

/* Keep everything inside the templates pages centered and capped so we don't
   stretch 42 table rows across 4K. Applies to both templateAdmin + templateEdit. */
.notif-page {
    max-width: 1760px;
    margin: 0 auto;
    box-sizing: border-box;
}

/* --- 1080p desktop (≥ 1600px) ------------------------------------------- */
@media (min-width: 1600px) {
    .notif-page {
        padding: 24px 40px 36px;
        max-width: 1720px;
    }
    .notif-page .notif-page-header { padding: 22px 28px 24px; }
    .notif-page .notif-page-header h3 { font-size: 20px; }
    .notif-page .notif-page-subtitle { font-size: 13.5px; }

    /* Trigger card body: room for 2-col split inside each column */
    .notif-page .trigger-card .panel-body { padding: 18px 20px; }

    /* Token catalog card: more chips per row */
    .notif-page .token-buttons { gap: 6px; }
    .notif-page .token-panel .panel-body { max-height: 420px; }

    /* Preview pane: taller when we have room */
    .notif-page .template-preview-body { min-height: 360px; }

    /* Body textarea: scale up slightly */
    .notif-page #templateBody,
    .notif-page textarea[name="body"] {
        min-height: 480px;
        max-height: 820px;
        font-size: 13px;
    }
}

/* --- 1440p @ 100% (≥ 2200px) -------------------------------------------- */
@media (min-width: 2200px) {
    html { /* Scope-agnostic: bumps rem everywhere on the templates pages */ }
    .notif-page {
        font-size: 15px;
        padding: 32px 60px 48px;
        max-width: 2100px;
    }
    .notif-page h1, .notif-page h2, .notif-page h3, .notif-page h4 { letter-spacing: -0.012em; }
    .notif-page .notif-page-header { padding: 28px 32px 30px; border-radius: 16px; }
    .notif-page .notif-page-header h3 { font-size: 22px; }
    .notif-page .notif-page-subtitle { font-size: 15px; max-width: 860px; }

    .notif-page .btn { font-size: 14px; padding: 9px 18px; }
    .notif-page .btn-sm { font-size: 13px; padding: 6px 14px; }
    .notif-page .btn-primary { border-radius: 8px; }

    .notif-page .notif-table > tbody > tr > td { padding: 16px 18px; font-size: 14px; }
    .notif-page .notif-table > thead > tr > th { font-size: 12px; padding: 14px 18px; }

    .notif-page .form-control { font-size: 14px; height: 40px; padding: 8px 12px; }
    .notif-page textarea.form-control { height: auto; min-height: 120px; }

    /* Body textarea grows to use the wider canvas */
    .notif-page #templateBody,
    .notif-page textarea[name="body"] {
        min-height: 560px;
        max-height: 960px;
        font-size: 14px;
        line-height: 1.6;
    }

    /* Right-rail — no clamp, let the preview grow as tall as needed */
    .notif-page form.form-horizontal > div[ng-show="vm.selectedTab == 'details'"] > .row > .col-md-6:last-child {
        max-height: none;
    }

    /* Trigger card body becomes 3-col grid for even tighter scan */
    .notif-page .trigger-card .trigger-col-section { column-gap: 20px; row-gap: 14px; padding: 20px; }
    .notif-page .trigger-card .panel-body { padding: 20px 24px; gap: 24px; }

    /* Token chips become a proper grid (auto-fit minmax) */
    .notif-page .token-panel .panel-body { max-height: 520px; padding: 14px; }
    .notif-page .token-buttons {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
        gap: 6px;
    }
    .notif-page .token-buttons .btn { font-size: 12px; padding: 5px 10px; }

    /* Sticky save bar elevated + wider paddings */
    .notif-page .sticky-save-bar { padding: 16px 32px; margin: 24px -60px -48px; }
    .notif-page .sticky-save-bar .btn-primary { padding: 13px 36px; font-size: 15px; min-width: 160px; }

    /* Syntax guide modal: larger dialog on wide screens */
    .modal.guide-modal .modal-dialog { width: 1100px; }
    .modal.guide-modal .guide-row { grid-template-columns: minmax(320px, 38%) 1fr; }
    .modal.guide-modal .guide-example-pre { font-size: 13px; line-height: 1.7; }
    .modal.guide-modal .guide-section-title { font-size: 19px; }
}

/* --- 4K @ 100% (≥ 3200px) ----------------------------------------------- */
@media (min-width: 3200px) {
    .notif-page {
        font-size: 17px;
        padding: 48px 96px 72px;
        max-width: 2600px;
    }
    .notif-page .notif-page-header h3 { font-size: 24px; }
    .notif-page .notif-page-subtitle { font-size: 17px; max-width: 1000px; }

    .notif-page .btn { font-size: 15px; padding: 10px 20px; border-radius: 8px; }
    .notif-page .notif-table > tbody > tr > td { padding: 18px 22px; font-size: 15px; }
    .notif-page .notif-table > thead > tr > th { font-size: 13px; }

    .notif-page .form-control { font-size: 15px; height: 44px; }
    .notif-page #templateBody,
    .notif-page textarea[name="body"] {
        min-height: 700px;
        max-height: 1200px;
        font-size: 15px;
        line-height: 1.7;
    }

    /* Allow 3-col split for trigger conditions on very wide canvases */
    .notif-page .trigger-card .trigger-col-section {
        grid-template-columns: repeat(3, 1fr);
        column-gap: 24px;
    }

    .notif-page .token-panel .panel-body { max-height: 680px; }
    .notif-page .token-buttons { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }

    .notif-page .sticky-save-bar { padding: 18px 48px; }
    .notif-page .sticky-save-bar .btn-primary { padding: 15px 40px; font-size: 16px; min-width: 180px; }

    .modal.guide-modal .modal-dialog { width: 1300px; }
    .modal.guide-modal .guide-row { grid-template-columns: minmax(360px, 36%) 1fr; }
}

/* --- Ultra-wide 5K+ (≥ 4800px) ----------------------------------------- */
@media (min-width: 4800px) {
    .notif-page { font-size: 19px; max-width: 3200px; padding: 64px 128px 96px; }
    .notif-page .notif-page-header h3 { font-size: 26px; }
}

/* ============================================================================
 * Fluid typography — clamp() on headings so they scale smoothly between
 * breakpoints instead of jumping at each media query.
 * ========================================================================== */
.notif-page h3,
.notif-page .notif-page-header h3 {
    /* Much more conservative clamp — previous one hit 42px at ultra-wide which
       dwarfed the rest of the UI. Cap at 24px. */
    font-size: clamp(18px, 0.45vw + 14px, 24px);
    line-height: 1.25;
    letter-spacing: -0.01em;
}
.notif-page .notif-page-subtitle {
    font-size: clamp(12px, 0.18vw + 10.5px, 14px);
}
.notif-page .trigger-section-header {
    font-size: clamp(11px, 0.18vw + 9px, 14px);
}

/* ============================================================================
 * Fluid container padding — grow with viewport, never smaller than base.
 * ========================================================================== */
.notif-page { padding: clamp(14px, 1.2vw + 4px, 48px) clamp(16px, 2vw + 8px, 96px) clamp(20px, 1.6vw + 8px, 72px); }

/* Card inner padding also grows subtly on wide screens */
.notif-page .notif-page-header { padding: clamp(14px, 0.6vw + 8px, 28px) clamp(16px, 0.9vw + 10px, 32px); }

/* ============================================================================
 * High-DPI (Retina / scaled 4K) refinements
 * ========================================================================== */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    /* Sharper borders + subtler shadows on high-DPI so UI doesn't feel heavy */
    .notif-page {
        --od-shadow-sm: 0 0.5px 2px rgba(20, 20, 43, 0.05);
        --od-shadow:    0 2px 10px rgba(20, 20, 43, 0.06);
        --od-shadow-lg: 0 8px 28px rgba(20, 20, 43, 0.08);
    }
    .notif-page .notif-table,
    .notif-page .trigger-card,
    .notif-page .syntax-ref-card,
    .notif-page .notif-surface-card { border-width: 0.5px; }
}

/* ============================================================================
 * Reduced motion — honor user preference
 * ========================================================================== */
@media (prefers-reduced-motion: reduce) {
    .notif-page *,
    .notif-page *::before,
    .notif-page *::after {
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}

/* ============================================================================
 * Print — minimal fallback for "print to PDF" of a template definition
 * ========================================================================== */
@media print {
    .notif-page {
        background: #fff;
        padding: 0;
        max-width: none;
    }
    .notif-page .sticky-save-bar,
    .notif-page .notif-toolbar,
    .notif-page .notif-page-header-actions { display: none !important; }
    .notif-page .notif-surface-card,
    .notif-page .trigger-card { break-inside: avoid; box-shadow: none; }
}

/* ============================================================================
 * Body editor — Ace container + token ribbon
 * ========================================================================== */

/* ---- Token ribbon (quick-insert above the editor) ---------------------- */
.notif-page .body-token-ribbon {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 8px 12px;
    background: var(--od-surface-muted);
    border: 1px solid var(--od-border);
    border-bottom: none;
    border-radius: var(--od-radius) var(--od-radius) 0 0;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
    scroll-behavior: smooth;
}
.notif-page .body-token-ribbon::-webkit-scrollbar { height: 6px; }
.notif-page .body-token-ribbon::-webkit-scrollbar-thumb { background: var(--od-border-strong); border-radius: 3px; }

.notif-page .body-token-ribbon-group {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding-right: 12px;
    border-right: 1px dashed var(--od-border);
    flex-shrink: 0;
}
.notif-page .body-token-ribbon-group:last-of-type { border-right: none; padding-right: 0; }

.notif-page .body-token-ribbon-label {
    font-size: 10px;
    font-weight: 700;
    color: var(--od-ink-muted);
    text-transform: uppercase;
    letter-spacing: 0.6px;
    margin-right: 4px;
    white-space: nowrap;
}

.notif-page .body-token-ribbon-chip {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: 999px;
    background: var(--od-surface);
    border: 1px solid var(--od-border);
    color: var(--od-primary);
    font-family: 'JetBrains Mono', Consolas, Menlo, monospace;
    font-size: 11px;
    font-weight: 500;
    cursor: pointer;
    transition: background var(--od-transition), color var(--od-transition), border-color var(--od-transition), transform var(--od-transition);
    white-space: nowrap;
}
.notif-page .body-token-ribbon-chip:hover {
    background: var(--od-accent);
    border-color: var(--od-accent);
    color: #fff;
    transform: translateY(-1px);
}
.notif-page .body-token-ribbon-chip:focus-visible { outline: none; box-shadow: var(--od-ring); }

.notif-page .body-token-ribbon-spacer { flex: 1; min-width: 4px; }
.notif-page .body-token-ribbon-more {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    border-radius: var(--od-radius-sm);
    background: transparent;
    border: 1px solid var(--od-border);
    color: var(--od-ink-muted);
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    flex-shrink: 0;
    transition: all var(--od-transition);
}
.notif-page .body-token-ribbon-more:hover { background: var(--od-primary-3); border-color: var(--od-primary-3); color: #fff; }
.notif-page .body-token-ribbon-more:focus-visible { outline: none; box-shadow: var(--od-ring); }
.notif-page .body-token-ribbon-more i.fa { color: inherit; }

/* ---- Ace editor container --------------------------------------------- */
/* Default inline height tuned to fit alongside the template metadata fields
   above it and the preview/token panel to the right, without dominating the
   page. Authors who want more room click the Expand button for the popup. */
.notif-page .body-ace-editor {
    min-height: 240px;
    height: calc(100vh - 520px);
    max-height: 460px;
    border: 1px solid var(--od-border);
    border-top: 1px solid transparent; /* ribbon provides visual continuity */
    border-radius: 0 0 var(--od-radius) var(--od-radius);
    background: var(--od-surface);
    box-shadow: var(--od-shadow-sm);
    transition: border-color var(--od-transition), box-shadow var(--od-transition);
    font-family: 'JetBrains Mono', Consolas, 'Courier New', monospace;
    width: 100%;
    position: relative;
    overflow: hidden;
}

/* Ace applies .ace_focus to its own root when focused */
.notif-page .body-ace-editor.ace_focus,
.notif-page .body-ace-editor:focus-within {
    border-color: var(--od-primary-3);
    box-shadow: var(--od-ring), var(--od-shadow);
}

/* Tweak Ace internals to match OneData surfaces */
.notif-page .body-ace-editor .ace_gutter {
    background: var(--od-surface-subtle);
    color: var(--od-ink-subtle);
    border-right: 1px solid var(--od-border);
    font-family: 'JetBrains Mono', Consolas, monospace;
}
.notif-page .body-ace-editor .ace_active-line { background: rgba(50, 92, 176, 0.04); }
.notif-page .body-ace-editor .ace_gutter-active-line {
    background: rgba(50, 92, 176, 0.08);
    color: var(--od-primary);
}
.notif-page .body-ace-editor .ace_cursor { border-left: 2px solid var(--od-accent); }
.notif-page .body-ace-editor .ace_selection { background: rgba(161, 25, 132, 0.15); }

/* Ace completer popup — match OneData menu aesthetics */
.ace_autocomplete {
    border: 1px solid var(--od-border, #dde1eb) !important;
    border-radius: 8px !important;
    box-shadow: 0 12px 40px rgba(20, 20, 43, 0.15) !important;
    background: #fff !important;
    font-family: 'Segoe UI Variable', 'Segoe UI', system-ui, sans-serif !important;
    overflow: hidden !important;
}
.ace_autocomplete .ace_completion-highlight {
    color: #a11984 !important;
    font-weight: 700 !important;
    text-shadow: none !important;
}
.ace_autocomplete .ace_line-hover,
.ace_autocomplete .ace_completion-highlight.ace_line-hover,
.ace_autocomplete .ace_selected {
    background: linear-gradient(90deg, rgba(50, 92, 176, 0.08), rgba(50, 92, 176, 0.04)) !important;
    color: #00256b !important;
}
.ace_autocomplete .ace_meta {
    color: #606468 !important;
    font-size: 10px !important;
    font-style: normal !important;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}
.ace_tooltip {
    border: 1px solid var(--od-border, #dde1eb) !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 16px rgba(20, 20, 43, 0.12) !important;
    background: #fff !important;
    max-width: 360px !important;
}

/* ---- Hidden shadow textarea for form validation ----------------------- */
.notif-page .body-validation-shadow {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    border: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    pointer-events: none !important;
    opacity: 0 !important;
    resize: none !important;
}

/* ---- Responsive heights for the body editor --------------------------- */
/* Grow modestly on larger screens (users who want a lot of space press Expand). */
@media (min-width: 1600px) {
    .notif-page .body-ace-editor { min-height: 280px; height: calc(100vh - 540px); max-height: 540px; }
}
@media (min-width: 2200px) {
    .notif-page .body-ace-editor { min-height: 320px; height: calc(100vh - 560px); max-height: 620px; font-size: 14px; }
    .notif-page .body-token-ribbon { padding: 10px 14px; gap: 16px; }
    .notif-page .body-token-ribbon-chip { font-size: 12px; padding: 4px 12px; }
    .notif-page .body-token-ribbon-label { font-size: 11px; }
}
@media (min-width: 3200px) {
    .notif-page .body-ace-editor { min-height: 400px; height: calc(100vh - 620px); max-height: 780px; }
    .notif-page .body-token-ribbon-chip { font-size: 13px; padding: 5px 14px; }
}
@media (max-width: 767px) {
    .notif-page .body-ace-editor { min-height: 220px; height: 40vh; max-height: none; }
    .notif-page .body-token-ribbon { padding: 6px 8px; gap: 10px; }
    .notif-page .body-token-ribbon-group { padding-right: 8px; }
}

/* ============================================================================
 * Body editor — rich-text toolbar + token picker popover
 * ========================================================================== */

/* ---- Toolbar container --------------------------------------------------- */
.notif-page .body-toolbar {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 6px 8px;
    background: var(--od-surface);
    border: 1px solid var(--od-border);
    border-bottom: none;
    border-radius: var(--od-radius) var(--od-radius) 0 0;
    flex-wrap: wrap;
    position: relative;
}

.notif-page .body-toolbar-group {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 0 4px;
    border-right: 1px solid var(--od-border);
}
.notif-page .body-toolbar-group:last-of-type { border-right: none; }
.notif-page .body-toolbar-group:first-of-type { padding-left: 0; }

.notif-page .body-toolbar-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 30px;
    padding: 0 8px;
    border: 1px solid transparent;
    border-radius: 5px;
    background: transparent;
    color: var(--od-ink);
    font-size: 13px;
    cursor: pointer;
    transition: all var(--od-transition);
    font-family: 'Segoe UI Variable', 'Segoe UI', system-ui, sans-serif;
}
.notif-page .body-toolbar-btn:hover {
    background: var(--od-surface-muted);
    color: var(--od-primary);
    border-color: var(--od-border);
}
.notif-page .body-toolbar-btn:active { background: var(--od-surface-tint); }
.notif-page .body-toolbar-btn:focus-visible { outline: none; box-shadow: var(--od-ring); }

.notif-page .body-toolbar-btn-text {
    font-family: 'Archivo', 'Segoe UI', sans-serif;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: -0.01em;
}

.notif-page .body-toolbar-spacer { flex: 1; min-width: 4px; }

/* ---- Token button — visually distinct (accent-tinted) ------------------- */
.notif-page .body-toolbar-token-btn {
    gap: 6px;
    padding: 0 12px;
    min-width: auto;
    background: rgba(161, 25, 132, 0.08);
    border: 1px solid rgba(161, 25, 132, 0.25);
    color: var(--od-accent);
    font-weight: 600;
    font-size: 12px;
}
.notif-page .body-toolbar-token-btn:hover {
    background: var(--od-accent);
    border-color: var(--od-accent);
    color: #fff;
}
.notif-page .body-toolbar-token-btn.is-active {
    background: var(--od-accent);
    border-color: var(--od-accent);
    color: #fff;
    box-shadow: 0 4px 10px rgba(161, 25, 132, 0.25);
}
.notif-page .body-toolbar-token-btn .fa-bolt { font-size: 11px; }
.notif-page .body-toolbar-token-btn .fa-caret-down { margin-left: 2px; }

/* ---- Token picker popover ------------------------------------------------ */
.notif-page .body-toolbar-tokens { position: relative; padding-right: 0; border-right: none; }

.notif-page .body-toolbar-token-popover {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    width: 440px;
    max-width: calc(100vw - 40px);
    max-height: 520px;
    background: var(--od-surface);
    border: 1px solid var(--od-border);
    border-radius: var(--od-radius);
    box-shadow: 0 16px 48px rgba(20, 20, 43, 0.18);
    display: flex;
    flex-direction: column;
    z-index: 20;
    overflow: hidden;
    animation: od-fade-slide-up 180ms ease-out;
}

.notif-page .token-popover-header {
    position: relative;
    padding: 10px 12px;
    background: var(--od-surface-subtle);
    border-bottom: 1px solid var(--od-border);
    display: flex;
    align-items: center;
    gap: 8px;
}
.notif-page .token-popover-search-icon {
    position: absolute;
    left: 24px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--od-ink-subtle);
    font-size: 12px;
    pointer-events: none;
}
.notif-page .token-popover-header .form-control {
    flex: 1;
    padding-left: 28px;
    height: 32px;
    font-size: 12.5px;
    border-radius: 6px;
    background: var(--od-surface);
}
.notif-page .token-popover-count {
    font-size: 11px;
    color: var(--od-ink-muted);
    white-space: nowrap;
    flex-shrink: 0;
}

.notif-page .token-popover-body {
    flex: 1;
    overflow-y: auto;
    padding: 6px 8px 8px;
    scrollbar-width: thin;
    scrollbar-color: var(--od-border-strong) transparent;
}
.notif-page .token-popover-body::-webkit-scrollbar { width: 8px; }
.notif-page .token-popover-body::-webkit-scrollbar-thumb { background: var(--od-border); border-radius: 4px; }

.notif-page .token-popover-group { margin: 6px 0 4px; }
.notif-page .token-popover-group-label {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px 4px 4px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: var(--od-ink-muted);
}
.notif-page .token-popover-group-label .fa { font-size: 9px; color: var(--od-ink-subtle); }
.notif-page .token-popover-group-count {
    margin-left: auto;
    background: var(--od-surface-muted);
    color: var(--od-ink-muted);
    padding: 1px 6px;
    border-radius: 999px;
    font-weight: 600;
    font-size: 9px;
}

.notif-page .token-popover-item {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 10px;
    align-items: center;
    width: 100%;
    padding: 6px 8px;
    background: transparent;
    border: none;
    border-radius: 5px;
    color: var(--od-ink);
    text-align: left;
    cursor: pointer;
    transition: background var(--od-transition), color var(--od-transition);
}
.notif-page .token-popover-item:hover {
    background: var(--od-surface-subtle);
    color: var(--od-primary);
}
.notif-page .token-popover-item:focus-visible {
    outline: none;
    background: var(--od-surface-tint);
    box-shadow: inset 0 0 0 2px var(--od-primary-3);
}

.notif-page .token-popover-item-code {
    background: rgba(50, 92, 176, 0.08);
    color: var(--od-primary-3);
    padding: 2px 8px;
    border-radius: 4px;
    font-family: 'JetBrains Mono', Consolas, Menlo, monospace;
    font-size: 11px;
    font-weight: 500;
    white-space: nowrap;
    min-width: 130px;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.notif-page .token-popover-item-label {
    font-size: 12px;
    color: var(--od-ink);
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.notif-page .token-popover-item-html {
    background: rgba(161, 25, 132, 0.10);
    color: var(--od-accent);
    padding: 1px 6px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.notif-page .token-popover-empty {
    padding: 24px 16px;
    text-align: center;
    color: var(--od-ink-muted);
    font-size: 12px;
}
.notif-page .token-popover-empty .fa { font-size: 20px; margin-bottom: 8px; display: block; color: var(--od-ink-subtle); }

.notif-page .token-popover-footer {
    padding: 8px 12px;
    background: var(--od-surface-subtle);
    border-top: 1px solid var(--od-border);
    font-size: 11px;
    color: var(--od-ink-muted);
    text-align: center;
}
.notif-page .token-popover-footer kbd {
    display: inline-block;
    padding: 1px 6px;
    background: var(--od-surface);
    border: 1px solid var(--od-border);
    border-bottom-width: 2px;
    border-radius: 4px;
    font-family: 'JetBrains Mono', Consolas, monospace;
    font-size: 10px;
    color: var(--od-ink);
    margin: 0 2px;
    vertical-align: middle;
}

/* ---- Editor connects to toolbar (seamless top/bottom) ------------------- */
.notif-page .body-toolbar + .body-ace-wrap > .body-ace-editor,
.notif-page .body-toolbar + .body-ace-editor {
    border-top: 1px solid var(--od-border);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

/* ---- Liquid tag dropdown menu ------------------------------------------ */
.notif-page .body-toolbar-liquid { position: relative; }
.notif-page .body-toolbar-liquid-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 10px;
    height: 30px;
    font-size: 12px;
    font-weight: 600;
    color: var(--od-primary);
    background: #fff;
    border: 1px solid var(--od-border);
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s;
}
.notif-page .body-toolbar-liquid-btn:hover {
    background: #f5f7fb;
    border-color: var(--od-primary);
}
.notif-page .body-toolbar-liquid-btn.is-active {
    background: var(--od-primary);
    color: #fff;
    border-color: var(--od-primary);
}
.notif-page .body-toolbar-liquid-menu {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    z-index: 60;
    min-width: 360px;
    background: #fff;
    border: 1px solid var(--od-border);
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0, 37, 107, 0.16);
    padding: 6px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.notif-page .body-toolbar-liquid-menu button {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    width: 100%;
    padding: 6px 10px;
    background: transparent;
    border: 0;
    border-radius: 6px;
    text-align: left;
    cursor: pointer;
    transition: background 0.12s;
}
.notif-page .body-toolbar-liquid-menu button:hover {
    background: #f5f7fb;
}
.notif-page .body-toolbar-liquid-menu button code {
    font-family: 'JetBrains Mono', Consolas, monospace;
    font-size: 11px;
    color: var(--od-primary);
    background: transparent;
    padding: 0;
}
.notif-page .body-toolbar-liquid-menu button span {
    font-size: 11px;
    color: #606468;
}

/* ---- Expanded editor mode --------------------------------------------- */
/* Bounded centered popup that sits over the page with a dimmed backdrop.
   Clearly NOT a full takeover — the popup is capped at a comfortable
   authoring size and the page is visible through the dim overlay. */
.notif-page .body-ace-wrap { position: relative; }

/* Backdrop — dims the page behind. CRITICAL: pointer-events:none so the
   pseudo-element does not intercept clicks destined for the popup's own
   children. The ::before has z-index:1070 within the wrap's stacking
   context (wrap is z-index:1080), which would otherwise stack ABOVE the
   sibling toolbar/editor/close-button (z-index:auto or 1) and eat every
   click inside the popup even though it looks translucent. The user saw
   "grayed out, can't type, can't click" — that was this backdrop. */
.notif-page .body-ace-fullscreen::before {
    content: "";
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.38);
    z-index: 1070;
    pointer-events: none;
    animation: od-ace-backdrop-in 180ms ease both;
}

/* Centered popup, bounded to a comfortable authoring size. `min()` keeps
   it from getting wider/taller than the viewport on small windows. */
.notif-page .body-ace-fullscreen {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(900px, calc(100vw - 80px));
    height: min(560px, calc(100vh - 100px));
    z-index: 1080;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 24px 64px rgba(15, 23, 42, 0.28),
                0 6px 20px rgba(15, 23, 42, 0.12);
    padding: 56px 20px 20px;   /* extra top padding for the close button */
    display: flex;
    flex-direction: column;
    gap: 8px;
    animation: od-ace-pop-in 200ms cubic-bezier(0.16, 1, 0.3, 1) both;
    overflow: hidden;
}
.notif-page .body-ace-fullscreen > .body-toolbar {
    border-radius: 8px 8px 0 0;
    flex: 0 0 auto;
}
.notif-page .body-ace-fullscreen > .body-ace-editor,
.notif-page .body-ace-fullscreen > .body-toolbar + .body-ace-editor {
    flex: 1 1 auto;
    min-height: 0;
    max-height: none;
    height: auto;
    border-radius: 0 0 8px 8px;
    border: 1px solid var(--od-border);
}

/* Dedicated close button anchored to the popup's top-right corner,
   hidden when the popup is not open (no static stray button in the
   normal editor). */
.notif-page .body-ace-close-btn { display: none; }
.notif-page .body-ace-fullscreen .body-ace-close-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    position: absolute;
    top: 14px;
    right: 16px;
    z-index: 1;
    padding: 6px 12px;
    font-size: 13px;
    font-weight: 500;
    background: var(--od-surface);
    border: 1px solid var(--od-border-strong);
    border-radius: 6px;
    color: var(--od-ink);
    cursor: pointer;
    transition: background 120ms ease, border-color 120ms ease;
}
.notif-page .body-ace-fullscreen .body-ace-close-btn:hover {
    background: var(--od-surface-muted);
    border-color: var(--od-primary-3);
    color: var(--od-primary);
}

@keyframes od-ace-backdrop-in {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@keyframes od-ace-pop-in {
    /* Must preserve the translate(-50%, -50%) used to center the popup —
       an unqualified `scale(x)` would replace the transform and slam the
       popup to the top-left corner during animation. */
    from { opacity: 0; transform: translate(-50%, -50%) scale(0.96); }
    to   { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}
@keyframes od-ace-backdrop-out {
    from { opacity: 1; }
    to   { opacity: 0; }
}
@keyframes od-ace-pop-out {
    from { opacity: 1; transform: translate(-50%, -50%) scale(1); }
    to   { opacity: 0; transform: translate(-50%, -50%) scale(0.96); }
}
/* Closing state — higher specificity than the base rules, so these
   reverse animations win while the popup is being dismissed. */
.notif-page .body-ace-fullscreen.is-closing {
    animation: od-ace-pop-out 180ms ease both;
}
.notif-page .body-ace-fullscreen.is-closing::before {
    animation: od-ace-backdrop-out 160ms ease both;
}

/* Small-screen fallback — still centered, tighter around the viewport. */
@media (max-width: 767px) {
    .notif-page .body-ace-fullscreen {
        width: calc(100vw - 16px);
        height: calc(100vh - 16px);
        padding: 48px 12px 12px;
        border-radius: 8px;
    }
}

/* ---- Responsive: collapse toolbar on very narrow screens ---------------- */
@media (max-width: 767px) {
    .notif-page .body-toolbar { padding: 4px; gap: 0; }
    .notif-page .body-toolbar-group { padding: 0 2px; }
    .notif-page .body-toolbar-btn { min-width: 28px; height: 28px; }
    .notif-page .body-toolbar-token-btn span { display: none; }
    .notif-page .body-toolbar-token-popover { width: calc(100vw - 32px); right: 0; }
}
@media (min-width: 2200px) {
    .notif-page .body-toolbar-btn { min-width: 34px; height: 34px; font-size: 14px; }
    .notif-page .body-toolbar-token-btn { font-size: 13px; }
    .notif-page .body-toolbar-token-popover { width: 500px; max-height: 600px; }
}

/* ==================================================================== */
/* Validation panels — body warnings, save-block list, saved toast.     */
/* Replaces the previous flat <span> list so issues are impossible to   */
/* miss.                                                                 */
/* ==================================================================== */

.notif-page .body-warnings-panel {
    margin-top: 10px;
    padding: 10px 14px;
    background: #fff8ec;
    border: 1px solid #e6c25a;
    border-left: 4px solid #c9a227;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(201, 162, 39, 0.08);
}
.notif-page .body-warnings-panel-head {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    font-size: 12px;
    color: #7a5a17;
    margin-bottom: 4px;
}
.notif-page .body-warnings-panel-head i {
    color: #c9a227;
}
.notif-page .body-warnings-panel-list {
    margin: 0;
    padding-left: 20px;
    font-size: 12px;
    line-height: 1.55;
    color: #5c441b;
}
.notif-page .body-warnings-panel-list li + li {
    margin-top: 2px;
}

/* Save-block list — shows inside the sticky save bar when edit.$invalid.
   Horizontal chip layout so items flow naturally and don't wrap per-word. */
.notif-page .save-block-panel {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 6px;
    margin-bottom: 10px;
    padding: 10px 14px;
    background: #fff4f4;
    border: 1px solid #ecc4c4;
    border-left: 4px solid #c0392b;
    border-radius: 6px;
    font-size: 12px;
    color: #7a2b1e;
}
.notif-page .save-block-panel > i {
    color: #c0392b;
    font-size: 14px;
}
.notif-page .save-block-panel > span {
    font-weight: 700;
    letter-spacing: 0.2px;
    white-space: nowrap;
}
.notif-page .save-block-panel-list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 6px 8px;
    margin: 0;
    padding: 0;
}
.notif-page .save-block-panel-list li {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    background: #ffe6e6;
    border: 1px solid #e5b8b8;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 500;
    color: #7a2b1e;
    white-space: nowrap;
}

/* Sticky save bar polish — space buttons, cap height, align unsaved indicator. */
.notif-page .sticky-save-bar .te-flex-center-10 {
    display: flex;
    align-items: center;
    gap: 10px;
}
.notif-page .sticky-save-bar .btn-save {
    min-width: 130px;
    height: 40px;
    font-weight: 600;
    letter-spacing: 0.2px;
    padding: 0 18px;
}
.notif-page .sticky-save-bar .btn-save .fa {
    margin-right: 6px;
}
.notif-page .sticky-save-bar .btn-cancel {
    height: 40px;
    min-width: 110px;
    padding: 0 16px;
    color: var(--od-ink-subtle);
    background: #fff;
    border-color: var(--od-border);
    font-weight: 500;
}
.notif-page .sticky-save-bar .btn-cancel:hover {
    background: #f5f7fb;
    border-color: var(--od-primary);
    color: var(--od-primary);
}
.notif-page .sticky-save-bar .btn-cancel .fa {
    margin-right: 5px;
    font-size: 11px;
    opacity: 0.7;
}
.notif-page .sticky-save-bar .unsaved-indicator {
    font-size: 12px;
    padding: 5px 12px;
    background: #fef6e0;
    border: 1px solid #f1c65c;
    border-radius: 14px;
    color: #7a5a17;
    animation: notif-pulse 2.2s ease-in-out infinite;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
@keyframes notif-pulse {
    0%, 100% { opacity: 1; }
    50%      { opacity: 0.6; }
}

/* Polished empty-state for the templates grid when no rows match. */
.notif-page .notif-grid-empty {
    text-align: center;
    padding: 60px 24px;
    color: var(--od-ink-subtle);
}
.notif-page .notif-grid-empty-icon {
    font-size: 40px;
    color: var(--od-border-strong, #c5cbd9);
    margin-bottom: 12px;
}
.notif-page .notif-grid-empty-title {
    font-family: Archivo, 'Segoe UI Variable', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: var(--od-primary);
    margin: 0 0 6px;
}
.notif-page .notif-grid-empty-desc {
    font-size: 13px;
    line-height: 1.5;
    max-width: 440px;
    margin: 0 auto 14px;
}

/* Fix the sticky nav bar z-index so it never overlaps the editor page header.
   The OneData chrome uses z-index: 1030 for the navbar; the breadcrumb + page
   header under it were sitting at default z-index 0 and got eaten on narrow
   viewports. Bump the page chrome and push the breadcrumb above. */
.notif-page .notif-page-header {
    position: relative;
    z-index: 5;
}
.notif-page .breadcrumb {
    position: relative;
    z-index: 4;
}

/* Save success toast — bottom-right, auto-fades via vm.saved timeout */
.notif-page .save-toast {
    position: fixed;
    right: 24px;
    bottom: 80px;
    z-index: 1090;
    padding: 10px 16px;
    background: #0a8754;
    color: #fff;
    border-radius: 6px;
    box-shadow: 0 6px 20px rgba(10, 135, 84, 0.35);
    font-size: 13px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
    animation: notif-save-toast-in 0.25s ease-out;
}
.notif-page .save-toast i {
    font-size: 16px;
}
@keyframes notif-save-toast-in {
    from { opacity: 0; transform: translateY(12px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* has-error polish — align the inline help-block message style with the
   warnings panel so the visual language is consistent across the form. */
.notif-page .form-group.has-error .help-block {
    color: #c0392b;
    font-size: 11px;
    margin-top: 4px;
}
.notif-page .form-group.has-error .help-block i {
    margin-right: 3px;
}

/* Sticky preview panel */
.template-preview-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 10px;
    max-height: calc(100vh - 80px);
    overflow-y: auto;
}

/* Preview panel */
.template-preview {
    font-family: Arial, sans-serif;
    font-size: 13px;
    line-height: 1.5;
}
.template-preview table { margin: 8px 0; }
.template-preview a { color: #337ab7; }

/* Preview subject bar */
.template-preview-subject {
    padding: 8px 12px;
    background: #f0f0f0;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
    font-size: 13px;
}

/* Preview body area — tall enough to show typical recall / EPCIS email without
   cutoff; caller controls the outer container scroll so we don't double-scroll. */
.template-preview-body {
    padding: 12px;
    min-height: 300px;
    overflow-y: visible;
    background: #fff;
}

/* Token panel search */
.token-panel-search {
    margin-bottom: 8px;
}

/* Token group header */
.token-group-header {
    margin: 8px 0 4px;
    font-weight: bold;
    font-size: 12px;
    color: #555;
}

/* Token buttons container */
.token-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
}

/* HTML token indicator */
.token-html-badge {
    font-size: 9px;
    margin-left: 2px;
    opacity: 0.7;
}

/* Syntax guide panel compact */
.syntax-guide-panel .panel-heading {
    padding: 6px 12px;
    cursor: pointer;
}
.syntax-guide-panel .panel-body {
    padding: 8px 12px;
    font-size: 12px;
}
.syntax-guide-panel table {
    margin-bottom: 5px;
}

/* Validation warnings */
.body-warnings {
    margin-top: 5px;
}
.body-warnings .label {
    margin-right: 4px;
    margin-bottom: 2px;
    display: inline-block;
}

/* Scenario selector in preview header */
.preview-scenario-select {
    width: 150px;
    display: inline-block;
    float: right;
    margin-top: -2px;
}

/* Send test inline form */
.send-test-inline {
    display: flex;
    gap: 5px;
    align-items: center;
    flex-wrap: wrap;
}

/* Trigger panel section sub-headers */
.trigger-section-header {
    margin: 0 0 12px 0;
    padding-bottom: 6px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 13px;
    font-weight: 600;
    color: #333;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}
.trigger-section-header i {
    margin-right: 6px;
}

/* Category description in email recipient token dropdown */
.ers-category-description {
    margin: 4px 8px 6px;
    font-size: 11px;
    color: #777;
    line-height: 1.4;
}

/* Responsive: stack on small screens */
@media (max-width: 991px) {
    .template-editor-row {
        flex-direction: column;
    }
    .template-preview-sticky {
        position: static;
    }
}

/* Utility classes extracted from inline styles */
.te-pointer { cursor: pointer; }
.te-fs-10 { font-size: 10px; }
.te-fs-11 { font-size: 11px; }
.te-fs-12 { font-size: 12px; }
.te-fs-11-m { font-size: 11px; margin: 4px 0 0; }
.te-ml-4 { margin-left: 4px; }
.te-mb-8 { margin-bottom: 8px; }
.te-mb-10 { margin-bottom: 10px; }
.te-scroll-300 { font-size: 12px; max-height: 300px; overflow-y: auto; }
.te-fs-10-ml-4 { font-size: 10px; margin-left: 4px; }
.te-pad-40 { padding: 40px; }
.te-dropdown-min { min-width: 200px; }
.te-help-block { font-size: 11px; margin-top: 2px; margin-bottom: 0; }
.te-alert-sm { font-size: 12px; }
.te-mt-10 { margin-top: 10px; }
.te-tab-mb { margin-bottom: 15px; }
.te-panel-heading-compact { cursor: pointer; padding: 6px 10px; font-size: 12px; }
.te-panel-body-compact { padding: 8px; font-size: 12px; }
.te-syntax-table { margin-bottom: 6px; font-size: 11px; }

/* Template admin icon sizing */
.ta-system-icon { margin-right: 4px; font-size: 11px; }

/* Accessible menu-item button styled as a dropdown link.
   Bootstrap 3's ul.dropdown-menu > li > a styles don't apply to <button>,
   so we mimic them here and drop the native button chrome. */
.te-menu-btn {
    display: block;
    width: 100%;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    text-align: left;
    background: transparent;
    border: 0;
    white-space: normal;
    cursor: pointer;
}
.te-menu-btn:hover,
.te-menu-btn:focus {
    color: #262626;
    background-color: #f5f5f5;
    text-decoration: none;
    outline: 0;
}

/* Additional single-use utility classes to replace remaining inline styles */
.te-width-auto-200 { width: auto; max-width: 200px; }
.te-pad-8-12 { padding: 8px 12px; }
.te-pad-4-8-fs-11 { padding: 4px 8px; font-size: 11px; }
.te-pad-10 { padding: 10px; }
.te-pad-0 { padding: 0; }
.te-mt-5-mb-5 { margin-top: 5px; margin-bottom: 5px; }
.te-mt-4 { margin-top: 4px; }
.te-mr-5 { margin-right: 5px; }
.te-mr-4-inline { margin-right: 4px; display: inline-block; white-space: normal; }
.te-ml-auto { margin-left: auto; }
.te-ml-6-fs-10 { margin-left: 6px; font-size: 10px; vertical-align: middle; }
.te-ml-2 { margin-left: 2px; }
.te-mb-8-pad-8-12 { margin-bottom: 8px; padding: 8px 12px; }
.te-mb-4-fs-11 { margin-bottom: 4px; font-size: 11px; }
.te-mb-15 { margin-bottom: 15px; }
.te-fs-13 { font-size: 13px; }
.te-fs-12-col-2 { font-size: 12px; column-count: 2; }
.te-fs-11-scroll-320 { font-size: 11px; max-height: 320px; overflow-y: auto; }
.te-fs-11-ml-4 { font-size: 11px; margin-left: 4px; }
.te-fs-11-mb-6 { font-size: 11px; margin-bottom: 6px; }
.te-fs-11-mb-10 { font-size: 11px; margin-bottom: 10px; }
.te-fs-11-mb-0-pad { font-size: 11px; margin-bottom: 0; padding: 6px 10px; }
.te-fs-11-m-0-8 { font-size: 11px; margin: 0 0 8px; }
.te-fs-11-m-0 { font-size: 11px; margin: 0; }
.te-fs-11-muted { font-size: 11px; color: #777; }
.te-fs-10-mr-4 { font-size: 10px; margin-right: 4px; }
.te-fs-10-ml-2 { font-size: 10px; margin-left: 2px; vertical-align: middle; }
.te-mono { font-family: Consolas, 'Courier New', monospace; font-size: 12px; }
.te-flex-1 { flex: 1; }
.te-flex-row { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.te-flex-row-sm { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 4px; }
.te-flex-between-6 { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 6px; }
.te-flex-between-4 { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 4px; }
.te-flex-center-10 { display: flex; align-items: center; gap: 10px; }

/* ============================================================================
 * notifications-triggers.css
 * Triggers-tab production polish — scoped entirely to .notif-page.
 * Light mode only. Requires notifications.css to be loaded first.
 * ========================================================================== */

/* ---- Trigger summary badge row ------------------------------------------ */
.notif-page .trigger-badge-row {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 12px;
}

.notif-page .trigger-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 12px 4px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.2px;
    border: 1px solid transparent;
    cursor: default;
    transition: box-shadow var(--od-transition);
}
.notif-page .trigger-badge:hover {
    box-shadow: var(--od-shadow-sm);
}
.notif-page .trigger-badge .tbd-dot {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    flex-shrink: 0;
}
.notif-page .trigger-badge.badge-ok {
    background: var(--od-success-bg);
    color: #145f31;
    border-color: #cfead9;
}
.notif-page .trigger-badge.badge-ok .tbd-dot { background: var(--od-success); }
.notif-page .trigger-badge.badge-err {
    background: var(--od-danger-bg);
    color: #7a1414;
    border-color: #f1c2c2;
}
.notif-page .trigger-badge.badge-err .tbd-dot { background: var(--od-danger); }

/* ---- Add Trigger split-button ------------------------------------------- */
.notif-page .trigger-add-bar {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 12px;
}
.notif-page .trigger-add-bar .btn-group > .btn-primary {
    border-radius: 6px 0 0 6px;
}
.notif-page .trigger-add-bar .btn-group > .dropdown-toggle {
    border-radius: 0 6px 6px 0;
    padding-left: 8px;
    padding-right: 8px;
    border-left: 1px solid rgba(255,255,255,0.25);
}

/* Enriched dropdown items — icon bubble + title + description */
.notif-page .trigger-add-bar .dropdown-menu {
    min-width: 280px;
}
.notif-page .trigger-add-bar .dropdown-menu > li > a {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 12px;
}
.notif-page .tdd-icon-bubble {
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    border-radius: var(--od-radius-sm);
    background: var(--od-surface-tint);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--od-primary-3);
    font-size: 13px;
    margin-top: 1px;
}
.notif-page .tdd-icon-bubble i.fa { color: var(--od-primary-3); }
.notif-page .tdd-text { display: flex; flex-direction: column; gap: 2px; }
.notif-page .tdd-title {
    font-size: 13px;
    font-weight: 600;
    color: var(--od-ink);
    line-height: 1.3;
}
.notif-page .tdd-desc {
    font-size: 11px;
    color: var(--od-ink-muted);
    line-height: 1.4;
}
.notif-page .trigger-add-bar .dropdown-menu > li > a:hover .tdd-icon-bubble {
    background: var(--od-primary-3);
}
.notif-page .trigger-add-bar .dropdown-menu > li > a:hover .tdd-icon-bubble i.fa { color: #fff; }
.notif-page .trigger-add-bar .dropdown-menu > li > a:hover .tdd-title { color: var(--od-primary); }

/* ---- Trigger card header ------------------------------------------------- */
.notif-page .trigger-card > .panel-heading {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    flex-wrap: nowrap;
    min-height: 48px;
    transition: background-color var(--od-transition);
}
/* Error state: danger-bg tint when no recipients */
.notif-page .trigger-card.trigger-card--error > .panel-heading {
    background: var(--od-danger-bg);
    border-bottom-color: #f1c2c2;
}

/* Status dot */
.notif-page .tch-status-dot {
    flex-shrink: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,0.7);
    box-shadow: 0 0 0 1px currentColor;
}
.notif-page .tch-status-dot.dot-ok    { color: var(--od-success); background: var(--od-success); }
.notif-page .tch-status-dot.dot-err   { color: var(--od-danger);  background: var(--od-danger); }
.notif-page .tch-status-dot.dot-warn  { color: var(--od-warning); background: var(--od-warning); }

/* Primary label (event type) */
.notif-page .tch-primary {
    font-size: 13px;
    font-weight: 600;
    color: var(--od-ink);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 340px;
}

/* Metadata cluster (connection, outcome, operation) */
.notif-page .tch-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    flex: 1;
    min-width: 0;
}
.notif-page .tch-meta-item {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    color: var(--od-ink-muted);
    white-space: nowrap;
}
.notif-page .tch-meta-item i.fa {
    font-size: 10px;
    color: var(--od-ink-subtle);
}
/* Recipients preview */
.notif-page .tch-recipients {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    color: var(--od-ink-muted);
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* "No recipients" error chip */
.notif-page .tch-no-recipients {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    border-radius: 999px;
    background: var(--od-danger-bg);
    color: #7a1414;
    border: 1px solid #f1c2c2;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    white-space: nowrap;
    flex-shrink: 0;
}

/* Spacer */
.notif-page .tch-spacer { flex: 1; min-width: 0; }

/* Header action buttons */
.notif-page .tch-actions {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}
.notif-page .tch-actions .btn-xs {
    width: 28px;
    height: 28px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--od-radius-sm);
    border: 1px solid var(--od-border);
    background: var(--od-surface);
    color: var(--od-ink-muted);
    transition: all var(--od-transition);
}
.notif-page .tch-actions .btn-xs:hover {
    background: var(--od-surface-subtle);
    color: var(--od-primary);
    border-color: var(--od-border-strong);
}
.notif-page .tch-actions .btn-xs.btn-danger {
    border-color: #f1c2c2;
    background: var(--od-danger-bg);
    color: var(--od-danger);
}
.notif-page .tch-actions .btn-xs.btn-danger:hover {
    background: var(--od-danger);
    color: #fff;
    border-color: var(--od-danger);
}

/* ---- Trigger card body — two-column section layout ----------------------- */
.notif-page .trigger-col-section {
    background: var(--od-surface-subtle);
    border: 1px solid var(--od-border);
    border-radius: var(--od-radius);
    padding: 14px 16px 10px;
    height: 100%;
}

/* Section header chip — small icon bubble + caps label */
.notif-page .trigger-section-header {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.9px;
    color: var(--od-primary);
    padding: 0;
    margin: 0 0 14px;
    border-bottom: none;
}
.notif-page .tsh-icon-bubble {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    border-radius: var(--od-radius-sm);
    background: var(--od-primary-3);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.notif-page .tsh-icon-bubble i.fa {
    font-size: 10px;
    color: #fff;
}

/* ---- Form groups inside trigger body ------------------------------------ */
.notif-page .trigger-col-section .form-group-sm { margin-bottom: 10px; }
.notif-page .trigger-col-section label.control-label {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    font-weight: 600;
    color: var(--od-ink);
    margin-bottom: 3px;
}
/* Help icon — small circle badge */
.notif-page .trigger-col-section label.control-label .fa-question-circle {
    font-size: 12px;
    color: var(--od-primary-3);
    opacity: 0.8;
    cursor: help;
    transition: opacity var(--od-transition), color var(--od-transition);
    margin-left: auto;
}
.notif-page .trigger-col-section label.control-label .fa-question-circle:hover {
    opacity: 1;
    color: var(--od-accent);
}

/* Help block — info callout style */
.notif-page .trigger-col-section .help-block {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    background: var(--od-info-bg);
    border-left: 3px solid var(--od-primary-3);
    border-radius: 0 var(--od-radius-sm) var(--od-radius-sm) 0;
    padding: 5px 8px;
    margin-top: 4px;
    font-size: 11px;
    color: var(--od-ink-muted);
    line-height: 1.5;
}
.notif-page .trigger-col-section .help-block i.fa {
    color: var(--od-primary-3);
    font-size: 11px;
    flex-shrink: 0;
    margin-top: 1px;
}

/* ---- Error code input + parsed chips ------------------------------------ */
.notif-page .trigger-code-wrap { position: relative; }
.notif-page .trigger-code-hint {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--od-ink-subtle);
    font-size: 11px;
    pointer-events: none;
    font-family: 'JetBrains Mono', Consolas, Menlo, monospace;
}
.notif-page .trigger-code-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 5px;
}
.notif-page .trigger-code-chip {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 999px;
    background: var(--od-surface-muted);
    border: 1px solid var(--od-border);
    color: var(--od-primary);
    font-family: 'JetBrains Mono', Consolas, Menlo, monospace;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.2px;
}

/* ---- Connection scope callout (company-wide / connection-specific) ------- */
.notif-page .trigger-scope-callout {
    display: flex;
    gap: 10px;
    padding: 9px 12px;
    border-radius: var(--od-radius);
    border-left-width: 3px;
    border-left-style: solid;
    font-size: 12px;
    line-height: 1.5;
    margin-top: 4px;
}
.notif-page .trigger-scope-callout.scope-global {
    background: var(--od-surface-muted);
    border-color: var(--od-border-strong);
    color: var(--od-ink-muted);
}
.notif-page .trigger-scope-callout.scope-connection {
    background: var(--od-info-bg);
    border-color: var(--od-primary-3);
    color: var(--od-ink);
}
.notif-page .trigger-scope-callout i.fa {
    flex-shrink: 0;
    margin-top: 2px;
    font-size: 13px;
}
.notif-page .trigger-scope-callout.scope-global   i.fa { color: var(--od-ink-subtle); }
.notif-page .trigger-scope-callout.scope-connection i.fa { color: var(--od-primary-3); }

/* ---- "Always company-wide" paragraph for investigator cases ------------- */
.notif-page .trigger-scope-static {
    display: flex;
    gap: 10px;
    padding: 9px 12px;
    border-radius: var(--od-radius);
    background: var(--od-surface-muted);
    border-left: 3px solid var(--od-border-strong);
    color: var(--od-ink-muted);
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 10px;
}
.notif-page .trigger-scope-static i.fa {
    flex-shrink: 0;
    margin-top: 2px;
    color: var(--od-ink-subtle);
}

/* ---- Column gap separator ----------------------------------------------- */
/* Override the default .col-sm-6 padding to create a visible gutter */
.notif-page .trigger-card .panel-body > .row { margin: 0 -8px; }
.notif-page .trigger-card .panel-body > .row > [class*="col-"] { padding: 0 8px; }

/* ---- Responsive --------------------------------------------------------- */
@media (max-width: 767px) {
    .notif-page .trigger-card > .panel-heading { flex-wrap: wrap; }
    .notif-page .tch-primary { max-width: 100%; }
    .notif-page .trigger-col-section { margin-bottom: 10px; height: auto; }
    .notif-page .trigger-add-bar .dropdown-menu { min-width: 240px; }
    .notif-page .trigger-badge-row { gap: 4px; }
}

/* ============================================================================
 * Trigger card layout v2 — tighter, better use of horizontal space
 * ========================================================================== */

/* Cap select + input widths so they don't stretch full-width */
.notif-page .trigger-card .panel-body select.form-control,
.notif-page .trigger-card .panel-body input.form-control {
    max-width: 440px;
}

/* Trigger body row as flex with gap between the two columns */
.notif-page .trigger-card .panel-body > .row {
    display: flex;
    gap: 16px;
    margin: 0;
}
.notif-page .trigger-card .panel-body > .row > [class*="col-"] {
    flex: 1 1 0;
    min-width: 0;
    float: none;
    width: auto;
    padding: 0;
}

/* Inside each column, use CSS grid so short fields can pair up side-by-side
   when there is room. Full-width children (callouts, recipient selector,
   code-chip preview) span both columns. */
.notif-page .trigger-card .trigger-col-section {
    padding: 16px;
}
.notif-page .trigger-card .trigger-col-section > .trigger-section-header {
    margin-bottom: 14px;
}
.notif-page .trigger-card .trigger-col-section > .trigger-section-header ~ * {
    /* Each subsequent element gets grid placement via wrapper trick below */
}

/* Wrap: we can't restructure the HTML easily, so instead lay out every direct
   child after the section header as a grid item with span:1. Explicit
   span:all for known wide children. */
.notif-page .trigger-card .trigger-col-section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 14px;
    row-gap: 12px;
    align-items: start;
}
.notif-page .trigger-card .trigger-col-section > .trigger-section-header {
    grid-column: 1 / -1;
}
.notif-page .trigger-card .trigger-col-section > .form-group,
.notif-page .trigger-card .trigger-col-section > .form-group-sm {
    margin: 0;
    grid-column: span 1;
}
/* Wide children force full-row */
.notif-page .trigger-card .trigger-col-section > .form-group:has(email-recipient-selector),
.notif-page .trigger-card .trigger-col-section > .form-group:has(textarea),
.notif-page .trigger-card .trigger-col-section > .form-group-sm:has(email-recipient-selector),
.notif-page .trigger-card .trigger-col-section > .form-group-sm:has(textarea),
.notif-page .trigger-card .trigger-col-section > .trigger-scope-callout,
.notif-page .trigger-card .trigger-col-section > .trigger-scope-static {
    grid-column: 1 / -1;
}

/* Tighter labels */
.notif-page .trigger-card .trigger-col-section > .form-group > label.control-label,
.notif-page .trigger-card .trigger-col-section > .form-group-sm > label.control-label {
    font-size: 10.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--od-ink-muted);
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 5px;
}
.notif-page .trigger-card .trigger-col-section > .form-group > label.control-label > small,
.notif-page .trigger-card .trigger-col-section > .form-group-sm > label.control-label > small {
    text-transform: none;
    letter-spacing: normal;
    font-weight: 400;
    color: var(--od-ink-subtle);
    font-size: 10px;
}

/* Help-block subtle callout — just below the input in the grid cell */
.notif-page .trigger-card .trigger-col-section .help-block,
.notif-page .trigger-card .trigger-col-section .form-group > p.help-block,
.notif-page .trigger-card .trigger-col-section .form-group-sm > p.help-block {
    margin: 4px 0 0;
    padding: 4px 8px;
    background: var(--od-surface-subtle);
    border-left: 2px solid var(--od-primary-3);
    border-radius: 0 4px 4px 0;
    font-size: 11px;
    line-height: 1.45;
    color: var(--od-ink-muted);
}
.notif-page .trigger-card .trigger-col-section .help-block .fa { color: var(--od-primary-3); margin-right: 3px; }

/* Selects + inputs share a compact visual rhythm */
.notif-page .trigger-card .trigger-col-section select.form-control,
.notif-page .trigger-card .trigger-col-section input.form-control {
    height: 34px;
    font-size: 13px;
    padding: 6px 10px;
    border-radius: 6px;
    max-width: 100%;
}

/* Code-chip preview under the error-code input */
.notif-page .trigger-code-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 6px;
}
.notif-page .trigger-code-chip {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 999px;
    background: var(--od-surface-muted);
    border: 1px solid var(--od-border);
    font-family: 'JetBrains Mono', Consolas, monospace;
    font-size: 11px;
    color: var(--od-primary);
}

/* Scope callouts compact */
.notif-page .trigger-scope-callout,
.notif-page .trigger-scope-static {
    margin: 0;
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 12px;
    line-height: 1.5;
}

/* Responsive: stack back to one column when trigger card gets narrow */
@media (max-width: 1199px) {
    .notif-page .trigger-card .panel-body > .row { flex-direction: column; }
    .notif-page .trigger-card .trigger-col-section { grid-template-columns: 1fr; }
}

/* =============================================================================
 * Email Recipient Selector — production UI polish
 * Scoped entirely under .notif-page. Light mode only.
 * References CSS custom properties defined in notifications.css.
 * =========================================================================== */

/* ---- Container ------------------------------------------------------------ */
.notif-page .ers-container {
    position: relative;
}

/* ---- Input area (tag + text field wrapper) -------------------------------- */
.notif-page .ers-input-area {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 6px;
    min-height: 40px;
    padding: 6px 8px;
    border: 1px solid var(--od-border);
    border-radius: var(--od-radius-sm);
    background: var(--od-surface);
    cursor: text;
    transition: border-color var(--od-transition), box-shadow var(--od-transition);
    /* override Bootstrap .form-control height */
    height: auto;
}

.notif-page .ers-input-area:focus-within {
    border-color: var(--od-primary-3);
    box-shadow: var(--od-ring);
    outline: none;
}

/* ---- Tag chips ------------------------------------------------------------ */
.notif-page .ers-tag {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 4px 3px 8px;
    border-radius: 999px;
    font-size: 12px;
    line-height: 1.4;
    max-width: 280px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-shrink: 0;
    transition: box-shadow var(--od-transition);
}

/* Email tag — neutral pill */
.notif-page .ers-tag.ers-tag-email {
    background: var(--od-surface);
    border: 1px solid var(--od-border);
    color: var(--od-ink);
}

.notif-page .ers-tag.ers-tag-email:hover {
    box-shadow: var(--od-shadow-sm);
    border-color: var(--od-border-strong);
}

/* Placeholder (dynamic) tag — accent-tinted pill */
.notif-page .ers-tag.ers-tag-placeholder {
    background: rgba(161, 25, 132, 0.08);
    border: 1px solid rgba(161, 25, 132, 0.22);
    color: var(--od-accent);
}

.notif-page .ers-tag.ers-tag-placeholder:hover {
    background: rgba(161, 25, 132, 0.13);
    box-shadow: var(--od-shadow-sm);
}

.notif-page .ers-tag.ers-tag-placeholder .ers-tag-label {
    font-family: 'JetBrains Mono', Consolas, Menlo, monospace;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.01em;
}

/* Tag icon */
.notif-page .ers-tag-icon {
    font-size: 11px;
    flex-shrink: 0;
    opacity: 0.75;
}

/* Tag label */
.notif-page .ers-tag-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Remove button */
.notif-page .ers-tag-remove {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: transparent;
    color: inherit;
    opacity: 0.45;
    cursor: pointer;
    flex-shrink: 0;
    transition: opacity var(--od-transition), background var(--od-transition);
    line-height: 1;
}

.notif-page .ers-tag-remove:hover,
.notif-page .ers-tag-remove:focus-visible {
    opacity: 1;
    background: rgba(0, 0, 0, 0.10);
    outline: none;
}

.notif-page .ers-tag-remove:focus-visible {
    box-shadow: var(--od-ring);
}

.notif-page .ers-tag-remove .fa {
    font-size: 9px;
}

/* ---- Inline controls (input + trigger button) ----------------------------- */
.notif-page .ers-inline-controls {
    display: inline-flex;
    align-items: center;
    flex: 1 1 120px;
    min-width: 80px;
    gap: 4px;
}

/* Text input */
.notif-page .ers-text-input {
    flex: 1 1 80px;
    min-width: 60px;
    height: 28px;
    padding: 0 4px;
    border: none;
    background: transparent;
    outline: none;
    box-shadow: none;
    font-size: 13px;
    color: var(--od-ink);
    font-family: inherit;
    line-height: 1;
}

/* Placeholder text — muted italic */
.notif-page .ers-text-input::placeholder {
    color: var(--od-ink-subtle);
    font-style: italic;
}

/* ---- Dropdown trigger button ---------------------------------------------- */
.notif-page .ers-dropdown-trigger {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 8px;
    height: 28px;
    border: 1px solid transparent;
    border-radius: var(--od-radius-sm);
    background: transparent;
    color: var(--od-accent);
    font-size: 12px;
    cursor: pointer;
    flex-shrink: 0;
    white-space: nowrap;
    transition: background var(--od-transition),
                color var(--od-transition),
                border-color var(--od-transition);
}

.notif-page .ers-dropdown-trigger:hover {
    background: var(--od-accent);
    color: #fff;
    border-color: var(--od-accent);
}

.notif-page .ers-dropdown-trigger:focus-visible {
    outline: none;
    box-shadow: var(--od-ring);
}

.notif-page .ers-caret {
    font-size: 10px;
    opacity: 0.75;
}

/* ---- Error text ----------------------------------------------------------- */
.notif-page .ers-error-text {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 5px;
    padding: 4px 10px 4px 10px;
    border-left: 3px solid var(--od-danger);
    border-radius: 0 var(--od-radius-sm) var(--od-radius-sm) 0;
    background: var(--od-danger-bg);
    color: var(--od-danger);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
}

.notif-page .ers-error-text .fa {
    flex-shrink: 0;
    font-size: 13px;
}

/* ---- Dropdown panel ------------------------------------------------------- */
.notif-page .ers-dropdown {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 6px);
    z-index: 1055;
    background: var(--od-surface);
    border: 1px solid var(--od-border);
    border-radius: var(--od-radius);
    box-shadow: var(--od-shadow-lg);
    overflow: hidden;
}

/* ---- Category tabs -------------------------------------------------------- */
.notif-page .ers-category-tabs-wrap {
    overflow-x: auto;
    padding: 10px 10px 0;
    scrollbar-width: none;
}

.notif-page .ers-category-tabs-wrap::-webkit-scrollbar {
    display: none;
}

.notif-page .ers-category-tabs {
    display: inline-flex;
    gap: 2px;
    padding: 3px;
    background: var(--od-surface-muted);
    border: 1px solid var(--od-border);
    border-radius: 999px;
    min-width: 100%;
    box-sizing: border-box;
}

.notif-page .ers-cat-tab {
    flex: 1 1 auto;
    padding: 5px 12px;
    border: none;
    border-radius: 999px;
    background: transparent;
    color: var(--od-ink-muted);
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    white-space: nowrap;
    transition: background var(--od-transition),
                color var(--od-transition),
                box-shadow var(--od-transition);
}

.notif-page .ers-cat-tab:hover {
    color: var(--od-primary);
    background: rgba(50, 92, 176, 0.08);
}

.notif-page .ers-cat-tab.active {
    background: var(--od-surface);
    color: var(--od-primary);
    font-weight: 600;
    box-shadow: var(--od-shadow-sm);
}

.notif-page .ers-cat-tab:focus-visible {
    outline: none;
    box-shadow: var(--od-ring);
}

/* ---- Partial-availability badge on a tab --------------------------------- */
.notif-page .ers-cat-tab.is-partial {
    color: #8a6d3b;
}
.notif-page .ers-cat-tab.is-partial.active {
    color: #fff;
    background: #c9a227;
    border-color: #c9a227;
}
.notif-page .ers-cat-tab-badge {
    margin-left: 4px;
    font-size: 10px;
    color: #c9a227;
}
.notif-page .ers-cat-tab.active .ers-cat-tab-badge {
    color: #fff;
}
.notif-page .ers-cat-partial-hint {
    display: block;
    margin-top: 6px;
    padding: 6px 8px;
    background: #fcf4d8;
    border-left: 3px solid #c9a227;
    border-radius: 4px;
    font-size: 11px;
    color: #7a5a17;
}
.notif-page .ers-cat-partial-hint i {
    margin-right: 4px;
}

/* ---- Empty state (no categories resolve for the trigger type) ----------- */
.notif-page .ers-empty-state {
    padding: 18px 14px;
    text-align: center;
    font-size: 12px;
    color: var(--od-ink-subtle);
    background: #fafbfd;
    border-radius: 6px;
    margin: 8px 12px 12px;
}
.notif-page .ers-empty-state i {
    margin-right: 4px;
    color: var(--od-primary);
}

/* ---- Category description ------------------------------------------------- */
.notif-page .ers-category-description {
    margin: 8px 12px 6px;
    font-size: 12px;
    color: var(--od-ink-subtle);
    line-height: 1.5;
}

/* ---- Token list ----------------------------------------------------------- */
.notif-page .ers-token-list {
    list-style: none;
    margin: 0;
    padding: 4px 8px 10px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
}

@media (max-width: 479px) {
    .notif-page .ers-token-list {
        grid-template-columns: 1fr;
    }
}

.notif-page .ers-token-list-item {
    display: contents;
}

/* Token button */
.notif-page .ers-token-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    padding: 7px 10px;
    border: 1px solid var(--od-border);
    border-radius: var(--od-radius-sm);
    background: var(--od-surface);
    color: var(--od-ink);
    font-size: 12px;
    text-align: left;
    cursor: pointer;
    transition: background var(--od-transition),
                border-color var(--od-transition),
                box-shadow var(--od-transition),
                color var(--od-transition);
}

.notif-page .ers-token-item:hover:not([disabled]) {
    background: var(--od-surface-subtle);
    border-color: var(--od-primary-3);
    box-shadow: var(--od-shadow-sm);
    color: var(--od-primary);
}

.notif-page .ers-token-item:focus-visible {
    outline: none;
    box-shadow: var(--od-ring);
}

/* Token item body (label + key stacked) */
.notif-page .ers-token-item-body {
    display: flex;
    flex-direction: column;
    gap: 1px;
    overflow: hidden;
    flex: 1 1 0;
    min-width: 0;
}

.notif-page .ers-token-item-label {
    display: block;
    font-size: 12px;
    font-weight: 500;
    color: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.notif-page .ers-token-item-key {
    display: block;
    font-family: 'JetBrains Mono', Consolas, Menlo, monospace;
    font-size: 10px;
    color: var(--od-ink-subtle);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Code icon (right side, shown when not duplicate) */
.notif-page .ers-token-icon {
    font-size: 11px;
    color: var(--od-accent);
    flex-shrink: 0;
    opacity: 0.65;
    transition: opacity var(--od-transition);
}

.notif-page .ers-token-item:hover:not([disabled]) .ers-token-icon {
    opacity: 1;
}

/* "Used" / duplicate state */
.notif-page .ers-token-item.ers-token-used {
    background: var(--od-surface-muted);
    border-color: var(--od-border);
    color: var(--od-ink-subtle);
    cursor: default;
    opacity: 0.72;
}

.notif-page .ers-token-item.ers-token-used .ers-token-item-label {
    text-decoration: line-through;
}

.notif-page .ers-token-item.ers-token-used .ers-token-item-key {
    text-decoration: line-through;
}

/* Check icon (visible when duplicate) */
.notif-page .ers-token-check {
    font-size: 11px;
    color: var(--od-success);
    flex-shrink: 0;
}