/* Minification failed. Returning unminified contents.
(6,10): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,42): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,59): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,74): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,88): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,105): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,122): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,138): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,153): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,168): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,181): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,196): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,216): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,234): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,254): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,272): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,287): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,305): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,322): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,338): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,353): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,371): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,393): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,415): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,437): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,460): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,656): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1353,23): run-time error CSS1039: Token not allowed after unary operator: '-mat-focus-indicator-display'
(1354,22): run-time error CSS1039: Token not allowed after unary operator: '-mat-focus-indicator-border-width'
(1354,67): run-time error CSS1039: Token not allowed after unary operator: '-mat-focus-indicator-border-style'
(1354,114): run-time error CSS1039: Token not allowed after unary operator: '-mat-focus-indicator-border-color'
(1355,29): run-time error CSS1039: Token not allowed after unary operator: '-mat-focus-indicator-border-radius'
(1363,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1375,23): run-time error CSS1039: Token not allowed after unary operator: '-mat-mdc-focus-indicator-display'
(1376,22): run-time error CSS1039: Token not allowed after unary operator: '-mat-mdc-focus-indicator-border-width'
(1376,71): run-time error CSS1039: Token not allowed after unary operator: '-mat-mdc-focus-indicator-border-style'
(1376,122): run-time error CSS1039: Token not allowed after unary operator: '-mat-mdc-focus-indicator-border-color'
(1377,29): run-time error CSS1039: Token not allowed after unary operator: '-mat-mdc-focus-indicator-border-radius'
(1385,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1393,17): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-text-primary-on-background'
(1401,17): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-primary'
(1405,17): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-secondary'
(1409,17): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-error'
(1413,17): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-text-primary-on-background'
(1486,21): run-time error CSS1038: Expected hex color, found '#0003'
(1490,32): run-time error CSS1038: Expected hex color, found '#0003'
(1494,32): run-time error CSS1038: Expected hex color, found '#0003'
(1498,32): run-time error CSS1038: Expected hex color, found '#0003'
(1502,32): run-time error CSS1038: Expected hex color, found '#0003'
(1506,32): run-time error CSS1038: Expected hex color, found '#0003'
(1510,32): run-time error CSS1038: Expected hex color, found '#0003'
(1514,32): run-time error CSS1038: Expected hex color, found '#0003'
(1518,32): run-time error CSS1038: Expected hex color, found '#0003'
(1522,32): run-time error CSS1038: Expected hex color, found '#0003'
(1526,32): run-time error CSS1038: Expected hex color, found '#0003'
(1530,32): run-time error CSS1038: Expected hex color, found '#0003'
(1534,32): run-time error CSS1038: Expected hex color, found '#0003'
(1538,32): run-time error CSS1038: Expected hex color, found '#0003'
(1542,32): run-time error CSS1038: Expected hex color, found '#0003'
(1546,32): run-time error CSS1038: Expected hex color, found '#0003'
(1550,33): run-time error CSS1038: Expected hex color, found '#0003'
(1554,33): run-time error CSS1038: Expected hex color, found '#0003'
(1558,33): run-time error CSS1038: Expected hex color, found '#0003'
(1562,33): run-time error CSS1038: Expected hex color, found '#0003'
(1566,34): run-time error CSS1038: Expected hex color, found '#0003'
(1570,34): run-time error CSS1038: Expected hex color, found '#0003'
(1574,34): run-time error CSS1038: Expected hex color, found '#0003'
(1578,34): run-time error CSS1038: Expected hex color, found '#0003'
(1582,34): run-time error CSS1038: Expected hex color, found '#0003'
(1592,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-body1-font-family'
(1592,63): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-font-family'
(1593,21): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-body1-font-size'
(1594,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-body1-line-height'
(1595,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-body1-font-weight'
(1596,26): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-body1-letter-spacing'
(1600,32): run-time error CSS1038: Expected hex color, found '#0003'
(1601,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1605,21): run-time error CSS1038: Expected hex color, found '#0003'
(1606,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1616,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-headline6-font-family'
(1616,67): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-font-family'
(1617,21): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-headline6-font-size'
(1618,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-headline6-line-height'
(1619,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-headline6-font-weight'
(1620,26): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-headline6-letter-spacing'
(1621,35): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-headline6-text-decoration'
(1622,27): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-headline6-text-decoration'
(1623,26): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-headline6-text-transform'
(1629,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle2-font-family'
(1629,67): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-font-family'
(1630,21): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle2-font-size'
(1631,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle2-line-height'
(1632,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle2-font-weight'
(1633,26): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle2-letter-spacing'
(1634,35): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle2-text-decoration'
(1635,27): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle2-text-decoration'
(1636,26): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle2-text-transform'
(1640,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1652,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1664,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1676,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1677,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1681,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1682,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1683,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1684,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1688,12): run-time error CSS1038: Expected hex color, found '#0009'
(1697,16): run-time error CSS1038: Expected hex color, found '#0009'
(1703,16): run-time error CSS1038: Expected hex color, found '#0009'
(1708,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-primary'
(1712,12): run-time error CSS1038: Expected hex color, found '#0009'
(1716,12): run-time error CSS1038: Expected hex color, found '#0009'
(1728,12): run-time error CSS1038: Expected hex color, found '#0009'
(1732,12): run-time error CSS1038: Expected hex color, found '#0009'
(1736,28): run-time error CSS1039: Token not allowed after unary operator: '-mdc-ripple-color'
(1740,19): run-time error CSS1039: Token not allowed after unary operator: '-mdc-ripple-hover-opacity'
(1744,19): run-time error CSS1039: Token not allowed after unary operator: '-mdc-ripple-focus-opacity'
(1760,31): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-primary'
(1772,24): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-primary'
(1776,28): run-time error CSS1039: Token not allowed after unary operator: '-mdc-ripple-color'
(1784,31): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-error'
(1788,31): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-error'
(1792,17): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-error'
(1796,17): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-error'
(1800,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-error'
(1804,17): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-error'
(1808,31): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-error'
(1812,24): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-error'
(1816,24): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-error'
(1820,24): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-error'
(1938,17): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-error'
(1974,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-secondary'
(1978,31): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-secondary'
(1986,31): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-error'
(1990,31): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-error'
(1994,17): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-error'
(1998,17): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-error'
(2002,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-error'
(2006,17): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-error'
(2010,31): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-error'
(2014,24): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-error'
(2018,24): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-error'
(2022,24): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-error'
(2026,24): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-secondary'
(2030,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-error'
(2034,31): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-error'
(2042,31): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-error'
(2046,31): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-error'
(2050,17): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-error'
(2054,17): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-error'
(2058,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-error'
(2062,17): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-error'
(2066,31): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-error'
(2070,24): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-error'
(2074,24): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-error'
(2078,24): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-error'
(2082,24): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-error'
(2103,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2104,21): run-time error CSS1039: Token not allowed after unary operator: '-mat-mdc-form-field-label-transform'
(2125,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle1-font-family'
(2125,67): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-font-family'
(2126,21): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle1-font-size'
(2127,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle1-font-weight'
(2128,26): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle1-letter-spacing'
(2129,35): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle1-text-decoration'
(2130,27): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle1-text-decoration'
(2131,26): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle1-text-transform'
(2141,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle1-font-family'
(2141,67): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-font-family'
(2142,21): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle1-font-size'
(2143,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle1-font-weight'
(2144,26): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle1-letter-spacing'
(2145,35): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle1-text-decoration'
(2146,27): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle1-text-decoration'
(2147,26): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle1-text-transform'
(2153,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-caption-font-family'
(2153,65): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-font-family'
(2154,21): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-caption-font-size'
(2155,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-caption-line-height'
(2156,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-caption-font-weight'
(2157,26): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-caption-letter-spacing'
(2158,35): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-caption-text-decoration'
(2159,27): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-caption-text-decoration'
(2160,26): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-caption-text-transform'
(2166,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-body1-font-family'
(2166,63): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-font-family'
(2167,21): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-body1-font-size'
(2168,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-body1-line-height'
(2169,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-body1-font-weight'
(2170,26): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-body1-letter-spacing'
(2171,35): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-body1-text-decoration'
(2172,27): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-body1-text-decoration'
(2173,26): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-body1-text-transform'
(2177,37): run-time error CSS1039: Token not allowed after unary operator: '-mat-mdc-form-field-floating-label-scale'
(2189,12): run-time error CSS1038: Expected hex color, found '#0009'
(2219,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle1-font-family'
(2219,67): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-font-family'
(2220,21): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle1-font-size'
(2221,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle1-line-height'
(2222,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle1-font-weight'
(2223,26): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle1-letter-spacing'
(2224,35): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle1-text-decoration'
(2225,27): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle1-text-decoration'
(2226,26): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle1-text-transform'
(2233,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-body1-font-family'
(2233,63): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-font-family'
(2234,21): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-body1-font-size'
(2235,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-body1-line-height'
(2236,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-body1-font-weight'
(2237,26): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-body1-letter-spacing'
(2238,35): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-body1-text-decoration'
(2239,27): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-body1-text-decoration'
(2240,26): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-body1-text-transform'
(2246,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle1-font-family'
(2246,67): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-font-family'
(2247,21): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle1-font-size'
(2248,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle1-line-height'
(2249,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle1-font-weight'
(2250,26): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle1-letter-spacing'
(2251,35): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle1-text-decoration'
(2252,27): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle1-text-decoration'
(2253,26): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle1-text-transform'
(2258,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2259,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2260,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2261,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2265,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2266,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2267,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2268,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2269,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2270,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2271,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2272,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2273,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2274,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2278,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2279,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2280,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2281,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2282,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2283,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2284,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2285,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2286,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2290,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2291,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2292,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2293,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2294,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2295,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2296,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2297,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2298,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2302,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2303,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2304,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2305,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2306,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2307,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2308,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2309,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2310,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2314,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2315,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2316,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2317,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2318,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2319,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2320,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2321,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2322,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2336,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-body2-font-family'
(2336,63): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-font-family'
(2337,21): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-body2-font-size'
(2338,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-body2-line-height'
(2339,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-body2-font-weight'
(2340,26): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-body2-letter-spacing'
(2341,35): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-body2-text-decoration'
(2342,27): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-body2-text-decoration'
(2343,26): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-body2-text-transform'
(2347,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2348,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2349,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2350,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2351,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2352,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2353,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2354,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2355,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2356,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2357,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2358,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2359,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2360,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2361,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2362,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2363,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2364,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2365,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2366,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2370,21): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-text-primary-on-background'
(2378,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2379,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2380,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2381,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2382,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2383,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2384,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2385,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2386,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2387,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2388,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2392,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2393,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2394,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2395,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2396,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2397,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2398,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2399,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2400,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2401,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2402,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2406,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2407,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2408,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2409,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2410,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2411,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2412,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2413,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2414,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2415,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2416,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2420,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2424,17): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-text-primary-on-background'
(2428,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2429,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2430,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2431,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2432,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2433,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2434,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2435,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2436,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2437,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2438,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2439,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2447,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2448,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2449,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2450,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2451,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2452,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2453,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2454,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2455,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2456,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2457,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2458,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2466,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2467,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2468,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2469,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2470,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2471,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2472,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2473,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2474,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2475,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2476,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2477,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2504,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2505,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2506,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2507,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2508,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2509,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2510,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2514,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2515,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2516,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2517,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2518,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2519,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2520,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2521,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2522,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2523,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2527,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2528,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2529,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2530,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2531,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2532,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2533,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2534,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2535,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2536,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2540,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2541,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2542,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2543,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2544,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2545,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2546,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2547,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2548,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2549,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2553,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2554,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2555,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2556,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2557,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2561,32): run-time error CSS1038: Expected hex color, found '#0003'
(2562,28): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-surface'
(2563,17): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-on-surface'
(2567,17): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-text-primary-on-background'
(2571,17): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-text-secondary-on-background'
(2575,17): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-text-hint-on-background'
(2583,17): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-text-icon-on-background'
(2587,17): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-text-hint-on-background'
(2595,17): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-on-surface'
(2599,17): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-primary'
(2603,17): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-text-primary-on-background'
(2615,17): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-text-disabled-on-background'
(2619,17): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-text-primary-on-background'
(2629,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle1-font-family'
(2629,67): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-font-family'
(2630,21): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle1-font-size'
(2631,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle1-line-height'
(2632,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle1-font-weight'
(2633,26): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle1-letter-spacing'
(2634,35): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle1-text-decoration'
(2635,27): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle1-text-decoration'
(2636,26): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle1-text-transform'
(2643,27): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-body1-font-family'
(2643,67): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-font-family'
(2644,25): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-body1-font-size'
(2645,27): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-body1-line-height'
(2646,27): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-body1-font-weight'
(2647,30): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-body1-letter-spacing'
(2648,39): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-body1-text-decoration'
(2649,31): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-body1-text-decoration'
(2650,30): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-body1-text-transform'
(2654,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2655,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2656,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2657,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2658,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2659,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2660,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2661,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2662,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2663,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2664,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2665,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2666,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2667,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2668,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2669,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2670,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2674,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2675,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2676,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2677,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2678,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2679,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2680,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2681,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2682,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2683,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2684,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2688,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2689,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2690,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2691,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2692,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2693,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2694,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2695,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2696,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2697,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2698,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2699,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2707,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2708,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2709,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2710,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2711,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2712,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2713,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2714,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2715,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2716,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2717,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2721,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2722,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2723,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2724,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2725,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2726,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2727,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2728,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2729,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2730,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2731,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2732,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2740,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2741,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2742,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2743,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2744,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2745,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2746,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2747,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2748,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2749,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2750,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2754,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2755,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2756,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2757,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2758,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2759,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2760,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2761,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2762,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2763,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2764,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2765,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2781,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2782,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2783,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2795,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2796,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2797,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2798,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2799,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2800,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2801,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2802,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2803,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2804,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2805,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2806,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2807,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2808,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2809,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2855,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2856,21): run-time error CSS1039: Token not allowed after unary operator: '-mat-mdc-form-field-label-transform'
(2885,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-caption-font-family'
(2885,65): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-font-family'
(2886,21): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-caption-font-size'
(2887,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-caption-line-height'
(2888,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-caption-font-weight'
(2889,26): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-caption-letter-spacing'
(2890,35): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-caption-text-decoration'
(2891,27): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-caption-text-decoration'
(2892,26): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-caption-text-transform'
(2900,23): run-time error CSS1038: Expected hex color, found '#0000'
(2904,16): run-time error CSS1038: Expected hex color, found '#0009'
(2916,28): run-time error CSS1039: Token not allowed after unary operator: '-mdc-tab-indicator-active-indicator-color'
(2928,24): run-time error CSS1039: Token not allowed after unary operator: '-mdc-tab-indicator-active-indicator-color'
(2940,24): run-time error CSS1039: Token not allowed after unary operator: '-mdc-tab-indicator-active-indicator-color'
(2948,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2949,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2953,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2954,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2958,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2959,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2963,24): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-on-surface'
(2973,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-button-font-family'
(2973,64): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-font-family'
(2974,21): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-button-font-size'
(2975,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-button-line-height'
(2976,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-button-font-weight'
(2977,26): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-button-letter-spacing'
(2978,35): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-button-text-decoration'
(2979,27): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-button-text-decoration'
(2980,26): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-button-text-transform'
(2984,17): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-text-primary-on-background'
(2996,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2997,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2998,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2999,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3000,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3001,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3002,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3003,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3004,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3005,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3006,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3018,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3019,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3020,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3021,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3022,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3023,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3024,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3025,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3026,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3027,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3028,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3040,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3041,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3042,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3043,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3044,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3045,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3046,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3047,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3048,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3049,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3050,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3066,25): run-time error CSS1039: Token not allowed after unary operator: '-mdc-checkbox-ripple-size'
(3067,24): run-time error CSS1039: Token not allowed after unary operator: '-mdc-checkbox-touch-target-size'
(3071,25): run-time error CSS1039: Token not allowed after unary operator: '-mdc-checkbox-ripple-size'
(3072,26): run-time error CSS1039: Token not allowed after unary operator: '-mdc-checkbox-ripple-size'
(3076,32): run-time error CSS1039: Token not allowed after unary operator: '-mdc-checkbox-touch-target-size'
(3077,34): run-time error CSS1039: Token not allowed after unary operator: '-mdc-checkbox-touch-target-size'
(3078,33): run-time error CSS1039: Token not allowed after unary operator: '-mdc-checkbox-touch-target-size'
(3079,21): run-time error CSS1039: Token not allowed after unary operator: '-mdc-checkbox-touch-target-size'
(3080,22): run-time error CSS1039: Token not allowed after unary operator: '-mdc-checkbox-touch-target-size'
(3092,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-body2-font-family'
(3092,63): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-font-family'
(3093,21): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-body2-font-size'
(3094,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-body2-line-height'
(3095,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-body2-font-weight'
(3096,26): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-body2-letter-spacing'
(3097,35): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-body2-text-decoration'
(3098,27): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-body2-text-decoration'
(3099,26): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-body2-text-transform'
(3103,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3107,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3111,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3115,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3119,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3120,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3124,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3125,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3129,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3130,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3134,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3135,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3139,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3140,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3144,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3145,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3146,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3147,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3151,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3152,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3156,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3157,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3161,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3162,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3166,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3167,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3171,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3172,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3173,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3174,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3175,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3179,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3183,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3187,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3191,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3195,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3199,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3200,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3201,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3202,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3206,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3207,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3223,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3224,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3228,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3229,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3233,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3234,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3238,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3239,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3255,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3256,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3260,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3261,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3265,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3266,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3276,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-button-font-family'
(3276,64): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-font-family'
(3277,21): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-button-font-size'
(3278,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-button-line-height'
(3279,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-button-font-weight'
(3280,26): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-button-letter-spacing'
(3281,35): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-button-text-decoration'
(3282,27): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-button-text-decoration'
(3283,26): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-button-text-transform'
(3287,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3288,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3304,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3305,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3310,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3314,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3315,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3319,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3323,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3327,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3331,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3332,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3367,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3368,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3384,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3385,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3389,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3390,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3394,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3395,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3399,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3400,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3401,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3405,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3406,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3407,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3411,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3412,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3413,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3417,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3418,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3419,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3423,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3424,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3425,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3431,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-button-font-family'
(3431,64): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-font-family'
(3432,21): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-button-font-size'
(3433,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-button-line-height'
(3434,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-button-font-weight'
(3435,26): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-button-letter-spacing'
(3436,35): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-button-text-decoration'
(3437,27): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-button-text-decoration'
(3438,26): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-button-text-transform'
(3442,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3443,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3444,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3448,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3449,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3450,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3451,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3455,28): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-surface'
(3464,28): run-time error CSS1039: Token not allowed after unary operator: '-mdc-theme-surface'
(3510,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-body2-font-family'
(3510,63): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-font-family'
(3511,21): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-body2-font-size'
(3512,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-body2-line-height'
(3513,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-body2-font-weight'
(3514,26): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-body2-letter-spacing'
(3515,35): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-body2-text-decoration'
(3516,27): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-body2-text-decoration'
(3517,26): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-body2-text-transform'
(3523,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle2-font-family'
(3523,67): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-font-family'
(3524,21): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle2-font-size'
(3525,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle2-line-height'
(3526,23): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle2-font-weight'
(3527,26): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle2-letter-spacing'
(3528,35): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle2-text-decoration'
(3529,27): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle2-text-decoration'
(3530,26): run-time error CSS1039: Token not allowed after unary operator: '-mdc-typography-subtitle2-text-transform'
(3534,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3538,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3542,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3768,33): run-time error CSS1038: Expected hex color, found '#0003'
(3782,32): run-time error CSS1038: Expected hex color, found '#0003'
(3873,19): run-time error CSS1038: Expected hex color, found '#0000'
(3944,32): run-time error CSS1038: Expected hex color, found '#0003'
(4044,34): run-time error CSS1038: Expected hex color, found '#0003'
(4130,36): run-time error CSS1038: Expected hex color, found '#0003'
(4228,37): run-time error CSS1038: Expected hex color, found '#0003'
(4246,23): run-time error CSS1038: Expected hex color, found '#0009'
(4296,23): run-time error CSS1038: Expected hex color, found '#0000'
(4574,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4575,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4576,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4577,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4578,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4579,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4580,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4581,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4582,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4583,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4584,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4585,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4586,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4587,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4588,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4589,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4590,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4591,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4592,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4593,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4594,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4595,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4596,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4597,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4598,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4599,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4600,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4601,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14089,23): run-time error CSS1038: Expected hex color, found '#0000'
(14845,19): run-time error CSS1038: Expected hex color, found '#0000'
(15219,77): run-time error CSS1030: Expected identifier, found '.'
(15219,92): run-time error CSS1031: Expected selector, found ')'
(15219,92): run-time error CSS1025: Expected comma or open brace, found ')'
(15271,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-border'
(15272,28): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-base'
(15496,23): run-time error CSS1038: Expected hex color, found '#0003'
(16147,21): run-time error CSS1063: Expected calculation unit, found 'inherit'
(16147,21): run-time error CSS1064: Expected calculation product, found 'inherit'
(16147,21): run-time error CSS1065: Expected calculation sum, found 'inherit'
(16147,21): run-time error CSS1034: Expected closing parenthesis, found 'inherit'
(16147,21): run-time error CSS1042: Expected function, found 'inherit'
(16147,31): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(19863,17): run-time error CSS1039: Token not allowed after unary operator: '-blue-color'
(19887,32): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(19888,21): run-time error CSS1039: Token not allowed after unary operator: '-grey-color'
(19889,32): run-time error CSS1039: Token not allowed after unary operator: '-grey-color-light'
(20072,31): run-time error CSS1038: Expected hex color, found '#0003'
(28140,10): run-time error CSS1030: Expected identifier, found '.'
(28140,51): run-time error CSS1031: Expected selector, found ')'
(28140,51): run-time error CSS1025: Expected comma or open brace, found ')'
(28144,10): run-time error CSS1030: Expected identifier, found '.'
(28144,51): run-time error CSS1031: Expected selector, found ')'
(28144,51): run-time error CSS1025: Expected comma or open brace, found ')'
(33457,28): run-time error CSS1039: Token not allowed after unary operator: '-Brand-Ecolab-Blue'
(33462,22): run-time error CSS1039: Token not allowed after unary operator: '-Brand-Ecolab-Blue'
(33611,32): run-time error CSS1038: Expected hex color, found '#0003'
 */
/*!
 * Bootstrap v4.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]){color:inherit;text-decoration:none}a:not([href]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:80%;color:#6c757d}.blockquote-footer::before{content:"\2014\00A0"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#6c757d}code{font-size:87.5%;color:#e83e8c;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-sm-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-sm-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-sm-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-md-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-md-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-md-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-md-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-md-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-md-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-lg-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-lg-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-lg-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-xl-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-xl-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-xl-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.table{width:100%;margin-bottom:1rem;color:#212529}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table-sm td,.table-sm th{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{color:#212529;background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{border-color:#7abaff}.table-hover .table-primary:hover{background-color:#9fcdff}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#d6d8db}.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{border-color:#b3b7bb}.table-hover .table-secondary:hover{background-color:#c8cbcf}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#c8cbcf}.table-success,.table-success>td,.table-success>th{background-color:#c3e6cb}.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{border-color:#8fd19e}.table-hover .table-success:hover{background-color:#b1dfbb}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>td,.table-info>th{background-color:#bee5eb}.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{border-color:#86cfda}.table-hover .table-info:hover{background-color:#abdde5}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{border-color:#ffdf7e}.table-hover .table-warning:hover{background-color:#ffe8a1}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb}.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:#ed969e}.table-hover .table-danger:hover{background-color:#f1b0b7}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>td,.table-light>th{background-color:#fdfdfe}.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{border-color:#fbfcfc}.table-hover .table-light:hover{background-color:#ececf6}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#95999c}.table-hover .table-dark:hover{background-color:#b9bbbe}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#fff;background-color:#343a40;border-color:#454d55}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#343a40}.table-dark td,.table-dark th,.table-dark thead th{border-color:#454d55}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;font-size:1rem;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.form-control-lg{height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}select.form-control[multiple],select.form-control[size]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#28a745}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(40,167,69,.9);border-radius:.25rem}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:#28a745;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-valid,.was-validated .custom-select:valid{border-color:#28a745;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)}.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#28a745}.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{border-color:#28a745}.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{border-color:#34ce57;background-color:#34ce57}.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before{border-color:#28a745}.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#28a745}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-invalid,.was-validated .custom-select:invalid{border-color:#dc3545;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)}.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#dc3545}.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{border-color:#dc3545}.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{border-color:#e4606d;background-color:#e4606d}.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before{border-color:#dc3545}.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#dc3545}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .custom-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;-ms-flex-negative:0;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212529;text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#0069d9;border-color:#0062cc;box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.btn-secondary.focus,.btn-secondary:focus{color:#fff;background-color:#5a6268;border-color:#545b62;box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#218838;border-color:#1e7e34;box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#138496;border-color:#117a8b;box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}.btn-warning.focus,.btn-warning:focus{color:#212529;background-color:#e0a800;border-color:#d39e00;box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c82333;border-color:#bd2130;box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}.btn-light.focus,.btn-light:focus{color:#212529;background-color:#e2e6ea;border-color:#dae0e5;box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark.focus,.btn-dark:focus{color:#fff;background-color:#23272b;border-color:#1d2124;box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-outline-primary{color:#007bff;border-color:#007bff}.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#007bff;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-secondary{color:#6c757d;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-success{color:#28a745;border-color:#28a745}.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;background-color:transparent}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-info{color:#17a2b8;border-color:#17a2b8}.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;background-color:transparent}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-warning{color:#ffc107;border-color:#ffc107}.btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-danger{color:#dc3545;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-dark{color:#343a40;border-color:#343a40}.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;background-color:transparent}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-link{font-weight:400;color:#007bff;text-decoration:none}.btn-link:hover{color:#0056b3;text-decoration:underline}.btn-link.focus,.btn-link:focus{text-decoration:underline;box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#6c757d;pointer-events:none}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu-left{right:auto;left:0}.dropdown-menu-right{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-left{right:auto;left:0}.dropdown-menu-sm-right{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-left{right:auto;left:0}.dropdown-menu-md-right{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-left{right:auto;left:0}.dropdown-menu-lg-right{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-left{right:auto;left:0}.dropdown-menu-xl-right{right:0;left:auto}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}.btn-group,.btn-group-vertical{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1}.btn-toolbar{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropleft .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext{position:relative;-ms-flex:1 1 0%;flex:1 1 0%;min-width:0;margin-bottom:0}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control{margin-left:-1px}.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-append,.input-group-prepend{display:-ms-flexbox;display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn:focus,.input-group-prepend .btn:focus{z-index:3}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group-lg>.custom-select,.input-group-lg>.form-control:not(textarea){height:calc(1.5em + 1rem + 2px)}.input-group-lg>.custom-select,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea){height:calc(1.5em + .5rem + 2px)}.input-group-sm>.custom-select,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.input-group-lg>.custom-select,.input-group-sm>.custom-select{padding-right:1.75rem}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.custom-control{position:relative;display:block;min-height:1.5rem;padding-left:1.5rem}.custom-control-inline{display:-ms-inline-flexbox;display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;left:0;z-index:-1;width:1rem;height:1.25rem;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#007bff;background-color:#007bff}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#80bdff}.custom-control-input:not(:disabled):active~.custom-control-label::before{color:#fff;background-color:#b3d7ff;border-color:#b3d7ff}.custom-control-input:disabled~.custom-control-label,.custom-control-input[disabled]~.custom-control-label{color:#6c757d}.custom-control-input:disabled~.custom-control-label::before,.custom-control-input[disabled]~.custom-control-label::before{background-color:#e9ecef}.custom-control-label{position:relative;margin-bottom:0;vertical-align:top}.custom-control-label::before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";background-color:#fff;border:#adb5bd solid 1px}.custom-control-label::after{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background:no-repeat 50%/50% 50%}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{border-color:#007bff;background-color:#007bff}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-radio .custom-control-label::before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-switch{padding-left:2.25rem}.custom-switch .custom-control-label::before{left:-2.25rem;width:1.75rem;pointer-events:all;border-radius:.5rem}.custom-switch .custom-control-label::after{top:calc(.25rem + 2px);left:calc(-2.25rem + 2px);width:calc(1rem - 4px);height:calc(1rem - 4px);background-color:#adb5bd;border-radius:.5rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-switch .custom-control-label::after{transition:none}}.custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#fff;-webkit-transform:translateX(.75rem);transform:translateX(.75rem)}.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-select{display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;vertical-align:middle;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#6c757d;background-color:#e9ecef}.custom-select::-ms-expand{display:none}.custom-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}.custom-select-sm{height:calc(1.5em + .5rem + 2px);padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem}.custom-select-lg{height:calc(1.5em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}.custom-file{position:relative;display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(1.5em + .75rem + 2px);margin:0;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-file-input:disabled~.custom-file-label,.custom-file-input[disabled]~.custom-file-label{background-color:#e9ecef}.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}.custom-file-input~.custom-file-label[data-browse]::after{content:attr(data-browse)}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:calc(1.5em + .75rem);padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:inherit;border-radius:0 .25rem .25rem 0}.custom-range{width:100%;height:1.4rem;padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#007bff;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#007bff;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{-moz-transition:none;transition:none}}.custom-range::-moz-range-thumb:active{background-color:#b3d7ff}.custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#007bff;border:0;border-radius:1rem;-ms-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{-ms-transition:none;transition:none}}.custom-range::-ms-thumb:active{background-color:#b3d7ff}.custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}.custom-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.custom-range:disabled::-webkit-slider-runnable-track{cursor:default}.custom-range:disabled::-moz-range-thumb{background-color:#adb5bd}.custom-range:disabled::-moz-range-track{cursor:default}.custom-range:disabled::-ms-thumb{background-color:#adb5bd}.custom-control-label::before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-control-label::before,.custom-file-label,.custom-select{transition:none}}.nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}.nav-fill .nav-item{-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}.nav-justified .nav-item{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem}.navbar .container,.navbar .container-fluid,.navbar .container-lg,.navbar .container-md,.navbar .container-sm,.navbar .container-xl{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat center center;background-size:100% 100%}@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl{padding-right:0;padding-left:0}}@media (min-width:576px){.navbar-expand-sm{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-sm .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-expand-md{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-md .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl{padding-right:0;padding-left:0}}@media (min-width:1200px){.navbar-expand-xl{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-xl .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-body{-ms-flex:1 1 auto;flex:1 1 auto;min-height:1px;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem}.card-img,.card-img-bottom,.card-img-top{-ms-flex-negative:0;flex-shrink:0;width:100%}.card-img,.card-img-top{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{-ms-flex:1 0 0%;flex:1 0 0%;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group>.card{-ms-flex:1 0 0%;flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.accordion>.card{overflow:hidden}.accordion>.card:not(:last-of-type){border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion>.card:not(:first-of-type){border-top-left-radius:0;border-top-right-radius:0}.accordion>.card>.card-header{border-radius:0;margin-bottom:-1px}.breadcrumb{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:3;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.badge{transition:none}}a.badge:focus,a.badge:hover{text-decoration:none}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-primary{color:#fff;background-color:#007bff}a.badge-primary:focus,a.badge-primary:hover{color:#fff;background-color:#0062cc}a.badge-primary.focus,a.badge-primary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.badge-secondary{color:#fff;background-color:#6c757d}a.badge-secondary:focus,a.badge-secondary:hover{color:#fff;background-color:#545b62}a.badge-secondary.focus,a.badge-secondary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.badge-success{color:#fff;background-color:#28a745}a.badge-success:focus,a.badge-success:hover{color:#fff;background-color:#1e7e34}a.badge-success.focus,a.badge-success:focus{outline:0;box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.badge-info{color:#fff;background-color:#17a2b8}a.badge-info:focus,a.badge-info:hover{color:#fff;background-color:#117a8b}a.badge-info.focus,a.badge-info:focus{outline:0;box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.badge-warning{color:#212529;background-color:#ffc107}a.badge-warning:focus,a.badge-warning:hover{color:#212529;background-color:#d39e00}a.badge-warning.focus,a.badge-warning:focus{outline:0;box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.badge-danger{color:#fff;background-color:#dc3545}a.badge-danger:focus,a.badge-danger:hover{color:#fff;background-color:#bd2130}a.badge-danger.focus,a.badge-danger:focus{outline:0;box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.badge-light{color:#212529;background-color:#f8f9fa}a.badge-light:focus,a.badge-light:hover{color:#212529;background-color:#dae0e5}a.badge-light.focus,a.badge-light:focus{outline:0;box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.badge-dark{color:#fff;background-color:#343a40}a.badge-dark:focus,a.badge-dark:hover{color:#fff;background-color:#1d2124}a.badge-dark.focus,a.badge-dark:focus{outline:0;box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}@media (min-width:576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}@media (prefers-reduced-motion:reduce){.progress-bar-animated{-webkit-animation:none;animation:none}}.media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.media-body{-ms-flex:1;flex:1}.list-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}.list-group-horizontal{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal .list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal .list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal .list-group-item.active{margin-top:0}.list-group-horizontal .list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal .list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}@media (min-width:576px){.list-group-horizontal-sm{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-sm .list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-sm .list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-sm .list-group-item.active{margin-top:0}.list-group-horizontal-sm .list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-sm .list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:768px){.list-group-horizontal-md{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-md .list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-md .list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-md .list-group-item.active{margin-top:0}.list-group-horizontal-md .list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-md .list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:992px){.list-group-horizontal-lg{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-lg .list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-lg .list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-lg .list-group-item.active{margin-top:0}.list-group-horizontal-lg .list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-lg .list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:1200px){.list-group-horizontal-xl{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-xl .list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xl .list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-xl .list-group-item.active{margin-top:0}.list-group-horizontal-xl .list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-xl .list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}.list-group-flush .list-group-item{border-right-width:0;border-left-width:0;border-radius:0}.list-group-flush .list-group-item:first-child{border-top-width:0}.list-group-flush:last-child .list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{color:#004085;background-color:#b8daff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#004085;background-color:#9fcdff}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#004085;border-color:#004085}.list-group-item-secondary{color:#383d41;background-color:#d6d8db}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383d41;background-color:#c8cbcf}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383d41;border-color:#383d41}.list-group-item-success{color:#155724;background-color:#c3e6cb}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#155724;background-color:#b1dfbb}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#155724;border-color:#155724}.list-group-item-info{color:#0c5460;background-color:#bee5eb}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#0c5460;background-color:#abdde5}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0c5460;border-color:#0c5460}.list-group-item-warning{color:#856404;background-color:#ffeeba}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#856404;background-color:#ffe8a1}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#856404;border-color:#856404}.list-group-item-danger{color:#721c24;background-color:#f5c6cb}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#721c24;background-color:#f1b0b7}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#721c24;border-color:#721c24}.list-group-item-light{color:#818182;background-color:#fdfdfe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#818182;background-color:#ececf6}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#818182;border-color:#818182}.list-group-item-dark{color:#1b1e21;background-color:#c6c8ca}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#1b1e21;background-color:#b9bbbe}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:hover{color:#000;text-decoration:none}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:.75}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}a.close.disabled{pointer-events:none}.toast{max-width:350px;overflow:hidden;font-size:.875rem;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .25rem .75rem rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;border-radius:.25rem}.toast:not(:last-child){margin-bottom:.75rem}.toast.showing{opacity:1}.toast.show{display:block;opacity:1}.toast.hide{display:none}.toast-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.25rem .75rem;color:#6c757d;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05)}.toast-body{padding:.75rem}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{-webkit-transform:none;transform:none}.modal.modal-static .modal-dialog{-webkit-transform:scale(1.02);transform:scale(1.02)}.modal-dialog-scrollable{display:-ms-flexbox;display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{-ms-flex-negative:0;flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);content:""}.modal-dialog-centered.modal-dialog-scrollable{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}.modal-footer>*{margin:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .arrow::after,.popover .arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto[x-placement^=top]>.arrow,.bs-popover-top>.arrow{bottom:calc(-.5rem - 1px)}.bs-popover-auto[x-placement^=top]>.arrow::before,.bs-popover-top>.arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=top]>.arrow::after,.bs-popover-top>.arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem}.bs-popover-auto[x-placement^=right]>.arrow,.bs-popover-right>.arrow{left:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=right]>.arrow::before,.bs-popover-right>.arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=right]>.arrow::after,.bs-popover-right>.arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}.bs-popover-auto[x-placement^=bottom]>.arrow,.bs-popover-bottom>.arrow{top:calc(-.5rem - 1px)}.bs-popover-auto[x-placement^=bottom]>.arrow::before,.bs-popover-bottom>.arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=bottom]>.arrow::after,.bs-popover-bottom>.arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f7f7f7}.bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem}.bs-popover-auto[x-placement^=left]>.arrow,.bs-popover-left>.arrow{right:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=left]>.arrow::before,.bs-popover-left>.arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=left]>.arrow::after,.bs-popover-left>.arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}.carousel{position:relative}.carousel.pointer-event{-ms-touch-action:pan-y;touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left){-webkit-transform:translateX(100%);transform:translateX(100%)}.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right){-webkit-transform:translateX(-100%);transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;-webkit-transform:none;transform:none}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:no-repeat 50%/100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{box-sizing:content-box;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators li{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@-webkit-keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1}}@keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:spinner-grow .75s linear infinite;animation:spinner-grow .75s linear infinite}.spinner-grow-sm{width:1rem;height:1rem}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.bg-primary{background-color:#007bff!important}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#0062cc!important}.bg-secondary{background-color:#6c757d!important}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#545b62!important}.bg-success{background-color:#28a745!important}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:#007bff!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded-sm{border-radius:.2rem!important}.rounded{border-radius:.25rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-lg{border-radius:.3rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-0{border-radius:0!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.min-vw-100{min-width:100vw!important}.min-vh-100{min-height:100vh!important}.vw-100{width:100vw!important}.vh-100{height:100vh!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:rgba(0,0,0,0)}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-n1{margin:-.25rem!important}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}.m-sm-n3{margin:-1rem!important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}.m-sm-n4{margin:-1.5rem!important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}.m-sm-n5{margin:-3rem!important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-n1{margin:-.25rem!important}.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}.m-md-n2{margin:-.5rem!important}.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}.m-md-n3{margin:-1rem!important}.mt-md-n3,.my-md-n3{margin-top:-1rem!important}.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}.m-md-n4{margin:-1.5rem!important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}.m-md-n5{margin:-3rem!important}.mt-md-n5,.my-md-n5{margin-top:-3rem!important}.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}.ml-md-n5,.mx-md-n5{margin-left:-3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-n1{margin:-.25rem!important}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}.m-lg-n3{margin:-1rem!important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}.m-lg-n4{margin:-1.5rem!important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}.m-lg-n5{margin:-3rem!important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-n1{margin:-.25rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}.m-xl-n3{margin:-1rem!important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}.m-xl-n5{margin:-3rem!important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important}.text-justify{text-align:justify!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-lighter{font-weight:lighter!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-weight-bolder{font-weight:bolder!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0056b3!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#494f54!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#19692c!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#0f6674!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#ba8b00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#a71d2a!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#cbd3da!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#121416!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.text-decoration-none{text-decoration:none!important}.text-break{word-break:break-word!important;overflow-wrap:break-word!important}.text-reset{color:inherit!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}.table-dark{color:inherit}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}.table .thead-dark th{color:inherit;border-color:#dee2e6}}
/*# sourceMappingURL=bootstrap.min.css.map */
.contentScroll {
    position: absolute;
    top: 120px; /* Adjust to start below the navbar */
    left: 0;
    width: 100%;
    height: calc(100vh - 120px); /* Full viewport height minus 120px */
    overflow-y: auto; /* Enables scrolling within the div */
    background: #f4f4f4; /* Optional background color */
    padding: 20px;
}
/* Move down content because we have a fixed navbar that is 50px tall */
body {
    background-color: white;
    padding-bottom: 20px;
    font-family: 'Roboto', sans-serif;
}

    body nav {
        /*padding-top: 50px;*/
        line-height: 1;
    }

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input[type="text"],
input[type="password"] {
    max-width: 280px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #cccccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #ffffff;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }

.main {
    background-color: #fff;
}

    .main section {
        background-position: center center;
        background-repeat: no-repeat;
        background: no-repeat center center;
        background-size: cover;
        position: relative;
    }

        .main section .container {
            position: relative;
        }

.mainPadding {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.paddingLeftRight {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

section.features_teasers_wrapper {
    margin: 0 0 0 0;
}

    section.features_teasers_wrapper .feature_teaser {
        text-align: left;
    }

        section.features_teasers_wrapper .feature_teaser h3 {
            font-size: 16px;
            font-weight: 800;
            text-transform: uppercase;
            word-spacing: 1px;
        }

.MenuFont {
    font-size: 14px !important;
}

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
    background-color: #007ac9 !important;
}

.navbar-dark .navbar-nav .nav-link {
    color: #ffffff !important;
}

    .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
        color: #ffffff !important;
    }

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.eot');
    src: url('https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.woff') format('woff'),url('https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('https://netdna.bootstrapcdn.com/bootstrap/3.0.0/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: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.glyphicon-asterisk:before {
    content: "\2a";
}

.glyphicon-plus:before {
    content: "\2b";
}

.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-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-print:before {
    content: "\e045";
}

.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-eye-open:before {
    content: "\e105";
}

.glyphicon-eye-close:before {
    content: "\e106";
}

.glyphicon-warning-sign:before {
    content: "\e107";
}

.glyphicon-plane:before {
    content: "\e108";
}

.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-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-tasks:before {
    content: "\e137";
}

.glyphicon-filter:before {
    content: "\e138";
}

.glyphicon-fullscreen:before {
    content: "\e140";
}

.glyphicon-dashboard:before {
    content: "\e141";
}

.glyphicon-heart-empty:before {
    content: "\e143";
}

.glyphicon-link:before {
    content: "\e144";
}

.glyphicon-phone:before {
    content: "\e145";
}

.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-briefcase:before {
    content: "\1f4bc";
}

.glyphicon-calendar:before {
    content: "\1f4c5";
}

.glyphicon-pushpin:before {
    content: "\1f4cc";
}

.glyphicon-paperclip:before {
    content: "\1f4ce";
}

.glyphicon-camera:before {
    content: "\1f4f7";
}

.glyphicon-lock:before {
    content: "\1f512";
}

.glyphicon-bell:before {
    content: "\1f514";
}

.glyphicon-bookmark:before {
    content: "\1f516";
}

.glyphicon-fire:before {
    content: "\1f525";
}

.glyphicon-wrench:before {
    content: "\1f527";
}

.glyphicon-wrench:before {
    content: "\1f527";
}


@media (min-width: 1200px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 85% !important;
        padding-left: 1px;
        padding-right: 1px;
    }
}

.breadcrumb {
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 10px !important;
    margin-bottom: 5px;
}

.navbar {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

#cookieConsent {
    background-color: #eee;
    background-color: rgba(255, 238, 238, 0.8);
    min-height: 150px;
    font-size: 14px;
    color: #000;
    line-height: 26px;
    padding: 8px 0 8px 30px;
    font-family: "Roboto",sans-serif;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 9999;
}

    #cookieConsent a {
        color: #4B8EE7;
        text-decoration: none;
    }

#closeCookieConsent {
    float: right;
    display: inline-block;
    cursor: pointer;
    height: 20px;
    width: 20px;
    margin: -15px 0 0 0;
    font-weight: bold;
}

    #closeCookieConsent:hover {
        color: #FFF;
    }

#cookieConsent a.cookieConsentOK {
    background-color: #F1D600;
    color: #000;
    display: inline-block;
    border-radius: 5px;
    padding: 0 20px;
    cursor: pointer;
    float: right;
    margin: 0 60px 0 10px;
}

    #cookieConsent a.cookieConsentOK:hover {
        background-color: #E0C91F;
    }

a.disabled {
    pointer-events: none;
    cursor: default;
}

.cardsNoPadding {
    display: block;
}

.cardsPadding {
    display: none;
}

.cardsMPadding {
    display: none;
}

@media (max-width:1025px) and (min-width:767px) {
    .cardsNoPadding {
        display: none;
    }

    .cardsMPadding {
        display: none;
    }

    .cardsPadding {
        display: block;
    }
}

@media (max-width:1600px) and (min-width:1026px) {
    .cardsNoPadding {
        display: none;
    }

    .cardsPadding {
        display: none;
    }

    .cardsMPadding {
        display: block;
    }
}

.RadTreeView.rtChecked:before {
    content: none !important;
}

.RadTreeView .rtUnchecked:before {
    content: none !important;
}

/* take a tour custom css */
.introjs-button {
    text-shadow: none !important;
    background-color: #007ac9 !important;
    color: white !important;
}

.introjs-disabled {
    background-color: #5eb6e4 !important;
    color: white !important;
}

.introjs-bullets {
    pointer-events: none;
}

#dialog-confirm {
    display: none;
}

.checkbox-lbl {
    float: left;
    display: inline-block;
    margin-top: 1em;
    font-size: medium;
}

#MainContent_rbSubscriptionED_0 {
    margin-right: 5px !important;
}

#MainContent_rbSubscriptionED_1 {
    margin-right: 5px !important;
}

.FormatRadioButtonList input {
    margin-right: 5px;
}

.FormatRadioButtonList label {
    margin-right: 5px;
}

input#MainContent_cbAuthBasic {
    margin-right: 5px;
}

input#MainContent_cbAuthAdd {
    margin-right: 5px;
}
/*.dropdown:hover > .dropdown-menu {
    display: block;
}
.dropdown > .dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
/* pointer-events: none;
}*/

.rgAdd {
    background-color: #25a0da !important;
}

    .rgAdd:hover, rgRefresh:hover {
        background-color: #ffffff !important;
        border-color: white !important;
    }

.rgRefresh {
    background-color: #25a0da !important;
}

    .rgRefresh:hover {
        background-color: #ffffff !important;
        border-color: white !important;
    }


.mat-ripple {
    overflow: hidden;
    position: relative
}

    .mat-ripple:not(:empty) {
        transform: translateZ(0)
    }

    .mat-ripple.mat-ripple-unbounded {
        overflow: visible
    }

.mat-ripple-element {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    transition: opacity,transform 0ms cubic-bezier(0,0,.2,1);
    transform: scale3d(0,0,0)
}

.cdk-high-contrast-active .mat-ripple-element {
    display: none
}

.cdk-visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    left: 0
}

[dir=rtl] .cdk-visually-hidden {
    left: auto;
    right: 0
}

.cdk-overlay-container, .cdk-global-overlay-wrapper {
    pointer-events: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.cdk-overlay-container {
    position: fixed;
    z-index: 1000
}

    .cdk-overlay-container:empty {
        display: none
    }

.cdk-global-overlay-wrapper {
    display: flex;
    position: absolute;
    z-index: 1000
}

.cdk-overlay-pane {
    position: absolute;
    pointer-events: auto;
    box-sizing: border-box;
    z-index: 1000;
    display: flex;
    max-width: 100%;
    max-height: 100%
}

.cdk-overlay-backdrop {
    position: absolute;
    inset: 0;
    z-index: 1000;
    pointer-events: auto;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    transition: opacity .4s cubic-bezier(.25,.8,.25,1);
    opacity: 0
}

    .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
        opacity: 1
    }

.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: .6
}

.cdk-overlay-dark-backdrop {
    background: rgba(0,0,0,.32)
}

.cdk-overlay-transparent-backdrop {
    transition: visibility 1ms linear,opacity 1ms linear;
    visibility: hidden;
    opacity: 1
}

    .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
        opacity: 0;
        visibility: visible
    }

.cdk-overlay-backdrop-noop-animation {
    transition: none
}

.cdk-overlay-connected-position-bounding-box {
    position: absolute;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    min-width: 1px;
    min-height: 1px
}

.cdk-global-scrollblock {
    position: fixed;
    width: 100%;
    overflow-y: scroll
}

textarea.cdk-textarea-autosize {
    resize: none
}

textarea.cdk-textarea-autosize-measuring {
    padding: 2px 0 !important;
    box-sizing: content-box !important;
    height: auto !important;
    overflow: hidden !important
}

textarea.cdk-textarea-autosize-measuring-firefox {
    padding: 2px 0 !important;
    box-sizing: content-box !important;
    height: 0 !important
}

@keyframes cdk-text-field-autofill-start {
}

@keyframes cdk-text-field-autofill-end {
}

.cdk-text-field-autofill-monitored:-webkit-autofill {
    animation: cdk-text-field-autofill-start 0s 1ms
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
    animation: cdk-text-field-autofill-end 0s 1ms
}

.mat-focus-indicator {
    position: relative
}

    .mat-focus-indicator:before {
        inset: 0;
        position: absolute;
        box-sizing: border-box;
        pointer-events: none;
        display: var(--mat-focus-indicator-display, none);
        border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
        border-radius: var(--mat-focus-indicator-border-radius, 4px)
    }

    .mat-focus-indicator:focus:before {
        content: ""
    }

.cdk-high-contrast-active {
    --mat-focus-indicator-display: block
}

.mat-mdc-focus-indicator {
    position: relative
}

    .mat-mdc-focus-indicator:before {
        inset: 0;
        position: absolute;
        box-sizing: border-box;
        pointer-events: none;
        display: var(--mat-mdc-focus-indicator-display, none);
        border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
        border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px)
    }

    .mat-mdc-focus-indicator:focus:before {
        content: ""
    }

.cdk-high-contrast-active {
    --mat-mdc-focus-indicator-display: block
}

.mat-ripple-element {
    background-color: #0000001a
}

.mat-mdc-option {
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))
}

    .mat-mdc-option:hover:not(.mdc-list-item--disabled), .mat-mdc-option:focus:not(.mdc-list-item--disabled), .mat-mdc-option.mat-mdc-option-active, .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mdc-list-item--disabled) {
        background: rgba(0,0,0,.04)
    }

.mat-primary .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
    color: var(--mdc-theme-primary, #673ab7)
}

.mat-accent .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
    color: var(--mdc-theme-secondary, #ffd740)
}

.mat-warn .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
    color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-optgroup-label {
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))
}

.mat-pseudo-checkbox-full {
    color: #0000008a
}

    .mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled {
        color: #b0b0b0
    }

.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after, .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after {
    color: #673ab7
}

.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full, .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
    background: #673ab7
}

    .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after, .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after {
        color: #fafafa
    }

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after {
    color: #ffd740
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
    background: #ffd740
}

    .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after {
        color: #fafafa
    }

.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after, .mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after {
    color: #ffd740
}

.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full, .mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
    background: #ffd740
}

    .mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after, .mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after {
        color: #fafafa
    }

.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after, .mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after {
    color: #f44336
}

.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full, .mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
    background: #f44336
}

    .mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after, .mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after {
        color: #fafafa
    }

.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after, .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after {
    color: #b0b0b0
}

.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full, .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
    background: #b0b0b0
}

.mat-app-background {
    background-color: #fafafa;
    color: #000000de
}

.mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 {
    box-shadow: 0 0 #0003,0 0 #00000024,0 0 #0000001f
}

.mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 {
    box-shadow: 0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f
}

.mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 {
    box-shadow: 0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f
}

.mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 {
    box-shadow: 0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f
}

.mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 {
    box-shadow: 0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f
}

.mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 {
    box-shadow: 0 3px 5px -1px #0003,0 5px 8px #00000024,0 1px 14px #0000001f
}

.mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 {
    box-shadow: 0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f
}

.mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 {
    box-shadow: 0 4px 5px -2px #0003,0 7px 10px 1px #00000024,0 2px 16px 1px #0000001f
}

.mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 {
    box-shadow: 0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f
}

.mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 {
    box-shadow: 0 5px 6px -3px #0003,0 9px 12px 1px #00000024,0 3px 16px 2px #0000001f
}

.mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 {
    box-shadow: 0 6px 6px -3px #0003,0 10px 14px 1px #00000024,0 4px 18px 3px #0000001f
}

.mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 {
    box-shadow: 0 6px 7px -4px #0003,0 11px 15px 1px #00000024,0 4px 20px 3px #0000001f
}

.mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 {
    box-shadow: 0 7px 8px -4px #0003,0 12px 17px 2px #00000024,0 5px 22px 4px #0000001f
}

.mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 {
    box-shadow: 0 7px 8px -4px #0003,0 13px 19px 2px #00000024,0 5px 24px 4px #0000001f
}

.mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 {
    box-shadow: 0 7px 9px -4px #0003,0 14px 21px 2px #00000024,0 5px 26px 4px #0000001f
}

.mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 {
    box-shadow: 0 8px 9px -5px #0003,0 15px 22px 2px #00000024,0 6px 28px 5px #0000001f
}

.mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 {
    box-shadow: 0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f
}

.mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 {
    box-shadow: 0 8px 11px -5px #0003,0 17px 26px 2px #00000024,0 6px 32px 5px #0000001f
}

.mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 {
    box-shadow: 0 9px 11px -5px #0003,0 18px 28px 2px #00000024,0 7px 34px 6px #0000001f
}

.mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 {
    box-shadow: 0 9px 12px -6px #0003,0 19px 29px 2px #00000024,0 7px 36px 6px #0000001f
}

.mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 {
    box-shadow: 0 10px 13px -6px #0003,0 20px 31px 3px #00000024,0 8px 38px 7px #0000001f
}

.mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 {
    box-shadow: 0 10px 13px -6px #0003,0 21px 33px 3px #00000024,0 8px 40px 7px #0000001f
}

.mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 {
    box-shadow: 0 10px 14px -6px #0003,0 22px 35px 3px #00000024,0 8px 42px 7px #0000001f
}

.mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 {
    box-shadow: 0 11px 14px -7px #0003,0 23px 36px 3px #00000024,0 9px 44px 8px #0000001f
}

.mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 {
    box-shadow: 0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f
}

.mat-theme-loaded-marker {
    display: none
}

.mat-mdc-option {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-body1-font-size, 16px);
    line-height: var(--mdc-typography-body1-line-height, 24px);
    font-weight: var(--mdc-typography-body1-font-weight, 400);
    letter-spacing: var(--mdc-typography-body1-letter-spacing, .03125em)
}

.mat-mdc-card {
    box-shadow: 0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f;
    --mdc-elevated-card-container-color: #fff
}

.mat-mdc-card-outlined {
    box-shadow: 0 0 #0003,0 0 #00000024,0 0 #0000001f;
    --mdc-outlined-card-outline-color: #e0e0e0
}

.mat-mdc-card-subtitle {
    color: #0000008a
}

.mat-mdc-card-title {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-headline6-font-size, 20px);
    line-height: var(--mdc-typography-headline6-line-height, 32px);
    font-weight: var(--mdc-typography-headline6-font-weight, 500);
    letter-spacing: var(--mdc-typography-headline6-letter-spacing, .0125em);
    -webkit-text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
    text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
    text-transform: var(--mdc-typography-headline6-text-transform, none)
}

.mat-mdc-card-subtitle {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-subtitle2-font-size, 14px);
    line-height: var(--mdc-typography-subtitle2-line-height, 22px);
    font-weight: var(--mdc-typography-subtitle2-font-weight, 500);
    letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, .0071428571em);
    -webkit-text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
    text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
    text-transform: var(--mdc-typography-subtitle2-text-transform, none)
}

.mat-mdc-progress-bar {
    --mdc-linear-progress-active-indicator-color: #673ab7
}

    .mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
        background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(103, 58, 183, 0.25)'/%3E%3C/svg%3E")
    }

    .mat-mdc-progress-bar .mdc-linear-progress__buffer-bar {
        background-color: #673ab740
    }

    .mat-mdc-progress-bar.mat-accent {
        --mdc-linear-progress-active-indicator-color: #ffd740
    }

        .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
            background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(255, 215, 64, 0.25)'/%3E%3C/svg%3E")
        }

        .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-bar {
            background-color: #ffd74040
        }

    .mat-mdc-progress-bar.mat-warn {
        --mdc-linear-progress-active-indicator-color: #f44336
    }

        .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
            background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(244, 67, 54, 0.25)'/%3E%3C/svg%3E")
        }

        .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-bar {
            background-color: #f4433640
        }

.mat-mdc-tooltip {
    --mdc-plain-tooltip-container-color: #616161;
    --mdc-plain-tooltip-supporting-text-color: white
}

.mat-mdc-tooltip {
    --mdc-plain-tooltip-supporting-text-font: Roboto, sans-serif;
    --mdc-plain-tooltip-supporting-text-size: 12px;
    --mdc-plain-tooltip-supporting-text-weight: 400;
    --mdc-plain-tooltip-supporting-text-tracking: .0333333333em
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: #0009
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
    color: #000000de
}

@media all {
    .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
        color: #0009
    }
}

@media all {
    .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
        color: #0009
    }
}

.mdc-text-field .mdc-text-field__input {
    caret-color: var(--mdc-theme-primary, #673ab7)
}

.mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-line .mdc-text-field-helper-text {
    color: #0009
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter, .mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-line .mdc-text-field-character-counter {
    color: #0009
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--leading {
    color: #0000008a
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing {
    color: #0000008a
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--prefix {
    color: #0009
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--suffix {
    color: #0009
}

.mdc-text-field--filled .mdc-text-field__ripple:before, .mdc-text-field--filled .mdc-text-field__ripple:after {
    background-color: var(--mdc-ripple-color, rgba(0, 0, 0, .87))
}

.mdc-text-field--filled:hover .mdc-text-field__ripple:before, .mdc-text-field--filled.mdc-ripple-surface--hover .mdc-text-field__ripple:before {
    opacity: var(--mdc-ripple-hover-opacity, .04)
}

.mdc-text-field--filled.mdc-ripple-upgraded--background-focused .mdc-text-field__ripple:before, .mdc-text-field--filled:not(.mdc-ripple-upgraded):focus .mdc-text-field__ripple:before {
    opacity: var(--mdc-ripple-focus-opacity, .12)
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) {
    background-color: #f5f5f5
}

    .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple:before {
        border-bottom-color: #0000006b
    }

    .mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple:before {
        border-bottom-color: #000000de
    }

.mdc-text-field--filled .mdc-line-ripple:after {
    border-bottom-color: var(--mdc-theme-primary, #673ab7)
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: #00000061
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch, .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: #000000de
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-primary, #673ab7)
}

.mdc-text-field--outlined .mdc-text-field__ripple:before, .mdc-text-field--outlined .mdc-text-field__ripple:after {
    background-color: var(--mdc-ripple-color, transparent)
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: #673ab7de
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple:before {
    border-bottom-color: var(--mdc-theme-error, #f44336)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple:after {
    border-bottom-color: var(--mdc-theme-error, #f44336)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: var(--mdc-theme-error, #f44336)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid + .mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
    color: var(--mdc-theme-error, #f44336)
}

.mdc-text-field--invalid .mdc-text-field__input {
    caret-color: var(--mdc-theme-error, #f44336)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing {
    color: var(--mdc-theme-error, #f44336)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple:before {
    border-bottom-color: var(--mdc-theme-error, #f44336)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-error, #f44336)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch, .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-error, #f44336)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-error, #f44336)
}

.mdc-text-field--disabled .mdc-text-field__input {
    color: #00000061
}

@media all {
    .mdc-text-field--disabled .mdc-text-field__input::placeholder {
        color: #00000061
    }
}

@media all {
    .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
        color: #00000061
    }
}

.mdc-text-field--disabled .mdc-floating-label {
    color: #00000061
}

.mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-helper-text {
    color: #00000061
}

.mdc-text-field--disabled .mdc-text-field-character-counter, .mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-character-counter {
    color: #00000061
}

.mdc-text-field--disabled .mdc-text-field__icon--leading, .mdc-text-field--disabled .mdc-text-field__icon--trailing {
    color: #0000004d
}

.mdc-text-field--disabled .mdc-text-field__affix--prefix, .mdc-text-field--disabled .mdc-text-field__affix--suffix {
    color: #00000061
}

.mdc-text-field--disabled .mdc-line-ripple:before {
    border-bottom-color: #0000000f
}

.mdc-text-field--disabled .mdc-notched-outline__leading, .mdc-text-field--disabled .mdc-notched-outline__notch, .mdc-text-field--disabled .mdc-notched-outline__trailing {
    border-color: #0000000f
}

@media screen and (forced-colors: active),(-ms-high-contrast: active) {
    .mdc-text-field--disabled .mdc-text-field__input::placeholder {
        color: GrayText
    }
}

@media screen and (forced-colors: active),(-ms-high-contrast: active) {
    .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
        color: GrayText
    }
}

@media screen and (forced-colors: active),(-ms-high-contrast: active) {
    .mdc-text-field--disabled .mdc-floating-label {
        color: GrayText
    }
}

@media screen and (forced-colors: active),(-ms-high-contrast: active) {
    .mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-helper-text {
        color: GrayText
    }
}

@media screen and (forced-colors: active),(-ms-high-contrast: active) {
    .mdc-text-field--disabled .mdc-text-field-character-counter, .mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-character-counter {
        color: GrayText
    }
}

@media screen and (forced-colors: active),(-ms-high-contrast: active) {
    .mdc-text-field--disabled .mdc-text-field__icon--leading {
        color: GrayText
    }
}

@media screen and (forced-colors: active),(-ms-high-contrast: active) {
    .mdc-text-field--disabled .mdc-text-field__icon--trailing {
        color: GrayText
    }
}

@media screen and (forced-colors: active),(-ms-high-contrast: active) {
    .mdc-text-field--disabled .mdc-text-field__affix--prefix {
        color: GrayText
    }
}

@media screen and (forced-colors: active),(-ms-high-contrast: active) {
    .mdc-text-field--disabled .mdc-text-field__affix--suffix {
        color: GrayText
    }
}

@media screen and (forced-colors: active),(-ms-high-contrast: active) {
    .mdc-text-field--disabled .mdc-line-ripple:before {
        border-bottom-color: GrayText
    }
}

@media screen and (forced-colors: active),(-ms-high-contrast: active) {
    .mdc-text-field--disabled .mdc-notched-outline__leading, .mdc-text-field--disabled .mdc-notched-outline__notch, .mdc-text-field--disabled .mdc-notched-outline__trailing {
        border-color: GrayText
    }
}

.mdc-text-field--disabled.mdc-text-field--filled {
    background-color: #fafafa
}

.mat-mdc-form-field-error {
    color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field-focus-overlay {
    background-color: #000000de
}

.mat-mdc-form-field:hover .mat-mdc-form-field-focus-overlay {
    opacity: .04
}

.mat-mdc-form-field.mat-focused .mat-mdc-form-field-focus-overlay {
    opacity: .12
}

.mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix:after {
    color: #0000008a
}

.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-primary .mat-mdc-form-field-infix:after {
    color: #673ab7de
}

.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-accent .mat-mdc-form-field-infix:after {
    color: #ffd740de
}

.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-warn .mat-mdc-form-field-infix:after {
    color: #f44336de
}

.mat-mdc-form-field-type-mat-native-select.mat-form-field-disabled .mat-mdc-form-field-infix:after {
    color: #00000061
}

.mat-mdc-form-field.mat-accent .mdc-text-field__input {
    caret-color: var(--mdc-theme-secondary, #ffd740)
}

.mat-mdc-form-field.mat-accent:not(.mdc-text-field--disabled) .mdc-line-ripple:after {
    border-bottom-color: var(--mdc-theme-secondary, #ffd740)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: #ffd740de
}

.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple:before {
    border-bottom-color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple:after {
    border-bottom-color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid + .mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
    color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--invalid .mdc-text-field__input {
    caret-color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing {
    color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple:before {
    border-bottom-color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, .mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, .mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading, .mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch, .mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, .mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, .mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, .mat-mdc-form-field.mat-accent .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, .mat-mdc-form-field.mat-accent .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-secondary, #ffd740)
}

.mat-mdc-form-field.mat-warn .mdc-text-field__input {
    caret-color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-warn:not(.mdc-text-field--disabled) .mdc-line-ripple:after {
    border-bottom-color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: #f44336de
}

.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple:before {
    border-bottom-color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple:after {
    border-bottom-color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid + .mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
    color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--invalid .mdc-text-field__input {
    caret-color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing {
    color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple:before {
    border-bottom-color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, .mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, .mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading, .mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch, .mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, .mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, .mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, .mat-mdc-form-field.mat-warn .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, .mat-mdc-form-field.mat-warn .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
    border-left: 1px solid rgba(0,0,0,0)
}

[dir=rtl] .mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
    border-left: none;
    border-right: 1px solid rgba(0,0,0,0)
}

.mat-mdc-form-field-infix {
    min-height: 56px
}

.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
    top: 28px
}

.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    --mat-mdc-form-field-label-transform: translateY( -34.75px) scale(var(--mat-mdc-form-field-floating-label-scale, .75));
    transform: var(--mat-mdc-form-field-label-transform)
}

.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
    padding-top: 16px;
    padding-bottom: 16px
}

.mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
    padding-top: 24px;
    padding-bottom: 8px
}

.mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
    padding-top: 16px;
    padding-bottom: 16px
}

.mdc-text-field__input, .mdc-text-field__affix {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-subtitle1-font-size, 16px);
    font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
    letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, .009375em);
    -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-transform: var(--mdc-typography-subtitle1-text-transform, none)
}

.mdc-text-field--textarea .mdc-text-field__input {
    line-height: 1.5rem
}

.mdc-floating-label {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-subtitle1-font-size, 16px);
    font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
    letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, .009375em);
    -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-transform: var(--mdc-typography-subtitle1-text-transform, none)
}

.mat-mdc-form-field-subscript-wrapper, .mat-mdc-form-field-bottom-align:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-caption-font-size, 12px);
    line-height: var(--mdc-typography-caption-line-height, 20px);
    font-weight: var(--mdc-typography-caption-font-weight, 400);
    letter-spacing: var(--mdc-typography-caption-letter-spacing, .0333333333em);
    -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
    text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
    text-transform: var(--mdc-typography-caption-text-transform, none)
}

.mat-mdc-form-field, .mat-mdc-floating-label {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-body1-font-size, 16px);
    line-height: var(--mdc-typography-body1-line-height, 24px);
    font-weight: var(--mdc-typography-body1-font-weight, 400);
    letter-spacing: var(--mdc-typography-body1-letter-spacing, .03125em);
    -webkit-text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
    text-transform: var(--mdc-typography-body1-text-transform, none)
}

    .mat-mdc-form-field .mdc-text-field--outlined .mdc-floating-label--float-above {
        font-size: calc(16px * var(--mat-mdc-form-field-floating-label-scale, .75))
    }

    .mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
        font-size: 16px
    }

.mat-mdc-select-value {
    color: #000000de
}

.mat-mdc-select-placeholder {
    color: #0009
}

.mat-mdc-select-disabled .mat-mdc-select-value {
    color: #00000061
}

.mat-mdc-select-arrow {
    color: #0000008a
}

.mat-mdc-form-field.mat-focused.mat-primary .mat-mdc-select-arrow {
    color: #673ab7de
}

.mat-mdc-form-field.mat-focused.mat-accent .mat-mdc-select-arrow {
    color: #ffd740de
}

.mat-mdc-form-field.mat-focused.mat-warn .mat-mdc-select-arrow, .mat-mdc-form-field .mat-mdc-select.mat-mdc-select-invalid .mat-mdc-select-arrow {
    color: #f44336de
}

.mat-mdc-form-field .mat-mdc-select.mat-mdc-select-disabled .mat-mdc-select-arrow {
    color: #00000061
}

.mat-mdc-select-panel {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-subtitle1-font-size, 16px);
    line-height: var(--mdc-typography-subtitle1-line-height, 28px);
    font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
    letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, .009375em);
    -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-transform: var(--mdc-typography-subtitle1-text-transform, none);
    line-height: 24px
}

.mat-mdc-select {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-body1-font-size, 16px);
    line-height: var(--mdc-typography-body1-line-height, 24px);
    font-weight: var(--mdc-typography-body1-font-weight, 400);
    letter-spacing: var(--mdc-typography-body1-letter-spacing, .03125em);
    -webkit-text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
    text-transform: var(--mdc-typography-body1-text-transform, none)
}

.mat-mdc-autocomplete-panel {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-subtitle1-font-size, 16px);
    line-height: var(--mdc-typography-subtitle1-line-height, 28px);
    font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
    letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, .009375em);
    -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-transform: var(--mdc-typography-subtitle1-text-transform, none);
    line-height: 24px
}

.mat-mdc-dialog-container {
    --mdc-dialog-container-color: white;
    --mdc-dialog-with-divider-divider-color: rgba(0, 0, 0, .12);
    --mdc-dialog-subhead-color: rgba(0, 0, 0, .87);
    --mdc-dialog-supporting-text-color: rgba(0, 0, 0, .6)
}

.mat-mdc-dialog-container {
    --mdc-dialog-subhead-font: Roboto, sans-serif;
    --mdc-dialog-subhead-line-height: 32px;
    --mdc-dialog-subhead-size: 20px;
    --mdc-dialog-subhead-weight: 500;
    --mdc-dialog-subhead-tracking: .0125em;
    --mdc-dialog-supporting-text-font: Roboto, sans-serif;
    --mdc-dialog-supporting-text-line-height: 24px;
    --mdc-dialog-supporting-text-size: 16px;
    --mdc-dialog-supporting-text-weight: 400;
    --mdc-dialog-supporting-text-tracking: .03125em
}

.mat-mdc-standard-chip {
    --mdc-chip-elevated-container-color: #e0e0e0;
    --mdc-chip-elevated-disabled-container-color: #e0e0e0;
    --mdc-chip-label-text-color: #212121;
    --mdc-chip-disabled-label-text-color: #212121;
    --mdc-chip-with-icon-icon-color: #212121;
    --mdc-chip-with-icon-disabled-icon-color: #212121;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
    --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;
    --mdc-chip-with-icon-selected-icon-color: #212121
}

    .mat-mdc-standard-chip.mat-primary.mat-mdc-chip-selected, .mat-mdc-standard-chip.mat-primary.mat-mdc-chip-highlighted {
        --mdc-chip-elevated-container-color: #673ab7;
        --mdc-chip-elevated-disabled-container-color: #673ab7;
        --mdc-chip-label-text-color: white;
        --mdc-chip-disabled-label-text-color: white;
        --mdc-chip-with-icon-icon-color: white;
        --mdc-chip-with-icon-disabled-icon-color: white;
        --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
        --mdc-chip-with-trailing-icon-trailing-icon-color: white;
        --mdc-chip-with-icon-selected-icon-color: white
    }

    .mat-mdc-standard-chip.mat-accent.mat-mdc-chip-selected, .mat-mdc-standard-chip.mat-accent.mat-mdc-chip-highlighted {
        --mdc-chip-elevated-container-color: #ffd740;
        --mdc-chip-elevated-disabled-container-color: #ffd740;
        --mdc-chip-label-text-color: rgba(0, 0, 0, .87);
        --mdc-chip-disabled-label-text-color: rgba(0, 0, 0, .87);
        --mdc-chip-with-icon-icon-color: rgba(0, 0, 0, .87);
        --mdc-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, .87);
        --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, .87);
        --mdc-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, .87);
        --mdc-chip-with-icon-selected-icon-color: rgba(0, 0, 0, .87)
    }

    .mat-mdc-standard-chip.mat-warn.mat-mdc-chip-selected, .mat-mdc-standard-chip.mat-warn.mat-mdc-chip-highlighted {
        --mdc-chip-elevated-container-color: #f44336;
        --mdc-chip-elevated-disabled-container-color: #f44336;
        --mdc-chip-label-text-color: white;
        --mdc-chip-disabled-label-text-color: white;
        --mdc-chip-with-icon-icon-color: white;
        --mdc-chip-with-icon-disabled-icon-color: white;
        --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
        --mdc-chip-with-trailing-icon-trailing-icon-color: white;
        --mdc-chip-with-icon-selected-icon-color: white
    }

.mat-mdc-chip-focus-overlay {
    background: #000
}

.mat-mdc-chip {
    height: 32px
}

.mat-mdc-standard-chip {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-body2-font-size, 14px);
    line-height: var(--mdc-typography-body2-line-height, 20px);
    font-weight: var(--mdc-typography-body2-font-weight, 400);
    letter-spacing: var(--mdc-typography-body2-letter-spacing, .0178571429em);
    -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-transform: var(--mdc-typography-body2-text-transform, none)
}

.mat-mdc-slide-toggle {
    --mdc-switch-disabled-selected-handle-color: #424242;
    --mdc-switch-disabled-unselected-handle-color: #424242;
    --mdc-switch-disabled-selected-track-color: #424242;
    --mdc-switch-disabled-unselected-track-color: #424242;
    --mdc-switch-unselected-focus-state-layer-color: #424242;
    --mdc-switch-unselected-pressed-state-layer-color: #424242;
    --mdc-switch-unselected-hover-state-layer-color: #424242;
    --mdc-switch-unselected-focus-track-color: #e0e0e0;
    --mdc-switch-unselected-hover-track-color: #e0e0e0;
    --mdc-switch-unselected-pressed-track-color: #e0e0e0;
    --mdc-switch-unselected-track-color: #e0e0e0;
    --mdc-switch-unselected-focus-handle-color: #212121;
    --mdc-switch-unselected-hover-handle-color: #212121;
    --mdc-switch-unselected-pressed-handle-color: #212121;
    --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);
    --mdc-switch-unselected-handle-color: #616161;
    --mdc-switch-selected-icon-color: #fff;
    --mdc-switch-disabled-selected-icon-color: #fff;
    --mdc-switch-disabled-unselected-icon-color: #fff;
    --mdc-switch-unselected-icon-color: #fff
}

    .mat-mdc-slide-toggle .mdc-form-field {
        color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))
    }

    .mat-mdc-slide-toggle .mdc-switch--disabled + label {
        color: #00000061
    }

    .mat-mdc-slide-toggle.mat-primary {
        --mdc-switch-selected-focus-state-layer-color: #5e35b1;
        --mdc-switch-selected-handle-color: #5e35b1;
        --mdc-switch-selected-hover-state-layer-color: #5e35b1;
        --mdc-switch-selected-pressed-state-layer-color: #5e35b1;
        --mdc-switch-selected-focus-handle-color: #311b92;
        --mdc-switch-selected-hover-handle-color: #311b92;
        --mdc-switch-selected-pressed-handle-color: #311b92;
        --mdc-switch-selected-focus-track-color: #9575cd;
        --mdc-switch-selected-hover-track-color: #9575cd;
        --mdc-switch-selected-pressed-track-color: #9575cd;
        --mdc-switch-selected-track-color: #9575cd
    }

    .mat-mdc-slide-toggle.mat-accent {
        --mdc-switch-selected-focus-state-layer-color: #ffb300;
        --mdc-switch-selected-handle-color: #ffb300;
        --mdc-switch-selected-hover-state-layer-color: #ffb300;
        --mdc-switch-selected-pressed-state-layer-color: #ffb300;
        --mdc-switch-selected-focus-handle-color: #ff6f00;
        --mdc-switch-selected-hover-handle-color: #ff6f00;
        --mdc-switch-selected-pressed-handle-color: #ff6f00;
        --mdc-switch-selected-focus-track-color: #ffd54f;
        --mdc-switch-selected-hover-track-color: #ffd54f;
        --mdc-switch-selected-pressed-track-color: #ffd54f;
        --mdc-switch-selected-track-color: #ffd54f
    }

    .mat-mdc-slide-toggle.mat-warn {
        --mdc-switch-selected-focus-state-layer-color: #e53935;
        --mdc-switch-selected-handle-color: #e53935;
        --mdc-switch-selected-hover-state-layer-color: #e53935;
        --mdc-switch-selected-pressed-state-layer-color: #e53935;
        --mdc-switch-selected-focus-handle-color: #b71c1c;
        --mdc-switch-selected-hover-handle-color: #b71c1c;
        --mdc-switch-selected-pressed-handle-color: #b71c1c;
        --mdc-switch-selected-focus-track-color: #e57373;
        --mdc-switch-selected-hover-track-color: #e57373;
        --mdc-switch-selected-pressed-track-color: #e57373;
        --mdc-switch-selected-track-color: #e57373
    }

.mat-mdc-slide-toggle {
    --mdc-switch-state-layer-size: 48px
}

.mat-mdc-radio-button .mdc-form-field {
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))
}

.mat-mdc-radio-button.mat-primary {
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #673ab7;
    --mdc-radio-selected-hover-icon-color: #673ab7;
    --mdc-radio-selected-icon-color: #673ab7;
    --mdc-radio-selected-pressed-icon-color: #673ab7;
    --mat-mdc-radio-ripple-color: #000;
    --mat-mdc-radio-checked-ripple-color: #673ab7
}

    .mat-mdc-radio-button.mat-primary .mdc-radio--disabled + label {
        color: #00000061
    }

.mat-mdc-radio-button.mat-accent {
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #ffd740;
    --mdc-radio-selected-hover-icon-color: #ffd740;
    --mdc-radio-selected-icon-color: #ffd740;
    --mdc-radio-selected-pressed-icon-color: #ffd740;
    --mat-mdc-radio-ripple-color: #000;
    --mat-mdc-radio-checked-ripple-color: #ffd740
}

    .mat-mdc-radio-button.mat-accent .mdc-radio--disabled + label {
        color: #00000061
    }

.mat-mdc-radio-button.mat-warn {
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #f44336;
    --mdc-radio-selected-hover-icon-color: #f44336;
    --mdc-radio-selected-icon-color: #f44336;
    --mdc-radio-selected-pressed-icon-color: #f44336;
    --mat-mdc-radio-ripple-color: #000;
    --mat-mdc-radio-checked-ripple-color: #f44336
}

    .mat-mdc-radio-button.mat-warn .mdc-radio--disabled + label {
        color: #00000061
    }

.mat-mdc-radio-button .mdc-radio {
    padding: 10px
}

    .mat-mdc-radio-button .mdc-radio .mdc-radio__background:before {
        top: -10px;
        left: -10px;
        width: 40px;
        height: 40px
    }

    .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control {
        top: 0;
        right: 0;
        left: 0;
        width: 40px;
        height: 40px
    }

.mat-mdc-slider {
    --mdc-slider-label-container-color: black;
    --mdc-slider-label-label-text-color: white;
    --mdc-slider-disabled-handle-color: #000;
    --mdc-slider-disabled-active-track-color: #000;
    --mdc-slider-disabled-inactive-track-color: #000;
    --mdc-slider-with-tick-marks-disabled-container-color: #000;
    --mat-mdc-slider-value-indicator-opacity: .6
}

    .mat-mdc-slider.mat-primary {
        --mdc-slider-handle-color: #673ab7;
        --mdc-slider-focus-handle-color: #673ab7;
        --mdc-slider-hover-handle-color: #673ab7;
        --mdc-slider-active-track-color: #673ab7;
        --mdc-slider-inactive-track-color: #673ab7;
        --mdc-slider-with-tick-marks-active-container-color: #fff;
        --mdc-slider-with-tick-marks-inactive-container-color: #673ab7;
        --mat-mdc-slider-ripple-color: #673ab7;
        --mat-mdc-slider-hover-ripple-color: rgba(103, 58, 183, .05);
        --mat-mdc-slider-focus-ripple-color: rgba(103, 58, 183, .2)
    }

    .mat-mdc-slider.mat-accent {
        --mdc-slider-handle-color: #ffd740;
        --mdc-slider-focus-handle-color: #ffd740;
        --mdc-slider-hover-handle-color: #ffd740;
        --mdc-slider-active-track-color: #ffd740;
        --mdc-slider-inactive-track-color: #ffd740;
        --mdc-slider-with-tick-marks-active-container-color: #000;
        --mdc-slider-with-tick-marks-inactive-container-color: #ffd740;
        --mat-mdc-slider-ripple-color: #ffd740;
        --mat-mdc-slider-hover-ripple-color: rgba(255, 215, 64, .05);
        --mat-mdc-slider-focus-ripple-color: rgba(255, 215, 64, .2)
    }

    .mat-mdc-slider.mat-warn {
        --mdc-slider-handle-color: #f44336;
        --mdc-slider-focus-handle-color: #f44336;
        --mdc-slider-hover-handle-color: #f44336;
        --mdc-slider-active-track-color: #f44336;
        --mdc-slider-inactive-track-color: #f44336;
        --mdc-slider-with-tick-marks-active-container-color: #fff;
        --mdc-slider-with-tick-marks-inactive-container-color: #f44336;
        --mat-mdc-slider-ripple-color: #f44336;
        --mat-mdc-slider-hover-ripple-color: rgba(244, 67, 54, .05);
        --mat-mdc-slider-focus-ripple-color: rgba(244, 67, 54, .2)
    }

.mat-mdc-slider {
    --mdc-slider-label-label-text-font: Roboto, sans-serif;
    --mdc-slider-label-label-text-size: 14px;
    --mdc-slider-label-label-text-line-height: 22px;
    --mdc-slider-label-label-text-tracking: .0071428571em;
    --mdc-slider-label-label-text-weight: 500
}

.mdc-menu-surface {
    box-shadow: 0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;
    background-color: var(--mdc-theme-surface, #fff);
    color: var(--mdc-theme-on-surface, #000)
}

.mdc-list-item__primary-text {
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))
}

.mdc-list-item__secondary-text {
    color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, .54))
}

.mdc-list-item__overline-text {
    color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, .38))
}

.mdc-list-item--with-leading-icon .mdc-list-item__start, .mdc-list-item--with-trailing-icon .mdc-list-item__end {
    background-color: transparent
}

.mdc-list-item--with-leading-icon .mdc-list-item__start, .mdc-list-item--with-trailing-icon .mdc-list-item__end {
    color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, .38))
}

.mdc-list-item__end {
    color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, .38))
}

.mdc-list-item--disabled .mdc-list-item__start, .mdc-list-item--disabled .mdc-list-item__content, .mdc-list-item--disabled .mdc-list-item__end {
    opacity: .38
}

.mdc-list-item--disabled .mdc-list-item__primary-text, .mdc-list-item--disabled .mdc-list-item__secondary-text, .mdc-list-item--disabled .mdc-list-item__overline-text, .mdc-list-item--disabled.mdc-list-item--with-leading-icon .mdc-list-item__start, .mdc-list-item--disabled.mdc-list-item--with-trailing-icon .mdc-list-item__end, .mdc-list-item--disabled.mdc-list-item--with-trailing-meta .mdc-list-item__end {
    color: var(--mdc-theme-on-surface, #000)
}

.mdc-list-item--selected .mdc-list-item__primary-text, .mdc-list-item--activated .mdc-list-item__primary-text, .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start, .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
    color: var(--mdc-theme-primary, #673ab7)
}

.mdc-deprecated-list-group__subheader {
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))
}

.mdc-list-divider:after {
    border-bottom-color: #fff
}

.mdc-list-divider {
    background-color: #0000001f
}

.mat-mdc-menu-item[disabled], .mat-mdc-menu-item[disabled] .mat-mdc-menu-submenu-icon, .mat-mdc-menu-item[disabled] .mat-icon-no-color {
    color: var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, .38))
}

.mat-mdc-menu-item .mat-icon-no-color, .mat-mdc-menu-submenu-icon {
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))
}

.mat-mdc-menu-item:hover:not([disabled]), .mat-mdc-menu-item.cdk-program-focused:not([disabled]), .mat-mdc-menu-item.cdk-keyboard-focused:not([disabled]), .mat-mdc-menu-item-highlighted:not([disabled]) {
    background: rgba(0,0,0,.04)
}

.mat-mdc-menu-content {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-subtitle1-font-size, 16px);
    line-height: var(--mdc-typography-subtitle1-line-height, 28px);
    font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
    letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, .009375em);
    -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-transform: var(--mdc-typography-subtitle1-text-transform, none);
    line-height: 24px
}

    .mat-mdc-menu-content, .mat-mdc-menu-content .mat-mdc-menu-item .mdc-list-item__primary-text {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-family: var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
        font-size: var(--mdc-typography-body1-font-size, 16px);
        line-height: var(--mdc-typography-body1-line-height, 24px);
        font-weight: var(--mdc-typography-body1-font-weight, 400);
        letter-spacing: var(--mdc-typography-body1-letter-spacing, .03125em);
        -webkit-text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
        text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
        text-transform: var(--mdc-typography-body1-text-transform, none)
    }

.mat-mdc-list-base {
    --mdc-list-list-item-label-text-color: rgba(0, 0, 0, .87);
    --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, .54);
    --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-disabled-label-text-color: black;
    --mdc-list-list-item-disabled-leading-icon-color: black;
    --mdc-list-list-item-disabled-trailing-icon-color: black;
    --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, .87);
    --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, .87);
    --mdc-list-list-item-hover-state-layer-color: black;
    --mdc-list-list-item-hover-state-layer-opacity: .04;
    --mdc-list-list-item-focus-state-layer-color: black;
    --mdc-list-list-item-focus-state-layer-opacity: .12
}

.mat-mdc-list-option .mdc-list-item__start, .mat-mdc-list-option .mdc-list-item__end {
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #673ab7;
    --mdc-checkbox-selected-hover-icon-color: #673ab7;
    --mdc-checkbox-selected-icon-color: #673ab7;
    --mdc-checkbox-selected-pressed-icon-color: #673ab7;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54)
}

.mat-mdc-list-option .mdc-list-item__start, .mat-mdc-list-option .mdc-list-item__end {
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #673ab7;
    --mdc-radio-selected-hover-icon-color: #673ab7;
    --mdc-radio-selected-icon-color: #673ab7;
    --mdc-radio-selected-pressed-icon-color: #673ab7;
    --mat-mdc-radio-ripple-color: #000;
    --mat-mdc-radio-checked-ripple-color: #673ab7
}

    .mat-mdc-list-option .mdc-list-item__start .mdc-radio--disabled + label, .mat-mdc-list-option .mdc-list-item__end .mdc-radio--disabled + label {
        color: #00000061
    }

.mat-mdc-list-option.mat-accent .mdc-list-item__start, .mat-mdc-list-option.mat-accent .mdc-list-item__end {
    --mdc-checkbox-selected-checkmark-color: #000;
    --mdc-checkbox-selected-focus-icon-color: #ffd740;
    --mdc-checkbox-selected-hover-icon-color: #ffd740;
    --mdc-checkbox-selected-icon-color: #ffd740;
    --mdc-checkbox-selected-pressed-icon-color: #ffd740;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54)
}

.mat-mdc-list-option.mat-accent .mdc-list-item__start, .mat-mdc-list-option.mat-accent .mdc-list-item__end {
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #ffd740;
    --mdc-radio-selected-hover-icon-color: #ffd740;
    --mdc-radio-selected-icon-color: #ffd740;
    --mdc-radio-selected-pressed-icon-color: #ffd740;
    --mat-mdc-radio-ripple-color: #000;
    --mat-mdc-radio-checked-ripple-color: #ffd740
}

    .mat-mdc-list-option.mat-accent .mdc-list-item__start .mdc-radio--disabled + label, .mat-mdc-list-option.mat-accent .mdc-list-item__end .mdc-radio--disabled + label {
        color: #00000061
    }

.mat-mdc-list-option.mat-warn .mdc-list-item__start, .mat-mdc-list-option.mat-warn .mdc-list-item__end {
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #f44336;
    --mdc-checkbox-selected-hover-icon-color: #f44336;
    --mdc-checkbox-selected-icon-color: #f44336;
    --mdc-checkbox-selected-pressed-icon-color: #f44336;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54)
}

.mat-mdc-list-option.mat-warn .mdc-list-item__start, .mat-mdc-list-option.mat-warn .mdc-list-item__end {
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #f44336;
    --mdc-radio-selected-hover-icon-color: #f44336;
    --mdc-radio-selected-icon-color: #f44336;
    --mdc-radio-selected-pressed-icon-color: #f44336;
    --mat-mdc-radio-ripple-color: #000;
    --mat-mdc-radio-checked-ripple-color: #f44336
}

    .mat-mdc-list-option.mat-warn .mdc-list-item__start .mdc-radio--disabled + label, .mat-mdc-list-option.mat-warn .mdc-list-item__end .mdc-radio--disabled + label {
        color: #00000061
    }

.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text, .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text, .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start, .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
    color: #673ab7
}

.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start, .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content, .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
    opacity: 1
}

.mat-mdc-list-base {
    --mdc-list-list-item-one-line-container-height: 48px;
    --mdc-list-list-item-two-line-container-height: 64px;
    --mdc-list-list-item-three-line-container-height: 88px
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
    height: 56px
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
    height: 72px
}

.mat-mdc-list-base {
    --mdc-list-list-item-label-text-font: Roboto, sans-serif;
    --mdc-list-list-item-label-text-line-height: 24px;
    --mdc-list-list-item-label-text-size: 16px;
    --mdc-list-list-item-label-text-tracking: .03125em;
    --mdc-list-list-item-label-text-weight: 400;
    --mdc-list-list-item-supporting-text-font: Roboto, sans-serif;
    --mdc-list-list-item-supporting-text-line-height: 20px;
    --mdc-list-list-item-supporting-text-size: 14px;
    --mdc-list-list-item-supporting-text-tracking: .0178571429em;
    --mdc-list-list-item-supporting-text-weight: 400;
    --mdc-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
    --mdc-list-list-item-trailing-supporting-text-line-height: 20px;
    --mdc-list-list-item-trailing-supporting-text-size: 12px;
    --mdc-list-list-item-trailing-supporting-text-tracking: .0333333333em;
    --mdc-list-list-item-trailing-supporting-text-weight: 400
}

.mdc-list-group__subheader {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    font-family: Roboto,sans-serif;
    letter-spacing: .009375em
}

.mat-mdc-paginator {
    background: #fff;
    color: #000000de
}

.mat-mdc-paginator-icon {
    fill: #0000008a
}

.mat-mdc-paginator-decrement, .mat-mdc-paginator-increment {
    border-top: 2px solid rgba(0,0,0,.54);
    border-right: 2px solid rgba(0,0,0,.54)
}

.mat-mdc-paginator-first, .mat-mdc-paginator-last {
    border-top: 2px solid rgba(0,0,0,.54)
}

.mat-mdc-icon-button[disabled] .mat-mdc-paginator-decrement, .mat-mdc-icon-button[disabled] .mat-mdc-paginator-increment, .mat-mdc-icon-button[disabled] .mat-mdc-paginator-first, .mat-mdc-icon-button[disabled] .mat-mdc-paginator-last {
    border-color: #0000001f
}

.mat-mdc-icon-button[disabled] .mat-mdc-paginator-icon {
    fill: #0000001f
}

.mat-mdc-paginator .mat-mdc-form-field-infix {
    min-height: 40px
}

.mat-mdc-paginator .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
    top: 20px
}

.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    --mat-mdc-form-field-label-transform: translateY( -26.75px) scale(var(--mat-mdc-form-field-floating-label-scale, .75));
    transform: var(--mat-mdc-form-field-label-transform)
}

.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
    padding-top: 8px;
    padding-bottom: 8px
}

.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
    padding-top: 8px;
    padding-bottom: 8px
}

.mat-mdc-paginator .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
    padding-top: 8px;
    padding-bottom: 8px
}

.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label {
    display: none
}

.mat-mdc-paginator-container {
    min-height: 56px
}

.mat-mdc-paginator {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-caption-font-size, 12px);
    line-height: var(--mdc-typography-caption-line-height, 20px);
    font-weight: var(--mdc-typography-caption-font-weight, 400);
    letter-spacing: var(--mdc-typography-caption-letter-spacing, .0333333333em);
    -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
    text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
    text-transform: var(--mdc-typography-caption-text-transform, none)
}

    .mat-mdc-paginator .mat-mdc-select-value {
        font-size: 12px
    }

.mat-mdc-tab, .mat-mdc-tab-link {
    background-color: #0000
}

    .mat-mdc-tab .mdc-tab__text-label, .mat-mdc-tab-link .mdc-tab__text-label {
        color: #0009
    }

    .mat-mdc-tab.mat-mdc-tab-disabled .mdc-tab__ripple:before, .mat-mdc-tab.mat-mdc-tab-disabled .mat-ripple-element, .mat-mdc-tab-link.mat-mdc-tab-disabled .mdc-tab__ripple:before, .mat-mdc-tab-link.mat-mdc-tab-disabled .mat-ripple-element {
        background-color: #00000061
    }

    .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label, .mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label {
        color: #673ab7
    }

    .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline, .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline {
        border-color: var(--mdc-tab-indicator-active-indicator-color, #673ab7)
    }

    .mdc-tab__ripple:before, .mat-mdc-tab .mat-ripple-element, .mat-mdc-tab-header-pagination .mat-ripple-element, .mat-mdc-tab-link .mat-ripple-element {
        background-color: #673ab7
    }

.mat-mdc-tab-group.mat-accent .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label, .mat-mdc-tab-group.mat-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label, .mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label, .mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label {
    color: #ffd740
}

.mat-mdc-tab-group.mat-accent .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline, .mat-mdc-tab-group.mat-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline, .mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline, .mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline {
    border-color: var(--mdc-tab-indicator-active-indicator-color, #ffd740)
}

.mat-mdc-tab-group.mat-accent .mdc-tab__ripple:before, .mat-mdc-tab-group.mat-accent .mat-mdc-tab .mat-ripple-element, .mat-mdc-tab-group.mat-accent .mat-mdc-tab-header-pagination .mat-ripple-element, .mat-mdc-tab-group.mat-accent .mat-mdc-tab-link .mat-ripple-element, .mat-mdc-tab-nav-bar.mat-accent .mdc-tab__ripple:before, .mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab .mat-ripple-element, .mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab-header-pagination .mat-ripple-element, .mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab-link .mat-ripple-element {
    background-color: #ffd740
}

.mat-mdc-tab-group.mat-warn .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label, .mat-mdc-tab-group.mat-warn .mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label, .mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label, .mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label {
    color: #f44336
}

.mat-mdc-tab-group.mat-warn .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline, .mat-mdc-tab-group.mat-warn .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline, .mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline, .mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline {
    border-color: var(--mdc-tab-indicator-active-indicator-color, #f44336)
}

.mat-mdc-tab-group.mat-warn .mdc-tab__ripple:before, .mat-mdc-tab-group.mat-warn .mat-mdc-tab .mat-ripple-element, .mat-mdc-tab-group.mat-warn .mat-mdc-tab-header-pagination .mat-ripple-element, .mat-mdc-tab-group.mat-warn .mat-mdc-tab-link .mat-ripple-element, .mat-mdc-tab-nav-bar.mat-warn .mdc-tab__ripple:before, .mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab .mat-ripple-element, .mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab-header-pagination .mat-ripple-element, .mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab-link .mat-ripple-element {
    background-color: #f44336
}

.mat-mdc-tab-group.mat-background-primary, .mat-mdc-tab-nav-bar.mat-background-primary {
    --mat-mdc-tab-header-with-background-background-color: #673ab7;
    --mat-mdc-tab-header-with-background-foreground-color: #fff
}

.mat-mdc-tab-group.mat-background-accent, .mat-mdc-tab-nav-bar.mat-background-accent {
    --mat-mdc-tab-header-with-background-background-color: #ffd740;
    --mat-mdc-tab-header-with-background-foreground-color: #000
}

.mat-mdc-tab-group.mat-background-warn, .mat-mdc-tab-nav-bar.mat-background-warn {
    --mat-mdc-tab-header-with-background-background-color: #f44336;
    --mat-mdc-tab-header-with-background-foreground-color: #fff
}

.mat-mdc-tab-header-pagination-chevron {
    border-color: var(--mdc-theme-on-surface, #000)
}

.mat-mdc-tab-header .mdc-tab {
    height: 48px
}

.mdc-tab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-button-font-size, 14px);
    line-height: var(--mdc-typography-button-line-height, 36px);
    font-weight: var(--mdc-typography-button-font-weight, 500);
    letter-spacing: var(--mdc-typography-button-letter-spacing, .0892857143em);
    -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
    text-decoration: var(--mdc-typography-button-text-decoration, none);
    text-transform: var(--mdc-typography-button-text-transform, none)
}

.mat-mdc-checkbox .mdc-form-field {
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))
}

.mat-mdc-checkbox .mat-ripple-element {
    background-color: #0000001a
}

.mat-mdc-checkbox .mdc-checkbox__ripple {
    background: #000
}

.mat-mdc-checkbox.mat-primary {
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #673ab7;
    --mdc-checkbox-selected-hover-icon-color: #673ab7;
    --mdc-checkbox-selected-icon-color: #673ab7;
    --mdc-checkbox-selected-pressed-icon-color: #673ab7;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54)
}

    .mat-mdc-checkbox.mat-primary .mdc-checkbox--selected ~ .mat-mdc-checkbox-ripple .mat-ripple-element {
        background-color: #673ab71a
    }

    .mat-mdc-checkbox.mat-primary .mdc-checkbox--selected ~ .mdc-checkbox__ripple {
        background: #673ab7
    }

.mat-mdc-checkbox.mat-accent {
    --mdc-checkbox-selected-checkmark-color: #000;
    --mdc-checkbox-selected-focus-icon-color: #ffd740;
    --mdc-checkbox-selected-hover-icon-color: #ffd740;
    --mdc-checkbox-selected-icon-color: #ffd740;
    --mdc-checkbox-selected-pressed-icon-color: #ffd740;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54)
}

    .mat-mdc-checkbox.mat-accent .mdc-checkbox--selected ~ .mat-mdc-checkbox-ripple .mat-ripple-element {
        background-color: #ffd7401a
    }

    .mat-mdc-checkbox.mat-accent .mdc-checkbox--selected ~ .mdc-checkbox__ripple {
        background: #ffd740
    }

.mat-mdc-checkbox.mat-warn {
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #f44336;
    --mdc-checkbox-selected-hover-icon-color: #f44336;
    --mdc-checkbox-selected-icon-color: #f44336;
    --mdc-checkbox-selected-pressed-icon-color: #f44336;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54)
}

    .mat-mdc-checkbox.mat-warn .mdc-checkbox--selected ~ .mat-mdc-checkbox-ripple .mat-ripple-element {
        background-color: #f443361a
    }

    .mat-mdc-checkbox.mat-warn .mdc-checkbox--selected ~ .mdc-checkbox__ripple {
        background: #f44336
    }

.mat-mdc-checkbox-disabled label {
    color: #00000061
}

.mat-mdc-checkbox .mdc-checkbox {
    padding: calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);
    margin: calc((var(--mdc-checkbox-touch-target-size, 40px) - 40px) / 2)
}

    .mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__background {
        top: calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);
        left: calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2)
    }

    .mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control {
        top: calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);
        right: calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);
        left: calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);
        width: var(--mdc-checkbox-touch-target-size, 40px);
        height: var(--mdc-checkbox-touch-target-size, 40px)
    }

@media all and (-ms-high-contrast: none) {
    .mdc-checkbox .mdc-checkbox__focus-ring {
        display: none
    }
}

.mdc-form-field {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-body2-font-size, 14px);
    line-height: var(--mdc-typography-body2-line-height, 20px);
    font-weight: var(--mdc-typography-body2-font-weight, 400);
    letter-spacing: var(--mdc-typography-body2-letter-spacing, .0178571429em);
    -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-transform: var(--mdc-typography-body2-text-transform, none)
}

.mat-mdc-button.mat-unthemed {
    --mdc-text-button-label-text-color: #000
}

.mat-mdc-button.mat-primary {
    --mdc-text-button-label-text-color: #673ab7
}

.mat-mdc-button.mat-accent {
    --mdc-text-button-label-text-color: #ffd740
}

.mat-mdc-button.mat-warn {
    --mdc-text-button-label-text-color: #f44336
}

.mat-mdc-button[disabled][disabled] {
    --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-text-button-label-text-color: rgba(0, 0, 0, .38)
}

.mat-mdc-unelevated-button.mat-unthemed {
    --mdc-filled-button-container-color: #fff;
    --mdc-filled-button-label-text-color: #000
}

.mat-mdc-unelevated-button.mat-primary {
    --mdc-filled-button-container-color: #673ab7;
    --mdc-filled-button-label-text-color: #fff
}

.mat-mdc-unelevated-button.mat-accent {
    --mdc-filled-button-container-color: #ffd740;
    --mdc-filled-button-label-text-color: #000
}

.mat-mdc-unelevated-button.mat-warn {
    --mdc-filled-button-container-color: #f44336;
    --mdc-filled-button-label-text-color: #fff
}

.mat-mdc-unelevated-button[disabled][disabled] {
    --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, .12);
    --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-filled-button-container-color: rgba(0, 0, 0, .12);
    --mdc-filled-button-label-text-color: rgba(0, 0, 0, .38)
}

.mat-mdc-raised-button.mat-unthemed {
    --mdc-protected-button-container-color: #fff;
    --mdc-protected-button-label-text-color: #000
}

.mat-mdc-raised-button.mat-primary {
    --mdc-protected-button-container-color: #673ab7;
    --mdc-protected-button-label-text-color: #fff
}

.mat-mdc-raised-button.mat-accent {
    --mdc-protected-button-container-color: #ffd740;
    --mdc-protected-button-label-text-color: #000
}

.mat-mdc-raised-button.mat-warn {
    --mdc-protected-button-container-color: #f44336;
    --mdc-protected-button-label-text-color: #fff
}

.mat-mdc-raised-button[disabled][disabled] {
    --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, .12);
    --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-protected-button-container-color: rgba(0, 0, 0, .12);
    --mdc-protected-button-label-text-color: rgba(0, 0, 0, .38);
    --mdc-protected-button-container-elevation: 0
}

.mat-mdc-outlined-button {
    --mdc-outlined-button-outline-color: rgba(0, 0, 0, .12)
}

    .mat-mdc-outlined-button.mat-unthemed {
        --mdc-outlined-button-label-text-color: #000
    }

    .mat-mdc-outlined-button.mat-primary {
        --mdc-outlined-button-label-text-color: #673ab7
    }

    .mat-mdc-outlined-button.mat-accent {
        --mdc-outlined-button-label-text-color: #ffd740
    }

    .mat-mdc-outlined-button.mat-warn {
        --mdc-outlined-button-label-text-color: #f44336
    }

    .mat-mdc-outlined-button[disabled][disabled] {
        --mdc-outlined-button-label-text-color: rgba(0, 0, 0, .38);
        --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, .38);
        --mdc-outlined-button-outline-color: rgba(0, 0, 0, .12);
        --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, .12)
    }

.mat-mdc-button, .mat-mdc-outlined-button {
    --mat-mdc-button-persistent-ripple-color: #000;
    --mat-mdc-button-ripple-color: rgba(0, 0, 0, .1)
}

    .mat-mdc-button:hover .mat-mdc-button-persistent-ripple:before, .mat-mdc-outlined-button:hover .mat-mdc-button-persistent-ripple:before {
        opacity: .04
    }

    .mat-mdc-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before, .mat-mdc-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before, .mat-mdc-outlined-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before, .mat-mdc-outlined-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before {
        opacity: .12
    }

    .mat-mdc-button:active .mat-mdc-button-persistent-ripple:before, .mat-mdc-outlined-button:active .mat-mdc-button-persistent-ripple:before {
        opacity: .12
    }

    .mat-mdc-button.mat-primary, .mat-mdc-outlined-button.mat-primary {
        --mat-mdc-button-persistent-ripple-color: #673ab7;
        --mat-mdc-button-ripple-color: rgba(103, 58, 183, .1)
    }

    .mat-mdc-button.mat-accent, .mat-mdc-outlined-button.mat-accent {
        --mat-mdc-button-persistent-ripple-color: #ffd740;
        --mat-mdc-button-ripple-color: rgba(255, 215, 64, .1)
    }

    .mat-mdc-button.mat-warn, .mat-mdc-outlined-button.mat-warn {
        --mat-mdc-button-persistent-ripple-color: #f44336;
        --mat-mdc-button-ripple-color: rgba(244, 67, 54, .1)
    }

.mat-mdc-raised-button, .mat-mdc-unelevated-button {
    --mat-mdc-button-persistent-ripple-color: #000;
    --mat-mdc-button-ripple-color: rgba(0, 0, 0, .1)
}

    .mat-mdc-raised-button:hover .mat-mdc-button-persistent-ripple:before, .mat-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple:before {
        opacity: .04
    }

    .mat-mdc-raised-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before, .mat-mdc-raised-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before, .mat-mdc-unelevated-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before, .mat-mdc-unelevated-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before {
        opacity: .12
    }

    .mat-mdc-raised-button:active .mat-mdc-button-persistent-ripple:before, .mat-mdc-unelevated-button:active .mat-mdc-button-persistent-ripple:before {
        opacity: .12
    }

    .mat-mdc-raised-button.mat-primary, .mat-mdc-unelevated-button.mat-primary {
        --mat-mdc-button-persistent-ripple-color: #fff;
        --mat-mdc-button-ripple-color: rgba(255, 255, 255, .1)
    }

    .mat-mdc-raised-button.mat-accent, .mat-mdc-unelevated-button.mat-accent {
        --mat-mdc-button-persistent-ripple-color: #000;
        --mat-mdc-button-ripple-color: rgba(0, 0, 0, .1)
    }

    .mat-mdc-raised-button.mat-warn, .mat-mdc-unelevated-button.mat-warn {
        --mat-mdc-button-persistent-ripple-color: #fff;
        --mat-mdc-button-ripple-color: rgba(255, 255, 255, .1)
    }

    .mat-mdc-button.mat-mdc-button-base, .mat-mdc-raised-button.mat-mdc-button-base, .mat-mdc-unelevated-button.mat-mdc-button-base, .mat-mdc-outlined-button.mat-mdc-button-base {
        height: 36px
    }

.mdc-button {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-button-font-size, 14px);
    line-height: var(--mdc-typography-button-line-height, 36px);
    font-weight: var(--mdc-typography-button-font-weight, 500);
    letter-spacing: var(--mdc-typography-button-letter-spacing, .0892857143em);
    -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
    text-decoration: var(--mdc-typography-button-text-decoration, none);
    text-transform: var(--mdc-typography-button-text-transform, none)
}

.mat-mdc-icon-button {
    --mat-mdc-button-persistent-ripple-color: #000;
    --mat-mdc-button-ripple-color: rgba(0, 0, 0, .1)
}

    .mat-mdc-icon-button:hover .mat-mdc-button-persistent-ripple:before {
        opacity: .04
    }

    .mat-mdc-icon-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before, .mat-mdc-icon-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before {
        opacity: .12
    }

    .mat-mdc-icon-button:active .mat-mdc-button-persistent-ripple:before {
        opacity: .12
    }

    .mat-mdc-icon-button.mat-primary {
        --mat-mdc-button-persistent-ripple-color: #673ab7;
        --mat-mdc-button-ripple-color: rgba(103, 58, 183, .1)
    }

    .mat-mdc-icon-button.mat-accent {
        --mat-mdc-button-persistent-ripple-color: #ffd740;
        --mat-mdc-button-ripple-color: rgba(255, 215, 64, .1)
    }

    .mat-mdc-icon-button.mat-warn {
        --mat-mdc-button-persistent-ripple-color: #f44336;
        --mat-mdc-button-ripple-color: rgba(244, 67, 54, .1)
    }

    .mat-mdc-icon-button.mat-primary {
        --mdc-icon-button-icon-color: #673ab7
    }

    .mat-mdc-icon-button.mat-accent {
        --mdc-icon-button-icon-color: #ffd740
    }

    .mat-mdc-icon-button.mat-warn {
        --mdc-icon-button-icon-color: #f44336
    }

    .mat-mdc-icon-button[disabled][disabled] {
        --mdc-icon-button-icon-color: rgba(0, 0, 0, .38);
        --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, .38)
    }

    .mat-mdc-icon-button.mat-mdc-button-base {
        width: 48px;
        height: 48px;
        padding: 12px
    }

        .mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__focus-ring {
            max-height: 48px;
            max-width: 48px
        }

        .mat-mdc-icon-button.mat-mdc-button-base.mdc-icon-button--reduced-size .mdc-icon-button__ripple {
            width: 40px;
            height: 40px;
            margin: 4px
        }

        .mat-mdc-icon-button.mat-mdc-button-base.mdc-icon-button--reduced-size .mdc-icon-button__focus-ring {
            max-height: 40px;
            max-width: 40px
        }

        .mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__touch {
            position: absolute;
            top: 50%;
            height: 48px;
            left: 50%;
            width: 48px;
            transform: translate(-50%,-50%)
        }

.mat-mdc-fab, .mat-mdc-mini-fab {
    --mat-mdc-button-persistent-ripple-color: #000;
    --mat-mdc-button-ripple-color: rgba(0, 0, 0, .1)
}

    .mat-mdc-fab:hover .mat-mdc-button-persistent-ripple:before, .mat-mdc-mini-fab:hover .mat-mdc-button-persistent-ripple:before {
        opacity: .04
    }

    .mat-mdc-fab.cdk-program-focused .mat-mdc-button-persistent-ripple:before, .mat-mdc-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before, .mat-mdc-mini-fab.cdk-program-focused .mat-mdc-button-persistent-ripple:before, .mat-mdc-mini-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before {
        opacity: .12
    }

    .mat-mdc-fab:active .mat-mdc-button-persistent-ripple:before, .mat-mdc-mini-fab:active .mat-mdc-button-persistent-ripple:before {
        opacity: .12
    }

    .mat-mdc-fab.mat-primary, .mat-mdc-mini-fab.mat-primary {
        --mat-mdc-button-persistent-ripple-color: #fff;
        --mat-mdc-button-ripple-color: rgba(255, 255, 255, .1)
    }

    .mat-mdc-fab.mat-accent, .mat-mdc-mini-fab.mat-accent {
        --mat-mdc-button-persistent-ripple-color: #000;
        --mat-mdc-button-ripple-color: rgba(0, 0, 0, .1)
    }

    .mat-mdc-fab.mat-warn, .mat-mdc-mini-fab.mat-warn {
        --mat-mdc-button-persistent-ripple-color: #fff;
        --mat-mdc-button-ripple-color: rgba(255, 255, 255, .1)
    }

    .mat-mdc-fab.mat-unthemed, .mat-mdc-mini-fab.mat-unthemed {
        --mdc-fab-container-color: #fff;
        --mdc-fab-icon-color: #000;
        --mat-mdc-fab-color: #000
    }

    .mat-mdc-fab.mat-primary, .mat-mdc-mini-fab.mat-primary {
        --mdc-fab-container-color: #673ab7;
        --mdc-fab-icon-color: #fff;
        --mat-mdc-fab-color: #fff
    }

    .mat-mdc-fab.mat-accent, .mat-mdc-mini-fab.mat-accent {
        --mdc-fab-container-color: #ffd740;
        --mdc-fab-icon-color: #000;
        --mat-mdc-fab-color: #000
    }

    .mat-mdc-fab.mat-warn, .mat-mdc-mini-fab.mat-warn {
        --mdc-fab-container-color: #f44336;
        --mdc-fab-icon-color: #fff;
        --mat-mdc-fab-color: #fff
    }

    .mat-mdc-fab[disabled][disabled], .mat-mdc-mini-fab[disabled][disabled] {
        --mdc-fab-container-color: rgba(0, 0, 0, .12);
        --mdc-fab-icon-color: rgba(0, 0, 0, .38);
        --mat-mdc-fab-color: rgba(0, 0, 0, .38)
    }

.mdc-fab--extended {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-button-font-size, 14px);
    line-height: var(--mdc-typography-button-line-height, 36px);
    font-weight: var(--mdc-typography-button-font-weight, 500);
    letter-spacing: var(--mdc-typography-button-letter-spacing, .0892857143em);
    -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
    text-decoration: var(--mdc-typography-button-text-decoration, none);
    text-transform: var(--mdc-typography-button-text-transform, none)
}

.mat-mdc-snack-bar-container {
    --mat-mdc-snack-bar-button-color: #ffd740;
    --mdc-snackbar-container-color: #333333;
    --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, .87)
}

.mat-mdc-snack-bar-container {
    --mdc-snackbar-supporting-text-font: Roboto, sans-serif;
    --mdc-snackbar-supporting-text-line-height: 20px;
    --mdc-snackbar-supporting-text-size: 14px;
    --mdc-snackbar-supporting-text-weight: 400
}

.mdc-data-table {
    background-color: var(--mdc-theme-surface, #fff);
    border-color: #0000001f
}

.mdc-data-table__row {
    background-color: inherit
}

.mdc-data-table__header-cell {
    background-color: var(--mdc-theme-surface, #fff)
}

.mdc-data-table__row--selected {
    background-color: #673ab70a
}

.mdc-data-table__pagination-rows-per-page-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading, .mdc-data-table__pagination-rows-per-page-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch, .mdc-data-table__pagination-rows-per-page-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing {
    border-color: #0000001f
}

.mdc-data-table__cell, .mdc-data-table__header-cell {
    border-bottom-color: #0000001f
}

.mdc-data-table__pagination {
    border-top-color: #0000001f
}

.mdc-data-table__row:not(.mdc-data-table__row--selected):hover {
    background-color: #0000000a
}

.mdc-data-table__header-cell, .mdc-data-table__pagination-total, .mdc-data-table__pagination-rows-per-page-label, .mdc-data-table__cell {
    color: #000000de
}

.mat-mdc-table {
    background: #fff
}

    .mat-mdc-table .mdc-data-table__row {
        height: 52px
    }

    .mat-mdc-table .mdc-data-table__pagination {
        min-height: 52px
    }

    .mat-mdc-table .mdc-data-table__header-row {
        height: 56px
    }

.mdc-data-table__content, .mdc-data-table__cell {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-body2-font-size, 14px);
    line-height: var(--mdc-typography-body2-line-height, 20px);
    font-weight: var(--mdc-typography-body2-font-weight, 400);
    letter-spacing: var(--mdc-typography-body2-letter-spacing, .0178571429em);
    -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-transform: var(--mdc-typography-body2-text-transform, none)
}

.mdc-data-table__header-cell {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-subtitle2-font-size, 14px);
    line-height: var(--mdc-typography-subtitle2-line-height, 22px);
    font-weight: var(--mdc-typography-subtitle2-font-weight, 500);
    letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, .0071428571em);
    -webkit-text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
    text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
    text-transform: var(--mdc-typography-subtitle2-text-transform, none)
}

.mat-mdc-progress-spinner {
    --mdc-circular-progress-active-indicator-color: #673ab7
}

    .mat-mdc-progress-spinner.mat-accent {
        --mdc-circular-progress-active-indicator-color: #ffd740
    }

    .mat-mdc-progress-spinner.mat-warn {
        --mdc-circular-progress-active-indicator-color: #f44336
    }

.mat-badge {
    position: relative
}

    .mat-badge.mat-badge {
        overflow: visible
    }

.mat-badge-hidden .mat-badge-content {
    display: none
}

.mat-badge-content {
    position: absolute;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    transition: transform .2s ease-in-out;
    transform: scale(.6);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: none
}

    .ng-animate-disabled .mat-badge-content, .mat-badge-content._mat-animation-noopable {
        transition: none
    }

    .mat-badge-content.mat-badge-active {
        transform: none
    }

.mat-badge-small .mat-badge-content {
    width: 16px;
    height: 16px;
    line-height: 16px
}

.mat-badge-small.mat-badge-above .mat-badge-content {
    top: -8px
}

.mat-badge-small.mat-badge-below .mat-badge-content {
    bottom: -8px
}

.mat-badge-small.mat-badge-before .mat-badge-content {
    left: -16px
}

[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
    left: auto;
    right: -16px
}

.mat-badge-small.mat-badge-after .mat-badge-content {
    right: -16px
}

[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
    right: auto;
    left: -16px
}

.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -8px
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -8px
}

.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -8px
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -8px
}

.mat-badge-medium .mat-badge-content {
    width: 22px;
    height: 22px;
    line-height: 22px
}

.mat-badge-medium.mat-badge-above .mat-badge-content {
    top: -11px
}

.mat-badge-medium.mat-badge-below .mat-badge-content {
    bottom: -11px
}

.mat-badge-medium.mat-badge-before .mat-badge-content {
    left: -22px
}

[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
    left: auto;
    right: -22px
}

.mat-badge-medium.mat-badge-after .mat-badge-content {
    right: -22px
}

[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
    right: auto;
    left: -22px
}

.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -11px
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -11px
}

.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -11px
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -11px
}

.mat-badge-large .mat-badge-content {
    width: 28px;
    height: 28px;
    line-height: 28px
}

.mat-badge-large.mat-badge-above .mat-badge-content {
    top: -14px
}

.mat-badge-large.mat-badge-below .mat-badge-content {
    bottom: -14px
}

.mat-badge-large.mat-badge-before .mat-badge-content {
    left: -28px
}

[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
    left: auto;
    right: -28px
}

.mat-badge-large.mat-badge-after .mat-badge-content {
    right: -28px
}

[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
    right: auto;
    left: -28px
}

.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -14px
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -14px
}

.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -14px
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -14px
}

.mat-badge-content {
    color: #fff;
    background: #673ab7
}

.cdk-high-contrast-active .mat-badge-content {
    outline: solid 1px;
    border-radius: 0
}

.mat-badge-accent .mat-badge-content {
    background: #ffd740;
    color: #000000de
}

.mat-badge-warn .mat-badge-content {
    color: #fff;
    background: #f44336
}

.mat-badge-disabled .mat-badge-content {
    background: #b9b9b9;
    color: #00000061
}

.mat-badge-content {
    font-weight: 600;
    font-size: 12px;
    font-family: Roboto,sans-serif
}

.mat-badge-small .mat-badge-content {
    font-size: 9px
}

.mat-badge-large .mat-badge-content {
    font-size: 24px
}

.mat-bottom-sheet-container {
    box-shadow: 0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f;
    background: #fff;
    color: #000000de
}

.mat-bottom-sheet-container {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-family: Roboto,sans-serif;
    letter-spacing: .0178571429em
}

.mat-button-toggle-standalone:not([class*=mat-elevation-z]), .mat-button-toggle-group:not([class*=mat-elevation-z]) {
    box-shadow: 0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f
}

.mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]), .mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) {
    box-shadow: none
}

.mat-button-toggle {
    color: #00000061
}

    .mat-button-toggle .mat-button-toggle-focus-overlay {
        background-color: #0000001f
    }

.mat-button-toggle-appearance-standard {
    color: #000000de;
    background: #fff
}

    .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
        background-color: #000
    }

.mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
    border-left: solid 1px #e0e0e0
}

[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
    border-left: none;
    border-right: solid 1px #e0e0e0
}

.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle {
    border-left: none;
    border-right: none;
    border-top: solid 1px #e0e0e0
}

.mat-button-toggle-checked {
    background-color: #e0e0e0;
    color: #0000008a
}

    .mat-button-toggle-checked.mat-button-toggle-appearance-standard {
        color: #000000de
    }

.mat-button-toggle-disabled {
    color: #00000042;
    background-color: #eee
}

    .mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
        background: #fff
    }

    .mat-button-toggle-disabled.mat-button-toggle-checked {
        background-color: #bdbdbd
    }

.mat-button-toggle-standalone.mat-button-toggle-appearance-standard, .mat-button-toggle-group-appearance-standard {
    border: solid 1px #e0e0e0
}

.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
    line-height: 48px
}

.mat-button-toggle {
    font-family: Roboto,sans-serif
}

.mat-calendar-arrow {
    fill: #0000008a
}

.mat-datepicker-toggle, .mat-datepicker-content .mat-calendar-next-button, .mat-datepicker-content .mat-calendar-previous-button {
    color: #0000008a
}

.mat-calendar-table-header-divider:after {
    background: rgba(0,0,0,.12)
}

.mat-calendar-table-header, .mat-calendar-body-label {
    color: #0000008a
}

.mat-calendar-body-cell-content, .mat-date-range-input-separator {
    color: #000000de;
    border-color: #0000
}

.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    color: #00000061
}

.mat-form-field-disabled .mat-date-range-input-separator {
    color: #00000061
}

.mat-calendar-body-in-preview {
    color: #0000003d
}

.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    border-color: #00000061
}

.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    border-color: #0000002e
}

.mat-calendar-body-in-range:before {
    background: rgba(103,58,183,.2)
}

.mat-calendar-body-comparison-identical, .mat-calendar-body-in-comparison-range:before {
    background: rgba(249,171,0,.2)
}

.mat-calendar-body-comparison-bridge-start:before, [dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
    background: linear-gradient(to right,rgba(103,58,183,.2) 50%,rgba(249,171,0,.2) 50%)
}

.mat-calendar-body-comparison-bridge-end:before, [dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
    background: linear-gradient(to left,rgba(103,58,183,.2) 50%,rgba(249,171,0,.2) 50%)
}

.mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after {
    background: #a8dab5
}

.mat-calendar-body-comparison-identical.mat-calendar-body-selected, .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
    background: #46a35e
}

.mat-calendar-body-selected {
    background-color: #673ab7;
    color: #fff
}

.mat-calendar-body-disabled > .mat-calendar-body-selected {
    background-color: #673ab766
}

.mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px #fff
}

.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: #673ab74d
}

@media (hover: hover) {
    .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
        background-color: #673ab74d
    }
}

.mat-datepicker-content {
    box-shadow: 0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f;
    background-color: #fff;
    color: #000000de
}

    .mat-datepicker-content.mat-accent .mat-calendar-body-in-range:before {
        background: rgba(255,215,64,.2)
    }

    .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical, .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range:before {
        background: rgba(249,171,0,.2)
    }

    .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start:before, .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
        background: linear-gradient(to right,rgba(255,215,64,.2) 50%,rgba(249,171,0,.2) 50%)
    }

    .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end:before, .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
        background: linear-gradient(to left,rgba(255,215,64,.2) 50%,rgba(249,171,0,.2) 50%)
    }

    .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after {
        background: #a8dab5
    }

    .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected, .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
        background: #46a35e
    }

    .mat-datepicker-content.mat-accent .mat-calendar-body-selected {
        background-color: #ffd740;
        color: #000000de
    }

    .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
        background-color: #ffd74066
    }

    .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
        box-shadow: inset 0 0 0 1px #000000de
    }

    .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
        background-color: #ffd7404d
    }

@media (hover: hover) {
    .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
        background-color: #ffd7404d
    }
}

.mat-datepicker-content.mat-warn .mat-calendar-body-in-range:before {
    background: rgba(244,67,54,.2)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical, .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range:before {
    background: rgba(249,171,0,.2)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start:before, .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
    background: linear-gradient(to right,rgba(244,67,54,.2) 50%,rgba(249,171,0,.2) 50%)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end:before, .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
    background: linear-gradient(to left,rgba(244,67,54,.2) 50%,rgba(249,171,0,.2) 50%)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after {
    background: #a8dab5
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected, .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
    background: #46a35e
}

.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
    background-color: #f44336;
    color: #fff
}

.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
    background-color: #f4433666
}

.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px #fff
}

.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: #f443364d
}

@media (hover: hover) {
    .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
        background-color: #f443364d
    }
}

.mat-datepicker-content-touch {
    box-shadow: 0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f
}

.mat-datepicker-toggle-active {
    color: #673ab7
}

    .mat-datepicker-toggle-active.mat-accent {
        color: #ffd740
    }

    .mat-datepicker-toggle-active.mat-warn {
        color: #f44336
    }

.mat-date-range-input-inner[disabled] {
    color: #00000061
}

.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
    width: 40px;
    height: 40px;
    padding: 8px
}

    .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__focus-ring {
        max-height: 40px;
        max-width: 40px
    }

    .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base.mdc-icon-button--reduced-size .mdc-icon-button__ripple {
        width: 40px;
        height: 40px;
        margin: 0
    }

    .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base.mdc-icon-button--reduced-size .mdc-icon-button__focus-ring {
        max-height: 40px;
        max-width: 40px
    }

    .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__touch {
        position: absolute;
        top: 50%;
        height: 40px;
        left: 50%;
        width: 40px;
        transform: translate(-50%,-50%)
    }

    .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target {
        display: none
    }

.mat-calendar {
    font-family: Roboto,sans-serif
}

.mat-calendar-body {
    font-size: 13px
}

.mat-calendar-body-label, .mat-calendar-period-button {
    font-size: 14px;
    font-weight: 500
}

.mat-calendar-table-header th {
    font-size: 11px;
    font-weight: 400
}

.mat-divider {
    border-top-color: #0000001f
}

.mat-divider-vertical {
    border-right-color: #0000001f
}

.mat-expansion-panel {
    background: #fff;
    color: #000000de
}

    .mat-expansion-panel:not([class*=mat-elevation-z]) {
        box-shadow: 0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f
    }

.mat-action-row {
    border-top-color: #0000001f
}

.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
    background: rgba(0,0,0,.04)
}

@media (hover: none) {
    .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
        background: #fff
    }
}

.mat-expansion-panel-header-title {
    color: #000000de
}

.mat-expansion-panel-header-description, .mat-expansion-indicator:after {
    color: #0000008a
}

.mat-expansion-panel-header[aria-disabled=true] {
    color: #00000042
}

    .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title, .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description {
        color: inherit
    }

.mat-expansion-panel-header {
    height: 48px
}

    .mat-expansion-panel-header.mat-expanded {
        height: 64px
    }

.mat-expansion-panel-header {
    font-family: Roboto,sans-serif;
    font-size: 14px;
    font-weight: 500
}

.mat-expansion-panel-content {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-family: Roboto,sans-serif;
    letter-spacing: .0178571429em
}

.mat-grid-tile-header, .mat-grid-tile-footer {
    font-size: 14px
}

    .mat-grid-tile-header .mat-line, .mat-grid-tile-footer .mat-line {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        box-sizing: border-box
    }

        .mat-grid-tile-header .mat-line:nth-child(n+2), .mat-grid-tile-footer .mat-line:nth-child(n+2) {
            font-size: 12px
        }

.mat-icon.mat-primary {
    color: #673ab7
}

.mat-icon.mat-accent {
    color: #ffd740
}

.mat-icon.mat-warn {
    color: #f44336
}

.mat-drawer-container {
    background-color: #fafafa;
    color: #000000de
}

.mat-drawer {
    background-color: #fff;
    color: #000000de
}

    .mat-drawer.mat-drawer-push {
        background-color: #fff
    }

    .mat-drawer:not(.mat-drawer-side) {
        box-shadow: 0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f
    }

.mat-drawer-side {
    border-right: solid 1px rgba(0,0,0,.12)
}

    .mat-drawer-side.mat-drawer-end, [dir=rtl] .mat-drawer-side {
        border-left: solid 1px rgba(0,0,0,.12);
        border-right: none
    }

        [dir=rtl] .mat-drawer-side.mat-drawer-end {
            border-left: none;
            border-right: solid 1px rgba(0,0,0,.12)
        }

.mat-drawer-backdrop.mat-drawer-shown {
    background-color: #0009
}

.mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover:not([aria-disabled]), .mat-step-header:hover[aria-disabled=false] {
    background-color: #0000000a
}

.mat-step-header:hover[aria-disabled=true] {
    cursor: default
}

@media (hover: none) {
    .mat-step-header:hover {
        background: none
    }
}

.mat-step-header .mat-step-label, .mat-step-header .mat-step-optional {
    color: #0000008a
}

.mat-step-header .mat-step-icon {
    background-color: #0000008a;
    color: #fff
}

.mat-step-header .mat-step-icon-selected, .mat-step-header .mat-step-icon-state-done, .mat-step-header .mat-step-icon-state-edit {
    background-color: #673ab7;
    color: #fff
}

.mat-step-header.mat-accent .mat-step-icon {
    color: #000000de
}

.mat-step-header.mat-accent .mat-step-icon-selected, .mat-step-header.mat-accent .mat-step-icon-state-done, .mat-step-header.mat-accent .mat-step-icon-state-edit {
    background-color: #ffd740;
    color: #000000de
}

.mat-step-header.mat-warn .mat-step-icon {
    color: #fff
}

.mat-step-header.mat-warn .mat-step-icon-selected, .mat-step-header.mat-warn .mat-step-icon-state-done, .mat-step-header.mat-warn .mat-step-icon-state-edit {
    background-color: #f44336;
    color: #fff
}

.mat-step-header .mat-step-icon-state-error {
    background-color: #0000;
    color: #f44336
}

.mat-step-header .mat-step-label.mat-step-label-active {
    color: #000000de
}

.mat-step-header .mat-step-label.mat-step-label-error {
    color: #f44336
}

.mat-stepper-horizontal, .mat-stepper-vertical {
    background-color: #fff
}

.mat-stepper-vertical-line:before {
    border-left-color: #0000001f
}

.mat-horizontal-stepper-header:before, .mat-horizontal-stepper-header:after, .mat-stepper-horizontal-line {
    border-top-color: #0000001f
}

.mat-horizontal-stepper-header {
    height: 72px
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header, .mat-vertical-stepper-header {
    padding: 24px
}

.mat-stepper-vertical-line:before {
    top: -16px;
    bottom: -16px
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:after, .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:before {
    top: 36px
}

.mat-stepper-label-position-bottom .mat-stepper-horizontal-line {
    top: 36px
}

.mat-stepper-vertical, .mat-stepper-horizontal {
    font-family: Roboto,sans-serif
}

.mat-step-label {
    font-size: 14px;
    font-weight: 400
}

.mat-step-sub-label-error {
    font-weight: 400
}

.mat-step-label-error {
    font-size: 16px
}

.mat-step-label-selected {
    font-size: 16px;
    font-weight: 400
}

.mat-sort-header-arrow {
    color: #757575
}

.mat-toolbar {
    background: #f5f5f5;
    color: #000000de
}

    .mat-toolbar.mat-primary {
        background: #673ab7;
        color: #fff
    }

    .mat-toolbar.mat-accent {
        background: #ffd740;
        color: #000000de
    }

    .mat-toolbar.mat-warn {
        background: #f44336;
        color: #fff
    }

    .mat-toolbar .mat-form-field-underline, .mat-toolbar .mat-form-field-ripple, .mat-toolbar .mat-focused .mat-form-field-ripple {
        background-color: currentColor
    }

    .mat-toolbar .mat-form-field-label, .mat-toolbar .mat-focused .mat-form-field-label, .mat-toolbar .mat-select-value, .mat-toolbar .mat-select-arrow, .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
        color: inherit
    }

    .mat-toolbar .mat-input-element {
        caret-color: currentColor
    }

.mat-toolbar-multiple-rows {
    min-height: 64px
}

.mat-toolbar-row, .mat-toolbar-single-row {
    height: 64px
}

@media (max-width: 599px) {
    .mat-toolbar-multiple-rows {
        min-height: 56px
    }

    .mat-toolbar-row, .mat-toolbar-single-row {
        height: 56px
    }
}

.mat-toolbar, .mat-toolbar h1, .mat-toolbar h2, .mat-toolbar h3, .mat-toolbar h4, .mat-toolbar h5, .mat-toolbar h6 {
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    font-family: Roboto,sans-serif;
    letter-spacing: .0125em;
    margin: 0
}

.mat-tree {
    background: #fff
}

.mat-tree-node, .mat-nested-tree-node {
    color: #000000de
}

.mat-tree-node {
    min-height: 48px
}

.mat-tree {
    font-family: Roboto,sans-serif
}

.mat-tree-node, .mat-nested-tree-node {
    font-weight: 400;
    font-size: 14px
}

.mat-h1, .mat-headline-5, .mat-typography .mat-h1, .mat-typography .mat-headline-5, .mat-typography h1 {
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    font-family: Roboto,sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h2, .mat-headline-6, .mat-typography .mat-h2, .mat-typography .mat-headline-6, .mat-typography h2 {
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    font-family: Roboto,sans-serif;
    letter-spacing: .0125em;
    margin: 0 0 16px
}

.mat-h3, .mat-subtitle-1, .mat-typography .mat-h3, .mat-typography .mat-subtitle-1, .mat-typography h3 {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    font-family: Roboto,sans-serif;
    letter-spacing: .009375em;
    margin: 0 0 16px
}

.mat-h4, .mat-body-1, .mat-typography .mat-h4, .mat-typography .mat-body-1, .mat-typography h4 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    font-family: Roboto,sans-serif;
    letter-spacing: .03125em;
    margin: 0 0 16px
}

.mat-h5, .mat-typography .mat-h5, .mat-typography h5 {
    font: 400 11.62px/20px Roboto,sans-serif;
    margin: 0 0 12px
}

.mat-h6, .mat-typography .mat-h6, .mat-typography h6 {
    font: 400 9.38px/20px Roboto,sans-serif;
    margin: 0 0 12px
}

.mat-body-strong, .mat-subtitle-2, .mat-typography .mat-body-strong, .mat-typography .mat-subtitle-2 {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    font-family: Roboto,sans-serif;
    letter-spacing: .0071428571em
}

.mat-body, .mat-body-2, .mat-typography .mat-body, .mat-typography .mat-body-2, .mat-typography {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-family: Roboto,sans-serif;
    letter-spacing: .0178571429em
}

    .mat-body p, .mat-body-2 p, .mat-typography .mat-body p, .mat-typography .mat-body-2 p, .mat-typography p {
        margin: 0 0 12px
    }

    .mat-small, .mat-caption, .mat-typography .mat-small, .mat-typography .mat-caption {
        font-size: 12px;
        font-weight: 400;
        line-height: 20px;
        font-family: Roboto,sans-serif;
        letter-spacing: .0333333333em
    }

    .mat-headline-1, .mat-typography .mat-headline-1 {
        font-size: 96px;
        font-weight: 300;
        line-height: 96px;
        font-family: Roboto,sans-serif;
        letter-spacing: -.015625em;
        margin: 0 0 56px
    }

    .mat-headline-2, .mat-typography .mat-headline-2 {
        font-size: 60px;
        font-weight: 300;
        line-height: 60px;
        font-family: Roboto,sans-serif;
        letter-spacing: -.0083333333em;
        margin: 0 0 64px
    }

    .mat-headline-3, .mat-typography .mat-headline-3 {
        font-size: 48px;
        font-weight: 400;
        line-height: 50px;
        font-family: Roboto,sans-serif;
        letter-spacing: normal;
        margin: 0 0 64px
    }

    .mat-headline-4, .mat-typography .mat-headline-4 {
        font-size: 34px;
        font-weight: 400;
        line-height: 40px;
        font-family: Roboto,sans-serif;
        letter-spacing: .0073529412em;
        margin: 0 0 64px
    }

@charset "UTF-8";

@font-face {
    font-family: "Roboto";
    src: url("https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2") format("woff2"), url("https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}


/*!
 * Bootstrap v4.6.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #c3c3c3;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*, *:before, *:after {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block
}

body {
    margin: 0;
    font-family: Roboto,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #616365;
    text-align: left;
    background-color: #eae9e8
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[title], abbr[data-original-title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol, ul, dl {
    margin-top: 0;
    margin-bottom: 1rem
}

    ol ol, ul ul, ol ul, ul ol {
        margin-bottom: 0
    }

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b, strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #007ac9;
    text-decoration: none;
    background-color: transparent
}

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

    a:not([href]):not([class]) {
        color: inherit;
        text-decoration: none
    }

        a:not([href]):not([class]):hover {
            color: inherit;
            text-decoration: none
        }

pre, code, kbd, samp {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

    button:focus:not(:focus-visible) {
        outline: 0
    }

input, button, select, optgroup, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

button, [type=button], [type=reset], [type=submit] {
    -webkit-appearance: button
}

    button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) {
        cursor: pointer
    }

    button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
        padding: 0;
        border-style: none
    }

input[type=radio], input[type=checkbox] {
    box-sizing: border-box;
    padding: 0
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

    [type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

h1, .h1 {
    font-size: 2.5rem
}

h2, .h2 {
    font-size: 2rem
}

h3, .h3 {
    font-size: 1.75rem
}

h4, .h4 {
    font-size: 1.5rem
}

h5, .h5 {
    font-size: 1.25rem
}

h6, .h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1)
}

small, .small {
    font-size: .875em;
    font-weight: 400
}

mark, .mark {
    padding: .2em;
    background-color: #fcf8e3
}

.list-unstyled, .list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

    .list-inline-item:not(:last-child) {
        margin-right: .5rem
    }

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote-footer {
    display: block;
    font-size: .875em;
    color: #6c757d
}

    .blockquote-footer:before {
        content: "\2014\a0"
    }

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #eae9e8;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-wrap: break-word
}

a > code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

    kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: 700
    }

pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}

    pre code {
        font-size: inherit;
        color: inherit;
        word-break: normal
    }

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container, .container-fluid, .container-xl, .container-lg, .container-md, .container-sm {
    width: 100%;
    padding-right: .5rem;
    padding-left: .5rem;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container-sm, .container {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .container-md, .container-sm, .container {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .container-lg, .container-md, .container-sm, .container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1440px
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -.5rem;
    margin-left: -.5rem
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

    .no-gutters > .col, .no-gutters > [class*=col-] {
        padding-right: 0;
        padding-left: 0
    }

.col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
    position: relative;
    width: 100%;
    padding-right: .5rem;
    padding-left: .5rem
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.row-cols-1 > * {
    flex: 0 0 100%;
    max-width: 100%
}

.row-cols-2 > * {
    flex: 0 0 50%;
    max-width: 50%
}

.row-cols-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.row-cols-4 > * {
    flex: 0 0 25%;
    max-width: 25%
}

.row-cols-5 > * {
    flex: 0 0 20%;
    max-width: 20%
}

.row-cols-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%
}

.col-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%
}

.col-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%
}

.col-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%
}

.col-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

@media (min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-sm-1 > * {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-sm-2 > * {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-sm-3 > * {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .row-cols-sm-4 > * {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-sm-5 > * {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-sm-6 > * {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-sm-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        order: -1
    }

    .order-sm-last {
        order: 13
    }

    .order-sm-0 {
        order: 0
    }

    .order-sm-1 {
        order: 1
    }

    .order-sm-2 {
        order: 2
    }

    .order-sm-3 {
        order: 3
    }

    .order-sm-4 {
        order: 4
    }

    .order-sm-5 {
        order: 5
    }

    .order-sm-6 {
        order: 6
    }

    .order-sm-7 {
        order: 7
    }

    .order-sm-8 {
        order: 8
    }

    .order-sm-9 {
        order: 9
    }

    .order-sm-10 {
        order: 10
    }

    .order-sm-11 {
        order: 11
    }

    .order-sm-12 {
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333333%
    }

    .offset-sm-2 {
        margin-left: 16.66666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333333%
    }

    .offset-sm-5 {
        margin-left: 41.66666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333333%
    }

    .offset-sm-8 {
        margin-left: 66.66666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333333%
    }

    .offset-sm-11 {
        margin-left: 91.66666667%
    }
}

@media (min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-md-1 > * {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-md-2 > * {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-md-3 > * {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .row-cols-md-4 > * {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-md-5 > * {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-md-6 > * {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-md-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        order: -1
    }

    .order-md-last {
        order: 13
    }

    .order-md-0 {
        order: 0
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-6 {
        order: 6
    }

    .order-md-7 {
        order: 7
    }

    .order-md-8 {
        order: 8
    }

    .order-md-9 {
        order: 9
    }

    .order-md-10 {
        order: 10
    }

    .order-md-11 {
        order: 11
    }

    .order-md-12 {
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333333%
    }

    .offset-md-2 {
        margin-left: 16.66666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333333%
    }

    .offset-md-5 {
        margin-left: 41.66666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333333%
    }

    .offset-md-8 {
        margin-left: 66.66666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333333%
    }

    .offset-md-11 {
        margin-left: 91.66666667%
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-lg-1 > * {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-lg-2 > * {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-lg-3 > * {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .row-cols-lg-4 > * {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-lg-5 > * {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-lg-6 > * {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-lg-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        order: -1
    }

    .order-lg-last {
        order: 13
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333333%
    }

    .offset-lg-2 {
        margin-left: 16.66666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333333%
    }

    .offset-lg-5 {
        margin-left: 41.66666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333333%
    }

    .offset-lg-8 {
        margin-left: 66.66666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333333%
    }

    .offset-lg-11 {
        margin-left: 91.66666667%
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-xl-1 > * {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-xl-2 > * {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-xl-3 > * {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .row-cols-xl-4 > * {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-xl-5 > * {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-xl-6 > * {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .order-xl-first {
        order: -1
    }

    .order-xl-last {
        order: 13
    }

    .order-xl-0 {
        order: 0
    }

    .order-xl-1 {
        order: 1
    }

    .order-xl-2 {
        order: 2
    }

    .order-xl-3 {
        order: 3
    }

    .order-xl-4 {
        order: 4
    }

    .order-xl-5 {
        order: 5
    }

    .order-xl-6 {
        order: 6
    }

    .order-xl-7 {
        order: 7
    }

    .order-xl-8 {
        order: 8
    }

    .order-xl-9 {
        order: 9
    }

    .order-xl-10 {
        order: 10
    }

    .order-xl-11 {
        order: 11
    }

    .order-xl-12 {
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #616365
}

    .table th, .table td {
        padding: .75rem;
        vertical-align: top;
        border-top: 1px solid #dee2e6
    }

    .table thead th {
        vertical-align: bottom;
        border-bottom: 2px solid #dee2e6
    }

    .table tbody + tbody {
        border-top: 2px solid #dee2e6
    }

.table-sm th, .table-sm td {
    padding: .3rem
}

.table-bordered, .table-bordered th, .table-bordered td {
    border: 1px solid #dee2e6
}

    .table-bordered thead th, .table-bordered thead td {
        border-bottom-width: 2px
    }

.table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #0000000d
}

.table-hover tbody tr:hover {
    color: #616365;
    background-color: #00000013
}

.table-primary, .table-primary > th, .table-primary > td {
    background-color: #b8daff
}

    .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody {
        border-color: #7abaff
    }

.table-hover .table-primary:hover {
    background-color: #9fcdff
}

    .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
        background-color: #9fcdff
    }

.table-secondary, .table-secondary > th, .table-secondary > td {
    background-color: #d6d8db
}

    .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody {
        border-color: #b3b7bb
    }

.table-hover .table-secondary:hover {
    background-color: #c8cbcf
}

    .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
        background-color: #c8cbcf
    }

.table-success, .table-success > th, .table-success > td {
    background-color: #c3e6cb
}

    .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody {
        border-color: #8fd19e
    }

.table-hover .table-success:hover {
    background-color: #b1dfbb
}

    .table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
        background-color: #b1dfbb
    }

.table-info, .table-info > th, .table-info > td {
    background-color: #eee
}

    .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody {
        border-color: #e0e0e0
    }

.table-hover .table-info:hover {
    background-color: #e1e1e1
}

    .table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
        background-color: #e1e1e1
    }

.table-warning, .table-warning > th, .table-warning > td {
    background-color: #ffeeba
}

    .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody {
        border-color: #ffdf7e
    }

.table-hover .table-warning:hover {
    background-color: #ffe8a1
}

    .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
        background-color: #ffe8a1
    }

.table-danger, .table-danger > th, .table-danger > td {
    background-color: #f5c6cb
}

    .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody {
        border-color: #ed969e
    }

.table-hover .table-danger:hover {
    background-color: #f1b0b7
}

    .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
        background-color: #f1b0b7
    }

.table-light, .table-light > th, .table-light > td {
    background-color: #fdfdfe
}

    .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody {
        border-color: #fbfcfc
    }

.table-hover .table-light:hover {
    background-color: #ececf6
}

    .table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
        background-color: #ececf6
    }

.table-dark, .table-dark > th, .table-dark > td {
    background-color: #c6c8ca
}

    .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody {
        border-color: #95999c
    }

.table-hover .table-dark:hover {
    background-color: #b9bbbe
}

    .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {
        background-color: #b9bbbe
    }

.table-active, .table-active > th, .table-active > td {
    background-color: #00000013
}

.table-hover .table-active:hover {
    background-color: #00000013
}

    .table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
        background-color: #00000013
    }

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #343a40
}

    .table-dark th, .table-dark td, .table-dark thead th {
        border-color: #454d55
    }

    .table-dark.table-bordered {
        border: 0
    }

    .table-dark.table-striped tbody tr:nth-of-type(odd) {
        background-color: #ffffff0d
    }

    .table-dark.table-hover tbody tr:hover {
        color: #fff;
        background-color: #ffffff13
    }

@media (max-width: 575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

        .table-responsive-sm > .table-bordered {
            border: 0
        }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

        .table-responsive-md > .table-bordered {
            border: 0
        }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

        .table-responsive-lg > .table-bordered {
            border: 0
        }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

        .table-responsive-xl > .table-bordered {
            border: 0
        }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

    .table-responsive > .table-bordered {
        border: 0
    }

.form-control {
    display: block;
    width: 100%;
    height: calc(1.143em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.143;
    color: #616365;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #616365;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-control {
        transition: none
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    color: #616365;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem #007bff40
}

.form-control::placeholder {
    color: #949494;
    opacity: 1
}

.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control {
    appearance: none
}

select.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #616365
}

select.form-control:focus::-ms-value {
    color: #616365;
    background-color: #fff
}

.form-control-file, .form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.143
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    font-size: .875rem;
    line-height: 1.143;
    color: #616365;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

    .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
        padding-right: 0;
        padding-left: 0
    }

.form-control-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

select.form-control[size], select.form-control[multiple], textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

    .form-row > .col, .form-row > [class*=col-] {
        padding-right: 5px;
        padding-left: 5px
    }

.form-check {
    position: relative;
    display: block;
    padding-left: 1.125rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.125rem
}

    .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
        color: #6c757d
    }

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

    .form-check-inline .form-check-input {
        position: static;
        margin-top: 0;
        margin-right: .3125rem;
        margin-left: 0
    }

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #28a745
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: #28a745e6;
    border-radius: .25rem
}

.form-row > .col > .valid-tooltip, .form-row > [class*=col-] > .valid-tooltip {
    left: 5px
}

.was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip {
    display: block
}

.was-validated .form-control:valid, .form-control.is-valid {
    border-color: #28a745;
    padding-right: calc(1.143em + .75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.28575em + .1875rem) center;
    background-size: calc(.5715em + .375rem) calc(.5715em + .375rem)
}

    .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
        border-color: #28a745;
        box-shadow: 0 0 0 .2rem #28a74540
    }

.was-validated select.form-control:valid, select.form-control.is-valid {
    padding-right: 3rem !important;
    background-position: right 1.5rem center
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
    padding-right: calc(1.143em + .75rem);
    background-position: top calc(.28575em + .1875rem) right calc(.28575em + .1875rem)
}

.was-validated .custom-select:valid, .custom-select.is-valid {
    border-color: #28a745;
    padding-right: calc(.75em + 2.3125rem) !important;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(.5715em + .375rem) calc(.5715em + .375rem) no-repeat
}

    .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
        border-color: #28a745;
        box-shadow: 0 0 0 .2rem #28a74540
    }

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
    color: #28a745
}

.was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip {
    display: block
}

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
    color: #28a745
}

    .was-validated .custom-control-input:valid ~ .custom-control-label:before, .custom-control-input.is-valid ~ .custom-control-label:before {
        border-color: #28a745
    }

.was-validated .custom-control-input:valid:checked ~ .custom-control-label:before, .custom-control-input.is-valid:checked ~ .custom-control-label:before {
    border-color: #34ce57;
    background-color: #34ce57
}

.was-validated .custom-control-input:valid:focus ~ .custom-control-label:before, .custom-control-input.is-valid:focus ~ .custom-control-label:before {
    box-shadow: 0 0 0 .2rem #28a74540
}

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label:before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label:before {
    border-color: #28a745
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
    border-color: #28a745
}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem #28a74540
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: #dc3545e6;
    border-radius: .25rem
}

.form-row > .col > .invalid-tooltip, .form-row > [class*=col-] > .invalid-tooltip {
    left: 5px
}

.was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip {
    display: block
}

.was-validated .form-control:invalid, .form-control.is-invalid {
    border-color: #dc3545;
    padding-right: calc(1.143em + .75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.28575em + .1875rem) center;
    background-size: calc(.5715em + .375rem) calc(.5715em + .375rem)
}

    .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
        border-color: #dc3545;
        box-shadow: 0 0 0 .2rem #dc354540
    }

.was-validated select.form-control:invalid, select.form-control.is-invalid {
    padding-right: 3rem !important;
    background-position: right 1.5rem center
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
    padding-right: calc(1.143em + .75rem);
    background-position: top calc(.28575em + .1875rem) right calc(.28575em + .1875rem)
}

.was-validated .custom-select:invalid, .custom-select.is-invalid {
    border-color: #dc3545;
    padding-right: calc(.75em + 2.3125rem) !important;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(.5715em + .375rem) calc(.5715em + .375rem) no-repeat
}

    .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
        border-color: #dc3545;
        box-shadow: 0 0 0 .2rem #dc354540
    }

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
    color: #dc3545
}

.was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip {
    display: block
}

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
    color: #dc3545
}

    .was-validated .custom-control-input:invalid ~ .custom-control-label:before, .custom-control-input.is-invalid ~ .custom-control-label:before {
        border-color: #dc3545
    }

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label:before, .custom-control-input.is-invalid:checked ~ .custom-control-label:before {
    border-color: #e4606d;
    background-color: #e4606d
}

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label:before, .custom-control-input.is-invalid:focus ~ .custom-control-label:before {
    box-shadow: 0 0 0 .2rem #dc354540
}

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label:before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label:before {
    border-color: #dc3545
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
    border-color: #dc3545
}

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem #dc354540
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

    .form-inline .form-check {
        width: 100%
    }

@media (min-width: 576px) {
    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0
    }

    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-plaintext {
        display: inline-block
    }

    .form-inline .input-group, .form-inline .custom-select {
        width: auto
    }

    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }

    .form-inline .form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }

    .form-inline .custom-control {
        align-items: center;
        justify-content: center
    }

    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #616365;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: .875rem;
    line-height: 1.143;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #616365;
    text-decoration: none
}

.btn:focus, .btn.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem #007bff40
}

.btn.disabled, .btn:disabled {
    opacity: .65
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

a.btn.disabled, fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

    .btn-primary:hover {
        color: #fff;
        background-color: #0069d9;
        border-color: #0062cc
    }

    .btn-primary:focus, .btn-primary.focus {
        color: #fff;
        background-color: #0069d9;
        border-color: #0062cc;
        box-shadow: 0 0 0 .2rem #268fff80
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff
    }

    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #0062cc;
        border-color: #005cbf
    }

        .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem #268fff80
        }

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

    .btn-secondary:hover {
        color: #fff;
        background-color: #5a6268;
        border-color: #545b62
    }

    .btn-secondary:focus, .btn-secondary.focus {
        color: #fff;
        background-color: #5a6268;
        border-color: #545b62;
        box-shadow: 0 0 0 .2rem #828a9180
    }

    .btn-secondary.disabled, .btn-secondary:disabled {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d
    }

    .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #545b62;
        border-color: #4e555b
    }

        .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem #828a9180
        }

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

    .btn-success:hover {
        color: #fff;
        background-color: #218838;
        border-color: #1e7e34
    }

    .btn-success:focus, .btn-success.focus {
        color: #fff;
        background-color: #218838;
        border-color: #1e7e34;
        box-shadow: 0 0 0 .2rem #48b46180
    }

    .btn-success.disabled, .btn-success:disabled {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745
    }

    .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #1e7e34;
        border-color: #1c7430
    }

        .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem #48b46180
        }

.btn-info {
    color: #212529;
    background-color: #c3c3c3;
    border-color: #c3c3c3
}

    .btn-info:hover {
        color: #212529;
        background-color: #b0b0b0;
        border-color: #aaa
    }

    .btn-info:focus, .btn-info.focus {
        color: #212529;
        background-color: #b0b0b0;
        border-color: #aaa;
        box-shadow: 0 0 0 .2rem #ababac80
    }

    .btn-info.disabled, .btn-info:disabled {
        color: #212529;
        background-color: #c3c3c3;
        border-color: #c3c3c3
    }

    .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
        color: #212529;
        background-color: #aaa;
        border-color: #a3a3a3
    }

        .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem #ababac80
        }

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

    .btn-warning:hover {
        color: #212529;
        background-color: #e0a800;
        border-color: #d39e00
    }

    .btn-warning:focus, .btn-warning.focus {
        color: #212529;
        background-color: #e0a800;
        border-color: #d39e00;
        box-shadow: 0 0 0 .2rem #deaa0c80
    }

    .btn-warning.disabled, .btn-warning:disabled {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107
    }

    .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
        color: #212529;
        background-color: #d39e00;
        border-color: #c69500
    }

        .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem #deaa0c80
        }

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

    .btn-danger:hover {
        color: #fff;
        background-color: #c82333;
        border-color: #bd2130
    }

    .btn-danger:focus, .btn-danger.focus {
        color: #fff;
        background-color: #c82333;
        border-color: #bd2130;
        box-shadow: 0 0 0 .2rem #e1536180
    }

    .btn-danger.disabled, .btn-danger:disabled {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545
    }

    .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #bd2130;
        border-color: #b21f2d
    }

        .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem #e1536180
        }

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

    .btn-light:hover {
        color: #212529;
        background-color: #e2e6ea;
        border-color: #dae0e5
    }

    .btn-light:focus, .btn-light.focus {
        color: #212529;
        background-color: #e2e6ea;
        border-color: #dae0e5;
        box-shadow: 0 0 0 .2rem #d8d9db80
    }

    .btn-light.disabled, .btn-light:disabled {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa
    }

    .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
        color: #212529;
        background-color: #dae0e5;
        border-color: #d3d9df
    }

        .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem #d8d9db80
        }

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

    .btn-dark:hover {
        color: #fff;
        background-color: #23272b;
        border-color: #1d2124
    }

    .btn-dark:focus, .btn-dark.focus {
        color: #fff;
        background-color: #23272b;
        border-color: #1d2124;
        box-shadow: 0 0 0 .2rem #52585d80
    }

    .btn-dark.disabled, .btn-dark:disabled {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40
    }

    .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
        color: #fff;
        background-color: #1d2124;
        border-color: #171a1d
    }

        .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem #52585d80
        }

.btn-outline-primary {
    color: #007bff;
    border-color: #007bff
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff
    }

    .btn-outline-primary:focus, .btn-outline-primary.focus {
        box-shadow: 0 0 0 .2rem #007bff80
    }

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: #007bff;
        background-color: transparent
    }

    .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff
    }

        .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem #007bff80
        }

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d
}

    .btn-outline-secondary:hover {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d
    }

    .btn-outline-secondary:focus, .btn-outline-secondary.focus {
        box-shadow: 0 0 0 .2rem #6c757d80
    }

    .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
        color: #6c757d;
        background-color: transparent
    }

    .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d
    }

        .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem #6c757d80
        }

.btn-outline-success {
    color: #28a745;
    border-color: #28a745
}

    .btn-outline-success:hover {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745
    }

    .btn-outline-success:focus, .btn-outline-success.focus {
        box-shadow: 0 0 0 .2rem #28a74580
    }

    .btn-outline-success.disabled, .btn-outline-success:disabled {
        color: #28a745;
        background-color: transparent
    }

    .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745
    }

        .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem #28a74580
        }

.btn-outline-info {
    color: #c3c3c3;
    border-color: #c3c3c3
}

    .btn-outline-info:hover {
        color: #212529;
        background-color: #c3c3c3;
        border-color: #c3c3c3
    }

    .btn-outline-info:focus, .btn-outline-info.focus {
        box-shadow: 0 0 0 .2rem #c3c3c380
    }

    .btn-outline-info.disabled, .btn-outline-info:disabled {
        color: #c3c3c3;
        background-color: transparent
    }

    .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
        color: #212529;
        background-color: #c3c3c3;
        border-color: #c3c3c3
    }

        .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem #c3c3c380
        }

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107
}

    .btn-outline-warning:hover {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107
    }

    .btn-outline-warning:focus, .btn-outline-warning.focus {
        box-shadow: 0 0 0 .2rem #ffc10780
    }

    .btn-outline-warning.disabled, .btn-outline-warning:disabled {
        color: #ffc107;
        background-color: transparent
    }

    .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107
    }

        .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem #ffc10780
        }

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545
}

    .btn-outline-danger:hover {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545
    }

    .btn-outline-danger:focus, .btn-outline-danger.focus {
        box-shadow: 0 0 0 .2rem #dc354580
    }

    .btn-outline-danger.disabled, .btn-outline-danger:disabled {
        color: #dc3545;
        background-color: transparent
    }

    .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545
    }

        .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem #dc354580
        }

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa
}

    .btn-outline-light:hover {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa
    }

    .btn-outline-light:focus, .btn-outline-light.focus {
        box-shadow: 0 0 0 .2rem #f8f9fa80
    }

    .btn-outline-light.disabled, .btn-outline-light:disabled {
        color: #f8f9fa;
        background-color: transparent
    }

    .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa
    }

        .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem #f8f9fa80
        }

.btn-outline-dark {
    color: #343a40;
    border-color: #343a40
}

    .btn-outline-dark:hover {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40
    }

    .btn-outline-dark:focus, .btn-outline-dark.focus {
        box-shadow: 0 0 0 .2rem #343a4080
    }

    .btn-outline-dark.disabled, .btn-outline-dark:disabled {
        color: #343a40;
        background-color: transparent
    }

    .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40
    }

        .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem #343a4080
        }

.btn-link {
    font-weight: 400;
    color: #007ac9;
    text-decoration: none
}

    .btn-link:hover {
        color: #007ac9;
        text-decoration: none
    }

    .btn-link:focus, .btn-link.focus {
        text-decoration: none
    }

    .btn-link:disabled, .btn-link.disabled {
        color: #6c757d;
        pointer-events: none
    }

.btn-lg, .btn-group-lg > .btn {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.btn-sm, .btn-group-sm > .btn {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.btn-block {
    display: block;
    width: 100%
}

    .btn-block + .btn-block {
        margin-top: .5rem
    }

input[type=submit].btn-block, input[type=reset].btn-block, input[type=button].btn-block {
    width: 100%
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion: reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.width {
    width: 0;
    height: auto;
    transition: width .35s ease
}

@media (prefers-reduced-motion: reduce) {
    .collapsing.width {
        transition: none
    }
}

.dropup, .dropright, .dropdown, .dropleft {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

    .dropdown-toggle:after {
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent
    }

    .dropdown-toggle:empty:after {
        margin-left: 0
    }

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #616365;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem
}

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

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

@media (min-width: 576px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-sm-right {
        right: 0;
        left: auto
    }
}

@media (min-width: 768px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-md-right {
        right: 0;
        left: auto
    }
}

@media (min-width: 992px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-lg-right {
        right: 0;
        left: auto
    }
}

@media (min-width: 1200px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-xl-right {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropright .dropdown-toggle:after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropleft .dropdown-toggle:after {
    display: none
}

.dropleft .dropdown-toggle:before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropleft .dropdown-toggle:before {
    vertical-align: 0
}

.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .75rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

    .dropdown-item:hover, .dropdown-item:focus {
        color: #16181b;
        text-decoration: none;
        background-color: #e9ecef
    }

    .dropdown-item.active, .dropdown-item:active {
        color: #fff;
        text-decoration: none;
        background-color: #007bff
    }

    .dropdown-item.disabled, .dropdown-item:disabled {
        color: #adb5bd;
        pointer-events: none;
        background-color: transparent
    }

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .75rem 1.5rem;
    color: #212529
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

    .btn-group > .btn, .btn-group-vertical > .btn {
        position: relative;
        flex: 1 1 auto
    }

        .btn-group > .btn:hover, .btn-group-vertical > .btn:hover {
            z-index: 1
        }

        .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active {
            z-index: 1
        }

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

    .btn-toolbar .input-group {
        width: auto
    }

.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) {
    margin-left: -1px
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

    .dropdown-toggle-split:after, .dropup .dropdown-toggle-split:after, .dropright .dropdown-toggle-split:after {
        margin-left: 0
    }

.dropleft .dropdown-toggle-split:before {
    margin-right: 0
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

    .btn-group-vertical > .btn, .btn-group-vertical > .btn-group {
        width: 100%
    }

        .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) {
            margin-top: -1px
        }

        .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn {
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0
        }

        .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn {
            border-top-left-radius: 0;
            border-top-right-radius: 0
        }

.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn {
    margin-bottom: 0
}

    .btn-group-toggle > .btn input[type=radio], .btn-group-toggle > .btn input[type=checkbox], .btn-group-toggle > .btn-group > .btn input[type=radio], .btn-group-toggle > .btn-group > .btn input[type=checkbox] {
        position: absolute;
        clip: rect(0,0,0,0);
        pointer-events: none
    }

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

    .input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file {
        position: relative;
        flex: 1 1 auto;
        width: 1%;
        min-width: 0;
        margin-bottom: 0
    }

        .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file {
            margin-left: -1px
        }

        .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
            z-index: 3
        }

        .input-group > .custom-file .custom-file-input:focus {
            z-index: 4
        }

        .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

    .input-group > .custom-file {
        display: flex;
        align-items: center
    }

        .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label:after {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        .input-group > .custom-file:not(:first-child) .custom-file-label {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

    .input-group:not(.has-validation) > .form-control:not(:last-child), .input-group:not(.has-validation) > .custom-select:not(:last-child), .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label, .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label:after {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .input-group.has-validation > .form-control:nth-last-child(n+3), .input-group.has-validation > .custom-select:nth-last-child(n+3), .input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label, .input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label:after {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

.input-group-prepend, .input-group-append {
    display: flex
}

    .input-group-prepend .btn, .input-group-append .btn {
        position: relative;
        z-index: 2
    }

        .input-group-prepend .btn:focus, .input-group-append .btn:focus {
            z-index: 3
        }

        .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn {
            margin-left: -1px
        }

.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.143;
    color: #616365;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #616365;
    border-radius: .25rem
}

    .input-group-text input[type=radio], .input-group-text input[type=checkbox] {
        margin-top: 0
    }

.input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select {
    height: calc(1.5em + 1rem + 2px)
}

.input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select {
    height: calc(1.5em + .5rem + 2px)
}

.input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group-lg > .custom-select, .input-group-sm > .custom-select {
    padding-right: 1.75rem
}

.input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text, .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .btn, .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-control {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0
}

    .custom-control-input:checked ~ .custom-control-label:before {
        color: #fff;
        border-color: #007bff;
        background-color: #007bff
    }

    .custom-control-input:focus ~ .custom-control-label:before {
        box-shadow: 0 0 0 .2rem #007bff40
    }

    .custom-control-input:focus:not(:checked) ~ .custom-control-label:before {
        border-color: #80bdff
    }

    .custom-control-input:not(:disabled):active ~ .custom-control-label:before {
        color: #fff;
        background-color: #b3d7ff;
        border-color: #b3d7ff
    }

    .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
        color: #6c757d
    }

        .custom-control-input[disabled] ~ .custom-control-label:before, .custom-control-input:disabled ~ .custom-control-label:before {
            background-color: #e9ecef
        }

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

    .custom-control-label:before {
        position: absolute;
        top: .25rem;
        left: -1.5rem;
        display: block;
        width: 1rem;
        height: 1rem;
        pointer-events: none;
        content: "";
        background-color: #fff;
        border: 1px solid #adb5bd
    }

    .custom-control-label:after {
        position: absolute;
        top: .25rem;
        left: -1.5rem;
        display: block;
        width: 1rem;
        height: 1rem;
        content: "";
        background: 50%/50% 50% no-repeat
    }

.custom-checkbox .custom-control-label:before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label:before {
    border-color: #007bff;
    background-color: #007bff
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label:before {
    background-color: #007bff80
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label:before {
    background-color: #007bff80
}

.custom-radio .custom-control-label:before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked ~ .custom-control-label:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label:before {
    background-color: #007bff80
}

.custom-switch {
    padding-left: 2.25rem
}

    .custom-switch .custom-control-label:before {
        left: -2.25rem;
        width: 1.75rem;
        pointer-events: all;
        border-radius: .5rem
    }

    .custom-switch .custom-control-label:after {
        top: calc(.25rem + 2px);
        left: calc(-2.25rem + 2px);
        width: calc(1rem - 4px);
        height: calc(1rem - 4px);
        background-color: #adb5bd;
        border-radius: .5rem;
        transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
    }

@media (prefers-reduced-motion: reduce) {
    .custom-switch .custom-control-label:after {
        transition: none
    }
}

.custom-switch .custom-control-input:checked ~ .custom-control-label:after {
    background-color: #fff;
    transform: translate(.75rem)
}

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label:before {
    background-color: #007bff80
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.143em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.143;
    color: #616365;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;
    border: 1px solid #616365;
    border-radius: .25rem;
    appearance: none
}

    .custom-select:focus {
        border-color: #80bdff;
        outline: 0;
        box-shadow: 0 0 0 .2rem #007bff40
    }

        .custom-select:focus::-ms-value {
            color: #616365;
            background-color: #fff
        }

    .custom-select[multiple], .custom-select[size]:not([size="1"]) {
        height: auto;
        padding-right: .75rem;
        background-image: none
    }

    .custom-select:disabled {
        color: #6c757d;
        background-color: #e9ecef
    }

    .custom-select::-ms-expand {
        display: none
    }

    .custom-select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #616365
    }

.custom-select-sm {
    height: calc(1.5em + .5rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem
}

.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.143em + .75rem + 2px);
    margin-bottom: 0
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.143em + .75rem + 2px);
    margin: 0;
    overflow: hidden;
    opacity: 0
}

    .custom-file-input:focus ~ .custom-file-label {
        border-color: #80bdff;
        box-shadow: 0 0 0 .2rem #007bff40
    }

    .custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label {
        background-color: #e9ecef
    }

    .custom-file-input:lang(en) ~ .custom-file-label:after {
        content: "Browse"
    }

    .custom-file-input ~ .custom-file-label[data-browse]:after {
        content: attr(data-browse)
    }

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.143em + .75rem + 2px);
    padding: .375rem .75rem;
    overflow: hidden;
    font-weight: 400;
    line-height: 1.143;
    color: #616365;
    background-color: #fff;
    border: 1px solid #616365;
    border-radius: .25rem
}

    .custom-file-label:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 3;
        display: block;
        height: calc(1.143em + .75rem);
        padding: .375rem .75rem;
        line-height: 1.143;
        color: #616365;
        content: "Browse";
        background-color: #e9ecef;
        border-left: inherit;
        border-radius: 0 .25rem .25rem 0
    }

.custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    appearance: none
}

    .custom-range:focus {
        outline: 0
    }

        .custom-range:focus::-webkit-slider-thumb {
            box-shadow: 0 0 0 1px #eae9e8,0 0 0 .2rem #007bff40
        }

        .custom-range:focus::-moz-range-thumb {
            box-shadow: 0 0 0 1px #eae9e8,0 0 0 .2rem #007bff40
        }

        .custom-range:focus::-ms-thumb {
            box-shadow: 0 0 0 1px #eae9e8,0 0 0 .2rem #007bff40
        }

    .custom-range::-moz-focus-outer {
        border: 0
    }

    .custom-range::-webkit-slider-thumb {
        width: 1rem;
        height: 1rem;
        margin-top: -.25rem;
        background-color: #007bff;
        border: 0;
        border-radius: 1rem;
        -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        appearance: none
    }

@media (prefers-reduced-motion: reduce) {
    .custom-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion: reduce) {
    .custom-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -ms-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion: reduce) {
    .custom-range::-ms-thumb {
        -ms-transition: none;
        transition: none
    }
}

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .5rem
}

.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-moz-range-track {
    cursor: default
}

.custom-range:disabled::-ms-thumb {
    background-color: #adb5bd
}

.custom-control-label:before, .custom-file-label, .custom-select {
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .custom-control-label:before, .custom-file-label, .custom-select {
        transition: none
    }
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem .75rem
}

    .nav-link:hover, .nav-link:focus {
        text-decoration: none
    }

    .nav-link.disabled {
        color: #6c757d;
        pointer-events: none;
        cursor: default
    }

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

    .nav-tabs .nav-link {
        margin-bottom: -1px;
        background-color: transparent;
        border: 1px solid transparent;
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

        .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
            isolation: isolate;
            border-color: #e9ecef #e9ecef #dee2e6
        }

        .nav-tabs .nav-link.disabled {
            color: #6c757d;
            background-color: transparent;
            border-color: transparent
        }

        .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
            color: #495057;
            background-color: #eae9e8;
            border-color: #dee2e6 #dee2e6 #eae9e8
        }

    .nav-tabs .dropdown-menu {
        margin-top: -1px;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

.nav-pills .nav-link {
    background: none;
    border: 0;
    border-radius: .25rem
}

    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        color: #fff;
        background-color: #007bff
    }

.nav-fill > .nav-link, .nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified > .nav-link, .nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.navbar {
    position: fixed;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: .4375rem 1rem
}

    .navbar .container, .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between
    }

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

    .navbar-brand:hover, .navbar-brand:focus {
        text-decoration: none
    }

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

    .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0
    }

    .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

    .navbar-toggler:hover, .navbar-toggler:focus {
        text-decoration: none
    }

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: 50%/100% 100% no-repeat
}

.navbar-nav-scroll {
    max-height: 75vh;
    overflow-y: auto
}

@media (max-width: 575.98px) {
    .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

        .navbar-expand-sm .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-sm .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-sm .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
            flex-wrap: nowrap
        }

        .navbar-expand-sm .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-sm .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-sm .navbar-toggler {
            display: none
        }
}

@media (max-width: 767.98px) {
    .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

        .navbar-expand-md .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-md .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-md .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
            flex-wrap: nowrap
        }

        .navbar-expand-md .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-md .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-md .navbar-toggler {
            display: none
        }
}

@media (max-width: 991.98px) {
    .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

        .navbar-expand-lg .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-lg .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-lg .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
            flex-wrap: nowrap
        }

        .navbar-expand-lg .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-lg .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-lg .navbar-toggler {
            display: none
        }
}

@media (max-width: 1199.98px) {
    .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 1200px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

        .navbar-expand-xl .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-xl .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-xl .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
            flex-wrap: nowrap
        }

        .navbar-expand-xl .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-xl .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-xl .navbar-toggler {
            display: none
        }
}

.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start
}

    .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
        padding-right: 0;
        padding-left: 0
    }

    .navbar-expand .navbar-nav {
        flex-direction: row
    }

        .navbar-expand .navbar-nav .dropdown-menu {
            position: absolute
        }

        .navbar-expand .navbar-nav .nav-link {
            padding-right: .5rem;
            padding-left: .5rem
        }

    .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
        flex-wrap: nowrap
    }

    .navbar-expand .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand .navbar-toggler {
        display: none
    }

.navbar-light .navbar-brand {
    color: #000000e6
}

    .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
        color: #000000e6
    }

.navbar-light .navbar-nav .nav-link {
    color: #00000080
}

    .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
        color: #000000b3
    }

    .navbar-light .navbar-nav .nav-link.disabled {
        color: #0000004d
    }

    .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
        color: #000000e6
    }

.navbar-light .navbar-toggler {
    color: #00000080;
    border-color: #0000001a
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-light .navbar-text {
    color: #00000080
}

    .navbar-light .navbar-text a {
        color: #000000e6
    }

        .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
            color: #000000e6
        }

.navbar-dark .navbar-brand {
    color: #fff
}

    .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
        color: #fff
    }

.navbar-dark .navbar-nav .nav-link {
    color: #ffffff80
}

    .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
        color: #ffffffbf
    }

    .navbar-dark .navbar-nav .nav-link.disabled {
        color: #ffffff40
    }

    .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
        color: #fff
    }

.navbar-dark .navbar-toggler {
    color: #ffffff80;
    border-color: #ffffff1a
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-dark .navbar-text {
    color: #ffffff80
}

    .navbar-dark .navbar-text a {
        color: #fff
    }

        .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
            color: #fff
        }

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(0,0,0,.125);
    border-radius: 0
}

    .card > hr {
        margin-right: 0;
        margin-left: 0
    }

    .card > .list-group {
        border-top: inherit;
        border-bottom: inherit
    }

        .card > .list-group:first-child {
            border-top-width: 0;
            border-top-left-radius: 0;
            border-top-right-radius: 0
        }

        .card > .list-group:last-child {
            border-bottom-width: 0;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0
        }

        .card > .card-header + .list-group, .card > .list-group + .card-footer {
            border-top: 0
        }

.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link + .card-link {
    margin-left: 1rem
}

.card-header {
    padding: .75rem 1rem;
    margin-bottom: 0;
    background-color: #00000008;
    border-bottom: 0 solid rgba(0,0,0,.125)
}

    .card-header:first-child {
        border-radius: 0
    }

.card-footer {
    padding: .75rem 1rem;
    background-color: #00000008;
    border-top: 0 solid rgba(0,0,0,.125)
}

    .card-footer:last-child {
        border-radius: 0
    }

.card-header-tabs {
    margin-right: -.5rem;
    margin-bottom: -.75rem;
    margin-left: -.5rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.5rem;
    margin-left: -.5rem
}

.card-img-overlay {
    position: absolute;
    inset: 0;
    padding: 1.25rem;
    border-radius: 0
}

.card-img, .card-img-top, .card-img-bottom {
    flex-shrink: 0;
    width: 100%
}

.card-img, .card-img-top {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.card-img, .card-img-bottom {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.card-deck .card {
    margin-bottom: .5rem
}

@media (min-width: 576px) {
    .card-deck {
        display: flex;
        flex-flow: row wrap;
        margin-right: -.5rem;
        margin-left: -.5rem
    }

        .card-deck .card {
            flex: 1 0 0%;
            margin-right: .5rem;
            margin-bottom: 0;
            margin-left: .5rem
        }
}

.card-group > .card {
    margin-bottom: .5rem
}

@media (min-width: 576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap
    }

        .card-group > .card {
            flex: 1 0 0%;
            margin-bottom: 0
        }

            .card-group > .card + .card {
                margin-left: 0;
                border-left: 0
            }

            .card-group > .card:not(:last-child) {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0
            }

                .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header {
                    border-top-right-radius: 0
                }

                .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer {
                    border-bottom-right-radius: 0
                }

            .card-group > .card:not(:first-child) {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0
            }

                .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header {
                    border-top-left-radius: 0
                }

                .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer {
                    border-bottom-left-radius: 0
                }
}

.card-columns .card {
    margin-bottom: 1rem
}

@media (min-width: 576px) {
    .card-columns {
        column-count: 4;
        column-gap: 1rem;
        orphans: 1;
        widows: 1
    }

        .card-columns .card {
            display: inline-block;
            width: 100%
        }
}

.accordion {
    overflow-anchor: none
}

    .accordion > .card {
        overflow: hidden
    }

        .accordion > .card:not(:last-of-type) {
            border-bottom: 0;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0
        }

        .accordion > .card:not(:first-of-type) {
            border-top-left-radius: 0;
            border-top-right-radius: 0
        }

        .accordion > .card > .card-header {
            border-radius: 0;
            margin-bottom: 0
        }

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: .5rem
}

    .breadcrumb-item + .breadcrumb-item:before {
        float: left;
        padding-right: .5rem;
        color: #6c757d;
        content: "/"
    }

    .breadcrumb-item + .breadcrumb-item:hover:before {
        text-decoration: underline
    }

    .breadcrumb-item + .breadcrumb-item:hover:before {
        text-decoration: none
    }

.breadcrumb-item.active {
    color: #6c757d
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007ac9;
    background-color: #fff;
    border: 1px solid #dee2e6
}

    .page-link:hover {
        z-index: 2;
        color: #007ac9;
        text-decoration: none;
        background-color: #e9ecef;
        border-color: #dee2e6
    }

    .page-link:focus {
        z-index: 3;
        outline: 0;
        box-shadow: 0 0 0 .2rem #007bff40
    }

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .badge {
        transition: none
    }
}

a.badge:hover, a.badge:focus {
    text-decoration: none
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #007bff
}

a.badge-primary:hover, a.badge-primary:focus {
    color: #fff;
    background-color: #0062cc
}

a.badge-primary:focus, a.badge-primary.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem #007bff80
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d
}

a.badge-secondary:hover, a.badge-secondary:focus {
    color: #fff;
    background-color: #545b62
}

a.badge-secondary:focus, a.badge-secondary.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem #6c757d80
}

.badge-success {
    color: #fff;
    background-color: #28a745
}

a.badge-success:hover, a.badge-success:focus {
    color: #fff;
    background-color: #1e7e34
}

a.badge-success:focus, a.badge-success.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem #28a74580
}

.badge-info {
    color: #212529;
    background-color: #c3c3c3
}

a.badge-info:hover, a.badge-info:focus {
    color: #212529;
    background-color: #aaa
}

a.badge-info:focus, a.badge-info.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem #c3c3c380
}

.badge-warning {
    color: #212529;
    background-color: #ffc107
}

a.badge-warning:hover, a.badge-warning:focus {
    color: #212529;
    background-color: #d39e00
}

a.badge-warning:focus, a.badge-warning.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem #ffc10780
}

.badge-danger {
    color: #fff;
    background-color: #dc3545
}

a.badge-danger:hover, a.badge-danger:focus {
    color: #fff;
    background-color: #bd2130
}

a.badge-danger:focus, a.badge-danger.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem #dc354580
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa
}

a.badge-light:hover, a.badge-light:focus {
    color: #212529;
    background-color: #dae0e5
}

a.badge-light:focus, a.badge-light.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem #f8f9fa80
}

.badge-dark {
    color: #fff;
    background-color: #343a40
}

a.badge-dark:hover, a.badge-dark:focus {
    color: #fff;
    background-color: #1d2124
}

a.badge-dark:focus, a.badge-dark.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem #343a4080
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem
}

@media (min-width: 576px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 4rem
}

    .alert-dismissible .close {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        padding: .75rem 1.25rem;
        color: inherit
    }

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

    .alert-primary hr {
        border-top-color: #9fcdff
    }

    .alert-primary .alert-link {
        color: #002752
    }

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

    .alert-secondary hr {
        border-top-color: #c8cbcf
    }

    .alert-secondary .alert-link {
        color: #202326
    }

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

    .alert-success hr {
        border-top-color: #b1dfbb
    }

    .alert-success .alert-link {
        color: #0b2e13
    }

.alert-info {
    color: #656565;
    background-color: #f3f3f3;
    border-color: #eee
}

    .alert-info hr {
        border-top-color: #e1e1e1
    }

    .alert-info .alert-link {
        color: #4c4c4c
    }

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

    .alert-warning hr {
        border-top-color: #ffe8a1
    }

    .alert-warning .alert-link {
        color: #533f03
    }

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

    .alert-danger hr {
        border-top-color: #f1b0b7
    }

    .alert-danger .alert-link {
        color: #491217
    }

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

    .alert-light hr {
        border-top-color: #ececf6
    }

    .alert-light .alert-link {
        color: #686868
    }

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

    .alert-dark hr {
        border-top-color: #b9bbbe
    }

    .alert-dark .alert-link {
        color: #040505
    }

@keyframes progress-bar-stripes {
    0% {
        background-position: 1rem 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    line-height: 0;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width .6s ease
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    animation: 1s linear infinite progress-bar-stripes
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
        animation: none
    }
}

.media {
    display: flex;
    align-items: flex-start
}

.media-body {
    flex: 1
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: .25rem
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

    .list-group-item-action:hover, .list-group-item-action:focus {
        z-index: 1;
        color: #495057;
        text-decoration: none;
        background-color: #f8f9fa
    }

    .list-group-item-action:active {
        color: #616365;
        background-color: #e9ecef
    }

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125)
}

    .list-group-item:first-child {
        border-top-left-radius: inherit;
        border-top-right-radius: inherit
    }

    .list-group-item:last-child {
        border-bottom-right-radius: inherit;
        border-bottom-left-radius: inherit
    }

    .list-group-item.disabled, .list-group-item:disabled {
        color: #6c757d;
        pointer-events: none;
        background-color: #fff
    }

    .list-group-item.active {
        z-index: 2;
        color: #fff;
        background-color: #007bff;
        border-color: #007bff
    }

    .list-group-item + .list-group-item {
        border-top-width: 0
    }

        .list-group-item + .list-group-item.active {
            margin-top: -1px;
            border-top-width: 1px
        }

.list-group-horizontal {
    flex-direction: row
}

    .list-group-horizontal > .list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal > .list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal > .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

        .list-group-horizontal > .list-group-item + .list-group-item.active {
            margin-left: -1px;
            border-left-width: 1px
        }

@media (min-width: 576px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }

        .list-group-horizontal-sm > .list-group-item:first-child {
            border-bottom-left-radius: .25rem;
            border-top-right-radius: 0
        }

        .list-group-horizontal-sm > .list-group-item:last-child {
            border-top-right-radius: .25rem;
            border-bottom-left-radius: 0
        }

        .list-group-horizontal-sm > .list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-sm > .list-group-item + .list-group-item {
            border-top-width: 1px;
            border-left-width: 0
        }

            .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
                margin-left: -1px;
                border-left-width: 1px
            }
}

@media (min-width: 768px) {
    .list-group-horizontal-md {
        flex-direction: row
    }

        .list-group-horizontal-md > .list-group-item:first-child {
            border-bottom-left-radius: .25rem;
            border-top-right-radius: 0
        }

        .list-group-horizontal-md > .list-group-item:last-child {
            border-top-right-radius: .25rem;
            border-bottom-left-radius: 0
        }

        .list-group-horizontal-md > .list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-md > .list-group-item + .list-group-item {
            border-top-width: 1px;
            border-left-width: 0
        }

            .list-group-horizontal-md > .list-group-item + .list-group-item.active {
                margin-left: -1px;
                border-left-width: 1px
            }
}

@media (min-width: 992px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }

        .list-group-horizontal-lg > .list-group-item:first-child {
            border-bottom-left-radius: .25rem;
            border-top-right-radius: 0
        }

        .list-group-horizontal-lg > .list-group-item:last-child {
            border-top-right-radius: .25rem;
            border-bottom-left-radius: 0
        }

        .list-group-horizontal-lg > .list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-lg > .list-group-item + .list-group-item {
            border-top-width: 1px;
            border-left-width: 0
        }

            .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
                margin-left: -1px;
                border-left-width: 1px
            }
}

@media (min-width: 1200px) {
    .list-group-horizontal-xl {
        flex-direction: row
    }

        .list-group-horizontal-xl > .list-group-item:first-child {
            border-bottom-left-radius: .25rem;
            border-top-right-radius: 0
        }

        .list-group-horizontal-xl > .list-group-item:last-child {
            border-top-right-radius: .25rem;
            border-bottom-left-radius: 0
        }

        .list-group-horizontal-xl > .list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-xl > .list-group-item + .list-group-item {
            border-top-width: 1px;
            border-left-width: 0
        }

            .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
                margin-left: -1px;
                border-left-width: 1px
            }
}

.list-group-flush {
    border-radius: 0
}

    .list-group-flush > .list-group-item {
        border-width: 0 0 1px
    }

        .list-group-flush > .list-group-item:last-child {
            border-bottom-width: 0
        }

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff
}

    .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
        color: #004085;
        background-color: #9fcdff
    }

    .list-group-item-primary.list-group-item-action.active {
        color: #fff;
        background-color: #004085;
        border-color: #004085
    }

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}

    .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
        color: #383d41;
        background-color: #c8cbcf
    }

    .list-group-item-secondary.list-group-item-action.active {
        color: #fff;
        background-color: #383d41;
        border-color: #383d41
    }

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb
}

    .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
        color: #155724;
        background-color: #b1dfbb
    }

    .list-group-item-success.list-group-item-action.active {
        color: #fff;
        background-color: #155724;
        border-color: #155724
    }

.list-group-item-info {
    color: #656565;
    background-color: #eee
}

    .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
        color: #656565;
        background-color: #e1e1e1
    }

    .list-group-item-info.list-group-item-action.active {
        color: #fff;
        background-color: #656565;
        border-color: #656565
    }

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba
}

    .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
        color: #856404;
        background-color: #ffe8a1
    }

    .list-group-item-warning.list-group-item-action.active {
        color: #fff;
        background-color: #856404;
        border-color: #856404
    }

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb
}

    .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
        color: #721c24;
        background-color: #f1b0b7
    }

    .list-group-item-danger.list-group-item-action.active {
        color: #fff;
        background-color: #721c24;
        border-color: #721c24
    }

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

    .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
        color: #818182;
        background-color: #ececf6
    }

    .list-group-item-light.list-group-item-action.active {
        color: #fff;
        background-color: #818182;
        border-color: #818182
    }

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

    .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
        color: #1b1e21;
        background-color: #b9bbbe
    }

    .list-group-item-dark.list-group-item-action.active {
        color: #fff;
        background-color: #1b1e21;
        border-color: #1b1e21
    }

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

    .close:hover {
        color: #000;
        text-decoration: none
    }

    .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
        opacity: .75
    }

button.close {
    padding: 0;
    background-color: transparent;
    border: 0
}

a.close.disabled {
    pointer-events: none
}

.toast {
    flex-basis: 350px;
    max-width: 350px;
    font-size: .875rem;
    background-color: #ffffffd9;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.1);
    box-shadow: 0 .25rem .75rem #0000001a;
    opacity: 0;
    border-radius: .25rem
}

    .toast:not(:last-child) {
        margin-bottom: .75rem
    }

    .toast.showing {
        opacity: 1
    }

    .toast.show {
        display: block;
        opacity: 1
    }

    .toast.hide {
        display: none
    }

.toast-header {
    display: flex;
    align-items: center;
    padding: .25rem .75rem;
    color: #6c757d;
    background-color: #ffffffd9;
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0,0,0,.05);
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.toast-body {
    padding: .75rem
}

.modal-open {
    overflow: hidden
}

    .modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto
    }

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translateY(-50px)
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem)
}

    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 1rem);
        overflow: hidden
    }

    .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer {
        flex-shrink: 0
    }

    .modal-dialog-scrollable .modal-body {
        overflow-y: auto
    }

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

    .modal-dialog-centered:before {
        display: block;
        height: calc(100vh - 1rem);
        height: min-content;
        content: ""
    }

    .modal-dialog-centered.modal-dialog-scrollable {
        flex-direction: column;
        justify-content: center;
        height: 100%
    }

        .modal-dialog-centered.modal-dialog-scrollable .modal-content {
            max-height: none
        }

        .modal-dialog-centered.modal-dialog-scrollable:before {
            content: none
        }

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

    .modal-backdrop.fade {
        opacity: 0
    }

    .modal-backdrop.show {
        opacity: .5
    }

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

    .modal-header .close {
        padding: 1rem;
        margin: -1rem -1rem -1rem auto
    }

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}

    .modal-footer > * {
        margin: .25rem
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }

    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }

        .modal-dialog-scrollable .modal-content {
            max-height: calc(100vh - 3.5rem)
        }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

        .modal-dialog-centered:before {
            height: calc(100vh - 3.5rem);
            height: min-content
        }

    .modal-sm {
        max-width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        max-width: 800px
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1140px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: Roboto,sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

    .tooltip.show {
        opacity: .9
    }

    .tooltip .arrow {
        position: absolute;
        display: block;
        width: .8rem;
        height: .4rem
    }

        .tooltip .arrow:before {
            position: absolute;
            content: "";
            border-color: transparent;
            border-style: solid
        }

.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] {
    padding: .4rem 0
}

    .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow {
        bottom: 0
    }

        .bs-tooltip-top .arrow:before, .bs-tooltip-auto[x-placement^=top] .arrow:before {
            top: 0;
            border-width: .4rem .4rem 0;
            border-top-color: #000
        }

.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] {
    padding: 0 .4rem
}

    .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow {
        left: 0;
        width: .4rem;
        height: .8rem
    }

        .bs-tooltip-right .arrow:before, .bs-tooltip-auto[x-placement^=right] .arrow:before {
            right: 0;
            border-width: .4rem .4rem .4rem 0;
            border-right-color: #000
        }

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] {
    padding: .4rem 0
}

    .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow {
        top: 0
    }

        .bs-tooltip-bottom .arrow:before, .bs-tooltip-auto[x-placement^=bottom] .arrow:before {
            bottom: 0;
            border-width: 0 .4rem .4rem;
            border-bottom-color: #000
        }

.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] {
    padding: 0 .4rem
}

    .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow {
        right: 0;
        width: .4rem;
        height: .8rem
    }

        .bs-tooltip-left .arrow:before, .bs-tooltip-auto[x-placement^=left] .arrow:before {
            left: 0;
            border-width: .4rem 0 .4rem .4rem;
            border-left-color: #000
        }

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: Roboto,sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem
}

    .popover .arrow {
        position: absolute;
        display: block;
        width: 1rem;
        height: .5rem;
        margin: 0 .3rem
    }

        .popover .arrow:before, .popover .arrow:after {
            position: absolute;
            display: block;
            content: "";
            border-color: transparent;
            border-style: solid
        }

.bs-popover-top, .bs-popover-auto[x-placement^=top] {
    margin-bottom: .5rem
}

    .bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow {
        bottom: calc(-.5rem - 1px)
    }

        .bs-popover-top > .arrow:before, .bs-popover-auto[x-placement^=top] > .arrow:before {
            bottom: 0;
            border-width: .5rem .5rem 0;
            border-top-color: #00000040
        }

        .bs-popover-top > .arrow:after, .bs-popover-auto[x-placement^=top] > .arrow:after {
            bottom: 1px;
            border-width: .5rem .5rem 0;
            border-top-color: #fff
        }

.bs-popover-right, .bs-popover-auto[x-placement^=right] {
    margin-left: .5rem
}

    .bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow {
        left: calc(-.5rem - 1px);
        width: .5rem;
        height: 1rem;
        margin: .3rem 0
    }

        .bs-popover-right > .arrow:before, .bs-popover-auto[x-placement^=right] > .arrow:before {
            left: 0;
            border-width: .5rem .5rem .5rem 0;
            border-right-color: #00000040
        }

        .bs-popover-right > .arrow:after, .bs-popover-auto[x-placement^=right] > .arrow:after {
            left: 1px;
            border-width: .5rem .5rem .5rem 0;
            border-right-color: #fff
        }

.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] {
    margin-top: .5rem
}

    .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow {
        top: calc(-.5rem - 1px)
    }

        .bs-popover-bottom > .arrow:before, .bs-popover-auto[x-placement^=bottom] > .arrow:before {
            top: 0;
            border-width: 0 .5rem .5rem .5rem;
            border-bottom-color: #00000040
        }

        .bs-popover-bottom > .arrow:after, .bs-popover-auto[x-placement^=bottom] > .arrow:after {
            top: 1px;
            border-width: 0 .5rem .5rem .5rem;
            border-bottom-color: #fff
        }

    .bs-popover-bottom .popover-header:before, .bs-popover-auto[x-placement^=bottom] .popover-header:before {
        position: absolute;
        top: 0;
        left: 50%;
        display: block;
        width: 1rem;
        margin-left: -.5rem;
        content: "";
        border-bottom: 1px solid #f7f7f7
    }

.bs-popover-left, .bs-popover-auto[x-placement^=left] {
    margin-right: .5rem
}

    .bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow {
        right: calc(-.5rem - 1px);
        width: .5rem;
        height: 1rem;
        margin: .3rem 0
    }

        .bs-popover-left > .arrow:before, .bs-popover-auto[x-placement^=left] > .arrow:before {
            right: 0;
            border-width: .5rem 0 .5rem .5rem;
            border-left-color: #00000040
        }

        .bs-popover-left > .arrow:after, .bs-popover-auto[x-placement^=left] > .arrow:after {
            right: 1px;
            border-width: .5rem 0 .5rem .5rem;
            border-left-color: #fff
        }

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

    .popover-header:empty {
        display: none
    }

.popover-body {
    padding: .5rem .75rem;
    color: #616365
}

.carousel {
    position: relative
}

    .carousel.pointer-event {
        touch-action: pan-y
    }

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

    .carousel-inner:after {
        display: block;
        clear: both;
        content: ""
    }

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item.active, .carousel-item-next, .carousel-item-prev {
    display: block
}

    .carousel-item-next:not(.carousel-item-left), .active.carousel-item-right {
        transform: translate(100%)
    }

    .carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left {
        transform: translate(-100%)
    }

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

    .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right {
        z-index: 1;
        opacity: 1
    }

.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
        transition: none
    }
}

.carousel-control-prev, .carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: none;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion: reduce) {
    .carousel-control-prev, .carousel-control-next {
        transition: none
    }
}

.carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: 50%/100% 100% no-repeat
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

    .carousel-indicators li {
        box-sizing: content-box;
        flex: 0 1 auto;
        width: 30px;
        height: 3px;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #fff;
        background-clip: padding-box;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        opacity: .5;
        transition: opacity .6s ease
    }

@media (prefers-reduced-motion: reduce) {
    .carousel-indicators li {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    border: .25em solid currentcolor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: .75s linear infinite spinner-border
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    background-color: currentcolor;
    border-radius: 50%;
    opacity: 0;
    animation: .75s linear infinite spinner-grow
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

@media (prefers-reduced-motion: reduce) {
    .spinner-border, .spinner-grow {
        animation-duration: 1.5s
    }
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.bg-primary {
    background-color: #007bff !important
}

a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {
    background-color: #0062cc !important
}

.bg-secondary {
    background-color: #6c757d !important
}

a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus {
    background-color: #545b62 !important
}

.bg-success {
    background-color: #28a745 !important
}

a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus {
    background-color: #1e7e34 !important
}

.bg-info {
    background-color: #c3c3c3 !important
}

a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus {
    background-color: #aaa !important
}

.bg-warning {
    background-color: #ffc107 !important
}

a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus {
    background-color: #d39e00 !important
}

.bg-danger {
    background-color: #dc3545 !important
}

a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus {
    background-color: #bd2130 !important
}

.bg-light {
    background-color: #f8f9fa !important
}

a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus {
    background-color: #dae0e5 !important
}

.bg-dark {
    background-color: #343a40 !important
}

a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus {
    background-color: #1d2124 !important
}

.bg-white {
    background-color: #fff !important
}

.bg-transparent {
    background-color: transparent !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-right {
    border-right: 1px solid #dee2e6 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-left {
    border-left: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #007bff !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #28a745 !important
}

.border-info {
    border-color: #c3c3c3 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #343a40 !important
}

.border-white {
    border-color: #fff !important
}

.rounded-sm {
    border-radius: .2rem !important
}

.rounded {
    border-radius: .25rem !important
}

.rounded-top {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important
}

.rounded-right {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-left {
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-lg {
    border-radius: .3rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important
}

.rounded-0 {
    border-radius: 0 !important
}

.clearfix:after {
    display: block;
    clear: both;
    content: ""
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }

    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

    .embed-responsive:before {
        display: block;
        content: ""
    }

    .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0
    }

.embed-responsive-21by9:before {
    padding-top: 42.85714286%
}

.embed-responsive-16by9:before {
    padding-top: 56.25%
}

.embed-responsive-4by3:before {
    padding-top: 75%
}

.embed-responsive-1by1:before {
    padding-top: 100%
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

@media (min-width: 576px) {
    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media (min-width: 576px) {
    .float-sm-left {
        float: left !important
    }

    .float-sm-right {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }
}

@media (min-width: 768px) {
    .float-md-left {
        float: left !important
    }

    .float-md-right {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }
}

@media (min-width: 992px) {
    .float-lg-left {
        float: left !important
    }

    .float-lg-right {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }
}

@media (min-width: 1200px) {
    .float-xl-left {
        float: left !important
    }

    .float-xl-right {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }
}

.user-select-all {
    -webkit-user-select: all !important;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    user-select: none !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: sticky !important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports (position: sticky) {
    .sticky-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

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

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem #00000013 !important
}

.shadow {
    box-shadow: 0 .5rem 1rem #00000026 !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem #0000002d !important
}

.shadow-none {
    box-shadow: none !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.vw-100 {
    width: 100vw !important
}

.vh-100 {
    height: 100vh !important
}

.m-0 {
    margin: 0 !important
}

.mt-0, .my-0 {
    margin-top: 0 !important
}

.mr-0, .mx-0 {
    margin-right: 0 !important
}

.mb-0, .my-0 {
    margin-bottom: 0 !important
}

.ml-0, .mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1, .my-1 {
    margin-top: .25rem !important
}

.mr-1, .mx-1 {
    margin-right: .25rem !important
}

.mb-1, .my-1 {
    margin-bottom: .25rem !important
}

.ml-1, .mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2, .my-2 {
    margin-top: .5rem !important
}

.mr-2, .mx-2 {
    margin-right: .5rem !important
}

.mb-2, .my-2 {
    margin-bottom: .5rem !important
}

.ml-2, .mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3, .my-3 {
    margin-top: 1rem !important
}

.mr-3, .mx-3 {
    margin-right: 1rem !important
}

.mb-3, .my-3 {
    margin-bottom: 1rem !important
}

.ml-3, .mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4, .my-4 {
    margin-top: 1.5rem !important
}

.mr-4, .mx-4 {
    margin-right: 1.5rem !important
}

.mb-4, .my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4, .mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5, .my-5 {
    margin-top: 3rem !important
}

.mr-5, .mx-5 {
    margin-right: 3rem !important
}

.mb-5, .my-5 {
    margin-bottom: 3rem !important
}

.ml-5, .mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0, .py-0 {
    padding-top: 0 !important
}

.pr-0, .px-0 {
    padding-right: 0 !important
}

.pb-0, .py-0 {
    padding-bottom: 0 !important
}

.pl-0, .px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1, .py-1 {
    padding-top: .25rem !important
}

.pr-1, .px-1 {
    padding-right: .25rem !important
}

.pb-1, .py-1 {
    padding-bottom: .25rem !important
}

.pl-1, .px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2, .py-2 {
    padding-top: .5rem !important
}

.pr-2, .px-2 {
    padding-right: .5rem !important
}

.pb-2, .py-2 {
    padding-bottom: .5rem !important
}

.pl-2, .px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3, .py-3 {
    padding-top: 1rem !important
}

.pr-3, .px-3 {
    padding-right: 1rem !important
}

.pb-3, .py-3 {
    padding-bottom: 1rem !important
}

.pl-3, .px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4, .py-4 {
    padding-top: 1.5rem !important
}

.pr-4, .px-4 {
    padding-right: 1.5rem !important
}

.pb-4, .py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4, .px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5, .py-5 {
    padding-top: 3rem !important
}

.pr-5, .px-5 {
    padding-right: 3rem !important
}

.pb-5, .py-5 {
    padding-bottom: 3rem !important
}

.pl-5, .px-5 {
    padding-left: 3rem !important
}

.m-n1 {
    margin: -.25rem !important
}

.mt-n1, .my-n1 {
    margin-top: -.25rem !important
}

.mr-n1, .mx-n1 {
    margin-right: -.25rem !important
}

.mb-n1, .my-n1 {
    margin-bottom: -.25rem !important
}

.ml-n1, .mx-n1 {
    margin-left: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.mt-n2, .my-n2 {
    margin-top: -.5rem !important
}

.mr-n2, .mx-n2 {
    margin-right: -.5rem !important
}

.mb-n2, .my-n2 {
    margin-bottom: -.5rem !important
}

.ml-n2, .mx-n2 {
    margin-left: -.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.mt-n3, .my-n3 {
    margin-top: -1rem !important
}

.mr-n3, .mx-n3 {
    margin-right: -1rem !important
}

.mb-n3, .my-n3 {
    margin-bottom: -1rem !important
}

.ml-n3, .mx-n3 {
    margin-left: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.mt-n4, .my-n4 {
    margin-top: -1.5rem !important
}

.mr-n4, .mx-n4 {
    margin-right: -1.5rem !important
}

.mb-n4, .my-n4 {
    margin-bottom: -1.5rem !important
}

.ml-n4, .mx-n4 {
    margin-left: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.mt-n5, .my-n5 {
    margin-top: -3rem !important
}

.mr-n5, .mx-n5 {
    margin-right: -3rem !important
}

.mb-n5, .my-n5 {
    margin-bottom: -3rem !important
}

.ml-n5, .mx-n5 {
    margin-left: -3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto, .my-auto {
    margin-top: auto !important
}

.mr-auto, .mx-auto {
    margin-right: auto !important
}

.mb-auto, .my-auto {
    margin-bottom: auto !important
}

.ml-auto, .mx-auto {
    margin-left: auto !important
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important
    }

    .mt-sm-0, .my-sm-0 {
        margin-top: 0 !important
    }

    .mr-sm-0, .mx-sm-0 {
        margin-right: 0 !important
    }

    .mb-sm-0, .my-sm-0 {
        margin-bottom: 0 !important
    }

    .ml-sm-0, .mx-sm-0 {
        margin-left: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .mt-sm-1, .my-sm-1 {
        margin-top: .25rem !important
    }

    .mr-sm-1, .mx-sm-1 {
        margin-right: .25rem !important
    }

    .mb-sm-1, .my-sm-1 {
        margin-bottom: .25rem !important
    }

    .ml-sm-1, .mx-sm-1 {
        margin-left: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .mt-sm-2, .my-sm-2 {
        margin-top: .5rem !important
    }

    .mr-sm-2, .mx-sm-2 {
        margin-right: .5rem !important
    }

    .mb-sm-2, .my-sm-2 {
        margin-bottom: .5rem !important
    }

    .ml-sm-2, .mx-sm-2 {
        margin-left: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .mt-sm-3, .my-sm-3 {
        margin-top: 1rem !important
    }

    .mr-sm-3, .mx-sm-3 {
        margin-right: 1rem !important
    }

    .mb-sm-3, .my-sm-3 {
        margin-bottom: 1rem !important
    }

    .ml-sm-3, .mx-sm-3 {
        margin-left: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .mt-sm-4, .my-sm-4 {
        margin-top: 1.5rem !important
    }

    .mr-sm-4, .mx-sm-4 {
        margin-right: 1.5rem !important
    }

    .mb-sm-4, .my-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-sm-4, .mx-sm-4 {
        margin-left: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .mt-sm-5, .my-sm-5 {
        margin-top: 3rem !important
    }

    .mr-sm-5, .mx-sm-5 {
        margin-right: 3rem !important
    }

    .mb-sm-5, .my-sm-5 {
        margin-bottom: 3rem !important
    }

    .ml-sm-5, .mx-sm-5 {
        margin-left: 3rem !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .pt-sm-0, .py-sm-0 {
        padding-top: 0 !important
    }

    .pr-sm-0, .px-sm-0 {
        padding-right: 0 !important
    }

    .pb-sm-0, .py-sm-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-0, .px-sm-0 {
        padding-left: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .pt-sm-1, .py-sm-1 {
        padding-top: .25rem !important
    }

    .pr-sm-1, .px-sm-1 {
        padding-right: .25rem !important
    }

    .pb-sm-1, .py-sm-1 {
        padding-bottom: .25rem !important
    }

    .pl-sm-1, .px-sm-1 {
        padding-left: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .pt-sm-2, .py-sm-2 {
        padding-top: .5rem !important
    }

    .pr-sm-2, .px-sm-2 {
        padding-right: .5rem !important
    }

    .pb-sm-2, .py-sm-2 {
        padding-bottom: .5rem !important
    }

    .pl-sm-2, .px-sm-2 {
        padding-left: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .pt-sm-3, .py-sm-3 {
        padding-top: 1rem !important
    }

    .pr-sm-3, .px-sm-3 {
        padding-right: 1rem !important
    }

    .pb-sm-3, .py-sm-3 {
        padding-bottom: 1rem !important
    }

    .pl-sm-3, .px-sm-3 {
        padding-left: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .pt-sm-4, .py-sm-4 {
        padding-top: 1.5rem !important
    }

    .pr-sm-4, .px-sm-4 {
        padding-right: 1.5rem !important
    }

    .pb-sm-4, .py-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-sm-4, .px-sm-4 {
        padding-left: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .pt-sm-5, .py-sm-5 {
        padding-top: 3rem !important
    }

    .pr-sm-5, .px-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-5, .py-sm-5 {
        padding-bottom: 3rem !important
    }

    .pl-sm-5, .px-sm-5 {
        padding-left: 3rem !important
    }

    .m-sm-n1 {
        margin: -.25rem !important
    }

    .mt-sm-n1, .my-sm-n1 {
        margin-top: -.25rem !important
    }

    .mr-sm-n1, .mx-sm-n1 {
        margin-right: -.25rem !important
    }

    .mb-sm-n1, .my-sm-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-sm-n1, .mx-sm-n1 {
        margin-left: -.25rem !important
    }

    .m-sm-n2 {
        margin: -.5rem !important
    }

    .mt-sm-n2, .my-sm-n2 {
        margin-top: -.5rem !important
    }

    .mr-sm-n2, .mx-sm-n2 {
        margin-right: -.5rem !important
    }

    .mb-sm-n2, .my-sm-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-sm-n2, .mx-sm-n2 {
        margin-left: -.5rem !important
    }

    .m-sm-n3 {
        margin: -1rem !important
    }

    .mt-sm-n3, .my-sm-n3 {
        margin-top: -1rem !important
    }

    .mr-sm-n3, .mx-sm-n3 {
        margin-right: -1rem !important
    }

    .mb-sm-n3, .my-sm-n3 {
        margin-bottom: -1rem !important
    }

    .ml-sm-n3, .mx-sm-n3 {
        margin-left: -1rem !important
    }

    .m-sm-n4 {
        margin: -1.5rem !important
    }

    .mt-sm-n4, .my-sm-n4 {
        margin-top: -1.5rem !important
    }

    .mr-sm-n4, .mx-sm-n4 {
        margin-right: -1.5rem !important
    }

    .mb-sm-n4, .my-sm-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-sm-n4, .mx-sm-n4 {
        margin-left: -1.5rem !important
    }

    .m-sm-n5 {
        margin: -3rem !important
    }

    .mt-sm-n5, .my-sm-n5 {
        margin-top: -3rem !important
    }

    .mr-sm-n5, .mx-sm-n5 {
        margin-right: -3rem !important
    }

    .mb-sm-n5, .my-sm-n5 {
        margin-bottom: -3rem !important
    }

    .ml-sm-n5, .mx-sm-n5 {
        margin-left: -3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mt-sm-auto, .my-sm-auto {
        margin-top: auto !important
    }

    .mr-sm-auto, .mx-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-auto, .my-sm-auto {
        margin-bottom: auto !important
    }

    .ml-sm-auto, .mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important
    }

    .mt-md-0, .my-md-0 {
        margin-top: 0 !important
    }

    .mr-md-0, .mx-md-0 {
        margin-right: 0 !important
    }

    .mb-md-0, .my-md-0 {
        margin-bottom: 0 !important
    }

    .ml-md-0, .mx-md-0 {
        margin-left: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .mt-md-1, .my-md-1 {
        margin-top: .25rem !important
    }

    .mr-md-1, .mx-md-1 {
        margin-right: .25rem !important
    }

    .mb-md-1, .my-md-1 {
        margin-bottom: .25rem !important
    }

    .ml-md-1, .mx-md-1 {
        margin-left: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .mt-md-2, .my-md-2 {
        margin-top: .5rem !important
    }

    .mr-md-2, .mx-md-2 {
        margin-right: .5rem !important
    }

    .mb-md-2, .my-md-2 {
        margin-bottom: .5rem !important
    }

    .ml-md-2, .mx-md-2 {
        margin-left: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .mt-md-3, .my-md-3 {
        margin-top: 1rem !important
    }

    .mr-md-3, .mx-md-3 {
        margin-right: 1rem !important
    }

    .mb-md-3, .my-md-3 {
        margin-bottom: 1rem !important
    }

    .ml-md-3, .mx-md-3 {
        margin-left: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .mt-md-4, .my-md-4 {
        margin-top: 1.5rem !important
    }

    .mr-md-4, .mx-md-4 {
        margin-right: 1.5rem !important
    }

    .mb-md-4, .my-md-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-md-4, .mx-md-4 {
        margin-left: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .mt-md-5, .my-md-5 {
        margin-top: 3rem !important
    }

    .mr-md-5, .mx-md-5 {
        margin-right: 3rem !important
    }

    .mb-md-5, .my-md-5 {
        margin-bottom: 3rem !important
    }

    .ml-md-5, .mx-md-5 {
        margin-left: 3rem !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .pt-md-0, .py-md-0 {
        padding-top: 0 !important
    }

    .pr-md-0, .px-md-0 {
        padding-right: 0 !important
    }

    .pb-md-0, .py-md-0 {
        padding-bottom: 0 !important
    }

    .pl-md-0, .px-md-0 {
        padding-left: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .pt-md-1, .py-md-1 {
        padding-top: .25rem !important
    }

    .pr-md-1, .px-md-1 {
        padding-right: .25rem !important
    }

    .pb-md-1, .py-md-1 {
        padding-bottom: .25rem !important
    }

    .pl-md-1, .px-md-1 {
        padding-left: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .pt-md-2, .py-md-2 {
        padding-top: .5rem !important
    }

    .pr-md-2, .px-md-2 {
        padding-right: .5rem !important
    }

    .pb-md-2, .py-md-2 {
        padding-bottom: .5rem !important
    }

    .pl-md-2, .px-md-2 {
        padding-left: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .pt-md-3, .py-md-3 {
        padding-top: 1rem !important
    }

    .pr-md-3, .px-md-3 {
        padding-right: 1rem !important
    }

    .pb-md-3, .py-md-3 {
        padding-bottom: 1rem !important
    }

    .pl-md-3, .px-md-3 {
        padding-left: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .pt-md-4, .py-md-4 {
        padding-top: 1.5rem !important
    }

    .pr-md-4, .px-md-4 {
        padding-right: 1.5rem !important
    }

    .pb-md-4, .py-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-md-4, .px-md-4 {
        padding-left: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .pt-md-5, .py-md-5 {
        padding-top: 3rem !important
    }

    .pr-md-5, .px-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-5, .py-md-5 {
        padding-bottom: 3rem !important
    }

    .pl-md-5, .px-md-5 {
        padding-left: 3rem !important
    }

    .m-md-n1 {
        margin: -.25rem !important
    }

    .mt-md-n1, .my-md-n1 {
        margin-top: -.25rem !important
    }

    .mr-md-n1, .mx-md-n1 {
        margin-right: -.25rem !important
    }

    .mb-md-n1, .my-md-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-md-n1, .mx-md-n1 {
        margin-left: -.25rem !important
    }

    .m-md-n2 {
        margin: -.5rem !important
    }

    .mt-md-n2, .my-md-n2 {
        margin-top: -.5rem !important
    }

    .mr-md-n2, .mx-md-n2 {
        margin-right: -.5rem !important
    }

    .mb-md-n2, .my-md-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-md-n2, .mx-md-n2 {
        margin-left: -.5rem !important
    }

    .m-md-n3 {
        margin: -1rem !important
    }

    .mt-md-n3, .my-md-n3 {
        margin-top: -1rem !important
    }

    .mr-md-n3, .mx-md-n3 {
        margin-right: -1rem !important
    }

    .mb-md-n3, .my-md-n3 {
        margin-bottom: -1rem !important
    }

    .ml-md-n3, .mx-md-n3 {
        margin-left: -1rem !important
    }

    .m-md-n4 {
        margin: -1.5rem !important
    }

    .mt-md-n4, .my-md-n4 {
        margin-top: -1.5rem !important
    }

    .mr-md-n4, .mx-md-n4 {
        margin-right: -1.5rem !important
    }

    .mb-md-n4, .my-md-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-md-n4, .mx-md-n4 {
        margin-left: -1.5rem !important
    }

    .m-md-n5 {
        margin: -3rem !important
    }

    .mt-md-n5, .my-md-n5 {
        margin-top: -3rem !important
    }

    .mr-md-n5, .mx-md-n5 {
        margin-right: -3rem !important
    }

    .mb-md-n5, .my-md-n5 {
        margin-bottom: -3rem !important
    }

    .ml-md-n5, .mx-md-n5 {
        margin-left: -3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mt-md-auto, .my-md-auto {
        margin-top: auto !important
    }

    .mr-md-auto, .mx-md-auto {
        margin-right: auto !important
    }

    .mb-md-auto, .my-md-auto {
        margin-bottom: auto !important
    }

    .ml-md-auto, .mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important
    }

    .mt-lg-0, .my-lg-0 {
        margin-top: 0 !important
    }

    .mr-lg-0, .mx-lg-0 {
        margin-right: 0 !important
    }

    .mb-lg-0, .my-lg-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-0, .mx-lg-0 {
        margin-left: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .mt-lg-1, .my-lg-1 {
        margin-top: .25rem !important
    }

    .mr-lg-1, .mx-lg-1 {
        margin-right: .25rem !important
    }

    .mb-lg-1, .my-lg-1 {
        margin-bottom: .25rem !important
    }

    .ml-lg-1, .mx-lg-1 {
        margin-left: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .mt-lg-2, .my-lg-2 {
        margin-top: .5rem !important
    }

    .mr-lg-2, .mx-lg-2 {
        margin-right: .5rem !important
    }

    .mb-lg-2, .my-lg-2 {
        margin-bottom: .5rem !important
    }

    .ml-lg-2, .mx-lg-2 {
        margin-left: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .mt-lg-3, .my-lg-3 {
        margin-top: 1rem !important
    }

    .mr-lg-3, .mx-lg-3 {
        margin-right: 1rem !important
    }

    .mb-lg-3, .my-lg-3 {
        margin-bottom: 1rem !important
    }

    .ml-lg-3, .mx-lg-3 {
        margin-left: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .mt-lg-4, .my-lg-4 {
        margin-top: 1.5rem !important
    }

    .mr-lg-4, .mx-lg-4 {
        margin-right: 1.5rem !important
    }

    .mb-lg-4, .my-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-lg-4, .mx-lg-4 {
        margin-left: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .mt-lg-5, .my-lg-5 {
        margin-top: 3rem !important
    }

    .mr-lg-5, .mx-lg-5 {
        margin-right: 3rem !important
    }

    .mb-lg-5, .my-lg-5 {
        margin-bottom: 3rem !important
    }

    .ml-lg-5, .mx-lg-5 {
        margin-left: 3rem !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .pt-lg-0, .py-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0, .px-lg-0 {
        padding-right: 0 !important
    }

    .pb-lg-0, .py-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0, .px-lg-0 {
        padding-left: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .pt-lg-1, .py-lg-1 {
        padding-top: .25rem !important
    }

    .pr-lg-1, .px-lg-1 {
        padding-right: .25rem !important
    }

    .pb-lg-1, .py-lg-1 {
        padding-bottom: .25rem !important
    }

    .pl-lg-1, .px-lg-1 {
        padding-left: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .pt-lg-2, .py-lg-2 {
        padding-top: .5rem !important
    }

    .pr-lg-2, .px-lg-2 {
        padding-right: .5rem !important
    }

    .pb-lg-2, .py-lg-2 {
        padding-bottom: .5rem !important
    }

    .pl-lg-2, .px-lg-2 {
        padding-left: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .pt-lg-3, .py-lg-3 {
        padding-top: 1rem !important
    }

    .pr-lg-3, .px-lg-3 {
        padding-right: 1rem !important
    }

    .pb-lg-3, .py-lg-3 {
        padding-bottom: 1rem !important
    }

    .pl-lg-3, .px-lg-3 {
        padding-left: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .pt-lg-4, .py-lg-4 {
        padding-top: 1.5rem !important
    }

    .pr-lg-4, .px-lg-4 {
        padding-right: 1.5rem !important
    }

    .pb-lg-4, .py-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-lg-4, .px-lg-4 {
        padding-left: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .pt-lg-5, .py-lg-5 {
        padding-top: 3rem !important
    }

    .pr-lg-5, .px-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-5, .py-lg-5 {
        padding-bottom: 3rem !important
    }

    .pl-lg-5, .px-lg-5 {
        padding-left: 3rem !important
    }

    .m-lg-n1 {
        margin: -.25rem !important
    }

    .mt-lg-n1, .my-lg-n1 {
        margin-top: -.25rem !important
    }

    .mr-lg-n1, .mx-lg-n1 {
        margin-right: -.25rem !important
    }

    .mb-lg-n1, .my-lg-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-lg-n1, .mx-lg-n1 {
        margin-left: -.25rem !important
    }

    .m-lg-n2 {
        margin: -.5rem !important
    }

    .mt-lg-n2, .my-lg-n2 {
        margin-top: -.5rem !important
    }

    .mr-lg-n2, .mx-lg-n2 {
        margin-right: -.5rem !important
    }

    .mb-lg-n2, .my-lg-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-lg-n2, .mx-lg-n2 {
        margin-left: -.5rem !important
    }

    .m-lg-n3 {
        margin: -1rem !important
    }

    .mt-lg-n3, .my-lg-n3 {
        margin-top: -1rem !important
    }

    .mr-lg-n3, .mx-lg-n3 {
        margin-right: -1rem !important
    }

    .mb-lg-n3, .my-lg-n3 {
        margin-bottom: -1rem !important
    }

    .ml-lg-n3, .mx-lg-n3 {
        margin-left: -1rem !important
    }

    .m-lg-n4 {
        margin: -1.5rem !important
    }

    .mt-lg-n4, .my-lg-n4 {
        margin-top: -1.5rem !important
    }

    .mr-lg-n4, .mx-lg-n4 {
        margin-right: -1.5rem !important
    }

    .mb-lg-n4, .my-lg-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-lg-n4, .mx-lg-n4 {
        margin-left: -1.5rem !important
    }

    .m-lg-n5 {
        margin: -3rem !important
    }

    .mt-lg-n5, .my-lg-n5 {
        margin-top: -3rem !important
    }

    .mr-lg-n5, .mx-lg-n5 {
        margin-right: -3rem !important
    }

    .mb-lg-n5, .my-lg-n5 {
        margin-bottom: -3rem !important
    }

    .ml-lg-n5, .mx-lg-n5 {
        margin-left: -3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mt-lg-auto, .my-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-auto, .mx-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-auto, .my-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-auto, .mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important
    }

    .mt-xl-0, .my-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0, .mx-xl-0 {
        margin-right: 0 !important
    }

    .mb-xl-0, .my-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0, .mx-xl-0 {
        margin-left: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .mt-xl-1, .my-xl-1 {
        margin-top: .25rem !important
    }

    .mr-xl-1, .mx-xl-1 {
        margin-right: .25rem !important
    }

    .mb-xl-1, .my-xl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xl-1, .mx-xl-1 {
        margin-left: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .mt-xl-2, .my-xl-2 {
        margin-top: .5rem !important
    }

    .mr-xl-2, .mx-xl-2 {
        margin-right: .5rem !important
    }

    .mb-xl-2, .my-xl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xl-2, .mx-xl-2 {
        margin-left: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .mt-xl-3, .my-xl-3 {
        margin-top: 1rem !important
    }

    .mr-xl-3, .mx-xl-3 {
        margin-right: 1rem !important
    }

    .mb-xl-3, .my-xl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xl-3, .mx-xl-3 {
        margin-left: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .mt-xl-4, .my-xl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xl-4, .mx-xl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xl-4, .my-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xl-4, .mx-xl-4 {
        margin-left: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .mt-xl-5, .my-xl-5 {
        margin-top: 3rem !important
    }

    .mr-xl-5, .mx-xl-5 {
        margin-right: 3rem !important
    }

    .mb-xl-5, .my-xl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xl-5, .mx-xl-5 {
        margin-left: 3rem !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .pt-xl-0, .py-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0, .px-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0, .py-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0, .px-xl-0 {
        padding-left: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .pt-xl-1, .py-xl-1 {
        padding-top: .25rem !important
    }

    .pr-xl-1, .px-xl-1 {
        padding-right: .25rem !important
    }

    .pb-xl-1, .py-xl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xl-1, .px-xl-1 {
        padding-left: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .pt-xl-2, .py-xl-2 {
        padding-top: .5rem !important
    }

    .pr-xl-2, .px-xl-2 {
        padding-right: .5rem !important
    }

    .pb-xl-2, .py-xl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xl-2, .px-xl-2 {
        padding-left: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .pt-xl-3, .py-xl-3 {
        padding-top: 1rem !important
    }

    .pr-xl-3, .px-xl-3 {
        padding-right: 1rem !important
    }

    .pb-xl-3, .py-xl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xl-3, .px-xl-3 {
        padding-left: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .pt-xl-4, .py-xl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xl-4, .px-xl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xl-4, .py-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xl-4, .px-xl-4 {
        padding-left: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .pt-xl-5, .py-xl-5 {
        padding-top: 3rem !important
    }

    .pr-xl-5, .px-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-5, .py-xl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xl-5, .px-xl-5 {
        padding-left: 3rem !important
    }

    .m-xl-n1 {
        margin: -.25rem !important
    }

    .mt-xl-n1, .my-xl-n1 {
        margin-top: -.25rem !important
    }

    .mr-xl-n1, .mx-xl-n1 {
        margin-right: -.25rem !important
    }

    .mb-xl-n1, .my-xl-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-xl-n1, .mx-xl-n1 {
        margin-left: -.25rem !important
    }

    .m-xl-n2 {
        margin: -.5rem !important
    }

    .mt-xl-n2, .my-xl-n2 {
        margin-top: -.5rem !important
    }

    .mr-xl-n2, .mx-xl-n2 {
        margin-right: -.5rem !important
    }

    .mb-xl-n2, .my-xl-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-xl-n2, .mx-xl-n2 {
        margin-left: -.5rem !important
    }

    .m-xl-n3 {
        margin: -1rem !important
    }

    .mt-xl-n3, .my-xl-n3 {
        margin-top: -1rem !important
    }

    .mr-xl-n3, .mx-xl-n3 {
        margin-right: -1rem !important
    }

    .mb-xl-n3, .my-xl-n3 {
        margin-bottom: -1rem !important
    }

    .ml-xl-n3, .mx-xl-n3 {
        margin-left: -1rem !important
    }

    .m-xl-n4 {
        margin: -1.5rem !important
    }

    .mt-xl-n4, .my-xl-n4 {
        margin-top: -1.5rem !important
    }

    .mr-xl-n4, .mx-xl-n4 {
        margin-right: -1.5rem !important
    }

    .mb-xl-n4, .my-xl-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-xl-n4, .mx-xl-n4 {
        margin-left: -1.5rem !important
    }

    .m-xl-n5 {
        margin: -3rem !important
    }

    .mt-xl-n5, .my-xl-n5 {
        margin-top: -3rem !important
    }

    .mr-xl-n5, .mx-xl-n5 {
        margin-right: -3rem !important
    }

    .mb-xl-n5, .my-xl-n5 {
        margin-bottom: -3rem !important
    }

    .ml-xl-n5, .mx-xl-n5 {
        margin-left: -3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mt-xl-auto, .my-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-auto, .mx-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-auto, .my-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-auto, .mx-xl-auto {
        margin-left: auto !important
    }
}

.stretched-link:after {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: #0000
}

.text-monospace {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace !important
}

.text-justify {
    text-align: justify !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

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

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media (min-width: 576px) {
    .text-sm-left {
        text-align: left !important
    }

    .text-sm-right {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important
    }

    .text-md-right {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important
    }

    .text-lg-right {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left !important
    }

    .text-xl-right {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-lighter {
    font-weight: lighter !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-weight-bolder {
    font-weight: bolder !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #fff !important
}

.text-primary {
    color: #007bff !important
}

a.text-primary:hover, a.text-primary:focus {
    color: #0056b3 !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:hover, a.text-secondary:focus {
    color: #494f54 !important
}

.text-success {
    color: #28a745 !important
}

a.text-success:hover, a.text-success:focus {
    color: #19692c !important
}

.text-info {
    color: #c3c3c3 !important
}

a.text-info:hover, a.text-info:focus {
    color: #9d9d9d !important
}

.text-warning {
    color: #ffc107 !important
}

a.text-warning:hover, a.text-warning:focus {
    color: #ba8b00 !important
}

.text-danger {
    color: #dc3545 !important
}

a.text-danger:hover, a.text-danger:focus {
    color: #a71d2a !important
}

.text-light {
    color: #f8f9fa !important
}

a.text-light:hover, a.text-light:focus {
    color: #cbd3da !important
}

.text-dark {
    color: #343a40 !important
}

a.text-dark:hover, a.text-dark:focus {
    color: #121416 !important
}

.text-body {
    color: #616365 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: #00000080 !important
}

.text-white-50 {
    color: #ffffff80 !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.text-decoration-none {
    text-decoration: none !important
}

.text-break {
    word-break: break-word !important;
    word-wrap: break-word !important
}

.text-reset {
    color: inherit !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media print {
    *, *:before, *:after {
        text-shadow: none !important;
        box-shadow: none !important
    }

    a:not(.btn) {
        text-decoration: underline
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    pre {
        white-space: pre-wrap !important
    }

    pre, blockquote {
        border: 1px solid #adb5bd;
        page-break-inside: avoid
    }

    tr, img {
        page-break-inside: avoid
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    @page {
        size: a3
    }

    body, .container {
        min-width: 992px !important
    }

    .navbar {
        display: none
    }

    .badge {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

        .table td, .table th {
            background-color: #fff !important
        }

    .table-bordered th, .table-bordered td {
        border: 1px solid #dee2e6 !important
    }

    .table-dark {
        color: inherit
    }

        .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody {
            border-color: #dee2e6
        }

    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6
    }
}

body {
    font-size: .8125rem;
    line-height: 16px;
    line-height: 1rem;
    font-smooth: always;
    font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -webkit-font-smoothing: subpixel-antialiased
}

h1 {
    font-size: 1.625rem;
    line-height: 28px;
    line-height: 1.75rem
}

h2 {
    font-size: 1.625rem;
    line-height: 28px;
    line-height: 1.75rem;
    font-family: Interstate-Light,sans-serif;
    margin-bottom: .75rem
}

h3 {
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem
}

.font-40 {
    font-size: 2.5rem;
    line-height: 44px;
    line-height: 2.75rem;
    margin-bottom: 0
}

.font-32 {
    font-size: 2rem;
    line-height: 35px;
    line-height: 2.1875rem;
    margin-bottom: 0
}

.font-14 {
    font-size: .875rem;
    line-height: 16px;
    line-height: 1rem;
    margin-bottom: 0
}

.font-12 {
    font-size: .75rem;
    line-height: 16px;
    line-height: 1rem;
    margin-bottom: 0
}

.font-16 {
    font-size: 1rem;
    line-height: 18px;
    line-height: 1.125rem;
    margin-bottom: 0
}

.font-bold {
    font-family: Interstate-Bold,sans-serif
}

.heading-small {
    font-family: roboto;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: .10625rem
}

.title-large {
    font-family: roboto;
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 1.75rem;
    letter-spacing: .06875rem
}

.title-small {
    font-family: roboto;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: .04375rem
}

.display-medium {
    font-family: roboto;
    font-size: 2.813rem;
    font-weight: 400;
    line-height: 3.313rem;
    letter-spacing: -.007rem
}

.display-small {
    font-family: roboto;
    font-size: 2.25rem;
    font-weight: 400;
    line-height: 2.75rem;
    letter-spacing: -.006rem
}

.heading-large {
    font-family: roboto;
    font-size: 2rem;
    font-weight: 400;
    line-height: 2.5rem;
    letter-spacing: -.02rem
}

.heading-medium {
    font-family: roboto;
    font-size: 1.75rem;
    font-weight: 400;
    line-height: 2.25rem;
    letter-spacing: -.018rem
}

.title-medium {
    font-family: roboto;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    letter-spacing: -.01rem
}

.body-large {
    font-family: roboto;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem;
    letter-spacing: -.003rem
}

.body-medium {
    font-family: roboto;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: -.002rem
}

.body-small {
    font-family: roboto;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem;
    letter-spacing: -.002rem
}

.label-large {
    font-family: roboto;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25rem;
    letter-spacing: -.009rem
}

.label-medium {
    font-family: roboto;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem;
    letter-spacing: -.008rem
}

.label-small {
    font-family: roboto;
    font-size: .688rem;
    font-weight: 400;
    line-height: 1rem;
    letter-spacing: -.007rem
}

.btn {
    min-width: 8rem;
    cursor: pointer
}

    .btn.btn-primary {
        background-image: linear-gradient(180deg,#1c9aec,#007ac9);
        background-repeat: repeat-x;
        font-size: 1rem;
        line-height: 16px;
        line-height: 1rem;
        border: 0 none;
        border-radius: .25rem;
        box-shadow: none;
        width: 100%;
        padding-bottom: .5rem;
        padding-top: .5rem;
        text-transform: capitalize
    }

        .btn.btn-primary:hover {
            background-image: linear-gradient(180deg,#5eb6e4,#007ac9);
            background-repeat: repeat-x
        }

        .btn.btn-primary.disabled, .btn.btn-primary:disabled {
            opacity: 1
        }

        .btn.btn-primary:not([disabled]):not(.disabled).active, .btn.btn-primary:not([disabled]):not(.disabled):active {
            border: 0 none;
            background-color: #007ac9;
            box-shadow: none
        }

    .btn.save {
        background-image: linear-gradient(180deg,#81ce4b,#6fb43f);
        background-repeat: repeat-x;
        color: #fff
    }

    .btn.remove, .btn.remove:hover {
        background-image: linear-gradient(180deg,#f5515f,#9f041b);
        background-repeat: repeat-x
    }

    .btn.btn-secondary {
        font-size: .875rem;
        line-height: 16px;
        line-height: 1rem;
        background: #fff;
        border: 1px solid #949494;
        box-shadow: none;
        color: #616365;
        width: 100%;
        text-transform: capitalize
    }

        .btn.btn-secondary:hover {
            color: #949494;
            border: 1px solid #bbbcbe
        }

        .btn.btn-secondary:active {
            color: #616365;
            border: 1px solid #616365
        }

        .btn.btn-secondary:not([disabled]):not(.disabled).active, .btn.btn-secondary:not([disabled]):not(.disabled):active {
            color: #616365;
            border: 1px solid #616365;
            background-color: #fff;
            box-shadow: none
        }

        .btn.btn-secondary.disabled {
            color: #e2e2e2;
            border: 1px solid #e2e2e2
        }

        .btn.btn-secondary.close-btn {
            position: relative;
            text-align: right
        }

            .btn.btn-secondary.close-btn:before {
                font: 18px/18px Nalco-additional-icons;
                content: "\e927";
                position: absolute;
                left: 2rem;
                top: .6875rem
            }

            .btn.btn-secondary.close-btn:hover {
                color: #949494
            }

    .btn.btn-large {
        padding: 16px 0
    }

    .btn.active {
        background: #007ac9;
        color: #fff
    }

    .btn.disabled, .btn:disabled {
        cursor: default;
        background: #e2e2e2
    }

        .btn.disabled:hover, .btn:disabled:hover {
            background: #e2e2e2
        }

.btn-outline-primary:not([disabled]):not(.disabled):active {
    color: #616365;
    background-color: #fff
}

a.btn.save, a.btn.save:hover {
    color: #fff
}

body .k-grid-header, body .k-grid-toolbar, body .k-grouping-header, body .k-grid-add-row, body .k-grid-footer, body .k-drag-clue, body .k-grid-table {
    background-color: #fff;
    color: #616365
}

body .k-grid .k-grid-header .k-sort-order {
    display: none !important
}

body .k-grid .k-grid-header .k-sort-icon .k-svg-i-sort-asc-small, body .k-grid .k-grid-header .k-sort-icon .k-svg-i-sort-desc-small {
    color: #616365
}

body .k-grid th, body .k-grid td {
    word-break: break-word;
    text-overflow: unset;
    padding: .4375rem 1rem;
    vertical-align: middle;
    font-size: .8125rem;
    line-height: 16px;
    line-height: 1rem;
    height: 3rem
}

body .k-grid th {
    white-space: inherit;
    font-family: Interstate-Bold,sans-serif;
    font-size: .75rem;
    line-height: 14px;
    line-height: .875rem
}

    body .k-grid th .k-cell-inner .k-link .k-column-title {
        white-space: normal !important
    }

body .k-grid td {
    border-width: 1px 0 0 0 !important
}

    body .k-grid td a, body .k-grid td a .k-icon-wrapper-host .k-icon, body .k-grid td div .k-icon {
        color: #007ac9 !important
    }

    body .k-grid td .ico-delete {
        font-size: 1.1875rem;
        line-height: 19px;
        line-height: 1.1875rem;
        cursor: pointer
    }

body .k-grid .k-grid-header .k-header {
    vertical-align: middle;
    white-space: normal
}

    body .k-grid .k-grid-header .k-header .k-i-sort-asc-sm, body .k-grid .k-grid-header .k-header .k-i-sort-desc-sm {
        color: #616365
    }

        body .k-grid .k-grid-header .k-header .k-i-sort-asc-sm:before {
            content: "\e004"
        }

        body .k-grid .k-grid-header .k-header .k-i-sort-desc-sm:before {
            content: "\e006"
        }

body .k-grid .k-grid-container .k-grid-content .k-grid-table tr .checkBox {
    padding-top: 0;
    max-width: 1.125rem;
    margin: 0 auto
}

    body .k-grid .k-grid-container .k-grid-content .k-grid-table tr .checkBox label {
        width: 100%
    }

body .k-grid .k-grid-container .k-grid-content .k-grid-table tr.k-alt {
    background: transparent
}

body .k-grid .k-grid-container .k-grid-content .k-grid-table tr.k-state-selected {
    background-color: transparent
}

body .k-grid .k-grid-container .k-grid-content .k-grid-table tr.k-selected > .k-table-td {
    background-color: #e5f1f9;
    color: #333
}

body .k-grid .k-grid-container .k-grid-content .k-grid-table tr.k-grid-edit-row td {
    border-top: 2px solid #f4721e;
    border-bottom: 2px solid #f4721e
}

    body .k-grid .k-grid-container .k-grid-content .k-grid-table tr.k-grid-edit-row td:first-child {
        border-left: 2px solid #f4721e
    }

    body .k-grid .k-grid-container .k-grid-content .k-grid-table tr.k-grid-edit-row td:last-child {
        border-right: 2px solid #f4721e
    }

    body .k-grid .k-grid-container .k-grid-content .k-grid-table tr.k-grid-edit-row td.k-grid-edit-cell {
        background: linear-gradient(180deg,rgba(244,114,30,.1) 0%,rgba(244,114,30,.1) 100%);
        border-left: 2px solid #f4721e;
        border-right: 2px solid #f4721e
    }

        body .k-grid .k-grid-container .k-grid-content .k-grid-table tr.k-grid-edit-row td.k-grid-edit-cell .k-textbox {
            border: 0 none;
            background: transparent;
            margin: 0;
            padding: 0
        }

            body .k-grid .k-grid-container .k-grid-content .k-grid-table tr.k-grid-edit-row td.k-grid-edit-cell .k-textbox.ng-invalid {
                color: #e00034
            }

body .k-grid .k-plus:before {
    content: "\e11e"
}

body .k-grid .k-minus:before {
    content: "\e121"
}

body .k-grid .k-grid-content-locked, body .k-grid .k-grid-content-locked td {
    border-color: #0000
}

body .k-grid .k-master-row.k-table-alt-row .k-grid-content-sticky {
    background: #f5fafd
}

body .k-pager-sizes {
    margin-left: auto !important
}

body .k-pager-numbers .k-selected .k-button-text {
    color: #fff !important
}

body .k-pager-numbers .k-button-text {
    color: #007ac9 !important
}

body .k-block ::selection, body .k-widget ::selection {
    background-color: #007ac9
}

body .k-animation-container .k-list .k-item.k-state-selected {
    color: #007ac9;
    background: transparent
}

body .k-animation-container .k-list .k-item.k-state-focused {
    box-shadow: none
}

body .k-animation-container .k-list-item.k-selected {
    background-color: #007ac9;
    color: #fff
}

    body .k-animation-container .k-list-item.k-selected .k-list-item-text {
        color: #fff !important
    }

body .k-upload {
    background: transparent;
    border: 0 none
}

    body .k-upload .k-upload-button {
        background-image: linear-gradient(180deg,#1c9aec,#007ac9);
        background-repeat: repeat-x;
        color: #fff;
        padding-bottom: .5rem;
        padding-top: .5rem;
        margin: 0;
        width: 13rem;
        text-transform: capitalize;
        font-size: .875rem;
        line-height: 16px;
        line-height: 1rem;
        border: 0 none
    }

        body .k-upload .k-upload-button input {
            cursor: pointer !important
        }

    body .k-upload .k-dropzone-hint {
        display: none
    }

body .k-datepicker, body .k-timepicker {
    border-color: #949494
}

    body .k-datepicker.ng-pristine.ng-invalid, body .k-timepicker.ng-pristine.ng-invalid {
        border-color: #0000009f
    }

    body .k-datepicker kendo-dateinput, body .k-timepicker kendo-dateinput {
        margin: 0 !important;
        width: 100%;
        border-width: 0;
        box-shadow: none !important;
        flex: 1 1 auto
    }

    body .k-datepicker .k-svg-i-calendar, body .k-timepicker .k-svg-i-calendar {
        font: 18px/18px Nalco-additional-icons;
        color: #007ac9
    }

    body .k-datepicker .k-input-inner, body .k-timepicker .k-input-inner {
        border: none;
        color: #616365
    }

        body .k-datepicker .k-input-inner .k-input, body .k-timepicker .k-input-inner .k-input {
            padding: 0
        }

            body .k-datepicker .k-input-inner .k-input::placeholder, body .k-timepicker .k-input-inner .k-input::placeholder {
                color: #bbbcbe
            }

    body .k-datepicker .k-picker-wrap, body .k-timepicker .k-picker-wrap {
        font-size: .875rem;
        line-height: 16px;
        line-height: 1rem;
        border-radius: 0;
        border-color: #949494;
        background-color: #fff;
        color: #616365
    }

        body .k-datepicker .k-picker-wrap .k-select, body .k-timepicker .k-picker-wrap .k-select {
            background-color: transparent;
            padding: 11px 4px;
            width: 3.125rem
        }

            body .k-datepicker .k-picker-wrap .k-select .k-i-clock, body .k-timepicker .k-picker-wrap .k-select .k-i-clock {
                font-size: 1.125rem;
                line-height: 18px;
                line-height: 1.125rem
            }

body .k-combobox {
    max-height: none
}

    body .k-combobox .k-dropdown-wrap {
        border: 1px solid #bbbcbe;
        border-radius: 0;
        color: #616365 !important
    }

        body .k-combobox .k-dropdown-wrap .k-input {
            padding: .75rem 1rem;
            height: auto;
            font-size: .875rem;
            line-height: 16px;
            line-height: 1rem
        }

        body .k-combobox .k-dropdown-wrap .k-i-close {
            padding-top: .625rem;
            right: 1rem
        }

        body .k-combobox .k-dropdown-wrap .k-select {
            background-color: transparent
        }

            body .k-combobox .k-dropdown-wrap .k-select [class^=k-i-arrow-], body .k-combobox .k-dropdown-wrap .k-select [class*=" k-i-arrow-"] {
                display: none
            }

            body .k-combobox .k-dropdown-wrap .k-select:after {
                position: absolute;
                right: 1rem;
                top: 45%;
                border-top-color: #007ac9
            }

body .k-multiselect .k-multiselect-wrap {
    border: 1px solid #949494;
    border-radius: 0
}

    body .k-multiselect .k-multiselect-wrap .k-searchbar .k-input {
        font-size: .875rem;
        line-height: 16px;
        line-height: 1rem;
        padding: .625rem 1rem;
        height: auto
    }

    body .k-multiselect .k-multiselect-wrap .k-i-close {
        padding-top: .625rem
    }

body .custom-kendo-grouping .k-grouping-header {
    display: none
}

body .data-source {
    border-radius: 12px;
    color: #fff;
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
    padding: 5px 0 0;
    top: 1px;
    position: relative;
    background-color: #1c9aec;
    vertical-align: bottom;
    left: 5px;
    margin-right: 2px
}

body .data-source-blank {
    background-color: #bbbcbe !important;
    display: block;
    padding: inherit;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #bbbcbe
}

body .add-entry-datepicker .k-button-group .k-button.k-state-active {
    border-color: #007ac9 !important;
    background: linear-gradient(180deg,#1c9aec,#007ac9) !important
}

body .add-entry-datepicker .k-calendar .k-state-selected .k-link {
    background: linear-gradient(180deg,#1c9aec,#007ac9) !important
}

body .add-entry-datepicker .k-state-selected {
    background-color: transparent !important
}

body .add-entry-datepicker .k-calendar .k-content .k-today {
    color: #007ac9 !important
}

body .add-entry-datepicker .k-button.k-group-start.k-active, body .add-entry-datepicker .k-button.k-time-accept, body .add-entry-datepicker .k-button.k-primary, body .add-entry-datepicker .k-slider .k-draghandle, body .add-entry-datepicker .k-button-group .k-button:active {
    border-color: #007ac9 !important;
    background: linear-gradient(180deg,#1c9aec,#007ac9) !important
}

body .add-entry-datepicker .k-action-buttons .k-button {
    border-radius: 0;
    padding: 12px 16px;
    border-width: 0;
    border-color: inherit;
    color: inherit;
    background: none;
    flex: 1 1 auto;
    background-color: #f5f5f5
}

body .add-entry-datepicker .k-actions, body .add-entry-datepicker .k-edit-buttons, body .add-entry-datepicker .k-action-buttons, body .add-entry-datepicker .k-columnmenu-actions, body .add-entry-datepicker .k-form-buttons {
    gap: 0px !important;
    padding: 0 !important
}

body .add-entry-datepicker .k-calendar .k-calendar-view .k-today {
    background-color: #fff
}

body .add-entry-datepicker .k-calendar-infinite .k-calendar-header {
    margin-right: 0 !important
}

body .add-entry-datepicker .k-calendar th {
    width: 34px !important
}

body .add-entry-datepicker .k-calendar-infinite .k-calendar-view {
    padding: 0
}

body .k-datepicker .k-dateinput .k-input-inner {
    color: #006bd3
}

body .k-datepicker .k-textbox::selection, body .k-datepicker .k-input::selection, body .k-datepicker .k-textarea::selection {
    color: #fff !important
}

body .k-datepicker .k-input-button {
    border: none;
    background: none
}

body .k-calendar .k-calendar-td.k-selected .k-link {
    border-color: #007ac9;
    color: #fff !important;
    background-color: #007ac9 !important
}

body .k-calendar .k-calendar-td .k-link:hover {
    border-color: #00000014;
    color: #424242;
    background-color: #f0f0f0
}

body .k-calendar .k-content.k-scrollable {
    padding-left: 94px
}

body .k-calendar th {
    text-transform: uppercase;
    opacity: .6;
    width: 16% !important
}

body .k-calendar td.k-state-focused:not(.k-state-selected) .k-link {
    box-shadow: inset 0 0 2px 1px #d3d3d3
}

body .k-calendar .k-state-selected .k-link {
    border-color: #ff6358;
    color: #fff;
    background-color: #ff6358
}

body .k-state-selected {
    background-color: #f44336;
    border-radius: .25rem
}

body .kendo-dropdownbutton-ri .k-button {
    color: #007ac9;
    font-weight: 700;
    border: none;
    font-size: 16px
}

body .overview_active .k-button {
    color: #fff;
    background-color: #007ac9
}

body .time-range-datepicker .k-calendar .k-link, body .time-range-datepicker .k-calendar-header .k-title {
    color: #093675 !important
}

body .time-range-datepicker .k-calendar th {
    color: #093675b3
}

body .time-range-datepicker .k-calendar .k-calendar-navigation {
    color: #093675b3 !important;
    background: rgba(236,245,252,.5)
}

body .time-range-datepicker .k-calendar-navigation .k-content li {
    color: #093675 !important
}

body .time-range-datepicker .k-calendar .k-state-selected .k-link {
    border-color: #007ac9;
    color: #fff !important;
    background-color: #007ac9
}

body .time-range-datepicker .k-calendar .k-calendar-td .k-selected .k-link, body .time-range-datepicker .k-calendar .k-calendar-td.k-selected .k-calendar-cell-inner, body .time-range-datepicker .k-calendar .k-calendar-td.k-selected .k-link {
    border-color: #007ac9;
    color: #fff !important;
    background-color: #007ac9 !important
}

body .time-range-datepicker .k-state-selected {
    background-color: #000
}

body .time-range-datepicker .k-calendar-yearview .k-state-selected .k-link {
    background-color: #007ac9
}

body .time-range-datepicker .k-calendar .k-state-selected .k-link {
    background-color: #007ac9 !important;
    color: #fff !important
}

body .time-range-datepicker .k-calendar .k-calendar-view .k-today {
    color: #093675 !important
}

body .k-filter-row kendo-grid-string-filter-cell.k-filtercell .k-button:has(.k-svg-i-filter) {
    display: none
}

body .k-filter-row kendo-grid-string-filter-cell.k-filtercell .k-button .k-svg-i-filter-clear {
    color: inherit
}

body .k-grid td {
    text-transform: none !important
}

.k-calendar.k-calendar-range.k-calendar-infinite table {
    padding: 0;
    display: flex;
    flex-direction: row
}

    .k-calendar.k-calendar-range.k-calendar-infinite table > tbody {
        display: inline-block;
        vertical-align: top
    }

.k-calendar.k-calendar-range.k-calendar-infinite:not(.k-calendar-minimal) > .k-calendar-view {
    border-width: 0 1px;
    border-style: solid;
    border-color: inherit
}

.k-calendar.k-calendar-range .k-calendar-view {
    height: auto;
    min-height: 17em;
    white-space: nowrap
}

.k-calendar.k-calendar-range.k-calendar-infinite table > tbody + tbody {
    margin-left: 32px
}

.k-calendar .k-range-mid {
    background-color: #d9eaf9 !important
}

.k-calendar .k-range-split-end:after {
    background-image: none
}

.k-calendar .k-range-split-start:after {
    background-image: none
}

.k-animation-container .k-child-animation-container .k-timepicker-popup .k-timeselector .k-time-footer .k-time-accept {
    border-color: var(--kendo-color-border, rgba(0, 0, 0, .08));
    background-color: var(--kendo-color-base, #f5f5f5)
}

.checkBox {
    position: relative;
    padding-top: .625rem
}

    .checkBox input {
        display: none
    }

    .checkBox label {
        cursor: pointer;
        position: absolute;
        left: 0;
        width: 100%
    }

        .checkBox label:before {
            font: 18px/18px Nalco-additional-icons;
            content: "\e929";
            color: #bbbcbe;
            vertical-align: bottom;
            margin-right: .625rem
        }

        .checkBox label:hover:before {
            color: #949494
        }

    .checkBox input:checked + label:before {
        content: "\e92a";
        color: #007ac9
    }

    .checkBox input:disabled + label {
        color: #949494
    }

        .checkBox input:disabled + label:before {
            color: #e2e2e2
        }

.radioBox .inline {
    display: inline-block
}

    .radioBox .inline + .inline {
        margin-left: .625rem
    }

.radioBox .radio {
    color: #616365;
    font-size: .8125rem;
    line-height: 14px;
    line-height: .875rem;
    position: relative
}

    .radioBox .radio span {
        position: relative;
        padding-left: 1.5rem;
        padding-top: .125rem
    }

        .radioBox .radio span:after {
            content: "";
            width: 1.125rem;
            height: 1.125rem;
            background-color: #fff;
            border: 2px solid #bbbcbe;
            position: absolute;
            left: 0;
            top: 1px;
            border-radius: 100%;
            -ms-border-radius: 100%;
            -moz-border-radius: 100%;
            -webkit-border-radius: 100%;
            box-sizing: border-box;
            -ms-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box
        }

    .radioBox .radio input[type=radio] {
        cursor: pointer !important;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

        .radioBox .radio input[type=radio]:checked + span {
            color: #616365
        }

            .radioBox .radio input[type=radio]:checked + span:before {
                content: "";
                width: .625rem;
                height: .625rem;
                position: absolute;
                background: #007ac9;
                left: .25rem;
                top: .3125rem;
                border-radius: 100%;
                -ms-border-radius: 100%;
                -moz-border-radius: 100%;
                -webkit-border-radius: 100%;
                z-index: 1
            }

input[type=number] {
    -moz-appearance: textfield
}

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

input, button, textarea {
    outline: none !important;
    box-shadow: none !important
}

input {
    cursor: auto !important
}

    input:disabled {
        border: 1px solid #949494
    }

.required-field {
    position: relative
}

    .required-field:after {
        content: "*";
        position: absolute;
        right: -.625rem;
        color: #007ac9
    }

button {
    color: #616365
}

fieldset:not(:last-of-type) {
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 1rem;
    margin-bottom: 1.5rem
}

fieldset legend {
    font-size: .8125rem;
    line-height: 14px;
    line-height: .875rem;
    font-family: Interstate-Bold,sans-serif;
    text-align: left;
    margin-bottom: 1.5rem;
    color: #616365
}

fieldset .row {
    margin-bottom: 1rem
}

    fieldset .row .fieldset-field-title {
        font-size: .8125rem;
        line-height: 14px;
        line-height: .875rem;
        text-transform: uppercase;
        float: left
    }

        fieldset .row .fieldset-field-title.disabled {
            color: #bbbcbe
        }

    fieldset .row textarea, fieldset .row .dropdown, fieldset .row input, fieldset .row .radioBox, fieldset .row .k-datepicker, fieldset .row .k-combobox {
        float: left;
        width: 100%
    }

    fieldset .row textarea, fieldset .row .dropdown, fieldset .row input {
        border-radius: 0;
        padding: .6875rem 1rem
    }

        fieldset .row input:disabled {
            background-color: transparent
        }

        fieldset .row input::placeholder {
            color: #bbbcbe
        }

    fieldset .row .checkBox {
        margin-top: 1rem
    }

    fieldset .row .radioBox {
        text-align: left;
        margin-top: .25rem
    }

fieldset .required-field + input.ng-touched.ng-invalid, fieldset .required-field + textarea.ng-touched.ng-invalid {
    border: 1px solid #e00034
}

fieldset .required-field + .ng-touched.ng-invalid .dropdown {
    border: 1px solid #e00034
}

fieldset.no-txt-transform .row .fieldset-field-title {
    text-transform: none
}

.modal-backdrop {
    background-color: #0003
}

@media (min-width: 992px) {
    .modal.show.cost-saving-modal {
        top: 25%
    }

        .modal.show.cost-saving-modal .modal-dialog {
            min-width: 41rem
        }

    .modal.show.multiple-site-popup .modal-dialog {
        min-width: 50rem
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .modal.show.chart-setting-modal .modal-dialog, .modal.show.View-Detail-modal .modal-dialog {
        min-width: 40rem !important
    }
}

@media (min-width: 1024px) and (max-width: 1334px) {
    .modal.show.chart-setting-modal .modal-dialog, .modal.show.View-Detail-modal .modal-dialog {
        min-width: 56rem !important
    }
}

@media (min-width: 1334px) {
    .modal.show.View-Detail-modal .modal-dialog {
        min-width: 62rem !important
    }

    .modal.show.chart-setting-modal .modal-dialog {
        min-width: 75rem !important
    }
}

.modal {
    text-align: center;
    padding: 0;
    z-index: 1200
}

    .modal:before {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    .modal .modal-dialog {
        box-shadow: 0 1px 4px #000000b3;
        min-width: 35rem;
        display: inline-block;
        text-align: left;
        vertical-align: middle;
        width: auto
    }

        .modal .modal-dialog .modal-content {
            background-color: #f7f7f7
        }

            .modal .modal-dialog .modal-content *::-webkit-scrollbar-track {
                background-color: #f7f7f7
            }

            .modal .modal-dialog .modal-content .modal-header {
                background-color: #fff;
                border-bottom: 1px solid #e2e2e2;
                padding: .875rem 1rem;
                border-radius: .25rem .25rem 0 0
            }

                .modal .modal-dialog .modal-content .modal-header .modal-title {
                    font-size: 16px;
                    font-size: 1rem;
                    line-height: 20px;
                    line-height: 1.25rem;
                    text-transform: capitalize
                }

                    .modal .modal-dialog .modal-content .modal-header .modal-title.delete-txt-icon {
                        color: #e00034
                    }

                        .modal .modal-dialog .modal-content .modal-header .modal-title.delete-txt-icon:before {
                            font: 16px/16px Nalco-additional-icons;
                            content: "\e936";
                            margin-right: .5rem
                        }

                    .modal .modal-dialog .modal-content .modal-header .modal-title.save-txt-icon {
                        color: #616365;
                        font-size: 16px;
                        font-size: 1rem
                    }

                .modal .modal-dialog .modal-content .modal-header .close {
                    cursor: pointer;
                    opacity: 1;
                    outline: none;
                    font-size: 16px;
                    font-size: 1rem
                }

            .modal .modal-dialog .modal-content .explaination, .modal .modal-dialog .modal-content .revert {
                background-color: #fff
            }

            .modal .modal-dialog .modal-content .explaination {
                text-align: center;
                padding: 1rem;
                border-top: 1px solid #e2e2e2;
                margin-bottom: 0
            }

            .modal .modal-dialog .modal-content .revert {
                padding: 0 1.5rem 1.25rem;
                margin: -.4rem 0 0
            }

                .modal .modal-dialog .modal-content .revert .mailto {
                    color: #007ac9
                }

            .modal .modal-dialog .modal-content .modal-body {
                padding: 1rem 1.5rem;
                max-height: 27rem;
                overflow-y: visible;
                overflow-x: visible;
                background-color: #f7f7f7
            }

                .modal .modal-dialog .modal-content .modal-body::-webkit-scrollbar-track {
                    border-left: 0
                }

                .modal .modal-dialog .modal-content .modal-body.scrollbar-border::-webkit-scrollbar-track {
                    border-left: 1px solid #e2e2e2
                }

                .modal .modal-dialog .modal-content .modal-body .pills-bar, .modal .modal-dialog .modal-content .modal-body .search-bar {
                    background-color: #fff
                }

                .modal .modal-dialog .modal-content .modal-body .pills-bar {
                    padding: 1rem;
                    border-bottom: 1px solid #e2e2e2
                }

                .modal .modal-dialog .modal-content .modal-body .search-bar {
                    border-bottom: 1px solid #e2e2e2
                }

                    .modal .modal-dialog .modal-content .modal-body .search-bar input[type=search] {
                        width: 100%;
                        border-radius: 0;
                        padding-bottom: .5rem;
                        color: #bbbcbe
                    }

                .modal .modal-dialog .modal-content .modal-body .modal-body-title {
                    text-transform: uppercase;
                    margin-bottom: .5rem
                }

                .modal .modal-dialog .modal-content .modal-body .dropdown {
                    border-color: #949494;
                    padding-top: .6875rem;
                    padding-bottom: .6875rem;
                    margin-bottom: 0;
                    border-radius: .125rem
                }

                    .modal .modal-dialog .modal-content .modal-body .dropdown .dropdown-toggle {
                        color: #616365;
                        font-family: Roboto,sans-serif
                    }

                        .modal .modal-dialog .modal-content .modal-body .dropdown .dropdown-toggle:after {
                            color: #007ac9;
                            top: 45%
                        }

                    .modal .modal-dialog .modal-content .modal-body .dropdown .dropdown-menu {
                        border-color: #949494;
                        margin-top: .7rem;
                        overflow-y: auto;
                        -ms-overflow-style: -ms-autohiding-scrollbar;
                        max-height: 11rem
                    }

                .modal .modal-dialog .modal-content .modal-body .textValid {
                    display: none
                }

                .modal .modal-dialog .modal-content .modal-body input[type=text], .modal .modal-dialog .modal-content .modal-body input[type=number], .modal .modal-dialog .modal-content .modal-body .dropdown, .modal .modal-dialog .modal-content .modal-body .textarea, .modal .modal-dialog .modal-content .modal-body .textarea-secondary {
                    border-radius: .125rem;
                    color: #616365;
                    padding: .6875rem 1rem;
                    margin: .5rem 0;
                    width: 100%;
                    border: 1px solid #949494
                }

                    .modal .modal-dialog .modal-content .modal-body input[type=text]::placeholder, .modal .modal-dialog .modal-content .modal-body input[type=number]::placeholder, .modal .modal-dialog .modal-content .modal-body .dropdown::placeholder, .modal .modal-dialog .modal-content .modal-body .textarea::placeholder, .modal .modal-dialog .modal-content .modal-body .textarea-secondary::placeholder {
                        font-family: Interstate-Extra-Light,sans-serif;
                        font-size: 14px;
                        font-size: .875rem;
                        line-height: 16px;
                        line-height: 1rem;
                        color: #bbbcbe
                    }

                    .modal .modal-dialog .modal-content .modal-body input[type=text].valid, .modal .modal-dialog .modal-content .modal-body input[type=number].valid, .modal .modal-dialog .modal-content .modal-body .dropdown.valid, .modal .modal-dialog .modal-content .modal-body .textarea.valid, .modal .modal-dialog .modal-content .modal-body .textarea-secondary.valid {
                        background-image: url(checkmark-green-icon.3e9254a901c0a0eb.svg);
                        background-position-x: 98%;
                        background-position-y: center;
                        background-repeat: no-repeat
                    }

                .modal .modal-dialog .modal-content .modal-body .dropdown {
                    margin-top: 0
                }

                .modal .modal-dialog .modal-content .modal-body input[type=number] {
                    width: 13rem;
                    margin: 0 0 2rem;
                    -moz-appearance: textfield
                }

                    .modal .modal-dialog .modal-content .modal-body input[type=number]::-webkit-outer-spin-button, .modal .modal-dialog .modal-content .modal-body input[type=number]::-webkit-inner-spin-button {
                        -webkit-appearance: none;
                        margin: 0
                    }

                    .modal .modal-dialog .modal-content .modal-body input[type=number].initial {
                        background-color: #e1effa
                    }

                .modal .modal-dialog .modal-content .modal-body .textarea, .modal .modal-dialog .modal-content .modal-body .textarea-secondary {
                    text-align: justify;
                    margin: 0
                }

                .modal .modal-dialog .modal-content .modal-body .textarea {
                    border: 0 none;
                    padding: 1rem 0
                }

                .modal .modal-dialog .modal-content .modal-body .textarea-secondary {
                    padding: .75rem
                }

                .modal .modal-dialog .modal-content .modal-body > .suggestion {
                    margin-bottom: 1.5rem
                }

                .modal .modal-dialog .modal-content .modal-body .upper-section .float-left {
                    margin: 0 2rem 1.5rem 0;
                    width: 100%
                }

                    .modal .modal-dialog .modal-content .modal-body .upper-section .float-left:nth-child(even) {
                        margin-right: 0
                    }

                    .modal .modal-dialog .modal-content .modal-body .upper-section .float-left:empty {
                        margin: 0
                    }

                    .modal .modal-dialog .modal-content .modal-body .upper-section .float-left .dropdown, .modal .modal-dialog .modal-content .modal-body .upper-section .float-left input {
                        margin: 0;
                        width: 100%
                    }

                .modal .modal-dialog .modal-content .modal-body .lower-dynamic {
                    margin-top: .75rem
                }

                    .modal .modal-dialog .modal-content .modal-body .lower-dynamic .lower-dynamic-row {
                        padding: .75rem 0
                    }

                        .modal .modal-dialog .modal-content .modal-body .lower-dynamic .lower-dynamic-row .float-left {
                            width: 100%
                        }

                        .modal .modal-dialog .modal-content .modal-body .lower-dynamic .lower-dynamic-row .specialcharacters {
                            margin-top: .5rem
                        }

                            .modal .modal-dialog .modal-content .modal-body .lower-dynamic .lower-dynamic-row .specialcharacters input[type=text] {
                                margin: 0
                            }

                .modal .modal-dialog .modal-content .modal-body p.specialcharacters {
                    margin-bottom: 0
                }

                .modal .modal-dialog .modal-content .modal-body > ul {
                    margin-bottom: 1rem;
                    padding: 0;
                    list-style: none
                }

                    .modal .modal-dialog .modal-content .modal-body > ul:last-child {
                        margin-bottom: 0
                    }

                        .modal .modal-dialog .modal-content .modal-body > ul:last-child li:last-child {
                            padding-bottom: 0
                        }

                    .modal .modal-dialog .modal-content .modal-body > ul li {
                        padding: 0 0 1rem
                    }

                        .modal .modal-dialog .modal-content .modal-body > ul li.modal-body-title {
                            font-family: Interstate-Bold,sans-serif;
                            font-size: 14px;
                            font-size: .875rem;
                            line-height: 16px;
                            line-height: 1rem;
                            padding-bottom: .5rem
                        }

                        .modal .modal-dialog .modal-content .modal-body > ul li span {
                            font-size: 13px;
                            font-size: .8125rem;
                            line-height: 16px;
                            line-height: 1rem;
                            color: inherit;
                            margin-left: 1.125rem
                        }

            .modal .modal-dialog .modal-content .modal-footer {
                background-color: #fff;
                padding: 1rem;
                border-top: 1px solid #e2e2e2;
                border-radius: 0 0 .25rem .25rem
            }

                .modal .modal-dialog .modal-content .modal-footer .btn {
                    font-size: 14px;
                    font-size: .875rem;
                    line-height: 16px;
                    line-height: 1rem;
                    max-width: 8rem
                }

                    .modal .modal-dialog .modal-content .modal-footer .btn:last-child {
                        margin-left: .75rem
                    }

                    .modal .modal-dialog .modal-content .modal-footer .btn.btn-secondary {
                        padding: .4375rem
                    }

.modal-open {
    margin-right: 0 !important
}

ngb-accordion .card .card-header[role=tab] {
    min-height: 0;
    padding: 1.375rem 1.5rem 1.375rem 1rem
}

    ngb-accordion .card .card-header[role=tab] a {
        font-size: 16px;
        font-size: 1rem;
        line-height: 20px;
        line-height: 1.25rem;
        color: #616365;
        display: inline-block;
        width: 100%;
        text-transform: capitalize;
        text-align: left;
        position: relative
    }

        ngb-accordion .card .card-header[role=tab] a:after {
            content: "";
            display: block;
            width: 0;
            height: 0;
            border-style: solid;
            -moz-transform: scale(.9999);
            border-width: 8px 7px 0 7px;
            border-color: #007ac9 transparent transparent transparent;
            position: absolute;
            right: 0;
            top: 30%;
            transform: rotate(-90deg)
        }

    ngb-accordion .card .card-header[role=tab].active {
        box-shadow: 0 1px 2px #00000026
    }

        ngb-accordion .card .card-header[role=tab].active a:after {
            transform: rotate(360deg)
        }

ngb-accordion .card .card-body {
    overflow-y: auto
}

    ngb-accordion .card .card-body::-webkit-scrollbar-track {
        background-color: #f7f7f7
    }

ngb-accordion.transparent-bg .card, ngb-accordion.transparent-bg .card .card-body {
    background-color: transparent
}

ngb-accordion.header-white-bg .card .card-header {
    background-color: #fff
}

ngb-accordion.content-no-padding .card .card-body {
    padding: 0;
    margin-top: 10px
}

    ngb-accordion.content-no-padding .card .card-body nalco-tile {
        padding: 0
    }

ngb-accordion .card .card-header button:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    -moz-transform: scale(.9999);
    border-width: 8px 7px 0 7px;
    border-color: #007ac9 transparent transparent transparent;
    position: absolute;
    right: 0;
    top: 25px;
    transform: rotate(-90deg)
}

ngb-accordion .card .card-header button {
    padding-left: 25px;
    background: none;
    text-align: left;
    flex: 0 0 100%
}

    ngb-accordion .card .card-header button:after {
        transform: rotate(180deg);
        left: 10px;
        top: 25px
    }

    ngb-accordion .card .card-header button.btn-link.collapsed:after {
        position: absolute;
        border-top-color: #007ac9;
        transform: rotate(0)
    }

ngb-accordion.custom-accordion.admin-accordion .card .card-header[role=tab] button h4 {
    font-size: 16px;
    line-height: 27px;
    color: #616365
}

ngb-accordion.custom-accordion.admin-accordion .card .card-header[role=tab] button:after {
    left: auto;
    right: 25px
}

.tab.list-inline {
    float: left;
    margin-bottom: 0
}

    .tab.list-inline .list-inline-item {
        font-size: 14px;
        font-size: .875rem;
        line-height: 16px;
        line-height: 1rem;
        color: #949494;
        padding-bottom: .75rem;
        cursor: pointer;
        text-transform: capitalize
    }

        .tab.list-inline .list-inline-item:not(:last-child) {
            margin-right: 1.5rem
        }

        .tab.list-inline .list-inline-item.active {
            color: #616365;
            border-bottom: .25rem solid #616365
        }

.c-three-dots-loader {
    position: relative;
    display: inline-block;
    width: 7.5px;
    height: 7.5px;
    border-radius: 50%;
    margin: -7.5px 9px 0 24px;
    animation-fill-mode: both;
    animation: three-dots-loader-animation 2s infinite ease-in-out;
    animation-delay: -.16s;
    color: #007ac9;
    background-color: #007ac9
}

    .c-three-dots-loader:before, .c-three-dots-loader:after {
        content: "";
        position: absolute;
        width: 7.5px;
        height: 7.5px;
        bottom: 0;
        animation: three-dots-loader-animation 2s infinite ease-in-out;
        border-radius: 50%;
        background-color: #007ac9
    }

    .c-three-dots-loader:before {
        left: -9px;
        animation-delay: -.32s
    }

    .c-three-dots-loader:after {
        left: 9px
    }

@keyframes three-dots-loader-animation {
    0%,80%,to {
        opacity: 0
    }

    40% {
        opacity: 1
    }
}

.ssd-pdf-table-alignment th {
    text-align: left;
    font-size: 12px
}

.ssd-pdf-table-alignment td {
    font-size: 12px;
    color: #616365
}

.fi-donut-small-size {
    font-size: 22px !important
}

.fi-donut-medium-size {
    font-size: 14px !important
}

.fi-donut-large-size {
    font-size: 11px !important
}

html, body {
    height: 100%;
    margin: 0
}

body {
    margin: 0 auto
}

a:not([href]):not([tabindex]) {
    cursor: pointer
}

button, label, img, a {
    -webkit-user-select: none;
    user-select: none
}

.left-nav {
    width: 64px;
    display: inline-block
}

#navbarSupportedContent li {
    outline-color: transparent
}

.main-home-page {
    padding-top: 55px;
    background-color: #ecf5fc
}

@media (max-width: 767.98px) {
    .main-home-page {
        padding-top: 0;
        padding-left: 20px
    }
}

.main-page-layout {
    padding-top: 130px
}

@media (max-width: 767.98px) {
    .main-page-layout {
        padding-top: 15px
    }
}

.main-content {
    display: inline-block;
    min-height: 420px;
    padding: 1em 1em 1em 2em;
    margin-left: 5em;
    transition: all .3s ease
}

@media (max-width: 767.98px) {
    .main-content {
        padding: 0 0 1em 1em;
        margin-left: 0;
        width: 100%
    }

        .main-content .OmniEnterprise-dashboard, .main-content .nalco-home, .main-content .SGIEnterprise-dashboard, .main-content .WBIEnterprise-dashboard {
            margin-top: 40px
        }
}

.main-content.hide-layout {
    width: 100%;
    min-height: 100%;
    padding: 0;
    margin-left: 1em
}

.main-content .content {
    padding: 24px 12px 10px 8px
}

.main-content .section .ico-info-thin {
    cursor: pointer;
    font-size: inheritpx;
    font-size: calc(inherit/16)rem;
    line-height: 16px;
    line-height: 1rem
}

@media screen and (max-width: 991px) {
    .main-content {
        width: 90%;
        padding: 1em 0 1em 2em;
        margin-left: 4em
    }
}

@media screen and (max-width: 767px) {
    .main-content {
        width: 100%;
        margin-left: 0;
        padding: 1em 0 1em 1em
    }
}

.main-content-collapse {
    width: 95%;
    margin-left: 72px
}

.main-content-expand {
    margin-left: 200px;
    width: calc(95% - 130px)
}

.home-background-color {
    background-color: #ecf5fc
}

.whatsnewpopup {
    margin-left: 260px;
    position: absolute;
    width: 57%;
    z-index: 11
}

@media screen and (max-width: 991px) {
    .whatsnewpopup {
        margin-top: 20px;
        margin-left: 90px;
        position: absolute;
        width: 57%;
        z-index: 11
    }
}

.wrapper-position {
    position: relative
}

.btn-align {
    float: right;
    width: 90px !important
}

@media screen and (max-width: 991px) {
    .btn-align {
        width: 90px !important
    }
}

.icon-TrainingIconNew {
    font-size: 28px;
    height: 28px;
    width: 16px;
    float: left;
    position: absolute;
    margin-top: -13px;
    margin-left: -17px
}

    .icon-TrainingIconNew .path1:before {
        content: "\e400";
        top: 0;
        left: 18px;
        position: absolute;
        color: #007ac9
    }

    .icon-TrainingIconNew .path2:before {
        content: "\e401";
        top: 0;
        left: 18px;
        position: absolute;
        color: #007ac9
    }

    .icon-TrainingIconNew .path3:before {
        content: "\e402";
        top: 0;
        left: 18px;
        position: absolute;
        color: #007ac9
    }

    .icon-TrainingIconNew .path4:before {
        content: "\e403";
        top: 0;
        left: 18px;
        position: absolute;
        color: #007ac9
    }

.row {
    margin-right: 0
}

.bg-white {
    background-color: #fff
}

.compliance-tab .tooltip .tooltip-inner {
    text-align: left;
    font-size: 11px;
    font-size: .6875rem
}

.lg-sites .tooltip-inner {
    font-size: 11px;
    font-size: .6875rem;
    text-align: left
}

.tooltip .tooltip-inner {
    max-width: 20rem;
    font-size: .75rem
}

.tooltip .tooltip-content {
    font-family: Roboto,sans-serif;
    font-size: 14px;
    font-size: .875rem;
    line-height: 16px;
    line-height: 1rem;
    padding: .5rem .75rem;
    margin-bottom: 0
}

.tooltip.bs-tooltip-bottom, .tooltip.bs-tooltip-auto[x-placement^=bottom] {
    margin-left: -1px;
    margin-top: .5rem
}

.suggestion {
    font-family: Interstate-Extra-Light,sans-serif;
    font-size: 13px;
    font-size: .8125rem;
    line-height: 16px;
    line-height: 1rem
}

.error-text {
    font-family: Interstate-Bold,sans-serif;
    font-size: 12px;
    font-size: .75rem;
    line-height: 14px;
    line-height: .875rem;
    color: #e00034;
    text-align: right;
    text-transform: none
}

virtual-scroll {
    margin-top: 0
}

.disabled-txt {
    color: #bbbcbe;
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none
}

.top-right-triangle-black {
    position: relative
}

    .top-right-triangle-black:after {
        position: absolute;
        top: .25rem;
        right: .25rem;
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        -moz-transform: scale(.9999);
        border-width: 0 4px 4px 4px;
        border-color: transparent transparent #616365 transparent;
        transform: rotate(45deg)
    }

nalco-sub-header.fixed-top {
    margin-top: 62px;
    box-shadow: 0 1px 1px #ccc
}

.left-nav.fixed-top {
    margin-top: 130px
}

    .left-nav.fixed-top + .main-content {
        margin-left: 80px;
        margin-top: 140px
    }

.ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.primary-blue-color-no-link {
    color: #007ac9 !important
}

[class^=ico-], [class*=" ico-"] {
    font-family: Nalco-additional-icons !important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class^=icon-], [class*=" icon-"] {
    font-family: nalco-asset-icon !important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class^=asseticon-]:before, [class*=asseticon-]:before {
    font-family: asset-gridlist-icon;
    font-style: normal;
    font-weight: 400;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class^=drag-]:before, [class*=" drag-"]:before {
    font-family: asset-edit-delete-icon !important;
    font-style: normal;
    font-weight: 400;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class^=export-]:before, [class*=" export-"]:before {
    font-family: export-icon;
    font-style: normal;
    font-weight: 400;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class^=admin-]:before, [class*=" admin-"]:before {
    font-family: shared-admin;
    font-style: normal;
    font-weight: 400;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .3em;
    font-variant: normal;
    text-transform: none;
    line-height: 2rem;
    color: #616365;
    vertical-align: middle;
    font-size: 24px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class^=trendiconwater-]:before, [class*=" iconwater-"]:before {
    font-family: nalco-view-by;
    font-style: normal;
    font-weight: 400;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.iconwater-dd-graph:before {
    content: "\e800"
}

[class^=attach-]:before, [class*=" attach-"]:before {
    font-family: data-attachment-icon;
    font-style: normal;
    font-weight: 400;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class^=saving-]:before, [class*=" saving-"]:before {
    font-family: waste-treatment-icon;
    font-style: normal;
    font-weight: 400;
    font-size: 65px;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-bottom: 10px;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class^=dv-drag-]:before, [class*=" dv-drag-"]:before {
    font-family: dv-drag-icon;
    font-style: normal;
    font-weight: 400;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class*=-NA]:before {
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.circlebar-NA:before {
    content: "K";
    font-size: 16px;
    font-size: 1rem
}

.dv-drag-ico:before {
    content: "\e800"
}

.saving-productivity:before {
    content: "\e801";
    color: #eeaf00
}

.saving-assetpreservation:before {
    content: "\e802";
    color: #4d4f53
}

.saving-chemistry:before {
    content: "\e803";
    color: #275e37
}

.saving-co2-reduction:before {
    content: "\e804";
    color: #5eb6e4
}

.saving-cost:before {
    content: "\e805";
    color: #005172
}

.saving-energy:before {
    content: "\e806";
    color: #e17000
}

.saving-waste:before {
    content: "\e807";
    color: #5b8f22
}

.saving-water:before {
    content: "\e808";
    color: #007ac9
}

[class^=category-]:before, [class*=category-]:before {
    font-family: category-icons;
    font-style: normal;
    font-weight: 400;
    font-size: 65px;
    display: inline-block;
    text-decoration: inherit;
    margin-bottom: 10px;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.category-profitability:before {
    content: "\e801";
    color: #54b048
}

.category-food-safety:before {
    content: "\e802";
    color: #ee3642
}

.category-product-quality:before {
    content: "\e803";
    color: #3f4450
}

[class^=listview-]:before, [class*=" listview-"]:before {
    font-family: value-list-view-icons;
    font-style: normal;
    font-weight: 400;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #616365;
    font-size: 16px;
    font-size: 1rem
}

.listview-money:before {
    content: "\e802"
}

.listview-graph:before {
    content: "\e803"
}

[class^=custom-]:before, [class*=" custom-"]:before {
    font-family: value-customize-icon;
    font-style: normal;
    font-weight: 400;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.custom-icon:before {
    content: "\e800"
}

.attach-parameter {
    display: inline-block;
    right: 0;
    position: absolute
}

    .attach-parameter:before {
        content: "\e800";
        color: #007ac9
    }

.ico-plus-button:before {
    content: "\e900"
}

.ico-status-square:before {
    content: "\e901"
}

.ico-status-hexa:before {
    content: "\e902"
}

.ico-status-circle:before {
    content: "\e903"
}

.ico-status-donut:before {
    content: "\e907"
}

.ico-radio-on-circle:before {
    content: "\e908"
}

.ico-zoom-out:before {
    content: "\e909"
}

.ico-zoom-in:before {
    content: "\e90a"
}

.ico-expand:before {
    content: "\e90b"
}

.ico-collapse:before {
    content: "\e90c"
}

.ico-edit-pencil:before {
    content: "\e90d"
}

.ico-reports:before {
    content: "\e90e"
}

.ico-toggle:before {
    content: "\e912";
    color: #616365
}

.ico-toggle:after {
    content: "\e903";
    font-size: 11px;
    font-size: .6875rem;
    line-height: 11px;
    line-height: .6875rem;
    color: #007ac9;
    position: absolute;
    top: 3px;
    right: 1.05rem
}

.ico-watchlist-eye:before {
    content: "\e911"
}

.ico-switch-shape:before {
    content: "\e912"
}

.ico-water:before {
    content: "\e914"
}

.ico-lock:before {
    content: "\e915"
}

.ico-favorites-star {
    font-size: 15px;
    font-size: .9375rem;
    line-height: 15px;
    line-height: .9375rem
}

    .ico-favorites-star:before {
        content: "\e917"
    }

.ico-unfavorites-star {
    font-size: 15px;
    font-size: .9375rem;
    line-height: 15px;
    line-height: .9375rem
}

    .ico-unfavorites-star:before {
        content: "\e918"
    }

.ico-arrow-drag {
    font-size: 31px;
    font-size: 1.9375rem;
    line-height: 8px;
    line-height: .5rem;
    color: #949494
}

    .ico-arrow-drag:before {
        content: "\e919"
    }

.ico-refresh:before {
    content: "\e91a"
}

.ico-refresh-filled:before {
    content: "\e91b"
}

.ico-waste:before {
    content: "\e91c"
}

.ico-global-graph:before {
    content: "\e91d"
}

.ico-grip {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 20px;
    line-height: 1.25rem;
    color: #fff;
    font-size: 18px;
    font-size: 1.125rem
}

    .ico-grip:before {
        content: "\e91e";
        float: right;
        opacity: .3
    }

    .ico-grip.dark {
        color: #bbbcbe;
        opacity: 1
    }

.ico-more:before {
    content: "\e91f"
}

.drag-edit {
    float: right;
    font-size: 18px;
    font-size: 1.125rem
}

    .drag-edit:before {
        content: "\e800";
        float: right;
        margin-right: 10px;
        margin-top: 0
    }

.drag-delete {
    float: right;
    font-size: 18px;
    font-size: 1.125rem
}

    .drag-delete:before {
        content: "\e801";
        float: right;
        margin-right: 1px;
        margin-top: -1px
    }

.asseticon-List {
    padding-right: 5px
}

    .asseticon-List:before {
        content: "\e801"
    }

.export-icon {
    padding-right: 5px
}

    .export-icon:before {
        content: "\e800"
    }

.admin-performance:before {
    content: "\e900"
}

.admin-commitmentDetails:before {
    content: "\e901"
}

.admin-contractDetails:before {
    content: "\e902";
    margin-top: -2px
}

.admin-generalSetting:before {
    content: "\e908"
}

.admin-additionalDetails:before {
    content: "\e909"
}

.customize.selected .asseticon-List:before {
    color: #007ac9
}

.asseticon-Grid {
    padding-right: 5px
}

    .asseticon-Grid:before {
        content: "\e800"
    }

.customize.selected .asseticon-Grid:before {
    color: #007ac9
}

.customize.selected .ico-more:before {
    color: #007ac9
}

.ico-info-thick {
    color: #007ac9;
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 22px;
    line-height: 1.375rem
}

    .ico-info-thick:before {
        content: "\e920"
    }

.ico-info-thin {
    color: #007ac9;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 16px;
    line-height: 1rem;
    vertical-align: text-top;
    cursor: pointer
}

    .ico-info-thin:before {
        content: "\e921"
    }

.ico-locations:before {
    content: "\e922"
}

.ico-customize {
    padding-right: 5px
}

    .ico-customize:before {
        content: "\e923"
    }

.ico-delete:before {
    content: "\e924"
}

.ico-exit-round-edge {
    font-size: 12px;
    font-size: .75rem;
    line-height: 12px;
    line-height: .75rem
}

    .ico-exit-round-edge:before {
        content: "\e925"
    }

.ico-exit-flat-edge:before {
    content: "\e926"
}

.ico-exit-in-circle:before {
    content: "\e927"
}

.ico-calendar:before {
    content: "\e928"
}

.ico-checkbox:before {
    content: "\e929"
}

.ico-checkbox-pressed:before {
    content: "\e92a"
}

.ico-checkbox-checkmark:before {
    content: "\e92b"
}

.ico-checkmark:before {
    content: "\e92c"
}

.ico-arrow-up-tooltip:before {
    content: "\e92d"
}

.ico-arrow-right-tooltip:before {
    content: "\e92e"
}

.ico-asset-tree:before {
    content: "\e932"
}

.ico-asset-life:before {
    content: "\e933"
}

.ico-air:before {
    content: "\e934"
}

.ico-energy:before {
    content: "\e935"
}

.ico-alerts:before {
    content: "\e936"
}

.page-content {
    min-width: 80vw;
    min-height: 60vw
}

.mw-50 {
    max-width: 50% !important
}

.mw-25 {
    max-width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-25 {
    width: 25% !important
}

.idle-modal-cont {
    position: relative;
    z-index: 5000
}

    .idle-modal-cont .idle-time-out-text {
        line-height: 2rem;
        margin-top: 10px;
        margin-bottom: 1px;
        margin-right: .6rem;
        text-align: left !important;
        float: left;
        font-family: Roboto,sans-serif
    }

    .idle-modal-cont .idle-modal-header {
        text-align: left !important;
        margin-left: 0rem;
        padding-left: .4rem;
        color: #e00034
    }

    .idle-modal-cont .modal-backdrop.idle-modal-backdrop {
        z-index: 1200 !important;
        background-color: #000 !important
    }

    .idle-modal-cont .modal-body {
        min-height: -moz-fit-content !important;
        min-height: fit-content !important;
        border-radius: 10px
    }

    .idle-modal-cont .modal-content {
        min-width: 450px !important
    }

    .idle-modal-cont .modal-title {
        font-size: 1.2rem;
        color: #007ac9;
        font-family: Roboto,sans-serif
    }

.chinese-font-family {
    font-family: Roboto,sans-serif,SimSun !important
}

.overlay-body {
    overflow: hidden
}

@media (min-width: 391px) and (max-width: 767px) {
    .main-content-collapse-view {
        width: 95%;
        margin-left: 0
    }
}

.nalco-home {
    color: #093675;
    font-family: roboto;
    background: #ecf5fc;
    position: relative;
    margin-left: -1.5rem;
    margin-right: -.75rem
}

    .nalco-home .list-text {
        display: inline-block
    }

    .nalco-home .top-class {
        width: 100%;
        height: max-content;
        height: intrinsic;
        height: -webkit-max-content;
        background: #ffffff;
        border-radius: 24px 24px 8px 8px;
        margin-left: 3px
    }

    .nalco-home .card {
        box-shadow: 0 2px 4px #0000004d;
        border-radius: 8px;
        margin-bottom: 1.25rem
    }

    .nalco-home .card-header {
        color: #fff;
        background: #093675;
        border-radius: 8px
    }

    .nalco-home .home-icon-anchor {
        padding: 9px;
        border-radius: 8px;
        background: rgba(255,255,255,.08);
        cursor: default
    }

    .nalco-home .header-description {
        font-size: .625rem;
        padding-top: 10px;
        opacity: 80%
    }

    .nalco-home .card-header-title {
        padding: 12px 0
    }

    .nalco-home .label-large {
        color: #093675;
        font-size: .8125rem;
        line-height: 1.6875rem
    }

        .nalco-home .label-large:hover {
            text-decoration: underline
        }

    .nalco-home .card-list {
        margin-left: -38px;
        transition: all .5s ease
    }

    .nalco-home .green-dot {
        display: inline-block;
        margin-right: 5px;
        width: 8px;
        height: 8px;
        background: #4FC2B0;
        border-radius: 50%
    }

    .nalco-home .list-text:nth-child(2), .nalco-home .list-text:nth-child(3) {
        margin-left: 20px
    }

    .nalco-home .card-section {
        margin-top: -87px
    }

    .nalco-home .logo-text {
        font-weight: 900
    }

    .nalco-home .home-header {
        height: 220px
    }

    .nalco-home .heading {
        margin-left: -10px
    }

    .nalco-home .card-body {
        transition: all .5s ease
    }

    .nalco-home .cursor-icon {
        cursor: pointer
    }

    .nalco-home .title-medium {
        color: #006bd3;
        font-weight: 600;
        font-family: roboto
    }

    .nalco-home .user-profile-home {
        margin-bottom: 20px
    }

    .nalco-home .no-content-msg {
        text-align: center;
        font-size: .8125rem
    }

@media (min-width: 321px) and (max-width: 740px) {
    .nalco-home .home-header {
        height: 300px
    }

    .nalco-home .sub-text {
        margin-top: .5rem
    }

    .nalco-home .list-text {
        width: 100%
    }

    .nalco-home .core-elements-card {
        margin-top: 1.25rem
    }

    .nalco-home .list-text:nth-child(2), .nalco-home .list-text:nth-child(3) {
        margin-left: 0
    }
}

.site-search-results {
    overflow: auto;
    margin-right: 0;
    width: 100%
}

    .site-search-results nalco-asset-tree-gridview {
        width: 100%
    }

    .site-search-results .k-grid-content {
        padding-bottom: 70px
    }

    .site-search-results .k-grid .k-grid-header {
        width: 100%
    }

    .site-search-results .k-widget {
        background-color: transparent !important
    }

    .site-search-results .k-grid td {
        height: 3rem;
        border-width: 0px 0 1px 1px !important;
        cursor: pointer
    }

    .site-search-results .nomatcheserror {
        font-size: 14px;
        padding: .5rem 1rem;
        color: #007ac9
    }

    .site-search-results .nalco-asset-tree-gridview {
        width: 100%
    }

    .site-search-results .k-grid-header .k-header:first-child {
        border-left-width: 0 !important
    }

    .site-search-results .k-grid-table {
        border-collapse: collapse;
        table-layout: fixed
    }

    .site-search-results .k-grid td {
        text-align: left;
        width: 100px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }

        .site-search-results .k-grid td:nth-child(1) {
            width: 222px;
            border-left-width: 0 !important;
            color: #007ac9;
            text-transform: uppercase
        }

        .site-search-results .k-grid td:nth-child(2) {
            color: #007ac9
        }

        .site-search-results .k-grid td:nth-child(6) {
            width: 240px
        }

        .site-search-results .k-grid td:nth-child(7) {
            width: 70px
        }

        .site-search-results .k-grid td:nth-child(8) {
            padding-bottom: 25px;
            text-align: left;
            width: 78px
        }

        .site-search-results .k-grid td nalco-more-option .more-option .dropdown-content .dropdown-menu.show {
            min-width: 0;
            margin: 0 0 0 -9.125rem;
            box-shadow: 0 2px 4px #0000004d;
            padding: .75rem 0;
            width: 9.75rem;
            top: -13px !important;
            left: -11px !important
        }

        .site-search-results .k-grid td .d-inline-block.more-option {
            display: block !important;
            margin-top: -8px
        }

    .site-search-results .k-grid-norecords td:nth-child(1) {
        text-transform: none
    }

    .site-search-results .k-grid th {
        white-space: normal;
        width: 100px
    }

        .site-search-results .k-grid th:nth-child(1) {
            width: 222px
        }

        .site-search-results .k-grid th:nth-child(6) {
            width: 240px
        }

        .site-search-results .k-grid th:nth-child(7) {
            width: 70px
        }

        .site-search-results .k-grid th:nth-child(8) {
            width: 78px
        }

    .site-search-results .more-option {
        position: absolute
    }

    .site-search-results .d-inline-block.more-option {
        display: block !important
    }

    .site-search-results .k-grid th {
        font-size: 12px
    }

    .site-search-results .k-grid-header-wrap {
        border-width: 0 !important;
        position: static
    }

    .site-search-results .k-grid-header {
        border-style: none;
        border-top: 2px solid #e2e2e2;
        border-bottom: 1px solid #e2e2e2;
        padding-right: 0 !important
    }

    .site-search-results ::-webkit-scrollbar-track {
        background-color: transparent;
        border-left: none
    }

    .site-search-results .k-grid-header .k-header {
        position: static
    }

.content .content-tree .btn p + .bs-tooltip-bottom, .content .content-tree .btn .bs-tooltip-auto[x-placement^=bottom] {
    white-space: pre-wrap;
    padding: 0 !important
}

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] {
    padding: 0 !important
}

.card-right .ico-info-thin {
    font-size: 12px
}

.k-grid-content {
    overflow: hidden !important
}

.btn-continue {
    max-width: 11rem;
    background: linear-gradient(180deg,#1c9aec 0%,#007ac9 100%);
    background-repeat: repeat-x;
    margin-left: .75rem !important;
    border: 0 none;
    border-radius: .25rem;
    box-shadow: none;
    width: 100%;
    padding-bottom: .5rem;
    padding-top: .5rem;
    text-transform: capitalize
}

    .btn-continue:hover {
        background: linear-gradient(180deg,#5eb6e4 0%,#007ac9 100%);
        background-repeat: repeat-x
    }

.time-message {
    padding-left: 24px;
    padding-bottom: 16px
}

.customize {
    position: relative;
    float: right;
    text-align: center;
    background: transparent;
    border: 0 none;
    font-size: 14px;
    font-size: .875rem;
    line-height: 16px;
    line-height: 1rem;
    cursor: pointer
}

    .customize:nth-child(1) {
        min-width: 6rem;
        padding-top: 1px
    }

    .customize:nth-child(2) {
        min-width: 5rem;
        padding-top: 1px;
        margin-left: .2rem
    }

    .customize:focus {
        outline: none
    }

    .customize .ico-customize {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 17px;
        line-height: 1.0625rem;
        text-align: left;
        position: relative;
        left: 0;
        right: 0
    }

    .customize .selected-customize {
        position: absolute;
        background-color: #007ac9;
        color: #fff;
        border-radius: 50%;
        font-size: 10px;
        font-size: .625rem;
        line-height: 12px;
        line-height: .75rem;
        left: .625rem;
        bottom: .375rem
    }

.modal .modal-dialog .modal-content .filterPopup .modal-body {
    background: #fff;
    overflow-y: auto !important
}

    .modal .modal-dialog .modal-content .filterPopup .modal-body .filter-list {
        height: auto;
        padding: 0 1.5rem
    }

        .modal .modal-dialog .modal-content .filterPopup .modal-body .filter-list:not(:last-child) {
            border-bottom: 1px solid #e2e2e2
        }

        .modal .modal-dialog .modal-content .filterPopup .modal-body .filter-list .checkBox:last-child {
            padding-bottom: 1.5rem
        }

        .modal .modal-dialog .modal-content .filterPopup .modal-body .filter-list.hide-filter-list {
            height: 0;
            overflow: hidden
        }

    .modal .modal-dialog .modal-content .filterPopup .modal-body .modal-body-header {
        float: left;
        background: #f7f7f7;
        margin-top: 0
    }

    .modal .modal-dialog .modal-content .filterPopup .modal-body .dropdown {
        float: left;
        min-width: 5rem;
        padding: 11px 2px;
        margin: .5rem 0;
        width: 93%
    }

        .modal .modal-dialog .modal-content .filterPopup .modal-body .dropdown .dropdown-menu.show {
            min-width: 100% !important;
            margin-left: -.25rem !important
        }

    .modal .modal-dialog .modal-content .filterPopup .modal-body input[type=text] {
        margin: .6rem 0;
        width: 92%
    }

    .modal .modal-dialog .modal-content .filterPopup .modal-body > ul li.modal-body-title {
        position: relative;
        clear: both
    }

        .modal .modal-dialog .modal-content .filterPopup .modal-body > ul li.modal-body-title span.filter-label {
            font-size: .875rem;
            margin-left: 0;
            text-transform: uppercase;
            cursor: pointer
        }

            .modal .modal-dialog .modal-content .filterPopup .modal-body > ul li.modal-body-title span.filter-label:after {
                content: "";
                display: block;
                width: 0;
                height: 0;
                border-style: solid;
                -moz-transform: scale(.9999);
                border-width: 0 6px 8px 6px;
                border-color: transparent transparent #007ac9 transparent;
                position: absolute;
                right: 0;
                top: .25rem
            }

            .modal .modal-dialog .modal-content .filterPopup .modal-body > ul li.modal-body-title span.filter-label.collapsed:after {
                transform: scaleY(-1)
            }

        .modal .modal-dialog .modal-content .filterPopup .modal-body > ul li.modal-body-title a.clear {
            float: right;
            margin-right: 2rem
        }

    .modal .modal-dialog .modal-content .filterPopup .modal-body > ul li.modal-body-title-header {
        position: relative;
        float: left
    }

        .modal .modal-dialog .modal-content .filterPopup .modal-body > ul li.modal-body-title-header span.filter-label {
            font-size: .875rem;
            margin-left: 0;
            float: left;
            text-transform: uppercase;
            cursor: pointer
        }

.modal .modal-dialog .modal-content .filterPopup .modal-footer a {
    float: left
}

.asset-status-grid {
    height: 70vh;
    min-height: 70vh;
    overflow-y: auto;
    overflow-x: auto
}

    .asset-status-grid input[type=number], .asset-status-grid .tempTextBox {
        width: 100%;
        text-align: center
    }

    .asset-status-grid .first-col {
        overflow: hidden;
        text-overflow: ellipsis
    }

        .asset-status-grid .first-col:before {
            content: "";
            display: inline-block
        }

    .asset-status-grid kendo-dropdownlist {
        width: 100%;
        font-size: 12px
    }

        .asset-status-grid kendo-dropdownlist .k-dropdown-wrap .k-input {
            font-size: 12px;
            font-size: .75rem;
            line-height: 16px;
            line-height: 1rem
        }

    .asset-status-grid .k-numerictextbox {
        width: 50px;
        font-size: 12px
    }

        .asset-status-grid .k-numerictextbox .k-numeric-wrap {
            color: #656565;
            background-color: #fff;
            border-color: #00000014
        }

    .asset-status-grid .targetValueWidth {
        width: 100%
    }

    .asset-status-grid .warningMsg {
        padding-top: 16px;
        padding-left: 12px;
        text-align: left;
        font-size: 12px;
        color: #c72946
    }

    .asset-status-grid .frontEndUnit {
        text-transform: none
    }

    .asset-status-grid .inValid {
        border: 1px solid #c72946
    }

    .asset-status-grid .minusBox {
        background-color: #ececec;
        border-radius: 2px;
        float: left;
        padding: 7px;
        font-size: 19px;
        width: 21px;
        height: 28px
    }

    .asset-status-grid .percentageBox {
        background-color: #ececec;
        border-radius: 2px;
        float: left;
        padding: 5px;
        width: 21px;
        height: 28px
    }

    .asset-status-grid .plusBox {
        background-color: #ececec;
        border-radius: 2px;
        float: left;
        padding: 6px;
        font-size: 17px;
        width: 21px;
        height: 28px
    }

    .asset-status-grid .errorMsgDiv {
        font-size: 1rem;
        line-height: 1.5rem
    }

hr {
    border-top: 0px
}

.nalco-assets-details-view .no-header .tile-content-wrapper .accordiontable .card .card-body {
    min-height: auto
}

.nalco-assets-details-view .no-header .tile-content-wrapper .limitalltable th {
    height: 47px
}

.nalco-assets-details-view .no-header .tile-content-wrapper .limitalltable td, .nalco-assets-details-view .no-header .tile-content-wrapper .limitalltable th {
    border: 1px solid rgba(0,0,0,.08);
    padding: 0
}

.nalco-assets-details-view .no-header .tile-content-wrapper .limitalltable kendo-dropdownlist {
    width: 70px
}

.accessDenied_container {
    height: 68vh;
    justify-content: center;
    align-items: center;
    margin: auto
}

    .accessDenied_container .row {
        margin: auto;
        padding-top: 15vh
    }

        .accessDenied_container .row .col-lg-8 {
            margin: auto
        }

    .accessDenied_container .image {
        position: relative;
        background-image: url(/assets/images/AccessDenied.svg);
        height: 3.75rem;
        width: 3.75rem;
        background-repeat: no-repeat;
        margin: auto auto 3px
    }

        .accessDenied_container .image svg {
            height: 3.75rem;
            width: 3.75rem;
            fill: #007ac9
        }

    .accessDenied_container .text {
        font-size: 40px;
        font-size: 2.5rem;
        font-family: Roboto,sans-serif;
        color: #616365;
        width: 100%;
        line-height: 2.5rem;
        margin-bottom: 8px;
        text-align: center
    }

    .accessDenied_container .sub-text {
        font-size: 16px;
        font-size: 1rem;
        font-family: Roboto,sans-serif;
        line-height: 1.5rem;
        color: #616365;
        width: 100%;
        text-align: center
    }

.section h3 {
    font-size: 12px;
    font-size: .75rem;
    margin-top: .1rem
}

.right-padding-0 {
    padding-right: 0
}

ngb-tabset {
    justify-content: center
}

[class^=nalco-]:before, [class*=" nalco-"]:before {
    font-family: filter;
    font-style: normal;
    font-weight: 400;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .5em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1.2em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.nalco-filtericon:before {
    content: "\e800";
    color: #007ac9;
    font-size: 1.4rem
}

.filter .filterButton {
    background-color: #fff;
    padding: .5rem .875rem;
    border: 1px solid #BBBCBE;
    border-radius: .25rem;
    margin-bottom: -.25rem;
    cursor: pointer
}

    .filter .filterButton .filterBy {
        font-family: Roboto,sans-serif;
        font-size: 9px;
        font-size: .5625rem;
        line-height: 10px;
        line-height: .625rem;
        color: #616365;
        display: block;
        margin: 0;
        text-transform: uppercase
    }

    .filter .filterButton .customerName {
        margin-bottom: 0;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
        overflow: hidden;
        color: #007ac9
    }

.activeButton .filterButton {
    background-color: #007ac9
}

    .activeButton .filterButton .nalco-filtericon:before {
        content: "\e800";
        color: #fff;
        font-size: 1.3rem
    }

    .activeButton .filterButton .filterBy, .activeButton .filterButton .customerName {
        color: #fff
    }

.evoc-safety {
    position: relative
}

    .evoc-safety .col-sm-2.mr-auto {
        position: static;
        display: block
    }

    .evoc-safety .water-filter-by {
        top: 44px
    }

        .evoc-safety .water-filter-by:hover {
            display: block
        }

        .evoc-safety .water-filter-by .innerBox {
            border: 1px solid #BBBCBE;
            background-color: #fff
        }

            .evoc-safety .water-filter-by .innerBox .headerActive {
                padding: 13px 8px;
                font-size: 16px;
                font-size: 1rem
            }

            .evoc-safety .water-filter-by .innerBox .selectedFilter {
                padding: 0 1.125rem 1rem
            }

                .evoc-safety .water-filter-by .innerBox .selectedFilter .box1 {
                    padding: .625rem 1rem
                }

.filter:hover + .showMe {
    display: block
}

.tp-left .tooltip .tooltip-inner {
    margin-left: 40px
}

.k-state-selected {
    background-color: #007ac9
}

.k-pager-wrap .k-state-selected:active, .k-pager-wrap .k-state-selected:hover {
    background-color: #007ac9
}

.padding-16 {
    padding: 1rem;
    border-bottom: 1px solid #c3c3c3
}

.compliance-tile li div {
    padding-top: 2px
}

.leg-test-col {
    position: relative
}

    .leg-test-col tr td:first-child span {
        color: #616365 !important
    }

.site-nav {
    width: 100%;
    display: block
}

    .site-nav.mapListWrap {
        min-height: 200px;
        background: #fff
    }

    .site-nav ul {
        margin: 0;
        background: #fff
    }

        .site-nav ul .nav-item {
            padding: .75rem 1.75rem 0 .5rem
        }

            .site-nav ul .nav-item .nav-link {
                padding: 0 0 .625rem;
                font-size: 16px;
                font-size: 1rem;
                background: #fff;
                border: 0;
                color: #949494
            }

                .site-nav ul .nav-item .nav-link.active {
                    color: #616365;
                    border-bottom: .25rem solid #616365;
                    cursor: default
                }

                .site-nav ul .nav-item .nav-link:hover {
                    color: #616365
                }

            .site-nav ul .nav-item:nth-child(1) {
                margin-left: .4375rem
            }

        .site-nav ul .nav li {
            font-size: 24px;
            font-size: 1.5rem;
            line-height: 1.75rem;
            margin-right: 1rem;
            padding: 1rem 0rem;
            margin-left: 1rem
        }

    .site-nav.transparent ul {
        background: transparent;
        margin-bottom: 10px
    }

        .site-nav.transparent ul.nav-tabs {
            margin-left: 0;
            padding-top: 10px
        }

        .site-nav.transparent ul:last-child {
            margin-bottom: 0
        }

        .site-nav.transparent ul .nav-item:first-child {
            margin-left: 0;
            padding-left: 0
        }

        .site-nav.transparent ul .nav-item .nav-link {
            background: transparent
        }

@media screen and (max-width: 550px) {
    .site-nav.transparent ul .nav-item:last-child {
        margin-left: 0;
        padding-left: 0
    }
}

.site-nav.transparent .tab-content > .tab-pane {
    background: transparent
}

.site-nav.transparent .cleveland-tile {
    background-color: transparent;
    box-shadow: none
}

.site-nav.site-sub-nav ul.nav {
    background: #fff !important;
    margin-bottom: 0
}

    .site-nav.site-sub-nav ul.nav .nav-item:first-child {
        margin-left: 10px;
        padding-left: 10px
    }

.site-nav.site-sub-nav .tab-content > .tab-pane {
    background: #fff !important
}

.line-chart-pills ul li:nth-child(1) span:nth-child(2) {
    width: 1.875rem;
    display: inline-block;
    border-bottom: 2px solid;
    vertical-align: middle
}

.line-chart-pills ul li:nth-child(2) span:nth-child(2) {
    width: 1.875rem;
    display: inline-block;
    border-bottom: 2px dashed;
    vertical-align: middle
}

.line-chart-pills ul li:nth-child(3) span:nth-child(2) {
    width: 1.875rem;
    display: inline-block;
    border-bottom: 2px dotted;
    vertical-align: middle
}

.line-chart-pills ul li:nth-child(4) span:nth-child(2) {
    content: "";
    width: 1.875rem;
    vertical-align: middle;
    display: inline-block;
    height: .125rem;
    background-image: linear-gradient(to right,#616365 69%,transparent 40%);
    background-size: 1.5rem 100%
}

.line-chart-pills ul li:nth-child(4):hover span:nth-child(2) {
    background-image: linear-gradient(to right,#fff 69%,transparent 40%)
}

.line-chart-pills ul li:nth-child(4):nth-child(4).active span:nth-child(2) {
    content: "";
    width: 1.875rem;
    vertical-align: middle;
    display: inline-block;
    height: .125rem;
    background-image: linear-gradient(to right,#fff 69%,transparent 40%);
    background-size: 1.5rem 100%
}

.bottom-10-tooltip .tooltip .tooltip-inner div {
    margin-top: -25px
}

.watersafety-header .card.tile .card-header a.card-title {
    font-family: Interstate-Bold;
    margin-right: .3rem;
    font-size: 14px;
    font-size: .875rem
}

.watersafety-header .tooltip .tooltip-inner {
    text-align: center;
    white-space: pre-line;
    padding: 25px .8rem
}

    .watersafety-header .tooltip .tooltip-inner > div {
        font-size: 11px;
        font-size: .6875rem;
        line-height: 1rem
    }

        .watersafety-header .tooltip .tooltip-inner > div ul {
            text-align: left;
            padding-left: 20px;
            margin-top: -15px;
            margin-bottom: 0
        }

            .watersafety-header .tooltip .tooltip-inner > div ul ul {
                padding-left: 20px;
                margin-top: 5px
            }

                .watersafety-header .tooltip .tooltip-inner > div ul ul li {
                    list-style-type: circle
                }

            .watersafety-header .tooltip .tooltip-inner > div ul li {
                list-style-type: disc;
                margin-bottom: 5px
            }

        .watersafety-header .tooltip .tooltip-inner > div p:last-child {
            margin-bottom: 0
        }

.watersafety-header .tooltip .tooltip-content {
    margin-top: 0;
    display: none
}

.distrubution-tile .card.tile .card-header span {
    float: left
}

.distrubution-tile .card.tile .card-header .card-title {
    font-size: 16px;
    font-size: 1rem;
    margin-right: 5px;
    text-transform: capitalize;
    line-height: 1;
    max-width: 70%
}

@media screen and (max-width: 992px) {
    .distrubution-tile .card.tile .card-header .card-title {
        max-width: 70%
    }
}

.firstTile .card.tile .card-header .card-title {
    max-width: 90%
}

@media screen and (max-width: 992px) {
    .firstTile .card.tile .card-header .card-title {
        max-width: 90%
    }
}

.tab-content > .tab-pane {
    background: #fff
}

.whitePanel {
    background: #fff
}

    .whitePanel h1 .tooltip-info-icon {
        vertical-align: bottom;
        padding-left: 0
    }

    .whitePanel h1 ul {
        text-align: left
    }

.sites-view .sites-tooltip {
    vertical-align: top;
    line-height: 31px;
    font-size: 20px;
    font-size: 1.25rem;
    padding-left: 0;
    margin-left: -2px
}

    .sites-view .sites-tooltip .tooltip.show {
        left: 4% !important;
        z-index: 999
    }

.sites-view .tooltip-inner {
    font-size: 11px;
    font-size: .6875rem;
    text-align: center
}

.sites-view ul {
    text-align: left;
    font-size: 11px;
    margin: 10px 0 10px -17px
}

    .sites-view ul li {
        list-style-type: disc
    }

.placeMent .tooltip {
    left: 4% !important
}

.CountbySite .tooltip {
    left: 93px !important
}

[class*=iconwater-]:before {
    display: inline-block;
    font-family: nalco water font;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class*=iconwater-] {
    display: inline-block;
    margin-right: 2px;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px
}

.iconwater-CVOC icon:before {
    content: "A"
}

.iconwater-alert-yellow:before {
    content: "B";
    color: #eeaf00;
    font-size: 18px
}

.iconwater-dd-graph:before {
    content: "C"
}

.iconwater-NoTestGrey:before {
    content: "F"
}

.iconwater-suitcase-with-white-details:before {
    content: "G"
}

.iconwater-HighRiskRed {
    background: url(/assets/images/3d-red.svg);
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 0 !important;
    width: 20px;
    height: 20px
}

.iconwater-LowRiskGreen {
    width: 19px;
    height: 19px;
    background: #6fb43f;
    margin-top: 2px !important
}

.iconwater-MediumRiskYellow {
    width: 18px;
    height: 18px;
    background: #eeaf00;
    margin-top: 3px !important
}

.iconwater-NoDataGrey, .icon-trend-NoTest {
    background: #949494;
    transform: rotate(45deg);
    width: 15px;
    height: 15px;
    margin-left: 2px
}

.iconwater-OfflineGray {
    width: 19px;
    height: 19px;
    background: #949494;
    background-repeat: no-repeat;
    margin-top: 2px !important;
    margin-right: 0 !important
}

    .iconwater-OfflineGray, .iconwater-OfflineGray:after, .iconwater-LowRiskGreen, .iconwater-LowRiskGreen:after {
        border-radius: 50%
    }

.icon-trend-NoTest {
    display: inline-block;
    background-repeat: no-repeat
}

.iconwater-NoDataGrey:after {
    height: .55rem !important;
    width: .55rem !important;
    margin-left: .2rem !important;
    margin-top: .2rem !important
}

.iconwater-MediumRiskYellow:after, .iconwater-LowRiskGreen:after, .iconwater-NoDataGrey:after, .iconwater-OfflineGray:after, .icon-trend-NoTest:after {
    content: "";
    height: 60%;
    width: 60%;
    display: block;
    position: relative;
    background: linear-gradient(to right,rgba(0,0,0,.2) 0%,rgba(255,255,255,.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4d000000",endColorstr="#00000000",GradientType=1);
    margin-left: 20%;
    margin-top: 20%
}

.iconwater-alert-red:before {
    content: "B";
    color: #e00034;
    font-size: 18px
}

[class*=icon-admin-]:before {
    display: inline-block;
    font-size: 24px;
    font-family: admin;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-admin-Range:before {
    content: "A";
    padding: 5px 10px 0 0;
    color: #616365
}

.icon-admin-WSIOfferings:before {
    content: "B";
    padding: 5px 10px 0 0;
    color: #616365
}

.icon-admin-WSPlan:before {
    content: "C";
    padding: 5px 10px 0 0;
    color: #616365
}

.icon-admin-CustomerApproval:before {
    content: "D";
    padding: 5px 10px 0 0;
    color: #616365
}

.icon-admin-Notification:before {
    content: "E";
    padding: 5px 10px 0 0;
    color: #616365
}

.icon-admin-RAGThreshold:before {
    content: "F";
    padding: 5px 10px 0 0;
    color: #616365
}

[class*=icon-water-]:before {
    display: inline-block;
    font-family: trend-icons;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-water-Trend-Green, .icon-water-Trend-green {
    background: url(/assets/images/3d-green-plus.svg);
    width: 20px;
    height: 20px
}

.icon-water-Trend-Red, .icon-water-Trend-red {
    width: 20px;
    height: 20px;
    background: url(/assets/images/3d-red-minus.svg)
}

.icon-water-Trend-Yellow, .icon-water-Trend-Ember, .icon-water-Trend-amber, .icon-water-Trend-yellow {
    width: 20px;
    height: 20px;
    background: url(/assets/images/3d-yellow-equal.svg)
}

[class^=icon-trend-], [class*=" icon-trend-"] {
    font-family: trend-icons !important;
    font-variant: normal;
    text-transform: none;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-trend-NoTest:before {
    display: initial;
    color: #aeaeae;
    font-size: 20px;
    font-size: 1.25rem
}

.row-right {
    margin-right: -.5rem
}

.DonutChart .highcharts-container {
    margin: auto
}

.lg-sites .tooltip-inner ul, .compliance-tab .tooltip-inner ul, .filterPanel .tooltip-inner ul {
    text-align: center;
    font-size: 11px;
    font-size: .6875rem;
    margin: 10px 0 10px -17px
}

    .lg-sites .tooltip-inner ul li, .compliance-tab .tooltip-inner ul li, .filterPanel .tooltip-inner ul li {
        list-style-type: disc
    }

.filterPanel .ico-info-thin {
    display: inline-block;
    margin-top: 19px
}

.watersafety-header .tooltip-inner, .progress .tooltip-inner {
    min-width: auto
}

.recommendations-scroll {
    overflow-y: scroll;
    height: 293px;
    padding-left: 16px
}

    .recommendations-scroll ul {
        border-left: 1px solid white;
        font-size: 12px;
        padding-left: 0
    }

        .recommendations-scroll ul li {
            position: relative;
            border-bottom: 1px solid #E2E2E2;
            list-style-type: none;
            padding: 16px 0
        }

            .recommendations-scroll ul li ul {
                margin-bottom: 0
            }

                .recommendations-scroll ul li ul li {
                    padding-top: 5px;
                    padding-bottom: 0;
                    border: none;
                    padding-left: 16px
                }

                    .recommendations-scroll ul li ul li:before {
                        position: absolute;
                        left: 1px;
                        top: 11px;
                        content: "";
                        width: 4px;
                        height: 4px;
                        background-color: #616365;
                        border-radius: 100%
                    }

.asset-parameter-grid .tooltip-inner {
    text-transform: capitalize
}

.modal .modal-dialog .modal-content .modal-body::-webkit-scrollbar-track {
    background-color: transparent
}

.k-grid-table td .bs-tooltip-bottom:first-child, .k-grid-table td .bs-tooltip-auto[x-placement^=bottom]:first-child {
    left: 10px !important
}

.more-comp-perf {
    position: absolute;
    top: 9px;
    right: 15px
}

.pop-up-grid-view {
    right: 15px;
    top: 14px;
    position: absolute
}

.show-more-right {
    position: absolute;
    right: 25px;
    top: 8px
}

    .show-more-right.kpi-graph {
        top: 18px;
        right: 15px
    }

.pill-borders .filtertab-list li {
    padding: 7px 60px 7px 16px !important
}

.kpiOverviewGraph {
    overflow: hidden;
    display: block;
    height: 423px
}

    .kpiOverviewGraph .tooltip {
        left: 109px !important
    }

@media screen and (max-width: 550px) {
    .kpiOverviewGraph .tooltip {
        left: 14px !important
    }
}

.subListView-modal .modal-dialog {
    min-width: 60rem;
    top: 12%
}

.subListView-modal .card.tile {
    box-shadow: none
}

.subListView-modal .k-grid-header, .subListView-modal .k-grid-content {
    border-right: 1px solid #dedede
}

.subListView-modal .table-wrapper {
    height: 18rem;
    background: #fff
}

.subListView-modal .tile-content-wrapper {
    height: 20rem
}

@media (max-width: 1120px) {
    .kpiOverviewGraph {
        overflow: inherit;
        height: 450px
    }

    .subListView-modal .modal-dialog {
        min-width: auto
    }
}

.admin-dropdown {
    padding: 0 10px;
    min-width: 50px
}

    .admin-dropdown .selected-text {
        width: 72% !important;
        text-align: center;
        padding: 9px
    }

    .admin-dropdown .dropdown {
        padding: 0;
        height: 35px;
        min-width: 60px;
        border-radius: 0;
        border-color: #ccc
    }

        .admin-dropdown .dropdown .dropdown-menu.show {
            margin-left: -.19rem;
            width: 53px;
            top: 24px !important;
            left: 3px !important
        }

        .admin-dropdown .dropdown .btn {
            background-image: linear-gradient(180deg,#fff,#fff) !important;
            min-width: 20px;
            margin-left: 0 !important
        }

            .admin-dropdown .dropdown .btn:after {
                opacity: 1 !important;
                left: 38px;
                top: 57%
            }

    .admin-dropdown.rag-drop {
        min-width: 97%;
        padding: 0;
        margin-top: -2px
    }

        .admin-dropdown.rag-drop .selected-text {
            width: 100% !important;
            text-align: left;
            padding-left: 4px;
            font-size: 12px;
            font-family: Roboto,sans-serif
        }

        .admin-dropdown.rag-drop .dropdown {
            height: auto;
            border: 0;
            background: transparent
        }

            .admin-dropdown.rag-drop .dropdown .btn {
                background-image: linear-gradient(180deg,transparent,transparent) !important;
                min-width: 20px;
                margin-left: 0 !important;
                padding: 0 !important;
                height: 15px;
                background-color: transparent
            }

                .admin-dropdown.rag-drop .dropdown .btn:after {
                    left: auto
                }

            .admin-dropdown.rag-drop .dropdown .dropdown-menu {
                max-height: 20rem
            }

                .admin-dropdown.rag-drop .dropdown .dropdown-menu .dropdown-item {
                    padding-left: 15px
                }

.font-14 {
    font-size: 14px
}

.modal-body {
    background-color: #fff !important
}

.delete-confirmation .modal-body {
    display: none
}

.delete-confirmation .modal-content {
    box-shadow: 0 1px 4px #000000b3;
    width: 83%
}

.delete-confirmation .modal-dialog {
    box-shadow: none
}

.delete-confirmation .modal-header .close {
    margin: -2rem -1rem -1rem auto
}

.k-pager-wrap {
    background: #fff
}

.border-grey {
    border: 1px solid #BBBCBE !important
}

.popup-loader .loader {
    margin: 5% auto !important
}

#ViewTrendGraph {
    width: -moz-fit-content;
    width: fit-content
}

.testResultsTable .loader {
    margin: 2% auto
}

.kpiTile .tile-content-wrapper {
    min-height: 160px
}

.DistributionWrap .tile-content-wrapper {
    min-height: 356px !important
}

.LgrowthRsikList .tile-content-wrapper {
    min-height: 300px;
    background: #fff
}

.LgrowthRsikList .loader {
    margin: 5% auto
}

.KPIGraphTile .tile-content-wrapper {
    min-height: 360px;
    background: #fff
}

.KPIGraphTile .loader {
    margin: 8% auto
}

.distrubution-tile .tile-content-wrapper {
    min-height: 329px;
    background: #fff;
    overflow: auto;
    max-height: 206px
}

.distrubution-tile .loader {
    margin: 90px auto
}

.riskStatusWrap .tile-content-wrapper, .recommendations-tile .tile-content-wrapper, .siteCompPerfWrap .tile-content-wrapper {
    min-height: 330px;
    background: #fff
}

.riskStatusWrap .pop-position .tile-content-wrapper, .riskStatusWrap .lg-sites-list .tile-content-wrapper, .riskStatusWrap .leg-test-col .tile-content-wrapper, .riskStatusWrap .lg-sites-grid .tile-content-wrapper, .recommendations-tile .pop-position .tile-content-wrapper, .recommendations-tile .lg-sites-list .tile-content-wrapper, .recommendations-tile .leg-test-col .tile-content-wrapper, .recommendations-tile .lg-sites-grid .tile-content-wrapper, .siteCompPerfWrap .pop-position .tile-content-wrapper, .siteCompPerfWrap .lg-sites-list .tile-content-wrapper, .siteCompPerfWrap .leg-test-col .tile-content-wrapper, .siteCompPerfWrap .lg-sites-grid .tile-content-wrapper {
    min-height: 200px
}

.riskStatusWrap .lg-sites-grid, .recommendations-tile .lg-sites-grid, .siteCompPerfWrap .lg-sites-grid {
    background: #fff
}

.riskStatusWrap .loader, .riskStatusWrap .leg-test-col .loader, .recommendations-tile .loader, .recommendations-tile .leg-test-col .loader, .siteCompPerfWrap .loader, .siteCompPerfWrap .leg-test-col .loader {
    margin: 90px auto
}

.compPerfWrap .tile-content-wrapper {
    overflow: hidden;
    min-height: 473px
}

.CompPerfListWrap .tile-content-wrapper {
    min-height: 250px
}

.mapListWrap .tile-content-wrapper, .across-tabs .tile-content-wrapper {
    min-height: 200px
}

.mapListWrap .loader, .across-tabs .loader {
    margin: 30px auto
}

.k-grid-header .k-header > .k-link > .k-icon.k-i-sort-desc-sm, .k-grid-header .k-header > .k-link > .k-icon.k-i-sort-asc-sm {
    margin-left: 0
}

.custom-infobox .bs-tooltip-bottom, .custom-infobox .bs-tooltip-auto[x-placement^=bottom] {
    left: 10px !important;
    margin: 3px;
    width: 98%
}

.bottom-10-tip .bs-tooltip-bottom, .bottom-10-tip .bs-tooltip-auto[x-placement^=bottom] {
    left: 10px !important;
    margin: 8px;
    width: 98%
}

    .bottom-10-tip .bs-tooltip-bottom .tooltip-inner, .bottom-10-tip .bs-tooltip-auto[x-placement^=bottom] .tooltip-inner {
        min-width: 98%;
        padding-top: 2px
    }

.modal-open {
    margin-right: 18px
}

table.k-grid-table tr:last-child td .tooltip.bs-tooltip-bottom, table.k-grid-table tr:last-child td .tooltip.bs-tooltip-auto[x-placement^=bottom] {
    top: inherit !important;
    bottom: 35px
}

.siteFilter {
    display: block;
    position: relative
}

.page-filters .selected-text {
    font-family: Roboto,sans-serif
}

.kpiTile .tooltip.bs-tooltip-bottom, .kpiTile .tooltip.bs-tooltip-auto[x-placement^=bottom] {
    left: 10px !important;
    font-size: 12px
}

@media screen and (min-width: 992px) {
    .kpiTile:last-child .tooltip.bs-tooltip-bottom, .kpiTile:last-child .tooltip.bs-tooltip-auto[x-placement^=bottom] {
        left: inherit !important;
        right: 10px
    }
}

.lg-sites.sites-view .tooltip.bs-tooltip-bottom, .lg-sites.sites-view .tooltip.bs-tooltip-auto[x-placement^=bottom] {
    left: 73px !important
}

.CompPerfListWrap .loader {
    margin: 4% auto
}

.k-animation-container * {
    color: #616365 !important
}

.DonutChart .highcharts-container {
    z-index: 1 !important
}

@media screen and (max-width: 552px) {
    .content .siteFilter .showMe {
        left: 8px
    }

    .sites-view .tooltip {
        left: 14px !important
    }

    .site-nav ul .nav-item:nth-child(1) {
        margin-left: 0
    }

    .site-nav ul .nav-item:nth-child(2) {
        border-bottom: 1px solid #dee2e6
    }

    .site-nav.site-sub-nav ul.nav .nav-item:first-child {
        margin-left: 0;
        padding-left: 8px
    }

    .DistributionWrap .bs-tooltip-bottom, .DistributionWrap .bs-tooltip-auto[x-placement^=bottom] {
        left: 7px !important
    }
}

@media screen and (max-width: 991px) {
    .filters-btn {
        margin: 1em
    }

    .page-filters {
        height: 0;
        transition: all .5s ease-in;
        display: none
    }

        .page-filters.showFilters {
            display: block;
            max-width: 100% !important;
            width: 100%;
            background: #fff;
            padding: 10px;
            margin: 10px;
            box-shadow: 1px 1px 1px 1px #e2e2e2;
            height: auto;
            visibility: visible
        }

        .page-filters .calendarFilter, .page-filters .float-right {
            width: 100%;
            margin: 5px 0 !important
        }

        .page-filters .filterWidth {
            width: 100%
        }
}

@media screen and (max-width: 770px) {
    .content .tile-content-wrapper .loader {
        top: -44px !important;
        position: relative
    }

    .content .mapListWrap .tile-content-wrapper .loader {
        top: -40px !important;
        position: relative
    }
}

@media screen and (max-width: 992px) {
    .content .tile-content-wrapper .loader, .content .mapListWrap .tile-content-wrapper .loader {
        position: relative;
        top: 0
    }

    .mr-auto.p-2.mw-50 {
        max-width: 72% !important
    }

    .comperTooltip .tooltip {
        left: 104px !important
    }
}

@media screen and (min-width: 1000px) and (max-width: 1280px) {
    .comperTooltip .tooltip {
        left: 9% !important
    }
}

@media screen and (max-width: 767.8px) {
    nalco-subheader-left-section {
        min-height: 100px !important
    }

    .comperTooltip .tooltip {
        left: 12px !important
    }
}

.nalco-enterprise-overview .tooltip.bs-tooltip-bottom, .nalco-enterprise-overview .tooltip.bs-tooltip-auto[x-placement^=bottom] {
    z-index: 500 !important
}

.accounted-for {
    color: #6fb43f;
    margin-bottom: 0
}

.pop-up-styling {
    right: 15px;
    top: 9px;
    position: absolute
}

.asset-level-pop-up {
    right: 15px;
    top: -43px;
    position: absolute
}

.legionella-test-list-pop-up {
    right: 15px;
    top: 14px;
    position: absolute
}

.pop-up-across-sites {
    right: 23px;
    top: 9px;
    position: absolute
}

.pop-up-across-assets {
    right: 15px;
    top: -38px;
    position: absolute
}

.growth-risk-pop-up {
    right: 23px;
    top: 8px;
    position: absolute
}

kendo-grid.k-widget.k-grid {
    border-style: none
}

body .k-grid .k-grid-header .k-header {
    border-left-width: 0px
}

body .k-grid td {
    font-size: 12px;
    font-size: .75rem;
    border-width: 1px 0px 0px 0px;
    text-transform: capitalize;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

    body .k-grid td .tooltip .tooltip-inner {
        font-size: 12px;
        font-size: .75rem
    }

body .k-grid tr:first-child td {
    border-top-width: 0
}

body .k-grid th {
    font-size: 12px;
    font-size: .75rem
}

    body .k-grid th:first-child {
        border-left: 0
    }

.k-grouping-row td, tbody .k-group-cell {
    background-color: #ededed
}

.k-grid-header {
    padding-right: 0 !important
}

    .k-grid-header .k-header:first-child {
        border-left-width: 0px
    }

.k-grid-header-wrap {
    border-width: 0
}

.water-safety-grid-view .first-col {
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: none
}

    .water-safety-grid-view .first-col:before {
        content: "";
        display: block
    }

@media only screen and (max-width: 550px) {
    .k-pager-wrap .k-pager-sizes {
        bottom: 2px
    }

        .k-pager-wrap .k-pager-sizes select {
            width: auto
        }

    .pop-up-across-assets {
        top: -73px
    }
}

.whitePanel {
    position: relative;
    background: #fff
}

    .whitePanel h1 .tooltip-info-icon {
        vertical-align: middle;
        font-size: 20px;
        font-size: 1.25rem;
        padding-left: 0;
        margin-left: -2px
    }

    .whitePanel h1 ul {
        text-align: left;
        font-size: 11px;
        font-size: .6875rem;
        margin: 10px 0 10px -17px
    }

        .whitePanel h1 ul li {
            list-style-type: disc
        }

.filterPanel {
    background: #fff;
    padding-left: 1rem !important
}

.tool-tip-header {
    font-size: 10px;
    color: #fff;
    text-align: center;
    margin-bottom: 0
}

.tooltip-content {
    font-size: 24px;
    color: #fff;
    text-align: center;
    display: block
}

.showInPng {
    display: none
}

.more-info {
    padding: 16px 16px 2px
}

.filterPanel {
    border-bottom: 1px solid #e2e2e2;
    padding-left: 20px;
    padding-right: 10px
}

.mapPanel {
    padding: 0
}

#EnterpriseKpimapView div.map-container-inner div.MicrosoftMap .letterbox {
    display: none !important
}

@media screen and (max-width: 992px) {
    .filterPanel .filtertab-checkbox {
        padding-left: 0;
        float: left !important
    }

        .filterPanel .filtertab-checkbox .filter-text {
            width: 100%
        }
}

@media screen and (max-width: 550px) {
    .filterPanel .filtertab-checkbox li:hover {
        border: solid 1px #616365 !important;
        background-color: transparent !important;
        color: #616365 !important
    }

    .filterPanel .filtertab-checkbox li.active {
        border: solid 1px #616365 !important;
        color: #fff !important;
        background-color: #616365 !important
    }
}

.k-state-selected, .k-pager-wrap .k-state-selected:hover {
    background-color: #007ac9
}

.temperature-tile {
    padding: 16px 0 16px 10px;
    font-size: 14px;
    color: #616365;
    border-bottom: 1px solid #E2E2E2
}

    .temperature-tile input[type=radio] {
        display: none
    }

    .temperature-tile label {
        padding-left: 16px;
        margin-bottom: 0
    }

.temperature-radio-width {
    width: 150px
}

.checkmark {
    position: absolute;
    padding-right: 8px;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    border: 1px solid #616365
}

.temperature-tile input:checked ~ .checkmark {
    background-color: #fff;
    border: 1px solid #007ac9
}

    .temperature-tile input:checked ~ .checkmark:after {
        display: block
    }

.temperature-uom {
    font-size: 14px !important;
    margin-bottom: -.25rem;
    float: left;
    line-height: .75rem;
    padding-right: .75rem
}

#siteLegionellaRiskList .first-col {
    overflow: hidden;
    text-overflow: ellipsis
}

    #siteLegionellaRiskList .first-col:before {
        content: "";
        display: block
    }

#siteLegionellaRiskList th {
    word-break: normal
}

.sub-header-cleveland .cleveland-tile {
    padding: 0 0 0 16px
}

    .sub-header-cleveland .cleveland-tile .font-12 {
        font-size: 12px
    }

    .sub-header-cleveland .cleveland-tile .row-padding {
        padding: 40px 40px 43px 28px;
        text-align: left
    }

        .sub-header-cleveland .cleveland-tile .row-padding .high-padding {
            padding-bottom: 24px;
            padding-top: 35px;
            font-size: 32px;
            font-size: 2rem
        }

            .sub-header-cleveland .cleveland-tile .row-padding .high-padding .ico-padding {
                position: relative;
                top: -5px;
                left: -4px
            }

            .sub-header-cleveland .cleveland-tile .row-padding .high-padding .bigIcon:before {
                font-size: 27px;
                font-size: 1.6875rem
            }

        .sub-header-cleveland .cleveland-tile .row-padding .risk-padding {
            font-size: 14px;
            padding-bottom: 34px
        }

    .sub-header-cleveland .cleveland-tile .graph-padding {
        padding: 0 0 11px
    }

    .sub-header-cleveland .cleveland-tile .pills-section {
        margin-bottom: 10px;
        margin-right: 10px;
        display: flex;
        overflow: auto;
        height: auto;
        max-height: 88px
    }

    .sub-header-cleveland .cleveland-tile .graph-section {
        margin-right: 10px
    }

        .sub-header-cleveland .cleveland-tile .graph-section .line-chart-wrap {
            overflow-x: hidden
        }

.sub-header-cleveland .card.tile .card-header .card-title {
    font-size: 16px
}

.recommendations-tile .card.tile .card-header {
    padding: 13px 16px
}

    .recommendations-tile .card.tile .card-header .card-title {
        margin-right: 5px;
        font-size: 16px
    }

.recommendations-tile .tile-content-wrapper {
    min-height: 430px
}

.recommendations-tile .recommendation-tile-height {
    height: 430px
}

    .recommendations-tile .recommendation-tile-height .recommendations-scroll {
        height: 380px
    }

.recommendations-tile .error-state-message {
    padding: 1rem
}

.white-bg {
    background-color: #fff
}

.filterPanel {
    padding-bottom: 10px;
    border-bottom: 1px solid #E2E2E2
}

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

body * ::-webkit-scrollbar-track {
    border: none !important
}

ul li {
    list-style-type: disc
}

.risk-col {
    height: 330px
}

.risk-distribution-tile-content {
    padding: 20px 16px 0;
    overflow-y: scroll
}

    .risk-distribution-tile-content .corporateLabel {
        font-size: 16px
    }

    .risk-distribution-tile-content .progress-padding {
        margin-bottom: 13px
    }

    .risk-distribution-tile-content div {
        font-size: 14px;
        font-size: .875rem
    }

    .risk-distribution-tile-content .risk-lists {
        color: #616365
    }

        .risk-distribution-tile-content .risk-lists li {
            margin: 10px 0;
            display: block;
            font-size: 14px;
            font-size: .875rem
        }

            .risk-distribution-tile-content .risk-lists li:first-child {
                min-height: 67px;
                margin-bottom: 19px
            }

                .risk-distribution-tile-content .risk-lists li:first-child p {
                    margin-bottom: 8px;
                    padding-top: 4px
                }

            .risk-distribution-tile-content .risk-lists li:last-child {
                border-bottom: 1px solid #e2e2e2;
                padding-bottom: 15px
            }

                .risk-distribution-tile-content .risk-lists li:last-child h2 {
                    padding-top: 2px
                }

            .risk-distribution-tile-content .risk-lists li span {
                margin-right: 5px;
                vertical-align: middle;
                display: inline-block
            }

            .risk-distribution-tile-content .risk-lists li h2 {
                font-size: 32px;
                font-size: 2rem;
                padding-top: 10px
            }

            .risk-distribution-tile-content .risk-lists li .trend-text {
                display: table-cell;
                padding-top: 2px;
                text-transform: capitalize
            }

            .risk-distribution-tile-content .risk-lists li .progress {
                height: 10px;
                padding-top: 0 !important
            }

            .risk-distribution-tile-content .risk-lists li .progress-bar {
                width: 80%;
                border-radius: 21px;
                height: 10px
            }

                .risk-distribution-tile-content .risk-lists li .progress-bar.red {
                    background-color: #e00034
                }

                .risk-distribution-tile-content .risk-lists li .progress-bar.yellow {
                    background-color: #ffb82b
                }

                .risk-distribution-tile-content .risk-lists li .progress-bar.green {
                    background-color: #66b44a
                }

.graph-left-padding {
    padding: 0 0 12px;
    border-left: 1px solid #e2e2e2
}

@media only screen and (min-width: 949px) {
    .row-padding {
        padding: 20px 20px 30px 14px !important
    }
}

.compPerfIcon {
    z-index: 1;
    top: 15px;
    right: 16px
}

.riskStatusWrap {
    overflow: hidden;
    height: 480px
}

    .riskStatusWrap .tile-content-wrapper {
        min-height: 430px
    }

.siteCompPerfWrap {
    overflow: hidden;
    height: 389px
}

.across-tabs .tab-pane {
    min-height: 200px
}

@media (max-width: 991px) {
    .riskStatusWrap, .siteCompPerfWrap {
        overflow: inherit;
        height: auto
    }
}

@media screen and (max-width: 550px) {
    #Industry {
        padding-left: 10px
    }
}

.nalco-legionella-growth-risk .tooltip.bs-tooltip-bottom, .nalco-legionella-growth-risk .tooltip.bs-tooltip-auto[x-placement^=bottom] {
    z-index: 500 !important
}

.sites-tooltip {
    line-height: 1.75rem !important;
    padding-left: 5px
}

.padding-20 {
    padding-bottom: 20px
}

.riskDist-wrap {
    overflow: hidden;
    height: 378px
}

.padding-3 {
    padding-bottom: 3px
}

    .padding-3 .sites-tooltip {
        line-height: 1.75rem !important;
        padding-left: 5px
    }

.nalco-water-safety-compliance .tooltip.bs-tooltip-bottom, .nalco-water-safety-compliance .tooltip.bs-tooltip-auto[x-placement^=bottom] {
    z-index: 500 !important
}

.test-count-margin {
    margin-right: -1px
}

.nalco-legionella-test .tooltip.bs-tooltip-bottom, .nalco-legionella-test .tooltip.bs-tooltip-auto[x-placement^=bottom] {
    z-index: 500 !important
}

.testcount-icon-placement {
    vertical-align: auto;
    line-height: 28px !important
}

.leg-test-tooltip .tooltip-inner .tooltip-header-bold {
    font-weight: 700;
    margin-top: -15px
}

.leg-test-tooltip .tooltip-inner div:first-child {
    margin-top: -20px
}

    .leg-test-tooltip .tooltip-inner div:first-child strong {
        padding-left: 10px
    }

.leg-test-tooltip ul {
    text-align: left;
    font-size: 11px;
    font-size: .6875rem;
    margin: 10px 0
}

    .leg-test-tooltip ul li {
        list-style-type: disc
    }

@media screen and (max-width: 552px) {
    .content .siteFilter .showMe {
        left: 8px
    }
}

.alert-dismissible {
    width: 39%;
    position: fixed;
    top: 157px;
    background: black;
    color: #fff;
    text-align: center;
    z-index: 99999;
    font-size: 14px;
    line-height: 20px;
    margin: 0 auto;
    left: 0;
    right: 0;
    padding-top: 11px 36px 13px 7px
}

@media screen and (max-width: 550px) {
    .alert-dismissible {
        width: 85%
    }
}

.alert-dismissible p {
    margin-bottom: 0
}

.alert-dismissible .close {
    color: #fff !important;
    z-index: 111111111;
    padding: 7px 14px
}

    .alert-dismissible .close .ico-exit-round-edge {
        color: #fff !important;
        font-size: .65rem !important
    }

.no-header .card.tile {
    margin-bottom: 0
}

.nalco-site-details .tooltip.bs-tooltip-bottom, .nalco-site-details .tooltip.bs-tooltip-auto[x-placement^=bottom] {
    z-index: 500 !important
}

.across-assets-border {
    padding: 1rem;
    border-bottom: 1px solid #e2e2e2
}

.k-state-selected {
    color: #000
}

.k-pager-wrap .k-pager-sizes {
    position: absolute;
    right: 0;
    bottom: 11px
}

@media screen and (max-width: 550px) {
    .k-pager-wrap .k-pager-sizes {
        bottom: 2px
    }

        .k-pager-wrap .k-pager-sizes select {
            width: auto
        }
}

@media screen and (max-width: 990px) {
    .widTh {
        width: inherit;
        padding: 0 !important
    }

    .mobileSpace {
        padding: 0 !important;
        margin-top: 0 !important
    }
}

.legionella-growth-risk-site-list {
    min-height: 100px
}

.downloadText {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
    font-size: 15px;
    width: 64%;
    position: fixed;
    font-weight: 700;
    display: block
}

    .downloadText.none {
        display: none
    }

.water-safety-grid-view .no-padding {
    padding: 0;
    text-align: center
}

    .water-safety-grid-view .no-padding .whole-cell {
        display: block;
        background-color: #f3f3f3 !important;
        padding: 15px
    }

nalco-legionella-distribution-group .group-container {
    font-size: 12px;
    margin-left: 8px
}

    nalco-legionella-distribution-group .group-container .group-header {
        font-family: Interstate-Bold
    }

        nalco-legionella-distribution-group .group-container .group-header .group-title {
            padding: 15px 10px 14px 16px
        }

            nalco-legionella-distribution-group .group-container .group-header .group-title:first-child {
                border-right: 1px solid #E2E2E2
            }

        nalco-legionella-distribution-group .group-container .group-header .add-group-button {
            padding: 9px 16px 9px 55px
        }

nalco-legionella-distribution-group .dropdown .drop-btn.dropdown-toggle .label {
    display: none !important
}

nalco-legionella-distribution-group .group-body .group-title .admin-value {
    height: 35px !important
}

nalco-legionella-distribution-group .group-body .group-title {
    padding: 16px 14px 16px 16px
}

    nalco-legionella-distribution-group .group-body .group-title .admin-value {
        height: 27px;
        width: 71px;
        border: 1px solid #ccc;
        color: #616365;
        padding: 6px
    }

    nalco-legionella-distribution-group .group-body .group-title:first-child {
        border-right: 1px solid #E2E2E2
    }

    nalco-legionella-distribution-group .group-body .group-title .admin-dropdown {
        padding: 0 10px
    }

nalco-legionella-distribution-group .validate-text {
    color: #c72946
}

nalco-legionella-distribution-group .btn {
    padding: 8px !important
}

.drag-delete:not([href]):not([tabindex]), .drag-delete:not([href]):not([tabindex]):focus, .drag-delete:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none
}

.drag-edit:not([href]):not([tabindex]), .drag-edit:not([href]):not([tabindex]):focus, .drag-edit:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none
}

.nalco-legionella-test-list-enterprise .asset-name {
    font-size: 14px;
    font-size: .875rem;
    line-height: 16px;
    line-height: 1rem
}

    .nalco-legionella-test-list-enterprise .asset-name span:nth-child(1) {
        margin-right: 40px
    }

.nalco-legionella-test-list-enterprise .k-pager-numbers .k-link, .nalco-legionella-test-list-enterprise .k-pager-numbers .k-link:link {
    color: #007ac9
}

    .nalco-legionella-test-list-enterprise .k-pager-numbers .k-link.k-state-selected, .nalco-legionella-test-list-enterprise .k-pager-numbers .k-link:link.k-state-selected {
        color: #fff
    }

.nalco-legionella-test-list-enterprise .k-state-selected, .nalco-legionella-test-list-enterprise .k-pager-wrap .k-state-selected:hover {
    background-color: #007ac9
}

.nalco-legionella-test-list-enterprise .k-pager-wrap .k-pager-sizes {
    position: absolute;
    right: 0;
    bottom: 11px
}

.nalco-legionella-test-list-enterprise .first-col {
    overflow: hidden;
    text-overflow: ellipsis
}

    .nalco-legionella-test-list-enterprise .first-col:before {
        content: "";
        display: block
    }

.nalco-legionella-test-list-enterprise .water-safety-grid-view {
    height: 334px
}

    .nalco-legionella-test-list-enterprise .water-safety-grid-view table {
        overflow: unset
    }

    .nalco-legionella-test-list-enterprise .water-safety-grid-view .k-grid-aria-root {
        overflow: scroll
    }

.water-safety-grid-view .k-grid-aria-root {
    overflow-x: auto !important
}

    .water-safety-grid-view .k-grid-aria-root tbody tr.k-alt {
        background-color: #fff
    }

@media only screen and (max-width: 768px) {
    .k-grid {
        max-height: 350px
    }

    .k-grid-aria-root {
        overflow-y: scroll !important
    }
}

@media only screen and (max-width: 550px) {
    .k-pager-wrap .k-pager-sizes {
        bottom: 2px
    }

        .k-pager-wrap .k-pager-sizes select {
            width: auto
        }
}

.page-title {
    color: #fff;
    margin: 1px
}

.heading-small {
    font-size: 1.125rem
}

.span-round {
    border-radius: 25px;
    height: 41px;
    background-color: #093675;
    width: 42px;
    padding: 12px;
    text-transform: uppercase
}

.subheader-hidden {
    margin-top: 60px
}

.notification-class {
    margin-bottom: 10px;
    margin-right: -10px
}

.profile-label {
    margin-bottom: 0;
    margin-left: -10px;
    margin-right: -10px
}

.role-label {
    font-size: .625rem
}

.profile-class {
    position: relative;
    margin: 10px;
    color: #fff
}

.hamburger-class-img {
    height: 33px
}

.navbar {
    position: fixed;
    top: 0 !important;
    width: 100%;
    left: 0;
    background: linear-gradient(180deg,#034e9f 0%,#034e9f 100%);
    background-repeat: repeat-x;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    z-index: 1160;
    height: 4rem
}

.logo_item {
    display: flex;
    align-items: center;
    column-gap: 10px;
    font-size: 22px;
    font-weight: 500;
    color: var(--blue-color)
}

    .logo_item .margin-left {
        margin-left: .5rem
    }

.navbar .logo_img {
    height: 15px;
    margin-bottom: 4px
}

.search_bar {
    height: 47px;
    max-width: 430px;
    width: 100%
}

    .search_bar input {
        height: 100%;
        width: 100%;
        border-radius: 25px;
        font-size: 18px;
        outline: none;
        background-color: var(--white-color);
        color: var(--grey-color);
        border: 1px solid var(--grey-color-light);
        padding: 0 20px
    }

.navbar_content {
    display: flex;
    align-items: center;
    column-gap: 21px;
    color: #fff
}

.margin-right {
    margin-right: .25rem
}

.custon-dropdown {
    position: relative
}

    .custon-dropdown a {
        text-decoration: none;
        display: block
    }

.custom-dropdown-menu {
    list-style: none;
    margin: 9px;
    position: absolute;
    right: 0;
    top: 100%;
    color: #093675;
    background-color: #fff;
    border-radius: 8px;
    display: block
}

    .custom-dropdown-menu:before {
        content: "";
        position: absolute;
        top: -44px;
        right: 0;
        border: 20px solid transparent;
        border-bottom-color: #093675
    }

    .custom-dropdown-menu:after {
        content: "";
        position: absolute;
        top: -40px;
        right: 0;
        border: 20px solid transparent;
        border-bottom-color: #093675
    }

.display-none {
    display: none
}

@media (max-width: 767.98px) {
    .navbar .logo_item .header-divider hr {
        height: 15px !important
    }

    .navbar .profile-details {
        display: none
    }

    .navbar .dropdown .drop-btn.dropdown-toggle img {
        width: 16px
    }

    .navbar .d-inline-block {
        margin-top: 10px !important
    }

    .navbar .page-title {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 12px
    }

    .navbar .threedot-logo {
        position: absolute;
        top: 50%;
        left: 93%;
        transform: translate(-50%,-50%)
    }

    .navbar .threedot-class-img {
        height: 20px
    }

    .navbar .img-fluid-small {
        width: 90px;
        height: 12.439px
    }

    .navbar .img-fluid {
        max-width: 100%;
        height: auto;
        position: absolute;
        top: 50%;
        left: 47%;
        transform: translate(-50%,-50%)
    }

    .navbar .custome-threedot-menu {
        background-color: #fff;
        position: absolute;
        top: 85%;
        left: 62%;
        border-color: transparent;
        border-style: solid;
        border-radius: 7px;
        padding: 7px 30px 6px 5px;
        box-shadow: 0 0 4px 1px #6498c6
    }

        .navbar .custome-threedot-menu .dropdown-item {
            padding: .25rem .5rem;
            color: #034e9f;
            font-weight: 700;
            background-color: #fff
        }

    .navbar .margin-right {
        margin-right: -1.2rem
    }

    .navbar .page-title {
        width: 128px
    }

    .main-content {
        width: 95%
    }
}

@media (min-width: 300px) and (max-width: 359px) {
    .navbar .page-title {
        width: 70px
    }
}

.navbar-globalsearch {
    position: relative;
    bottom: 5px;
    left: 897px
}

.page_loader {
    position: absoute;
    height: 100%;
    width: 100%;
    background: #f5f5f5;
    z-index: 99
}

.transparentBG {
    background: rgba(245,245,245,.3)
}

.fit-to-screen {
    position: fixed;
    width: 100%
}

    .fit-to-screen .loader {
        position: relative;
        margin: 0 auto;
        top: 50%;
        transform: translateY(-50%)
    }

.loader {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    border: 10px solid #007AC9;
    border-top: 10px solid #FFF;
    animation: spin 1.5s linear infinite;
    margin: 15% auto;
    box-shadow: inset 0 0 3px #0003,0 0 3px #0000004d
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.left-sub-nav {
    position: fixed;
    background-color: #034e9f;
    color: #fff;
    top: 5rem;
    border-radius: 0 8px 8px 0;
    transition: all .3s ease;
    display: none;
    width: auto;
    height: auto
}

    .left-sub-nav li {
        padding: .5rem 2.5rem
    }

        .left-sub-nav li a {
            color: #fff
        }

.left-navigation-panel:hover .show-sub-nav-bar {
    display: none
}

.left-navigation-panel:hover .left-sub-nav {
    display: block
}

.custom-tooltips {
    left: 11px !important;
    opacity: 11 !important
}

    .custom-tooltips .tooltip-inner {
        background-color: #fff;
        color: #034e9f;
        font-weight: 700;
        border-radius: 7px;
        min-width: 104.158px;
        min-height: 34px;
        padding: 7px 5px 6px;
        box-shadow: 0 0 4px 1px #6498c6
    }

    .custom-tooltips .arrow:before {
        border-right-color: #fff
    }

    .custom-tooltips .arrow:after {
        content: "";
        position: absolute;
        left: 100%;
        z-index: -1;
        border: 5px solid #fff;
        transform-origin: 0 0;
        transform: rotate(45deg);
        box-shadow: -2px 2px 4px #6498c6
    }

.nav-item .tooltip {
    left: 11px !important;
    opacity: 11 !important
}

    .nav-item .tooltip .tooltip-inner {
        background-color: #fff;
        color: #034e9f;
        font-weight: 700;
        border-radius: 7px;
        min-width: 104.158px;
        min-height: 34px;
        padding: 7px 5px 6px;
        box-shadow: 0 0 4px 1px #6498c6
    }

    .nav-item .tooltip .arrow:before {
        border-right-color: #fff
    }

    .nav-item .tooltip .arrow:after {
        content: "";
        position: absolute;
        left: 100%;
        z-index: -1;
        border: 5px solid #fff;
        transform-origin: 0 0;
        transform: rotate(45deg);
        box-shadow: -2px 2px 4px #6498c6
    }

.cPRTL_SideNav .slds-has-submenu .slds-icon_container:after {
    left: 4.125rem
}

.icon-css {
    height: 19px;
    width: 19px
}

.nav-bar-text {
    color: #fff
}

.nav-padding {
    padding-top: 9px
}

.title-small {
    font-size: .8125rem
}

.img-icon-mr {
    margin-top: -9px;
    margin-left: 2px
}

.span-mr {
    margin-top: 7px;
    margin-left: 15px
}

.submenu-ul {
    padding: 10px 25px 25px
}

.left-sub-nav hr {
    margin: 0 25px
}

.middle-nav .settings-nav {
    top: 24rem
}

.middle-nav .tools-nav {
    top: 18rem
}

.top-nav-item {
    top: 4.5rem;
    bottom: auto
}

.bottom-nav .bottom-leftsub-nav {
    top: auto;
    bottom: 0
}

.show-sub-nav-bar {
    display: block
}

@media (max-width: 767.98px) {
    .left-sub-nav {
        position: initial;
        background-color: initial
    }

        .left-sub-nav .submenu-ul-hide, .title-small {
            display: none
        }
}

@media (max-width: 991.98px) {
    .left-sub-nav {
        position: initial;
        background-color: initial
    }

        .left-sub-nav .submenu-ul-hide, .title-small {
            display: none
        }
}

@media (min-width: 992px) and (max-width: 1500px) {
    .middle-nav .settings-nav {
        top: 20rem
    }

    .middle-nav .tools-nav, .bottom-nav .bottom-leftsub-nav {
        top: auto;
        bottom: 0
    }
}

.sidebar {
    position: fixed;
    left: 0;
    top: 4rem;
    height: 100%;
    width: 64px;
    background: #093675;
    z-index: 99
}

    .sidebar.open {
        width: 190px
    }

    .sidebar.display {
        display: none
    }

    .sidebar .img-class {
        height: 60px;
        min-width: 50px;
        font-size: 28px;
        text-align: center;
        line-height: 60px
    }

    .sidebar .nav-list {
        margin-top: 9px;
        margin-bottom: 0rem
    }

    .sidebar li {
        position: relative;
        margin-left: -34px;
        list-style: none;
        margin-top: 1px
    }

        .sidebar li a {
            display: flex;
            height: 100%;
            width: 90%;
            border-radius: .5rem;
            align-items: center;
            text-decoration: none
        }

    .sidebar.open li a {
        width: 96%
    }

    .sidebar li .sidebar-hover:hover {
        background: rgba(79,127,174,.4)
    }

        .sidebar li .sidebar-hover:hover .left-sub-nav {
            display: block
        }

    .sidebar li .active {
        background: #034e9f
    }

    .sidebar li a .links_name {
        color: #fff;
        font-size: 12px;
        font-weight: 400;
        pointer-events: none;
        opacity: 0;
        width: 0px
    }

.opacity-nav {
    display: none
}

.sidebar.open li a .links_name {
    pointer-events: auto;
    margin: 1px 5px -1px;
    opacity: 1;
    font-family: roboto;
    width: 100%
}

.sidebar.open li a .opacity-nav {
    display: block
}

.sidebar li a:hover .links_name, .sidebar li a:hover i {
    color: #fff
}

.sidebar li .img-class {
    height: 44px;
    line-height: 50px;
    font-size: 18px;
    border-radius: 12px
}

.transitions-menus {
    transition: all .3s ease
}

.bottom-nav {
    position: fixed;
    bottom: 0;
    width: inherit;
    background: inherit
}

.expandmenu ::-webkit-scrollbar {
    width: 4px
}

.collapsmenu ::-webkit-scrollbar {
    width: 4px
}

.expandmenu ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #093675;
    border-radius: 2px
}

.expandmenu ::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #006bd3;
    -webkit-box-shadow: inset 0 0 6px #949494
}

@media (min-height: 465px) and (max-height: 655px) {
    .sidebar .overflow-scroll {
        overflow-x: hidden;
        overflow-y: scroll;
        height: 275px
    }
}

@media (max-width: 767.98px) {
    .overflow-menu {
        overflow-y: scroll;
        overflow-x: hidden
    }

    .bottom-nav {
        position: initial;
        margin-bottom: 65px !important
    }
}

@media (min-width: 992px) and (max-width: 1500px) {
    .sidebar {
        overflow: scroll;
        overflow-x: hidden;
        height: 90%
    }

    .bottom-nav {
        position: initial;
        margin-bottom: 65px !important;
        width: inherit;
        background: inherit;
        margin-top: 0 !important
    }
}

header.sub-header {
    position: absolute;
    top: 4rem;
    margin-left: .5rem;
    right: 0;
    left: 0;
    z-index: 1030
}

    header.sub-header .container-fluid, header.sub-header .container-sm, header.sub-header .container-md, header.sub-header .container-lg, header.sub-header .container-xl {
        padding: .75rem 0;
        margin: 0 auto;
        min-height: 4rem
    }

    header.sub-header .main-content-collapse {
        background-color: #fff;
        box-shadow: 0 4px 4px -2px #0000004d;
        width: 100%;
        margin-left: 0
    }

    header.sub-header .mobile-home-page {
        position: absolute
    }

    header.sub-header .main-content-expand {
        background-color: #fff;
        box-shadow: 0 4px 4px -2px #0000004d;
        margin-left: 130px;
        width: 100%
    }

    header.sub-header .blue-header-background {
        background-color: #ecf5fc !important
    }

    header.sub-header .no-header-background {
        background-color: transparent
    }

    header.sub-header .white-header-background {
        background-color: #fff
    }

@media (min-width: 391px) and (max-width: 767px) {
    header.sub-header .main-content-collapse-view {
        width: 95%;
        margin-left: 0
    }
}

@media (min-width: 992px) and (max-width: 1500px) {
    header.sub-header .main-content-collapse {
        width: 120%
    }
}

header.sub-header h3 {
    background: transparent;
    margin-bottom: 0;
    padding-bottom: .625rem;
    padding-top: .625rem;
    padding-left: 1rem
}

header.sub-header .btn {
    font-size: 14px;
    font-size: .875rem;
    line-height: 16px;
    line-height: 1rem;
    padding: .75rem 2rem
}

    header.sub-header .btn.btn-secondary {
        padding: 11px 32px
    }

    header.sub-header .btn.close-btn {
        width: 129px;
        text-align: center;
        height: 40px;
        padding: 0;
        line-height: 39px
    }

        header.sub-header .btn.close-btn:before {
            font: 18px/18px Nalco-additional-icons;
            content: "\e927";
            margin-right: .2rem;
            vertical-align: text-bottom;
            position: static
        }

    header.sub-header .btn.save {
        border: 0 none
    }

header.sub-header .btn-group .btn {
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem;
    padding: 10px 16px;
    width: 13rem;
    min-width: -moz-fit-content;
    min-width: fit-content
}

    header.sub-header .btn-group .btn:hover {
        z-index: unset
    }

header.sub-header .btn-group button.btn.btn-primary:after, header.sub-header .btn-group button.btn.btn-primary:before {
    position: absolute;
    display: block;
    border: 20px solid transparent;
    border-left: 15px solid #007ac9;
    border-right: 0;
    top: 0;
    z-index: 10;
    content: "";
    right: -15px
}

header.sub-header .btn-group button.btn.btn-primary:last-child:before, header.sub-header .btn-group button.btn.btn-primary:last-child:after {
    display: none
}

header.sub-header .btn-group button.btn.btn-secondary:before {
    position: absolute;
    display: block;
    border: 20px solid transparent;
    border-left: 15px solid #7f7a7a;
    border-right: 0;
    top: -1px;
    z-index: 10;
    content: "";
    right: -15px
}

header.sub-header .btn-group button.btn.btn-secondary:after {
    position: absolute;
    display: block;
    border: 20px solid transparent;
    border-left: 15px solid #ffffff;
    border-right: 0;
    top: -1px;
    z-index: 10;
    content: "";
    right: -14px
}

header.sub-header .btn-group button.btn.btn-secondary:last-child:before, header.sub-header .btn-group button.btn.btn-secondary:last-child:after {
    display: none
}

header.sub-header .dropdown {
    border-radius: 0
}

    header.sub-header .dropdown .dropdown-menu.show {
        min-width: 100.7% !important;
        margin-left: -1.05rem;
        margin-top: .46rem
    }

    header.sub-header .dropdown .dropdown-toggle {
        color: #007ac9;
        background-color: #fff
    }

header.sub-header nalco-dropdown + nalco-dropdown > .dropdown {
    border-left: 0
}

header.sub-header nalco-dropdown:first-child .dropdown {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

header.sub-header nalco-dropdown:last-child .dropdown {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

header.sub-header .btn-grp {
    display: flex;
    flex-direction: row
}

@media (max-width: 767.98px) {
    header.sub-header {
        margin-left: 0rem;
        position: relative !important;
        display: inline
    }

        header.sub-header .container-fluid, header.sub-header .container-sm, header.sub-header .container-md, header.sub-header .container-lg, header.sub-header .container-xl {
            background-color: initial !important;
            box-shadow: initial !important
        }
}

.searchAutoComp {
    float: right;
    margin-right: 25px;
    margin-top: 2px
}

.fixed-position {
    position: fixed !important
}

#Home {
    width: 64px;
    height: 43px;
    float: left;
    display: block
}

    #Home a, #Home a:hover {
        background-color: transparent;
        display: block;
        padding: .5rem .75rem
    }

@media (max-width: 767.98px) {
    #Home {
        display: none
    }
}

@media print {
    #Home a {
        display: none !important
    }
}

.dropdown {
    background-color: #fff;
    padding: .5rem 1rem;
    border: 1px solid #bbbcbe;
    border-radius: .25rem;
    min-width: 13rem;
    margin-bottom: -.25rem
}

    .dropdown.disabled {
        pointer-events: none;
        background-color: #e2e2e2 !important
    }

        .dropdown.disabled .drop-btn.dropdown-toggle:after {
            border-top-color: gray
        }

    .dropdown .dropdown-item:disabled {
        background-color: #e3e0e0;
        padding-right: 0;
        width: 100%;
        max-width: 100% !important
    }

    .dropdown .dropdown .dropdown-menu.show .dropdown-item:disabled:hover, .dropdown .dropdown .dropdown-menu.show .dropdown-item:disabled:active, .dropdown .dropdown .dropdown-menu.show .dropdown-item:disabled:focus {
        background-color: #e3e0e0 !important;
        padding-right: 0;
        width: 100%;
        max-width: 100% !important
    }

    .dropdown.align-to-right .dropdown-menu {
        right: 0;
        left: auto !important
    }

    .dropdown .drop-btn.btn-outline-primary:not([disabled]):not(.disabled):active {
        color: #007ac9
    }

    .dropdown .drop-btn.dropdown-toggle {
        color: #616365;
        font-family: inherit;
        font-size: 14px;
        font-size: .875rem;
        line-height: 16px;
        line-height: 1rem;
        margin-top: -1px;
        padding: 0;
        border: 0 none;
        text-align: left;
        width: 100%;
        max-height: 1.5625rem;
        text-transform: none
    }

        .dropdown .drop-btn.dropdown-toggle img {
            float: left;
            margin-right: .75rem;
            margin-top: .25rem
        }

        .dropdown .drop-btn.dropdown-toggle .label {
            font-family: inherit;
            font-size: 9px;
            font-size: .5625rem;
            line-height: 10px;
            line-height: .625rem;
            color: #616365;
            display: inline-block;
            margin: 0;
            text-transform: uppercase
        }

        .dropdown .drop-btn.dropdown-toggle .selected-text {
            width: 8.5rem;
            text-overflow: ellipsis !important;
            white-space: nowrap;
            display: block;
            overflow: hidden !important
        }

            .dropdown .drop-btn.dropdown-toggle .selected-text .hide-on-selection {
                display: none
            }

            .dropdown .drop-btn.dropdown-toggle .selected-text.noLabel {
                padding-left: .45em
            }

        .dropdown .drop-btn.dropdown-toggle:after {
            position: absolute;
            right: 1rem;
            top: 45%;
            border-top-color: #007ac9
        }

        .dropdown .drop-btn.dropdown-toggle:hover, .dropdown .drop-btn.dropdown-toggle:focus {
            background-color: transparent;
            border: 0 none;
            box-shadow: none
        }

    .dropdown .dropdown-menu {
        transition: display 5s ease-in;
        border-color: #bbbcbe;
        max-height: 27rem;
        overflow-y: auto
    }

        .dropdown .dropdown-menu::-webkit-scrollbar-track {
            border: 0
        }

        .dropdown .dropdown-menu.show {
            border-radius: 0 0 .25rem .25rem;
            min-width: 100.35%;
            margin-top: 11px;
            box-shadow: 0 2px 4px #0000004d;
            top: 32px !important
        }

            .dropdown .dropdown-menu.show .dropdown-item {
                font-family: Roboto,sans-serif;
                font-size: 14px;
                font-size: .875rem;
                line-height: 16px;
                line-height: 1rem;
                color: #616365;
                white-space: normal;
                max-width: 96%;
                padding-bottom: 11px;
                padding-top: 11px;
                display: flex;
                word-break: unset
            }

                .dropdown .dropdown-menu.show .dropdown-item:hover, .dropdown .dropdown-menu.show .dropdown-item.selected {
                    color: #007ac9
                }

                .dropdown .dropdown-menu.show .dropdown-item.selected {
                    background-color: transparent;
                    position: relative
                }

                    .dropdown .dropdown-menu.show .dropdown-item.selected:after {
                        font: 10px/8px Nalco-additional-icons;
                        content: "\e92c";
                        position: absolute;
                        right: 7%;
                        top: 40%
                    }

                .dropdown .dropdown-menu.show .dropdown-item:hover, .dropdown .dropdown-menu.show .dropdown-item:active, .dropdown .dropdown-menu.show .dropdown-item:focus {
                    background-color: transparent;
                    outline: none;
                    cursor: pointer
                }

                .dropdown .dropdown-menu.show .dropdown-item.disabled:hover, .dropdown .dropdown-menu.show .dropdown-item.disabled:focus {
                    background-color: #e3e0e0;
                    color: #616365;
                    padding-right: 0
                }

    .dropdown.show .dropdown-toggle {
        border-radius: .25rem .25rem 0 0;
        background-color: #fff;
        border-color: inherit
    }

        .dropdown.show .dropdown-toggle:after {
            transform: scaleY(-1)
        }

    .dropdown.border-gray {
        border-color: #bbbcbe
    }

    .dropdown.border-dark-gray {
        border-color: #949494
    }

    .dropdown.after-gray .dropdown-toggle:after {
        color: #949494
    }

    .dropdown.after-blue .dropdown-toggle:after {
        color: #007ac9
    }

    .dropdown.txt-blue .dropdown-toggle {
        color: #007ac9
    }

    .dropdown.txt-gray .dropdown-toggle {
        color: #616365
    }

    .dropdown.ws-admin {
        color: #007ac9;
        background-color: #fff
    }

    .dropdown .tooltip {
        z-index: 0
    }

.nalco-customer-division-filter .dropdown-menu {
    min-width: 100.5% !important;
    margin-left: -3px !important
}

.nalco-customer-division-filter .dropdown {
    width: 100% !important
}

    .nalco-customer-division-filter .dropdown .dropdown-toggle .label {
        padding-left: 14px
    }

.nalco-customer-division-filter .dropdown-item {
    padding: .75rem 1rem
}

.nalco-customer-division-filter .selected-text {
    padding-left: 14px
}

[class*=icon-calendar-]:before {
    display: inline-block;
    font-family: quality calendar;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: .5em
}

.icon-calendar-icon:before {
    content: "A";
    color: #007ac9;
    font-size: 1.5rem;
    position: absolute;
    top: 12px
}

.icon-calendar-icon.disabled:before {
    content: "A";
    color: #616365;
    font-size: 1.5rem;
    position: absolute;
    top: 12px
}

.icon-division-icon:before {
    content: "";
    background: url(/assets/images/division-filter.png);
    color: #007ac9;
    font-size: 1.5rem;
    position: absolute;
    height: 24px;
    width: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    top: .7rem
}

.filter-icon {
    background-image: url(/assets/images/filter_alt.png);
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    position: absolute;
    top: 135px;
    left: 12px
}

.arrow-carret-down-icon:before {
    content: "";
    background: url(/assets/images/arrow-caret-down-icon.jpg);
    color: #007ac9;
    position: absolute;
    height: 24px;
    width: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    top: 10px;
    left: 160px
}

nalco-date-range-dropdown .dropdown .selected-text {
    color: #007ac9
}

    nalco-date-range-dropdown .dropdown .selected-text.disabled {
        color: #616365 !important
    }

nalco-date-range-dropdown .dropdown .drop-btn.dropdown-toggle {
    margin-top: 4px
}

nalco-geo-sales-region-filter .dropdown .drop-btn.dropdown-toggle .selected-text {
    width: 100% !important
}

.water-flow-usage-widget-container .dropdown .drop-btn.dropdown-toggle .selected-text, .water-flow-usage-widget-container .dropdown .drop-btn.dropdown-toggle {
    width: 95% !important
}

.view-favourite-modal .dropdown-menu.show, .share-favourite-modal .dropdown-menu.show, .annotation-popup-modal .dropdown-menu.show {
    margin-top: -20px !important;
    left: -16px !important
}

.favorite {
    position: relative;
    margin-right: .75rem
}

    .favorite label {
        transition: all .5s ease;
        cursor: pointer;
        position: absolute;
        top: 0;
        left: 0;
        color: #e2e2e2;
        font: 15px/15px Nalco-additional-icons
    }

        .favorite label:before {
            content: "\e918"
        }

    .favorite input {
        visibility: hidden
    }

        .favorite input:checked + label {
            color: #007ac9
        }

            .favorite input:checked + label:before {
                content: "\e917"
            }

.favorite-toggle {
    display: flex;
    padding-bottom: .125rem;
    float: right;
    width: 7.5rem
}

    .favorite-toggle label {
        cursor: pointer
    }

    .favorite-toggle .ico-toggle {
        -webkit-user-select: none;
        user-select: none;
        margin: 0 .5rem;
        font-size: 30px;
        font-size: 1.875rem;
        line-height: 17px;
        line-height: 1.0625rem;
        position: relative;
        height: 1.0625rem;
        background-color: #fff;
        border-radius: 50%
    }

    .favorite-toggle input {
        visibility: hidden
    }

        .favorite-toggle input:checked + .ico-toggle {
            color: #fff
        }

            .favorite-toggle input:checked + .ico-toggle:before {
                content: "\e912";
                color: #616365
            }

            .favorite-toggle input:checked + .ico-toggle:after {
                content: "\e903";
                font-size: 11px;
                font-size: .6875rem;
                line-height: 11px;
                line-height: .6875rem;
                color: #007ac9;
                position: absolute;
                top: 2px;
                right: .25rem
            }

    .favorite-toggle.disabled .ico-toggle:before {
        color: #616365
    }

    .favorite-toggle.disabled .ico-toggle:after {
        color: #616365
    }

    .favorite-toggle.disabled input, .favorite-toggle.disabled label {
        cursor: auto
    }

.fav-toggle-wrap .favorite-toggle {
    width: 14rem
}

    .fav-toggle-wrap .favorite-toggle input ~ .ico-toggle {
        color: #fff
    }

        .fav-toggle-wrap .favorite-toggle input ~ .ico-toggle:before {
            content: "\e912";
            color: #007ac9
        }

        .fav-toggle-wrap .favorite-toggle input ~ .ico-toggle:after {
            content: "\e903";
            font-size: 11px;
            font-size: .6875rem;
            line-height: 11px;
            line-height: .6875rem;
            color: #007ac9;
            position: absolute;
            top: 2px;
            right: .25rem
        }

    .fav-toggle-wrap .favorite-toggle input:checked ~ .ico-toggle:after {
        left: .25rem;
        right: auto
    }

.more-option {
    padding: 0;
    border: 0 none;
    min-width: 0;
    margin: 3px 0 0;
    font-size: 14px;
    font-size: .875rem
}

    .more-option .dropdown-content {
        width: auto;
        height: 18px
    }

        .more-option .dropdown-content .btn.dropdown-toggle {
            margin: 0 -.375rem;
            background-color: transparent;
            width: auto;
            min-width: 0;
            font-size: 18px;
            font-size: 1.125rem;
            line-height: 4px;
            line-height: .25rem
        }

            .more-option .dropdown-content .btn.dropdown-toggle:after {
                content: none
            }

    .more-option .dropdown-menu .dropdown-item {
        max-width: 100%;
        padding: 10px 16px;
        white-space: break-spaces
    }

    .more-option .dropdown-menu.show {
        min-width: 0;
        margin: 5px 0;
        box-shadow: 0 2px 4px #0000004d;
        padding: 10px 0;
        width: 10rem !important;
        top: 0 !important
    }

    .more-option .more-options-list {
        width: max-content
    }

.more-info {
    padding: 16px 16px 2px;
    font-family: Roboto,sans-serif;
    color: #616365;
    background: #fff
}

    .more-info p {
        margin-bottom: 5px
    }

.admin-tile .card.tile {
    margin-bottom: 0
}

    .admin-tile .card.tile .tile-content-wrapper {
        background-color: #fbfbfb
    }

.errorClass {
    color: #007ac9;
    cursor: pointer
}

.card.tile {
    border: 0 none;
    border-radius: 0;
    box-shadow: 0 1px 2px #00000026;
    margin-bottom: 1rem
}

    .card.tile p.label {
        font-size: 14px;
        font-size: .875rem;
        line-height: 16px;
        line-height: 1rem
    }

    .card.tile .card-header, .card.tile .card-footer {
        background: none
    }

    .card.tile .card-header {
        border-bottom: 1px solid #e2e2e2;
        min-height: 2.75rem;
        padding: .75rem 1rem .9375rem
    }

        .card.tile .card-header .card-title {
            float: left;
            margin: 0;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 70%
        }

        .card.tile .card-header #card-tooltip:after {
            content: "";
            display: block
        }

        .card.tile .card-header a.card-title {
            font-size: 16px;
            font-size: 1rem;
            line-height: 20px;
            line-height: 1.25rem;
            color: #007ac9 !important
        }

        .card.tile .card-header a.card-title-pdf {
            font-size: 16px;
            font-size: 1rem;
            line-height: 20px;
            line-height: 1.25rem;
            color: #616365 !important
        }

        .card.tile .card-header .card-subtitle {
            font-size: 12px;
            font-size: .75rem;
            line-height: 20px;
            line-height: 1.25rem;
            float: left;
            clear: none
        }

        .card.tile .card-header .moreActionIcons {
            position: absolute;
            right: 30px;
            top: 14px;
            display: flex
        }

            .card.tile .card-header .moreActionIcons .drag-delete {
                cursor: pointer
            }

            .card.tile .card-header .moreActionIcons .ico-grip:before {
                color: #616365;
                opacity: .9 !important
            }

        .card.tile .card-header .right-aligned {
            float: right
        }

        .card.tile .card-header .accordion-caret {
            position: relative
        }

            .card.tile .card-header .accordion-caret:before {
                content: "";
                display: block;
                width: 0;
                height: 0;
                border-style: solid;
                -moz-transform: scale(.9999);
                border-width: 0 9px 10px 9px;
                border-color: transparent transparent #007ac9 transparent;
                position: absolute;
                right: 20px;
                top: 5px
            }

            .card.tile .card-header .accordion-caret.collapsed:before {
                transform: rotate(180deg)
            }

    .card.tile .defaultDataText {
        display: flex;
        justify-content: center;
        color: #616365;
        font-size: 13px
    }

    .card.tile .tile-content-wrapper {
        transition: height .5s
    }

        .card.tile .tile-content-wrapper.collapsed {
            height: 0;
            overflow: hidden
        }

    .card.tile .card-body {
        min-height: 10rem;
        padding: 0rem
    }

        .card.tile .card-body .customer-name {
            font-size: 12px;
            font-size: .75rem;
            line-height: 14px;
            line-height: .875rem;
            text-transform: uppercase
        }

        .card.tile .card-body .table {
            display: table
        }

            .card.tile .card-body .table p {
                margin-bottom: 0
            }

            .card.tile .card-body .table .card-left, .card.tile .card-body .table .card-right {
                display: table-cell;
                vertical-align: top
            }

            .card.tile .card-body .table .card-left {
                min-width: 5rem;
                text-align: right;
                padding: 0 1rem 0 0
            }

                .card.tile .card-body .table .card-left .total-assets {
                    font-size: 40px;
                    font-size: 2.5rem;
                    line-height: 44px;
                    line-height: 2.75rem;
                    margin: 0
                }

                .card.tile .card-body .table .card-left .text-capitalize {
                    font-size: 14px;
                    font-size: .875rem;
                    line-height: 16px;
                    line-height: 1rem;
                    margin-right: 2px
                }

            .card.tile .card-body .table .card-right {
                padding: 0 0 0 1rem;
                text-align: left;
                border-left: 1px solid #e2e2e2
            }

                .card.tile .card-body .table .card-right p {
                    margin-bottom: .25rem
                }

        .card.tile .card-body .accounted-for {
            margin-bottom: .75rem;
            font-size: 1rem
        }

            .card.tile .card-body .accounted-for .ico-checkmark {
                font-size: 10px;
                font-size: .625rem;
                line-height: 8px;
                line-height: .5rem;
                color: #6fb43f;
                margin-right: .5rem
            }

        .card.tile .card-body .last-edited-by {
            font-family: Interstate-Bold,sans-serif;
            font-size: 10px;
            font-size: .625rem;
            line-height: 12px;
            line-height: .75rem
        }

        .card.tile .card-body .ico-info-thin {
            cursor: pointer
        }

        .card.tile .card-body .locked .ico-lock {
            font-size: 12px;
            font-size: .75rem;
            line-height: 9px;
            line-height: .5625rem;
            margin-right: .3rem;
            vertical-align: baseline
        }

    .card.tile .card-footer {
        border-top: 1px solid #e2e2e2;
        min-height: 3.5rem;
        padding-bottom: 1rem;
        padding-top: 1rem
    }

        .card.tile .card-footer .buildConfigure .btn {
            display: inline-block;
            width: auto;
            margin-right: 1.375rem
        }

            .card.tile .card-footer .buildConfigure .btn:last-child {
                margin-right: 0
            }

        .card.tile .card-footer .locked {
            margin: .5rem 0;
            text-align: center
        }

            .card.tile .card-footer .locked img {
                margin-right: .5rem;
                vertical-align: top
            }

.watersafety-header .card.tile .card-header {
    border-bottom: 1px solid #E2E2E2;
    min-height: 2.55rem;
    padding: .75rem 1rem .175rem !important
}

    .watersafety-header .card.tile .card-header .right-aligned {
        float: right;
        margin-top: -1rem
    }

    .watersafety-header .card.tile .card-header .card-subtitle {
        font-size: 9px;
        line-height: 1rem;
        float: left;
        clear: both;
        margin-top: .1rem;
        min-height: .9rem;
        height: .9rem
    }

.watersafety-header.distrubution-tile .card .card-header {
    padding-top: 13px !important;
    padding-bottom: 13px !important
}

    .watersafety-header.distrubution-tile .card .card-header h3 .right-aligned {
        padding-top: 13px
    }

    .watersafety-header.distrubution-tile .card .card-header .right-aligned {
        padding-top: .75rem
    }

    .watersafety-header.distrubution-tile .card .card-header .card-subtitle, .no-header .card-header {
        display: none
    }

.display-header .card-header {
    display: block
}

.state-wrapper {
    padding: 16px
}

    .state-wrapper.loading {
        width: 100%;
        position: absolute;
        left: 0;
        right: 0;
        top: 30px
    }

    .state-wrapper .loader {
        display: block;
        width: 70px;
        height: 70px
    }

.quality-header:focus {
    outline: none
}

.quality-header.asset-tiles .tooltip {
    position: absolute;
    top: 20% !important;
    left: 0% !important
}

    .quality-header.asset-tiles .tooltip .tooltip-inner div p {
        margin-bottom: 0
    }

.quality-header .card.tile .card-header h3.card-title {
    font-size: 1rem;
    margin-right: .3rem
}

.quality-header .card.tile .card-header a.card-title {
    margin-right: .3rem
}

.quality-header .card.tile .card-header .right-aligned {
    margin-top: 0rem
}

.quality-header .tooltip {
    top: .5rem !important;
    padding: .5rem !important
}

    .quality-header .tooltip .tooltip-inner {
        padding: .5rem;
        max-width: 20rem !important;
        white-space: normal
    }

@media screen and (max-width: 550px) {
    .quality-header .tooltip .tooltip-inner {
        min-width: 50%
    }
}

.quality-header .tooltip .tooltip-inner .tooltip-content {
    padding: 2px
}

.quality-header .tooltip .tooltip-inner div {
    font-size: 11px;
    font-size: .6875rem;
    line-height: 1rem
}

.AssetPerformanceTrendLineChart .card.tile .card-header h3.card-title {
    font-size: 1rem;
    margin-right: .3rem
}

.AssetPerformanceTrendLineChart .card.tile .card-header a.card-title {
    margin-right: .3rem
}

.AssetPerformanceTrendLineChart .card.tile .card-header .right-aligned {
    margin-top: -1.7rem;
    margin-bottom: -1.7rem
}

.AssetPerformanceTrendLineChart .line-chart-pills ul li {
    background-color: #fff !important;
    border: 1px solid #949494;
    cursor: default !important;
    color: #616365 !important;
    pointer-events: none
}

.AssetPerformanceTrendLineChart .pill-borders .filtertab-list li {
    padding: 7px 60px 5px 0 !important;
    margin-right: 5px;
    margin-top: 23px !important
}

.card-title-content {
    width: 70%;
    display: inline
}

input[type=search] {
    border-radius: 1rem;
    color: #bbbcbe;
    padding: 6px 12px 6px 40px;
    border: 0 none;
    outline: none;
    font-family: Interstate-Light,sans-serif;
    font-size: 14px;
    font-size: .875rem;
    line-height: 20px;
    line-height: 1.25rem;
    width: 12.125rem
}

    input[type=search] ::-webkit-input-placeholder {
        color: #bbbcbe;
        opacity: 1
    }

    input[type=search] :-moz-placeholder {
        color: #bbbcbe;
        opacity: 1
    }

    input[type=search] ::-moz-placeholder {
        color: #bbbcbe;
        opacity: 1
    }

    input[type=search] :-ms-input-placeholder {
        color: #bbbcbe;
        opacity: 1
    }

    input[type=search]:hover {
        color: #bbbcbe
    }

        input[type=search]:hover::-webkit-input-placeholder, input[type=search]:hover::-moz-placeholder, input[type=search]:hover:-ms-input-placeholder, input[type=search]:hover:-moz-placeholder {
            color: #bbbcbe;
            opacity: 1
        }

    input[type=search]:focus::-webkit-input-placeholder, input[type=search]:focus::-moz-placeholder, input[type=search]:focus:-ms-input-placeholder, input[type=search]:focus:-moz-placeholder, input[type=search]:active::-webkit-input-placeholder, input[type=search]:active::-moz-placeholder, input[type=search]:active:-ms-input-placeholder, input[type=search]:active:-moz-placeholder {
        color: #e2e2e2;
        opacity: 1
    }

    input[type=search].secondary-search {
        border: 1px solid #949494;
        width: 12.3125rem;
        padding-bottom: 5px;
        padding-top: 5px
    }

        input[type=search].secondary-search:hover {
            color: #949494
        }

            input[type=search].secondary-search:hover::-webkit-input-placeholder, input[type=search].secondary-search:hover::-moz-placeholder, input[type=search].secondary-search:hover:-ms-input-placeholder, input[type=search].secondary-search:hover:-moz-placeholder {
                color: #949494;
                opacity: 1
            }

    input[type=search] + .ico-nav-search:before {
        position: absolute;
        top: .5rem;
        left: 1rem;
        font-size: 16px;
        font-size: 1rem;
        line-height: 16px;
        line-height: 1rem;
        color: #616365
    }

.breadcrumb {
    float: left;
    background: transparent;
    margin-bottom: 0;
    padding-bottom: .625rem;
    padding-top: .625rem
}

@media (max-width: 767.98px) {
    .breadcrumb {
        min-height: 98px;
        width: 100%
    }
}

@media only screen and (min-width: 960px) and (max-width: 1070px) {
    .breadcrumb {
        width: 90%
    }
}

.breadcrumb .breadcrumb-item {
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem
}

    .breadcrumb .breadcrumb-item a {
        color: #0936757a;
        text-shadow: 0px 5px 16.667px rgba(106,106,106,.15);
        font-family: roboto;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 1.167px
    }

@media (max-width: 767.98px) {
    .breadcrumb .breadcrumb-item {
        font-size: 12px;
        font-size: .75rem;
        line-height: 20px;
        line-height: 1.25rem
    }
}

.breadcrumb .breadcrumb-item + .breadcrumb-item:before {
    content: ">";
    color: #0936757a;
    font-size: 16px
}

.breadcrumb .breadcrumb-dots {
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem
}

    .breadcrumb .breadcrumb-dots a {
        color: #0936757a;
        text-shadow: 0px 5px 16.667px rgba(106,106,106,.15);
        font-family: roboto;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 1.167px
    }

@media (max-width: 767.98px) {
    .breadcrumb .breadcrumb-dots {
        font-size: 12px;
        font-size: .75rem;
        line-height: 20px;
        line-height: 1.25rem
    }
}

.breadcrumb .breadcrumb-dots:before {
    content: ">";
    padding-top: 6px;
    margin-left: 9px;
    margin-right: 9px;
    color: #0936757a;
    font-size: 16px
}

.breadcrumb .breadcrumb-dots + .breadcrumb-item:before {
    content: ">";
    padding-top: 6px;
    margin-left: 9px;
    margin-right: 9px;
    color: #0936757a;
    font-size: 16px
}

.breadcrumb .no-print {
    color: #093675;
    text-shadow: 0px 5px 16.667px rgba(106,106,106,.15);
    font-family: roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 1.167px
}

@media (max-width: 767.98px) {
    .breadcrumb {
        padding-left: 0rem;
        margin-left: .5rem
    }
}

@media print {
    .no-print {
        display: none
    }
}

.toaster-icon {
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 400;
    color: #fff
}

.toast-title {
    font-weight: 400
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

    .toast-message a, .toast-message label {
        color: #fff
    }

        .toast-message a:hover {
            color: #ccc;
            text-decoration: none
        }

.toast-close-button {
    position: relative;
    right: -.3em;
    top: -.3em;
    float: right;
    font-family: Roboto,sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    -webkit-text-shadow: 0 1px 0 #ffffff;
    text-shadow: 0 1px 0 #ffffff;
    opacity: .8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
    z-index: 999
}

    .toast-close-button:hover, .toast-close-button:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        opacity: .4;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
        filter: alpha(opacity=40)
    }

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none
}

.toast-content {
    display: inline-block;
    width: 95%
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-left {
    top: 12px;
    left: 12px
}

.toast-top-center {
    top: 12px
}

.toast-top-right {
    top: 12px;
    right: 12px
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px
}

.toast-bottom-center {
    bottom: 12px
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px
}

.toast-center {
    top: 45%
}

#toast-container {
    position: fixed;
    z-index: 999999;
    pointer-events: auto
}

    #toast-container.toast-center, #toast-container.toast-top-center, #toast-container.toast-bottom-center {
        width: 100%;
        pointer-events: none;
        left: 0;
        right: 0
    }

        #toast-container.toast-center > div, #toast-container.toast-top-center > div, #toast-container.toast-bottom-center > div {
            margin: 6px auto;
            pointer-events: auto
        }

        #toast-container.toast-center > button, #toast-container.toast-top-center > button, #toast-container.toast-bottom-center > button {
            pointer-events: auto
        }

    #toast-container * {
        box-sizing: border-box
    }

    #toast-container > div {
        margin: 0 0 6px;
        padding: 15px 15px 15px 50px;
        width: 300px;
        border-radius: 3px;
        background-position: 15px center;
        background-repeat: no-repeat;
        box-shadow: 0 0 12px #999;
        color: #fff;
        opacity: .8;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
        filter: alpha(opacity=80)
    }

    #toast-container > :hover {
        box-shadow: 0 0 12px #000;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        filter: alpha(opacity=100);
        cursor: pointer
    }

.icon-info {
    width: 35px;
    height: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important
}

.icon-wait {
    width: 35px;
    height: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-image: url(data:image/gif;base64,R0lGODlhIAAgAIQAAAQCBISGhMzKzERCROTm5CQiJKyurHx+fPz+/ExOTOzu7Dw+PIyOjCwqLFRWVAwKDIyKjMzOzOzq7CQmJLy6vFRSVPTy9AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQAXACwAAAAAIAAgAAAF3eAljmRpnmh6VRSVqLDpIDTixOdUlFSNUDhSQUAT7ES9GnD0SFQAKWItMqr4bqKHVPDI+WiTkaOFFVlrFe83rDrT0qeIjwrT0iLdU0GOiBxhAA4VeSk6QYeIOAsQEAuJKgw+EI8nA18IA48JBAQvFxCXDI8SNAQikV+iiaQIpheWX5mJmxKeF6g0qpQmA4yOu8C7EwYWCgZswRcTFj4KyMAGlwYxDwcHhCXMXxYxBzQHKNo+3DDeCOAn0V/TddbYJA0K48gAEAFQicMWFsfwNA3JSgAIAAFfwIMIL4QAACH5BAkJABoALAAAAAAgACAAhAQCBIyKjERCRMzOzCQiJPTy9DQyNGRmZMTCxOTm5CwqLHx+fBQWFJyenNTW1Pz6/Dw6PGxubAwKDIyOjNTS1CQmJCwuLPz+/Dw+PHRydAAAAAAAAAAAAAAAAAAAAAAAAAXboCaOZGmeaKoxWcSosMkk15W8cZ7VdZaXkcEgQtrxfD9RhHchima1GwlCGUBSFCaFxMrgRtnLFhWujWHhs2nJc8KoVlWGQnEn7/i8XgOwWAB7JwoONQ4KgSQAZRcOgHgSCwsSIhZMNRZ5CzULIgaWF5h4mhecfIQ8jXmQkiODhYeIiRYGjrG2PxgBARi3IhNMAbcCnwI5BAQpAZ8TIwK6vCQVDwUVKL+WzAANTA210g/VJ8OWxQefByQE4dZMzBoInwh4zrtgn2p725YNthUFTNRuGYB3AYGBHCEAACH5BAkJAB0ALAAAAAAgACAAhAQCBISChFRWVMzKzCQiJOTm5GxqbCwuLJSWlPz6/NTW1AwODJSSlGRmZCwqLOzu7HR2dDQ2NAQGBISGhFxaXNTS1CQmJOzq7GxubDQyNKSmpPz+/Nza3AAAAAAAAAAAAAXfYCeOZGmeaKqurHBdAiuP17Zdc0lMAVHWt9yI8LA9fCPB4xEjARoNSWpis01kBpshFahurqzsZosiGpErScMAUO0maKF8Tq/bTQCIQgFp30cQXhB1BHEcXhx0FgkJFiOHVYlzi42AgoRxeRx8fn+en3UABwedKgsBAwMBCygOCjYKDisLFV4VrCUAtVUKpSZdXl8mB8EbByQWcQPFAyYZxccdB7sV0cvBzbmvvG0LBV4FrFTBYCWuNhyyHRTFFB20trh4BxmdYl4YIqepq0IRxRE+IfDCAFQHARo0NGERAgAh+QQJCQAgACwAAAAAIAAgAIUEAgSEgoRMTkzMyswcHhzk5uR0cnQUFhRcXlwsKiz09vQMCgyMiozU1tQkJiR8fnxkZmT8/vwEBgSEhoRcWlzU0tQkIiT08vR0dnQcGhxkYmQ0MjT8+vwMDgyMjozc2twAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAG+UCQcEgsGo/IpHLJXDweC6Z0+IhEHlOjRGIMWLHZoUZx0RQlAajxkFFKFFYFl5m5KNpIySU+X2bIBEoQZBBZGQdMElFhjI2Oj5AgHQEDAw8dQxYeDBaNHRVWVhWYCXsRFwmMXqFWEyAerB6MA6xWA6+xs7URt6VWqIwTu64gDh4eDp6goaORQ5OVAZjO1EgEGhB4RwAYDQ0YAEwIcBEKFEgYrBhLBORxgUYfrB9LELuF8fNDAAaVBuEg7NXCVyRdqHVCGLBiIIQAB1Yc4BXh9uEbwAXuyi2iQI7DuSwHdiFqCEGDtizLRFUDsaGAlQIbVoJYIEDAIiZBAAAh+QQJCQAbACwAAAAAIAAgAIQEAgSMioxcWlz08vQcHhysqqwMDgx8enwsKiykoqRkZmT8+vzEwsQMCgyUlpQkJiS0srQEBgSMjoxcXlz09vQkIiSsrqwUEhQ0MjRsamz8/vwAAAAAAAAAAAAAAAAAAAAF7+AmjmRpnmiqruz2PG0sIssCj4CQJAIgj4/abRNJaI6agu9kCAQaphdJgEQKUIFjgGWsahJYLdf7RTWfLKr3+jsBClVlG5Xb9eb4fImgUBBKDVB4ExRHFGwbGRQLGXMEhUgUfw2QC4IyCmSNDQtHlm2ZXgoiGQsUjW0EnUgLfyKBeYSeiHojfH61uS0GBisVEgEVLRcWRxAXKAgDRwMILMVIECgSVRIrBmS9JtRI1iMVBweuGxerSNolyszOIhjLGs0jEFXSKA8SEkMbcEgWIxfzNBxrw6AKgxIGkM05UOWALhERHJhysOThBgAVWYQAACH5BAkJABkALAAAAAAgACAAhAQGBIyKjERCRMzOzCwuLGRiZPz6/OTm5AwODLSytFRSVNTW1Dw6PHx6fAwKDJSSlERGRNTS1DQyNGxqbPz+/BQSFLy6vFRWVNza3AAAAAAAAAAAAAAAAAAAAAAAAAAAAAXqYCaO5FgFwxBUZeu61ULNFMa+eBvQdJD/owFvFhkBBAwHsBQZUooZyWF2YOQkBNJu6ANMaQeli0AxSEwymi0DcUJeEgPlbEJFAghRe/h+Eeg/Dl9UYks5DF9VhksOAgKFi5GSSwh5kzgVCXIJNxknD5aSCTwJIw8zD5MITpanFKmSCHI8NxUPoJejNKWXLZkznL0vCJ3CxsckDpA/ChYJFzkTBgYTSxc80C4OswbLLhY8Fi/bMwYAJVgl4DTiL9LUJADrFuci1zTZLwD1IwU8BSQuWLCQb1EDHg2QiSDALYvCDAISJLDy8FIIACH5BAkJAB4ALAAAAAAgACAAhAQGBISGhFRSVNTW1CQiJKyqrGRmZOzu7CwuLIyOjGxubPz6/BQSFGRiZOTi5CwqLLy6vDQ2NIyKjFRWVCQmJKyurGxqbPT29DQyNJSSlHRydPz+/BQWFOzq7AAAAAAAAAXhoCeOJElYClGubOs117YtjWuvxCLLi3qbhc6h4FPsdorfiNI5dige43GT9AAkHUcCwCpMNxVP7tgTJY4J1uF7EBl0M8Ooueuo2SOCIkVa11kVX2E2EmgsFH4yBz4uAAkdHVstBAUHQ4xKmZqbnJ2bAhAQAiURGJ4eE0cTIxgzpp0QRxCsrp6xO7MjpaepO6unKxOhv8DFxsfIJBwaChw2DAkZDEocDjIOzi0ZMhlKUjIaLtsb3T8aR+EtDBkJ0yQUBQVQI9XX2ZsDMgMlyxr3mzE2XEgmotCGAARFIHiQ0FMIACH5BAkJABgALAAAAAAgACAAhAQCBISGhDw+POTi5CwuLLS2tPTy9BQSFJyenGRiZDQ2NIyOjLy+vPz6/BweHIyKjFRSVOzq7DQyNLy6vBQWFHRydDw6PPz+/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAXXICaOZHkcZaquIjVd10SxtFrAcFGrVhBYIwoON9uNAsOA6DCEFTEKBEKxEjQvAtELNxkpGrAGNfW4Plpb2QgxRKjKzfPoVGLj3CnLNUv7hscpSDhKOxJSgDwPP0ZGAACMjAQFDQYFBJA0BAZDBpeYGBQVFUU3TV2YFAMwAzNgTQ2PkBVDFRiuQ7CYszi1pUOnkKmrM5qcnqiiTwQTDQ2Wn9DR0tPUfRKQEBEREDQSFw3XRhEwEd3f4TvjF+XWKgJ8JNnb0QkwCdUlCzAL+CQODAwc9BtIMAQAOw==) !important
}

.icon-error {
    width: 35px;
    height: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important
}

.icon-success {
    width: 35px;
    height: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important
}

.icon-warning {
    width: 35px;
    height: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important
}

#toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div {
    width: 96%;
    margin: auto
}

.toast {
    position: relative;
    background-color: #030303
}

.toast-success {
    background-color: #030303
}

.toast-error {
    background-color: #bd362f
}

.toast-info, .toast-wait {
    background-color: #030303
}

.toast-warning {
    background-color: #bd362f
}

.toast-custom-green {
    background-color: green
}

@media all and (max-width: 240px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 11em
    }

    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
}

@media all and (min-width: 241px) and (max-width: 480px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 18em
    }

    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
}

@media all and (min-width: 481px) and (max-width: 768px) {
    #toast-container > div {
        padding: 15px 15px 15px 50px;
        width: 25em
    }
}

:not(.no-enter)#toast-container > div.ng-enter, :not(.no-leave)#toast-container > div.ng-leave {
    transition: 1s cubic-bezier(.25,.25,.75,.75) all
}

    :not(.no-enter)#toast-container > div.ng-enter.ng-enter-active, :not(.no-leave)#toast-container > div.ng-leave {
        opacity: .8
    }

        :not(.no-leave)#toast-container > div.ng-leave.ng-leave-active, :not(.no-enter)#toast-container > div.ng-enter {
            opacity: 0
        }

.pills-container {
    border-bottom: 1px solid #e2e2e2;
    padding: .375rem 1rem
}

.xyz .pills-container {
    padding: .375rem 0rem !important
}

.pills {
    font-size: 12px;
    font-size: .75rem;
    line-height: 16px;
    line-height: 1rem;
    float: left;
    max-height: 2rem;
    border: 1px solid #949494;
    border-radius: 1rem;
    margin: .25rem .7rem .25rem 0;
    text-align: left;
    width: auto;
    padding: .375rem 1rem .375rem .5rem;
    vertical-align: middle;
    white-space: nowrap;
    background-color: #fff;
    cursor: pointer
}

    .pills .ico-exit-in-circle {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 18px;
        line-height: 1.125rem
    }

    .pills:hover {
        background-color: #949494 !important;
        color: #fff
    }

    .pills.all-app {
        max-height: 1.96rem;
        padding: .375rem 1rem 1.4375rem;
        background-color: transparent
    }

        .pills.all-app.active {
            padding-bottom: .5rem;
            padding-top: .5rem;
            margin-right: .4375rem
        }

    .pills.active {
        color: #fff;
        background-color: #616365 !important
    }

        .pills.active .ico-exit-in-circle {
            color: #fff;
            background-color: #616365
        }

    .pills.add-pills {
        border: 0 none;
        background-color: transparent;
        padding: 0;
        color: #007ac9
    }

        .pills.add-pills:before {
            content: "\e900";
            font: 2rem/2rem nalco-additional-icons
        }

        .pills.add-pills:hover {
            color: #5eb6e4 !important;
            background-color: #fff !important
        }

        .pills.add-pills:focus {
            color: #007ac9;
            box-shadow: 0 1px 2px #61636580
        }

        .pills.add-pills.disabled, .pills.add-pills:disabled {
            color: #e2e2e2
        }

    .pills .pills-text {
        display: inline-block;
        vertical-align: middle;
        margin-left: .25rem
    }

    .pills .line {
        width: 2rem;
        display: inline-block;
        border-bottom: 2px solid;
        vertical-align: middle;
        margin-left: 1rem
    }

        .pills .line.dashed-0 {
            border-bottom-style: dashed
        }

        .pills .line.dashed-1 {
            border-bottom-style: dotted
        }

        .pills .line.dashed-dotted {
            border: 0 none;
            height: .125rem
        }

    .pills:last-child:hover {
        background-color: #fff
    }

.ico-exit-round-edge {
    color: #616365
}

.modal .modal-dialog .modal-content *::-webkit-scrollbar-track {
    background-color: #fff;
    border: 0px
}

.modal-dialog .modal-content {
    background-color: #fff !important;
    border: 0px
}

    .modal-dialog .modal-content .add-asset-to-comp-modal .modal-header {
        padding: 1.5rem 1rem 1.25rem
    }

        .modal-dialog .modal-content .add-asset-to-comp-modal .modal-header .close {
            margin-left: unset
        }

    .modal-dialog .modal-content .add-asset-to-comp-modal .modal-body {
        padding: 0;
        overflow-y: hidden;
        max-height: none;
        max-height: 25rem;
        overflow-y: auto;
        min-height: 12rem;
        overflow: hidden
    }

        .modal-dialog .modal-content .add-asset-to-comp-modal .modal-body ul {
            font-size: 14px;
            font-size: .875rem;
            color: #616365
        }

        .modal-dialog .modal-content .add-asset-to-comp-modal .modal-body .pills-bar .pills {
            margin-right: 1rem;
            border: 0 none;
            padding: 0;
            margin-bottom: .5rem
        }

            .modal-dialog .modal-content .add-asset-to-comp-modal .modal-body .pills-bar .pills .ico-exit-in-circle {
                margin-right: .2rem
            }

            .modal-dialog .modal-content .add-asset-to-comp-modal .modal-body .pills-bar .pills a {
                font-size: 12px;
                font-size: .75rem;
                line-height: 16px;
                line-height: 1rem
            }

        .modal-dialog .modal-content .add-asset-to-comp-modal .modal-body .category-filter {
            padding: .5rem 1rem;
            background-color: #fff;
            border-bottom: 1px solid #e2e2e2;
            display: flex;
            justify-content: space-between;
            align-items: center
        }

            .modal-dialog .modal-content .add-asset-to-comp-modal .modal-body .category-filter .dropdown {
                max-width: 13rem;
                margin-bottom: 0;
                padding: .5rem 1rem
            }

        .modal-dialog .modal-content .add-asset-to-comp-modal .modal-body .assets-list {
            padding: .5rem 1rem 1rem;
            min-height: 18.75rem;
            margin: 0
        }

            .modal-dialog .modal-content .add-asset-to-comp-modal .modal-body .assets-list .asset-row {
                padding: .5rem 1rem 1rem 1.5rem
            }

                .modal-dialog .modal-content .add-asset-to-comp-modal .modal-body .assets-list .asset-row label:before {
                    top: .5rem
                }

                .modal-dialog .modal-content .add-asset-to-comp-modal .modal-body .assets-list .asset-row label:after {
                    top: .5rem
                }

                .modal-dialog .modal-content .add-asset-to-comp-modal .modal-body .assets-list .asset-row a span {
                    margin: 0
                }

                .modal-dialog .modal-content .add-asset-to-comp-modal .modal-body .assets-list .asset-row .btn-primary {
                    font-size: 12px;
                    font-size: .75rem;
                    line-height: 14px;
                    line-height: .875rem;
                    font-family: Interstate-Bold,sans-serif;
                    width: auto;
                    float: right;
                    background: transparent;
                    color: #007ac9;
                    padding: 0;
                    text-align: right;
                    margin-right: .5rem;
                    visibility: hidden
                }

                .modal-dialog .modal-content .add-asset-to-comp-modal .modal-body .assets-list .asset-row:hover .btn-primary {
                    visibility: visible
                }

.filter-note {
    padding: 1.625rem 1rem;
    border-bottom: 1px solid #e2e2e2
}

    .filter-note span {
        font-size: 14px;
        font-size: .875rem;
        color: #949494
    }

.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {
    background-color: #007ac9
}

.custom-control-label {
    padding-left: .1875rem;
    padding-top: .5rem;
    vertical-align: middle
}

    .custom-control-label:before {
        width: 1.125rem;
        height: 1.125rem
    }

    .custom-control-label:after {
        width: 1.125rem;
        height: 1.125rem;
        left: -1.296875rem
    }

.clearButton {
    position: absolute;
    left: 16px;
    font-size: 14px;
    font-size: .875rem
}

.modal:before {
    content: none
}

.pill-2-col {
    width: 50%;
    float: left
}

    .pill-2-col h3 {
        padding-left: 1rem;
        padding-top: 18px;
        text-transform: uppercase;
        font-size: 14px;
        margin-bottom: 2px
    }

@media (max-width: 992px) {
    .modal .modal-dialog {
        min-width: inherit;
        width: 88%
    }

    .clearButton {
        width: 50px
    }
}

@media only screen and (max-width: 550px) {
    .add-asset-to-comp-modal .modal-footer .btn-secondary, .add-asset-to-comp-modal .modal-footer .btn-primary {
        width: auto;
        min-width: auto
    }
}

.actonLogMetrics .card-header {
    display: none
}

.actonLogMetrics .row {
    padding: 1rem
}

    .actonLogMetrics .row .col-lg-3 {
        padding-right: 1rem
    }

        .actonLogMetrics .row .col-lg-3:last-child {
            padding-right: 0
        }

    .actonLogMetrics .row .card.card-body {
        min-height: 8rem;
        border: 1px solid #dee2e6;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 5px
    }

        .actonLogMetrics .row .card.card-body .labelBoxWidth {
            display: flex;
            align-items: center;
            flex-direction: column
        }

.actonLogMetrics .nameClass {
    font-size: 16px
}

.actonLogMetrics .numberClass {
    font-size: 40px;
    margin: 15px
}

.actonLogMetrics .siteTile {
    padding: 16px;
    display: grid;
    justify-content: center
}

.actonLogMetrics .card.card-body-ssd {
    min-height: 5.5rem;
    border: 1px solid #dee2e6;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 6px
}

    .actonLogMetrics .card.card-body-ssd .labelBoxWidth {
        display: flex;
        align-items: center;
        flex-direction: column
    }

.actonLogMetrics .nameClass-ssd {
    font-size: 14px
}

.actonLogMetrics .numberClass-ssd {
    font-size: 25px;
    margin: 8px
}

.actonLogMetrics .al-avoid-page-break {
    pageX-breakX-inside: avoid
}

.actionLogView .section .select-filter ngb-accordion.filter-accordion .card .card-header[role=tab] {
    padding: 1rem
}

    .actionLogView .section .select-filter ngb-accordion.filter-accordion .card .card-header[role=tab] a:after {
        top: 5px !important
    }

    .actionLogView .section .select-filter ngb-accordion.filter-accordion .card .card-header[role=tab] h4 {
        margin: 0;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 18px;
        line-height: 1.125rem
    }

.actionLogView .section .select-filter ngb-accordion.filter-accordion .card .card-body {
    background-color: transparent;
    min-height: auto;
    padding: 0rem
}

.actionLogView .section .select-filter ngb-accordion form .col-lg, .actionLogView .section .select-filter ngb-accordion form .col-lg-3 {
    padding-right: 1.25rem;
    padding-left: 0rem
}

.actionLogView .section .select-filter ngb-accordion form .col-lg-3 {
    position: relative
}

    .actionLogView .section .select-filter ngb-accordion form .col-lg-3 .k-autocomplete .k-input {
        padding-left: 38px !important;
        min-height: 2.78rem
    }

    .actionLogView .section .select-filter ngb-accordion form .col-lg-3 kendo-autocomplete.admin-search {
        width: 100%;
        min-width: 100%;
        border: 1px solid #bbbcbe;
        border-radius: .125rem;
        height: 2.78rem;
        margin-bottom: 0
    }

    .actionLogView .section .select-filter ngb-accordion form .col-lg-3 div.admin-icon {
        width: .9375rem;
        height: 1.1875rem;
        position: absolute;
        top: .8125rem;
        z-index: 10;
        left: 1rem;
        background-image: url(/assets/images/nalco-building.png);
        background-position-x: no-repeat
    }

    .actionLogView .section .select-filter ngb-accordion form .col-lg-3 .dd-display-item {
        height: 2.78rem;
        padding-left: 38px;
        padding-top: 13px
    }

.actionLogView .section .select-filter ngb-accordion form div.custom .admin-search, .actionLogView .section .select-filter ngb-accordion form div.custom nalco-dropdown .dropdown, .actionLogView .section .select-filter ngb-accordion form div.custom .k-datepicker, .actionLogView .section .select-filter ngb-accordion form div.custom .data-visual.nalco-date-range-dropdown, .actionLogView .section .select-filter ngb-accordion form div.custom kendo-autocomplete.general-currency {
    min-width: 100%;
    width: 100%;
    height: 2.78rem;
    border-radius: .125rem;
    margin-bottom: 0
}

    .actionLogView .section .select-filter ngb-accordion form div.custom .admin-search .k-picker-wrap.k-state-default, .actionLogView .section .select-filter ngb-accordion form div.custom nalco-dropdown .dropdown .k-picker-wrap.k-state-default, .actionLogView .section .select-filter ngb-accordion form div.custom .k-datepicker .k-picker-wrap.k-state-default, .actionLogView .section .select-filter ngb-accordion form div.custom .data-visual.nalco-date-range-dropdown .k-picker-wrap.k-state-default, .actionLogView .section .select-filter ngb-accordion form div.custom kendo-autocomplete.general-currency .k-picker-wrap.k-state-default {
        border: 1px solid #bbbcbe;
        border-radius: .125rem
    }

    .actionLogView .section .select-filter ngb-accordion form div.custom .admin-search .k-input, .actionLogView .section .select-filter ngb-accordion form div.custom nalco-dropdown .dropdown .k-input, .actionLogView .section .select-filter ngb-accordion form div.custom .k-datepicker .k-input, .actionLogView .section .select-filter ngb-accordion form div.custom .data-visual.nalco-date-range-dropdown .k-input, .actionLogView .section .select-filter ngb-accordion form div.custom kendo-autocomplete.general-currency .k-input {
        margin-top: .625rem
    }

.actionLogView .section .select-filter ngb-accordion form div.custom:last-child {
    padding-right: 0 !important
}

.actionLogView .section .select-filter ngb-accordion form div.custom .start-label {
    font-size: 9px;
    font-size: .5625rem;
    left: 1rem;
    display: block;
    z-index: 1;
    position: absolute;
    text-transform: uppercase;
    font-family: Roboto,sans-serif;
    color: #616365;
    margin-top: .375rem;
    margin-bottom: 0rem;
    width: 6.25rem
}

.actionLogView .section .select-filter ngb-accordion form div.custom .k-dateinput-wrap {
    position: relative;
    background: transparent
}

    .actionLogView .section .select-filter ngb-accordion form div.custom .k-dateinput-wrap .k-input {
        color: #007ac9
    }

        .actionLogView .section .select-filter ngb-accordion form div.custom .k-dateinput-wrap .k-input::placeholder {
            font-size: 14px;
            font-size: .875rem;
            margin-top: .375rem;
            color: #007ac9 !important
        }

        .actionLogView .section .select-filter ngb-accordion form div.custom .k-dateinput-wrap .k-input::-moz-placeholder {
            font-size: 14px;
            font-size: .875rem;
            margin-top: .1875rem;
            color: #007ac9 !important;
            opacity: 1
        }

.actionLogView .section .select-filter ngb-accordion form .page-datepicker .k-picker-wrap.k-state-default {
    border-color: #bbbcbe !important
}

.actionLogView .section .select-filter ngb-accordion form .page-datepicker .start-label {
    color: #616365;
    font-size: 9px;
    font-size: .5625rem;
    left: 1rem;
    display: block;
    z-index: 1;
    position: absolute;
    text-transform: uppercase;
    margin-top: .375rem
}

.actionLogView .section .select-filter ngb-accordion form .page-datepicker kendo-datepicker .k-dateinput-wrap .k-input {
    margin-top: .25rem
}

.actionLogView .section .select-filter ngb-accordion form .page-datepicker kendo-datepicker .k-icon.k-i-calendar {
    color: #bbbcbe
}

.actionLogView .section .select-filter ngb-accordion form .units .custom:nth-child(1) {
    padding-right: 1.25rem
}

.actionLogView .section .select-filter ngb-accordion form hr {
    border-top: 1px solid #dee2e6
}

.actionLogView .section .select-filter ngb-accordion .selectParameter h4 {
    font-size: 20px;
    font-size: 1.25rem;
    margin-bottom: 0
}

.actionLogView .section .select-filter ngb-accordion .selectParameter [class^=icon-] {
    display: inline-block;
    width: 1.0625rem;
    height: 1.0625rem;
    margin-right: 5px;
    background-repeat: no-repeat
}

.actionLogView .section .select-filter ngb-accordion .selectParameter .row.selectParamContent .required {
    color: #e00034
}

.actionLogView .section .select-filter ngb-accordion .selectParameter .row.selectParamContent nalco-dropdown .dropdown {
    margin-bottom: 0;
    border-radius: .125rem;
    height: 2.78rem
}

.actionLogView .section .select-filter ngb-accordion .accfooter button {
    width: 10rem;
    background-image: linear-gradient(180deg,#1c9aec,#007ac9);
    background-repeat: repeat-x;
    text-align: center !important;
    margin: .5rem;
    margin: 0rem
}

    .actionLogView .section .select-filter ngb-accordion .accfooter button:after {
        display: none
    }

.actionLogView .section.portMetrics .card-title {
    font-size: 20px;
    font-size: 1.25rem
}

.actionLogView .section.portMetrics .row {
    padding: 1rem
}

    .actionLogView .section.portMetrics .row .col-lg-3 {
        padding-right: 1rem
    }

        .actionLogView .section.portMetrics .row .col-lg-3:last-child {
            padding-right: 0
        }

    .actionLogView .section.portMetrics .row .card.card-body {
        min-height: 8rem;
        border: 1px solid #dee2e6
    }

.actionLogView .section.actualFlowRate .card-title {
    font-size: 20px;
    font-size: 1.25rem
}

@media (max-width: 991px) {
    .actionLogView .section .col-lg, .actionLogView .section .col-lg-3 {
        padding-right: 0 !important;
        margin-bottom: 16px
    }
}

.actionLogView .gridHeight .tile-content-wrapper {
    min-height: 300px
}

    .actionLogView .gridHeight .tile-content-wrapper .state-wrapper {
        top: 0;
        position: unset
    }

.actionLogView .actionLogGridDetails .form-control {
    font-size: 12px;
    overflow: hidden;
    height: auto
}

    .actionLogView .actionLogGridDetails .form-control:disabled {
        background: #e9ecef !important
    }

.actionLogView .actionLogGridDetails .heightClass {
    white-space: normal;
    line-height: 14px;
    height: 52px
}

.actionLogView .actionLogGridDetails .kendoWidth {
    width: 100%
}

.actionLogView .text-transform-none {
    text-transform: uppercase !important
}

.actionLogView .actionLogWidget .widgetGridHeight .tile-content-wrapper {
    min-height: 100px
}

    .actionLogView .actionLogWidget .widgetGridHeight .tile-content-wrapper .state-wrapper {
        top: 0;
        position: unset
    }

.actionLogView .actionLogWidget nalco-tile div.card {
    margin-bottom: 0
}

.actionLogView .defaultMsg {
    margin-top: 20px
}

    .actionLogView .defaultMsg span {
        display: flex;
        justify-content: center;
        color: #e00034
    }

.status-toggle-section {
    position: absolute;
    top: .95rem;
    right: 19rem;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center
}

    .status-toggle-section .status-toggle-btn .favorite-toggle {
        width: 4rem
    }

.status-toggle-section-ssd {
    position: absolute;
    top: .75rem;
    right: 29.56rem;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center
}

.card.tile {
    box-shadow: none !important
}

.select-filter .filter-accordion .select-Dvheading {
    padding: 1rem;
    font-size: 16px;
    font-size: 1rem;
    background-color: #fff;
    position: relative;
    cursor: pointer
}

    .select-filter .filter-accordion .select-Dvheading p.upArrow:after {
        display: inline-block;
        vertical-align: .25rem;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent;
        position: absolute;
        right: 1rem;
        border-top-color: #007ac9;
        font-size: 20px;
        font-size: 1.25rem;
        top: 45%;
        border-width: 8px 7px 0 7px
    }

    .select-filter .filter-accordion .select-Dvheading p.downArrow:after {
        transform: scaleY(-1);
        display: inline-block;
        vertical-align: .25rem;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent;
        position: absolute;
        right: 1rem;
        border-top-color: #007ac9;
        font-size: 20px;
        font-size: 1.25rem;
        top: 45%;
        border-width: 8px 7px 0 7px
    }

    .select-filter .filter-accordion .select-Dvheading .toggleButton {
        left: -20px;
        float: right;
        top: -16px;
        position: relative;
        display: inline-flex
    }

        .select-filter .filter-accordion .select-Dvheading .toggleButton p {
            font-size: 14px
        }

        .select-filter .filter-accordion .select-Dvheading .toggleButton .ico-toggle:after {
            color: #616365
        }

        .select-filter .filter-accordion .select-Dvheading .toggleButton .favorite-toggle input:checked + .ico-toggle:after {
            color: #007ac9 !important
        }

.select-filter .filter-accordion .range-content {
    border-top: 1px solid #bbbcbe;
    background-color: #fff
}

.select-filter .filter-accordion .disabled .customDateRange {
    pointer-events: none;
    opacity: .4;
    background-color: transparent
}

.select-filter .filter-accordion form .col-lg, .select-filter .filter-accordion form .col-lg-3 {
    padding-left: 0rem
}

.select-filter .filter-accordion form .col-lg-3 {
    position: relative
}

    .select-filter .filter-accordion form .col-lg-3 kendo-autocomplete.admin-search {
        width: 100%;
        min-width: 100%;
        border: 1px solid #bbbcbe;
        border-radius: .125rem;
        height: 2.78rem;
        margin-bottom: 0
    }

        .select-filter .filter-accordion form .col-lg-3 kendo-autocomplete.admin-search .k-searchbar {
            padding-left: 38px !important;
            min-height: 2.78rem
        }

    .select-filter .filter-accordion form .col-lg-3 div.admin-icon {
        width: .9375rem;
        height: 1.1875rem;
        position: absolute;
        top: .69rem;
        z-index: 10;
        left: 1rem;
        background-image: url(/assets/images/nalco-building.png);
        background-position-x: no-repeat
    }

    .select-filter .filter-accordion form .col-lg-3 .dd-display-item {
        height: 2.78rem;
        padding-left: 36px;
        padding-top: .7rem
    }

.select-filter .filter-accordion form div.custom .admin-search, .select-filter .filter-accordion form div.custom nalco-dropdown .dropdown, .select-filter .filter-accordion form div.custom .k-datepicker, .select-filter .filter-accordion form div.custom .data-visual.nalco-date-range-dropdown, .select-filter .filter-accordion form div.custom kendo-autocomplete.general-currency {
    min-width: 100%;
    width: 100%;
    height: 2.78rem;
    border-radius: .125rem;
    margin-bottom: 0
}

    .select-filter .filter-accordion form div.custom .admin-search .k-picker-wrap.k-state-default, .select-filter .filter-accordion form div.custom nalco-dropdown .dropdown .k-picker-wrap.k-state-default, .select-filter .filter-accordion form div.custom .k-datepicker .k-picker-wrap.k-state-default, .select-filter .filter-accordion form div.custom .data-visual.nalco-date-range-dropdown .k-picker-wrap.k-state-default, .select-filter .filter-accordion form div.custom kendo-autocomplete.general-currency .k-picker-wrap.k-state-default {
        border: 1px solid #bbbcbe;
        border-radius: .125rem
    }

    .select-filter .filter-accordion form div.custom .admin-search .k-input, .select-filter .filter-accordion form div.custom nalco-dropdown .dropdown .k-input, .select-filter .filter-accordion form div.custom .k-datepicker .k-input, .select-filter .filter-accordion form div.custom .data-visual.nalco-date-range-dropdown .k-input, .select-filter .filter-accordion form div.custom kendo-autocomplete.general-currency .k-input {
        margin-top: .625rem
    }

    .select-filter .filter-accordion form div.custom .admin-search .selected-text, .select-filter .filter-accordion form div.custom nalco-dropdown .dropdown .selected-text, .select-filter .filter-accordion form div.custom .k-datepicker .selected-text, .select-filter .filter-accordion form div.custom .data-visual.nalco-date-range-dropdown .selected-text, .select-filter .filter-accordion form div.custom kendo-autocomplete.general-currency .selected-text {
        color: #007ac9;
        top: 0
    }

    .select-filter .filter-accordion form div.custom .admin-search .label, .select-filter .filter-accordion form div.custom nalco-dropdown .dropdown .label, .select-filter .filter-accordion form div.custom .k-datepicker .label, .select-filter .filter-accordion form div.custom .data-visual.nalco-date-range-dropdown .label, .select-filter .filter-accordion form div.custom kendo-autocomplete.general-currency .label {
        display: block !important;
        top: 0;
        line-height: normal !important
    }

.select-filter .filter-accordion form div.custom .start-label {
    font-size: 9px;
    font-size: .5625rem;
    left: 1rem;
    display: block;
    z-index: 1;
    position: absolute;
    text-transform: uppercase;
    font-family: Roboto,sans-serif;
    color: #616365;
    margin-top: .375rem;
    margin-bottom: 0rem;
    width: 6.25rem;
    width: 7rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.select-filter .filter-accordion form div.custom .k-dateinput {
    position: relative;
    background: transparent;
    padding: 1.2em 0 0 !important
}

    .select-filter .filter-accordion form div.custom .k-dateinput .k-input-inner {
        padding: .375rem 1rem;
        color: #007ac9
    }

        .select-filter .filter-accordion form div.custom .k-dateinput .k-input-inner::placeholder {
            font-size: 14px;
            font-size: .875rem;
            margin-top: .375rem;
            color: #007ac9 !important
        }

        .select-filter .filter-accordion form div.custom .k-dateinput .k-input-inner::-moz-placeholder {
            font-size: 14px;
            font-size: .875rem;
            margin-top: .1875rem;
            color: #007ac9 !important;
            opacity: 1
        }

.select-filter .filter-accordion form .page-datepicker .k-picker-wrap.k-state-default {
    border-color: #bbbcbe !important
}

.select-filter .filter-accordion form .page-datepicker .start-label {
    color: #616365;
    font-size: 9px;
    font-size: .5625rem;
    left: 1rem;
    display: block;
    z-index: 1;
    position: absolute;
    text-transform: uppercase;
    margin-top: .375rem
}

.select-filter .filter-accordion form .page-datepicker kendo-datepicker .k-dateinput {
    margin-top: .25rem
}

.select-filter .filter-accordion form .page-datepicker kendo-datepicker .k-icon.k-i-calendar {
    color: #bbbcbe
}

.select-filter .filter-accordion form .units {
    display: flex
}

@media screen and (max-width: 500px) {
    .select-filter .filter-accordion form .units {
        flex-wrap: wrap
    }

    .select-filter .filter-accordion form .custom {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }
}

.select-filter .filter-accordion form hr {
    border-top: 1px solid #dee2e6
}

.select-filter .filter-accordion .selectParameter h4 {
    font-size: 20px;
    font-size: 1.25rem;
    margin-bottom: 0
}

.select-filter .filter-accordion .selectParameter [class^=icon-] {
    display: inline-block;
    width: 1.0625rem;
    height: 1.0625rem;
    margin-right: 5px;
    background-repeat: no-repeat
}

.select-filter .filter-accordion .selectParameter .row.selectParamContent .required {
    color: #e00034
}

.select-filter .filter-accordion .selectParameter .row.selectParamContent nalco-dropdown .dropdown {
    margin-bottom: 0;
    border-radius: .125rem;
    height: 2.78rem
}

.select-filter .filter-accordion .accfooter button {
    width: 10rem;
    background-repeat: repeat-x;
    text-align: center !important
}

    .select-filter .filter-accordion .accfooter button:after {
        display: none
    }

.select-filter .filter-accordion .accfooter .k-button {
    background: #007ac9;
    color: #fff;
    width: 2.1rem;
    border-radius: 1rem;
    padding: .4rem .5rem
}

.select-filter .filter-accordion .modal-footer > :last-child {
    margin-left: 8px;
    justify-content: flex-end
}

.admin-button-spacing {
    margin-bottom: 7px
}

    .admin-button-spacing .btn {
        width: 10%;
        margin-right: 10px;
        min-height: 32px
    }

.admin-button-padding {
    padding: 0 0 16px !important
}

.data-driven-kpi-spacing {
    margin-right: 0 !important
}

.headingClass {
    white-space: normal;
    text-transform: capitalize
}

    .headingClass .required {
        color: #e00034
    }

.actionLogGridDetails .siteName {
    white-space: nowrap;
    text-overflow: ellipsis
}

.actionLogGridDetails .redClassForNote {
    color: red
}

.actionLogGridDetails .actionLogNote, .actionLogGridDetails .eroiCategory {
    text-transform: none
}

.actionLogGridDetails .k-icon.ng-star-inserted.k-clear-value.k-i-close, .actionLogGridDetails .k-icon.ng-star-inserted.k-i-loading {
    color: #656565
}

.actionLogGridDetails .row .first-column label.col-sm-4 {
    padding-left: 0
}

.actionLogGridDetails .search-user input {
    font-size: 12px !important
}

.actionLogGridDetails .checkBoxPosition {
    top: .625rem;
    height: 1.2rem;
    width: 1.2rem
}

.actionLogGridDetails .attchmentListGrid {
    height: 79px;
    overflow: auto;
    border: 1px solid;
    margin-left: 2px;
    border-radius: 5px;
    width: 96%;
    overflow-x: hidden
}

    .actionLogGridDetails .attchmentListGrid ::-webkit-scrollbar-thumb {
        background: grey;
        border-radius: 10px
    }

    .actionLogGridDetails .attchmentListGrid ul {
        overflow-x: hidden
    }

        .actionLogGridDetails .attchmentListGrid ul li {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

.actionLogGridDetails .borderClass {
    border: 1px solid #616365
}

.actionLogGridDetails .heightClass {
    height: 42px
}

    .actionLogGridDetails .heightClass input {
        height: auto
    }

.actionLogGridDetails .first-col {
    text-overflow: ellipsis;
    overflow: hidden
}

.actionLogGridDetails .container {
    max-width: unset !important
}

.actionLogGridDetails .divClass {
    display: grid;
    padding: 5px
}

    .actionLogGridDetails .divClass .headingGrid {
        font-family: Interstate-Bold,sans-serif
    }

    .actionLogGridDetails .divClass .k-datepicker {
        padding: 1px
    }

.actionLogGridDetails .buttonClass {
    display: flex;
    justify-content: flex-end
}

    .actionLogGridDetails .buttonClass .btnDisabledClass {
        border-radius: 5px;
        font-size: 14px;
        width: 100px
    }

        .actionLogGridDetails .buttonClass .btnDisabledClass:disabled {
            background: #e2e2e2;
            opacity: .65;
            border: 1px solid
        }

    .actionLogGridDetails .buttonClass .cancelClass {
        width: 100px;
        background-image: linear-gradient(180deg,#1C9AEC,#007ac9);
        background-repeat: repeat-x;
        font-size: 1rem;
        line-height: 16px;
        line-height: 1rem;
        border: 0 none;
        border-radius: .25rem;
        box-shadow: none;
        padding-bottom: .5rem;
        padding-top: .5rem;
        text-transform: capitalize;
        color: #fff
    }

.actionLogGridDetails .assetClass .dd-display-item {
    min-height: 30px
}

.actionLogGridDetails .actionTakenSection .kendoWidth {
    height: 250px
}

    .actionLogGridDetails .actionTakenSection .kendoWidth .k-grid-content.k-virtual-content {
        overflow: auto !important
    }

.actionLogGridDetails body .actionTakenSection .k-datepicker {
    border-width: inherit;
    color: #656565
}

    .actionLogGridDetails body .actionTakenSection .k-datepicker .k-dateinput {
        padding: 0rem 1rem
    }

.actionLogGridDetails .k-action-buttons, .actionLogGridDetails .k-actions-end {
    display: none
}

.actionLogGridDetails .k-upload .k-upload-button {
    width: 6rem;
    margin-bottom: 1rem
}

.actionLogGridDetails .k-upload .k-file-validation-message {
    text-transform: none
}

.actionLogGridDetails .k-multiselect .k-multiselect-wrap.k-floatwrap {
    height: 60px;
    overflow: auto;
    display: flex;
    padding-right: 0
}

.actionLogGridDetails .k-multiselect .k-multiselect-wrap .k-i-close {
    padding-top: 0
}

.actionLogGridDetails .k-multiselect .k-multiselect-wrap .k-button {
    font-size: 12px
}

.actionLogGridDetails .k-file-name-size-wrapper {
    margin-right: 1.5rem !important
}

.actionLogGridDetails .dateSelectionError {
    color: red;
    padding-left: 8px
}

.actionLogGridDetails .customdatepicker .k-dateinput {
    border-radius: 5px
}

.actionLogGridDetails .customdatepicker .k-input-inner {
    font-size: 12px;
    color: #656565 !important;
    padding: .375rem .5rem
}

.actionLogGridDetails .customdatepicker .k-picker-wrap {
    border-radius: 5px
}

.actionLogGridDetails .site-nav.transparent ul.nav-tabs {
    padding-top: 0 !important
}

.pillClass {
    background: none;
    border: none;
    padding: 0;
    width: 26px;
    position: relative;
    top: -6px
}

    .pillClass .pills.add-pills {
        border: 0 none;
        background-color: transparent;
        padding: 0;
        color: #007ac9
    }

        .pillClass .pills.add-pills:before {
            content: "\e900";
            font: 2rem/2rem nalco-additional-icons
        }

    .pillClass .minus-pills {
        color: #007ac9 !important;
        font-size: 16px;
        padding: 7px;
        border: 2px solid #007ac9
    }

        .pillClass .minus-pills:before {
            content: "\2212";
            font-size: 23px
        }

        .pillClass .minus-pills:hover, .disable-background-color {
            background-color: #fff !important
        }

.disable-text-color {
    color: #656565 !important
}

.disable-eroi-fields {
    pointer-events: none
}

.remove-saving-icon {
    filter: invert(20%) sepia(92%) saturate(7394%) hue-rotate(5deg) brightness(111%) contrast(125%) !important
}

.industry-norms {
    color: #007ac9;
    font-size: 1rem !important;
    margin: 1rem .5rem !important;
    display: inline-block;
    cursor: pointer
}

table.monetization-table {
    border: 1px solid black !important;
    text-align: center;
    border-collapse: collapse !important
}

    table.monetization-table tr:hover {
        background-color: #fff
    }

    table.monetization-table td, table.monetization-table th {
        border: 1px solid black !important;
        padding: .25rem !important;
        height: auto !important;
        text-transform: none;
        font-size: .8125rem !important
    }

table.assumptions-table {
    border: 1px solid white;
    padding: .25rem !important;
    margin: .25rem !important;
    text-align: center
}

    table.assumptions-table td, table.assumptions-table th {
        border: 1px solid white;
        padding: .25rem !important;
        margin: .25rem !important;
        text-transform: none
    }

.actionValueTabDetails .container {
    min-height: 20rem;
    padding: 20px 0
}

.actionValueTabDetails .ico-info-thin {
    padding-left: 4px
}

.actionValueTabDetails .add-remove-eroi-button {
    color: #007ac9;
    border: none;
    background: transparent !important;
    font-size: 13px;
    padding-left: 0;
    margin-bottom: .5rem;
    min-width: auto
}

.actionValueTabDetails .eroifields {
    height: calc(1.893rem + 2px);
    background-color: #fff
}

    .actionValueTabDetails .eroifields:disabled {
        opacity: .65;
        border: 1px solid;
        background: #dddddd
    }

    .actionValueTabDetails .eroifields option:disabled {
        color: #949494
    }

.actionValueTabDetails select.eroifields {
    padding-left: .3rem;
    padding-right: 0
}

.actionValueTabDetails .admin-button-spacing {
    position: absolute;
    right: 25px;
    z-index: 10
}

.iconwater-AiGenerated {
    background: url(/assets/images/cooling-system-AI.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 130px;
    margin-top: 5px
}

.actionLog-CreatedBy {
    margin-top: 5px;
    padding-top: 2px;
    position: absolute
}

.adjust .col-sm-6 {
    width: 300px
}

.adj {
    width: 120vw
}

.assetCount {
    font-size: .875rem;
    cursor: pointer;
    border: 0;
    background-color: transparent;
    padding-top: 10px;
    width: 325px
}

@media screen and (max-width: 990px) {
    .assetCount {
        margin-top: 1.5rem
    }
}

.required {
    color: #e00034;
    margin-right: 2px
}

.disabled {
    cursor: not-allowed
}

.editIcon {
    width: 20px;
    height: 20px;
    color: #007ac9 !important
}

.asset-container {
    display: flex;
    justify-content: flex-start;
    margin-right: 40px;
    padding-left: 0
}

.asset-count-modal {
    display: flex !important;
    align-items: center;
    justify-content: center
}

    .asset-count-modal .modal-dialog {
        min-width: 30rem !important
    }

.asset-modal-body {
    min-height: 8rem !important
}

.text-box {
    width: 150px !important
}

.asset-count-color {
    color: #007ac9
}

.site-search-results .card.tile .card-header .card-title {
    text-transform: uppercase
}

.site-search-results .card.tile .card-body {
    min-height: 17.2rem !important;
    max-height: 17.2rem !important
}

    .site-search-results .card.tile .card-body.asset-tree .table .card-left {
        padding: 0 .8rem 0 0 !important
    }

        .site-search-results .card.tile .card-body.asset-tree .table .card-left .ico-info-thin {
            float: right !important
        }

        .site-search-results .card.tile .card-body.asset-tree .table .card-left .tooltip.bs-tooltip-bottom, .site-search-results .card.tile .card-body.asset-tree .table .card-left .tooltip.bs-tooltip-auto[x-placement^=bottom] {
            left: 23px !important;
            right: 10px !important
        }

.site-search-results .tooltip.bs-tooltip-bottom, .site-search-results .tooltip.bs-tooltip-auto[x-placement^=bottom] {
    margin-left: -7px !important;
    left: 13px !important;
    right: 4px !important
}

.tooltip {
    z-index: 2050 !important
}

@media only screen and (max-width: 990px) {
    .tooltip {
        z-index: 1070
    }
}

.harvester, .fsqs-manage-sites {
    padding-top: 5px
}

.site-search-results .asset-tree .total-assets-count {
    font-size: .8875rem
}

.site-search-results .asset-tree .text-capitalize {
    font-size: .6875rem
}

.site-search-results .asset-tree .table {
    display: table;
    margin-bottom: .5rem !important;
    background: none;
    min-height: 7rem;
    max-height: 7rem
}

    .site-search-results .asset-tree .table .row .tableStyle {
        border: none;
        padding: 0 0 .3rem .75rem;
        font-size: .625rem;
        display: table-cell
    }

.height-datasource {
    margin-top: .8rem !important
}

.asset-wrapper {
    min-width: 447px;
    margin: 30px auto 0;
    font-size: .75rem
}

    .asset-wrapper .asset-legend {
        float: left;
        margin-left: 11px
    }

    .asset-wrapper .legend-text {
        width: 10px;
        height: 10px;
        margin-right: 4px;
        margin-top: 2px;
        float: left
    }

    .asset-wrapper .asset-legend:nth-child(1) {
        margin-left: 0
    }

        .asset-wrapper .asset-legend:nth-child(1) .legend-text {
            background: linear-gradient(#5eb6e4,#147dc5)
        }

    .asset-wrapper .asset-legend:nth-child(2) .legend-text {
        background: #5eb6e4
    }

    .asset-wrapper .asset-legend:nth-child(4) .legend-text {
        background: linear-gradient(#0081d7,#005b99)
    }

    .asset-wrapper .asset-legend:nth-child(5) .legend-text {
        background: #0086df
    }

    .asset-wrapper .asset-legend:nth-child(3) .legend-text {
        background-image: linear-gradient(90deg,#3fb47b,#66b44a)
    }

.build-container {
    position: relative
}

    .build-container *[draggable=true], .build-container .dnd-drag-start {
        cursor: all-scroll !important
    }

    .build-container .section {
        max-width: 46.3%;
        width: 46.3%;
        margin-bottom: 0
    }

@media (max-width: 1200px) {
    .build-container .section {
        max-width: 46.3%;
        width: 44%;
        margin-bottom: 0
    }
}

.build-container > div {
    max-width: 41rem
}

.build-container .asset-library {
    margin-top: .5rem
}

    .build-container .asset-library > p {
        margin-bottom: .75rem
    }

    .build-container .asset-library .asset-content {
        height: 85vh;
        display: flex;
        flex-direction: column
    }

        .build-container .asset-library .asset-content .asset-content-title {
            border-bottom: 2px solid #e2e2e2
        }

            .build-container .asset-library .asset-content .asset-content-title .btn {
                display: inline-block;
                font-size: 1rem;
                line-height: 20px;
                line-height: 1.25rem;
                text-align: center;
                max-width: 100%;
                margin-right: 1rem;
                padding: 14px;
                position: relative;
                font-size: 16px
            }

                .build-container .asset-library .asset-content .asset-content-title .btn:last-child {
                    background-image: linear-gradient(180deg,#5eb6e4,#147dc5);
                    margin-right: 0;
                    margin-left: -.18rem;
                    text-align: left
                }

                .build-container .asset-library .asset-content .asset-content-title .btn:after {
                    font: 20px/20px Nalco-additional-icons;
                    content: "\e91e";
                    position: absolute;
                    right: 1rem;
                    opacity: .3
                }

                .build-container .asset-library .asset-content .asset-content-title .btn.dnd-drag-start:after {
                    font: 20px/20px Nalco-additional-icons;
                    content: "\e91e";
                    position: absolute;
                    right: 1rem;
                    opacity: .3
                }

                .build-container .asset-library .asset-content .asset-content-title .btn:hover:after, .build-container .asset-library .asset-content .asset-content-title .btn.dnd-drag-start:after {
                    font: 20px/20px Nalco-additional-icons;
                    content: "\e91e";
                    position: absolute;
                    right: 1rem;
                    opacity: .3
                }

        .build-container .asset-library .asset-content .asset-tree-content {
            height: 100%;
            overflow-y: auto;
            padding-bottom: 30px
        }

            .build-container .asset-library .asset-content .asset-tree-content .asset-accordion .asset-accordion-title {
                border-bottom: 1px solid #e2e2e2;
                width: 100%;
                padding: 6px 0 6px 16px;
                margin-bottom: 0
            }

            .build-container .asset-library .asset-content .asset-tree-content .asset-accordion .card {
                border-top: 1px solid #e2e2e2
            }

                .build-container .asset-library .asset-content .asset-tree-content .asset-accordion .card:first-child {
                    border-top: 0 none
                }

                .build-container .asset-library .asset-content .asset-tree-content .asset-accordion .card:last-child {
                    border-bottom: 1px solid #e2e2e2
                }

                .build-container .asset-library .asset-content .asset-tree-content .asset-accordion .card.hidden {
                    display: none
                }

                .build-container .asset-library .asset-content .asset-tree-content .asset-accordion .card .card-header {
                    background-color: #fff;
                    padding: 15px 16px;
                    position: relative
                }

                    .build-container .asset-library .asset-content .asset-tree-content .asset-accordion .card .card-header:after {
                        content: "";
                        display: block;
                        width: 0;
                        height: 0;
                        border-style: solid;
                        -moz-transform: scale(.9999);
                        border-width: 8px 6px 0 6px;
                        border-color: #007ac9 transparent transparent transparent;
                        position: absolute;
                        right: 1rem;
                        top: 45%
                    }

                    .build-container .asset-library .asset-content .asset-tree-content .asset-accordion .card .card-header.active {
                        border-bottom: 1px solid #e2e2e2
                    }

                        .build-container .asset-library .asset-content .asset-tree-content .asset-accordion .card .card-header.active:after {
                            transform: scaleY(-1)
                        }

                    .build-container .asset-library .asset-content .asset-tree-content .asset-accordion .card .card-header a {
                        color: #007ac9;
                        font-size: 16px;
                        font-size: 1rem;
                        line-height: 18px;
                        line-height: 1.125rem;
                        display: inline-block;
                        width: 100%
                    }

                .build-container .asset-library .asset-content .asset-tree-content .asset-accordion .card .card-body {
                    display: none
                }

                .build-container .asset-library .asset-content .asset-tree-content .asset-accordion .card.isExpanded .card-header {
                    border-bottom: 1px solid #e2e2e2
                }

                    .build-container .asset-library .asset-content .asset-tree-content .asset-accordion .card.isExpanded .card-header:after {
                        transform: scaleY(-1)
                    }

                .build-container .asset-library .asset-content .asset-tree-content .asset-accordion .card.isExpanded .card-body {
                    display: block
                }

            .build-container .asset-library .asset-content .asset-tree-content .asset-accordion .card-body {
                padding: 1rem 2rem
            }

                .build-container .asset-library .asset-content .asset-tree-content .asset-accordion .card-body .btn.btn-secondary {
                    background-image: linear-gradient(180deg,#12b6c5,#147dc5) !important;
                    padding: 13px 16px;
                    border-radius: .25rem;
                    border: 1px solid #949494;
                    margin-bottom: .5rem;
                    text-align: left
                }

                    .build-container .asset-library .asset-content .asset-tree-content .asset-accordion .card-body .btn.btn-secondary span {
                        font-size: 14px;
                        font-size: .875rem;
                        line-height: 16px;
                        line-height: 1rem
                    }

                    .build-container .asset-library .asset-content .asset-tree-content .asset-accordion .card-body .btn.btn-secondary .ico-grip {
                        visibility: hidden
                    }

                    .build-container .asset-library .asset-content .asset-tree-content .asset-accordion .card-body .btn.btn-secondary:hover {
                        color: #616365
                    }

                        .build-container .asset-library .asset-content .asset-tree-content .asset-accordion .card-body .btn.btn-secondary:hover .ico-grip, .build-container .asset-library .asset-content .asset-tree-content .asset-accordion .card-body .btn.btn-secondary.dnd-drag-start .ico-grip {
                            visibility: visible
                        }

                    .build-container .asset-library .asset-content .asset-tree-content .asset-accordion .card-body .btn.btn-secondary.dnd-drag-start {
                        background-image: none;
                        border: 0 none;
                        background-color: #e2e2e2;
                        color: #e2e2e2
                    }

        .build-container .asset-library .asset-content .ico-grip {
            float: right
        }

.build-container .asset-tree {
    margin-top: 2.3rem;
    min-height: 75vh
}

    .build-container .asset-tree .ico-asset-treeico {
        font-size: 25px;
        font-size: 1.5625rem;
        line-height: 25px;
        line-height: 1.5625rem;
        color: #007ac9
    }

    .build-container .asset-tree .site-name {
        font-size: 20px
    }

    .build-container .asset-tree > p {
        margin-bottom: .75rem
    }

    .build-container .asset-tree .btn-secondary {
        width: 100px;
        margin-right: 8px;
        height: 32px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: .375rem .65rem
    }

        .build-container .asset-tree .btn-secondary.button-active {
            color: #fff !important;
            background-image: linear-gradient(180deg,#1c9aec,#007ac9);
            border: none !important
        }

        .build-container .asset-tree .btn-secondary:disabled + .tooltip {
            display: none !important
        }

        .build-container .asset-tree .btn-secondary:not(:disabled):not(.disabled) + .tooltip {
            display: none !important
        }

        .build-container .asset-tree .btn-secondary:not(:disabled):not(.disabled):hover + .tooltip {
            display: block !important
        }

    .build-container .asset-tree span.site-name {
        font-size: 26px;
        font-size: 1.625rem;
        line-height: 28px;
        line-height: 1.75rem;
        margin-left: .875rem;
        vertical-align: bottom
    }

    .build-container .asset-tree .customer-name {
        font-size: 14px;
        font-size: .875rem;
        line-height: 16px;
        line-height: 1rem;
        color: #949494;
        margin-top: .75rem;
        text-transform: uppercase
    }

    .build-container .asset-tree .asset-content {
        position: relative;
        overflow-y: auto;
        height: 100%;
        display: flex;
        flex-direction: column
    }

        .build-container .asset-tree .asset-content .empty-asset-tree {
            font-family: Interstate-Extra-Light,sans-serif;
            font-size: 26px;
            font-size: 1.625rem;
            line-height: 28px;
            line-height: 1.75rem;
            text-align: center;
            color: #007ac9;
            width: 21.75rem;
            position: absolute;
            top: 18rem;
            left: 50%;
            margin-left: -10.875rem
        }

        .build-container .asset-tree .asset-content > div {
            padding: 0rem
        }

        .build-container .asset-tree .asset-content .area-container {
            padding-bottom: .5rem
        }

            .build-container .asset-tree .asset-content .area-container .row .assets-btn-group {
                visibility: hidden;
                position: absolute;
                right: 2.5rem;
                top: .875rem
            }

                .build-container .asset-tree .asset-content .area-container .row .assets-btn-group img {
                    height: 18px
                }

                .build-container .asset-tree .asset-content .area-container .row .assets-btn-group .assets-btn {
                    cursor: pointer !important
                }

                    .build-container .asset-tree .asset-content .area-container .row .assets-btn-group .assets-btn.ico-delete {
                        font-size: 19px;
                        font-size: 1.1875rem;
                        line-height: 19px;
                        line-height: 1.1875rem
                    }

                    .build-container .asset-tree .asset-content .area-container .row .assets-btn-group .assets-btn.ico-edit-pencil {
                        font-size: 20px;
                        font-size: 1.25rem;
                        line-height: 20px;
                        line-height: 1.25rem
                    }

                    .build-container .asset-tree .asset-content .area-container .row .assets-btn-group .assets-btn.ico-delete, .build-container .asset-tree .asset-content .area-container .row .assets-btn-group .assets-btn.ico-edit-pencil {
                        color: #fff
                    }

                .build-container .asset-tree .asset-content .area-container .row .assets-btn-group .assets-btn, .build-container .asset-tree .asset-content .area-container .row .assets-btn-group .ico-grip {
                    display: inline-block;
                    margin-left: .875rem;
                    margin-right: 2px;
                    vertical-align: middle
                }

            .build-container .asset-tree .asset-content .area-container .row:hover .assets-btn-group {
                visibility: visible
            }

            .build-container .asset-tree .asset-content .area-container h3 {
                color: #fff;
                margin: 0;
                padding: 0;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis
            }

            .build-container .asset-tree .asset-content .area-container .area-name, .build-container .asset-tree .asset-content .area-container .unit-name {
                position: relative
            }

                .build-container .asset-tree .asset-content .area-container .area-name:after, .build-container .asset-tree .asset-content .area-container .unit-name:after {
                    content: "";
                    display: block;
                    width: 0;
                    height: 0;
                    border-style: solid;
                    -moz-transform: scale(.9999);
                    border-width: 0 6px 8px 6px;
                    border-color: transparent transparent #fff transparent;
                    position: absolute;
                    right: 1rem;
                    top: 1.25rem;
                    cursor: pointer
                }

                .build-container .asset-tree .asset-content .area-container .area-name.isCollapsed:after, .build-container .asset-tree .asset-content .area-container .unit-name.isCollapsed:after {
                    transform: scaleY(-1)
                }

            .build-container .asset-tree .asset-content .area-container .area-name {
                margin: 0;
                background: linear-gradient(180deg,#1c9aec 0%,#007ac9 100%);
                background-repeat: repeat-x;
                padding: .875rem 1rem
            }

            .build-container .asset-tree .asset-content .area-container .unit-container .unit-name {
                background: linear-gradient(180deg,#53ade0 0%,#3d95c8 100%);
                background-repeat: repeat-x;
                border-radius: 0;
                margin: .5rem 0 .5rem 1.25rem;
                padding: .9375rem 1rem
            }

                .build-container .asset-tree .asset-content .area-container .unit-container .unit-name h3 {
                    font-size: 16px;
                    font-size: 1rem;
                    line-height: 18px;
                    line-height: 1.125rem
                }

            .build-container .asset-tree .asset-content .area-container .unit-container:last-child .unit-name.isCollapsed {
                margin-bottom: 0
            }

            .build-container .asset-tree .asset-content .area-container .unit-container .asset-container .assets {
                padding-left: 2.0625rem;
                margin-bottom: 0
            }

                .build-container .asset-tree .asset-content .area-container .unit-container .asset-container .assets .asset-name {
                    border: 1px solid #949494;
                    border-radius: .25rem;
                    padding: 15px 16px;
                    background: linear-gradient(180deg,#fff 0%,#f7f7f7 100%);
                    background-repeat: repeat-x;
                    margin: 0 0 .5rem;
                    position: relative
                }

                    .build-container .asset-tree .asset-content .area-container .unit-container .asset-container .assets .asset-name h3 {
                        font-size: 14px;
                        font-size: .875rem;
                        line-height: 16px;
                        line-height: 1rem;
                        color: #616365
                    }

                    .build-container .asset-tree .asset-content .area-container .unit-container .asset-container .assets .asset-name .assets-btn-group {
                        right: 1rem
                    }

                        .build-container .asset-tree .asset-content .area-container .unit-container .asset-container .assets .asset-name .assets-btn-group .assets-btn.ico-delete, .build-container .asset-tree .asset-content .area-container .unit-container .asset-container .assets .asset-name .assets-btn-group .assets-btn.ico-edit-pencil {
                            color: #616365
                        }

                .build-container .asset-tree .asset-content .area-container .unit-container .asset-container .assets:last-child .asset-name {
                    margin-bottom: 0
                }

            .build-container .asset-tree .asset-content .area-container .unit-container .asset-container.emptySortAsset {
                min-height: 3rem !important;
                border: 1px dashed #949494;
                border-radius: .25rem;
                margin-left: 2.1875rem
            }

            .build-container .asset-tree .asset-content .area-container .unit-container.emptySortUnit {
                min-height: 3rem !important;
                border: 1px dashed #5eb6e4;
                border-radius: .25rem;
                margin: .5rem 0 .5rem 1.25rem
            }

.build-container .asset-body {
    background-color: #fff;
    height: 95vh;
    overflow: hidden;
    padding-bottom: 60px
}

.build-container .asset-subheader {
    border-bottom: 1px solid #e2e2e2;
    padding: .1rem 1rem
}

    .build-container .asset-subheader .asset-Subtitle {
        margin: 6px 0
    }

.build-container .asset-header {
    border-bottom: 1px solid #e2e2e2;
    padding: .5rem 1rem
}

    .build-container .asset-header .asset-title {
        font-size: 16px;
        margin-top: 8px;
        margin-bottom: 4px
    }

    .build-container .asset-header .asset-Subtitle {
        font-size: 14px
    }

    .build-container .asset-header .float-right.checkBox {
        width: 10.625rem;
        padding-top: .4375rem
    }

        .build-container .asset-header .float-right.checkBox label {
            text-align: right
        }

.build-container .devider {
    width: 5rem;
    display: inline-block;
    margin-top: 2.4rem
}

    .build-container .devider p {
        margin-bottom: .75rem
    }

        .build-container .devider p.dashed {
            border-right: 2px dashed #949494;
            min-height: 45%;
            max-height: 45%;
            width: 2.5rem
        }

        .build-container .devider p.drag-right {
            text-align: center;
            color: #949494;
            line-height: 28px;
            font-weight: 700;
            padding-left: 0
        }

.build-container .gray-area {
    background: #e2e2e2;
    background-image: none !important
}

.build-container .in {
    display: block
}

.empty-container {
    visibility: hidden
}

.empty-area-container {
    border: 1px dashed #5eb6e4;
    display: none;
    height: 3rem;
    margin-left: 1.25rem;
    margin-top: .5rem
}

.empty-unit-container {
    height: 3rem;
    border: 1px dashed #949494;
    border-radius: .25rem;
    display: none;
    margin-left: 2.1875rem;
    margin-top: .5rem
}

    .unit-container.dnd-drag-over .empty-unit-container, .empty-unit-container.dnd-drag-enter, .area-container-inner.dnd-drag-over .empty-area-container, .empty-area-container.dnd-drag-enter {
        display: block
    }

.asset-content.dnd-drag-over .empty-container, .empty-container.dnd-drag-enter {
    border: 1px dashed #5eb6e4;
    visibility: visible;
    height: 3rem;
    margin: .5rem 1rem
}

.btn-dragged.dnd-drag-start {
    background-image: none !important;
    border: none;
    background-color: #e2e2e2 !important;
    color: #e2e2e2 !important
}

#AssetSetupComplete {
    margin-right: 8px;
    vertical-align: middle
}

.saveExit-modal, .sessiontime-modal, .timeout-modal, .saved-modal, .audit-modal {
    text-align: center;
    padding: 0 !important
}

    .saveExit-modal .modal-dialog, .sessiontime-modal .modal-dialog, .timeout-modal .modal-dialog, .saved-modal .modal-dialog, .audit-modal .modal-dialog {
        transform: none;
        display: inline-block;
        vertical-align: middle;
        min-width: auto
    }

    .saveExit-modal:before, .sessiontime-modal:before, .timeout-modal:before, .saved-modal:before, .audit-modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
        margin-right: -4px
    }

.delete-modal {
    text-align: center;
    padding: 0 !important
}

    .delete-modal .modal-dialog {
        transform: none;
        display: inline-block;
        vertical-align: middle;
        min-width: 35rem
    }

    .delete-modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
        margin-right: -4px
    }

.saveExit-modal:before {
    height: 30%
}

.saveExit-modal .modal-dialog {
    display: flex;
    width: -moz-fit-content;
    width: fit-content
}

.saveExit-modal .modal .modal-dialog .modal-content .modal-footer {
    padding: 1rem 1rem 1rem 1.6rem
}

.audit-modal .modal-dialog, .audit-modal .modal-content {
    min-width: 60rem
}

.saved-modal .modal-dialog {
    min-width: 360px !important
}

    .saved-modal .modal-dialog .modal-content {
        max-width: 360px !important
    }

.acceptRecommendation-modal .modal-dialog {
    min-width: 60% !important
}

.acceptRecommendation-modal .modal-content {
    min-width: 60% !important;
    text-align: center;
    padding: 10px 20px 0
}

.acceptRecommendation-modal .modal-title {
    min-width: 80% !important;
    width: 80%;
    text-align: center;
    box-shadow: 0 1px 4px #bbbcbe;
    border-radius: 100px;
    height: 48px;
    margin: auto;
    text-transform: none !important
}

.acceptRecommendation-modal .modal-footer {
    justify-content: center;
    border-top: none !important
}

.modal-body {
    padding: 1rem 1.5rem;
    max-height: 27rem;
    overflow-y: unset !important;
    min-height: 12rem
}

    .modal-body .validateInput {
        margin-bottom: 5px !important;
        margin: .5rem 0;
        width: 100%;
        border-radius: .125rem;
        color: #616365
    }

    .modal-body .validation-message {
        color: #e00034;
        margin-top: 5px
    }

    .modal-body .asset-title {
        float: left;
        width: 100%
    }

    .modal-body .Newcustomer-dropdown .dropdown {
        max-width: 100%;
        display: block
    }

    .modal-body .k-combobox .k-dropdown-wrap .k-select .k-icon {
        display: block
    }

    .modal-body .dropdown button.dropdown-toggle .selected-text, .modal-body .dropdown .drop-btn.dropdown-toggle .selected-text {
        width: 9.4rem
    }

.reorder-content {
    padding-top: 0 !important;
    padding-bottom: 24px !important;
    padding-left: 24px !important;
    background: #fff
}

.modal-sm {
    min-width: 360px !important
}

#modal-restricted {
    border-bottom: none
}

.astrik:after {
    content: "*";
    color: #e00034;
    margin-left: 3px
}

.exportArea {
    margin-top: 24px
}

    .exportArea textarea {
        resize: none
    }

.popup-footer-section > :not(.clear-all) {
    margin: 0rem
}

.clear-all {
    margin-right: -.7rem;
    outline: none
}

.asset-library h3 {
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem;
    font-family: Interstate-Bold,sans-serif
}

.asset-header.search-header .float-left span {
    color: #949494;
    font-family: Roboto,sans-serif;
    font-size: 14px;
    font-size: .875rem;
    line-height: 16px;
    line-height: 1rem
}

.asset-header.search-header .float-right {
    font-size: 10px;
    font-size: .625rem;
    line-height: 20px;
    line-height: 1.25rem;
    cursor: pointer;
    color: #949494;
    font-family: Roboto,sans-serif;
    margin-top: .1rem
}

.searchlabel {
    width: 29%;
    float: right;
    text-align: right;
    margin-right: 10px;
    font-size: 10px;
    font-size: .625rem;
    line-height: 15px;
    line-height: .9375rem;
    font-family: Roboto,sans-serif;
    color: #949494
}

@media (min-width: 1686px) {
    .searchlabel {
        margin-top: 8px;
        width: 30%
    }
}

.asset-content .asset-content-title .btn-system {
    background-image: linear-gradient(180deg,#3fb47b,#66b44a);
    margin-right: 0;
    margin-left: -.18rem;
    text-align: left
}

.float-right .btn {
    min-width: 6rem
}

.asset-content .center-align {
    font-size: 26px;
    padding: 275px 141px 0;
    line-height: 1.75rem;
    color: #007ac9
}

    .asset-content .center-align .panel-info .draggable-btn {
        display: inline-block;
        text-align: center;
        max-width: 100%;
        margin-right: 1rem;
        padding: 7px;
        position: relative;
        font-size: 12px
    }

        .asset-content .center-align .panel-info .draggable-btn:last-child {
            background-image: linear-gradient(180deg,#12b6c5,#147dc5);
            margin-right: 0;
            margin-left: -.18rem;
            text-align: left
        }

        .asset-content .center-align .panel-info .draggable-btn:after {
            font: 20px/20px Nalco-additional-icons;
            content: "\e91e" !important;
            position: absolute;
            right: 1rem;
            opacity: .3
        }

            .asset-content .center-align .panel-info .draggable-btn:after.dnd-drag-start:after {
                font: 20px/20px Nalco-additional-icons;
                content: "\e91e";
                position: absolute;
                right: 1rem;
                opacity: .3
            }

            .asset-content .center-align .panel-info .draggable-btn:after:hover:after, .asset-content .center-align .panel-info .draggable-btn:after.dnd-drag-start:after {
                font: 20px/20px Nalco-additional-icons;
                content: "\e91e";
                position: absolute;
                right: 1rem;
                opacity: .3
            }

.btn-sub-customer {
    text-align: left;
    background: #5eb6e4;
    width: 100%;
    padding-bottom: .875rem;
    padding-top: .875rem;
    background-image: none !important
}

    .btn-sub-customer:hover {
        background: #5eb6e4;
        background-image: none !important
    }

.panel-content .btn-dragged {
    background-image: linear-gradient(180deg,#5eb6e4,#007ac9);
    text-align: left;
    margin-top: 0;
    width: 100%;
    padding-bottom: .875rem;
    padding-top: .875rem
}

.panel-content .btn-asset {
    background-image: linear-gradient(180deg,#0081d7,#005b99);
    text-align: left;
    margin-top: 0;
    width: 100%;
    padding-bottom: .875rem;
    padding-top: .875rem
}

    .panel-content .btn-asset:hover {
        background-image: linear-gradient(180deg,#0081d7,#005b99)
    }

.panel-content .btnSubasset {
    background: #0086df;
    text-align: left;
    margin-top: 0;
    width: 100%;
    padding-bottom: .875rem;
    padding-top: .875rem
}

    .panel-content .btnSubasset:hover {
        background: #0086df
    }

.panel-content .btn-system, .panel-content .btn-system:hover {
    background-image: linear-gradient(180deg,#3fb47b,#66b44a) !important
}

.panel-subody .btn-asset:hover {
    background: #0086df
}

.btn-dragged {
    text-align: left;
    padding-bottom: .875rem;
    padding-top: .875rem;
    border-radius: unset
}

.label:hover {
    cursor: pointer
}

.panel-body {
    margin-left: auto;
    margin-right: auto
}

    .panel-body .btn {
        margin-bottom: 8px
    }

    .panel-body div > .label {
        display: block;
        margin-bottom: 0;
        width: 98%;
        position: relative
    }

    .panel-body div > .empty {
        display: block;
        margin-bottom: 0;
        width: 98%;
        position: relative
    }

    .panel-body div > input {
        display: none
    }

    .panel-body div .panel-content {
        width: 100%;
        float: left
    }

        .panel-body div .panel-content .btn-sub-customer {
            margin-bottom: 8px;
            background: #5eb6e4
        }

        .panel-body div .panel-content div {
            margin-bottom: 0
        }

            .panel-body div .panel-content div > .label {
                display: block;
                margin-bottom: 0;
                width: 98%;
                position: relative
            }

            .panel-body div .panel-content div > .empty {
                display: block;
                margin-bottom: 0;
                width: 98%;
                position: relative
            }

            .panel-body div .panel-content div > input {
                display: none
            }

            .panel-body div .panel-content div .btn-subasset {
                display: inline-block !important;
                margin-bottom: 8px
            }

            .panel-body div .panel-content div .sub-asset {
                width: 90%;
                float: right;
                display: block
            }

            .panel-body div .panel-content div .panel-subody {
                max-height: 0;
                overflow: hidden;
                display: none;
                margin-bottom: 0
            }

            .panel-body div .panel-content div .panel-inner {
                width: 94%;
                float: right
            }

            .panel-body div .panel-content div > input:checked + .label + .panel-subody {
                max-height: 100%;
                display: inline-block;
                overflow: inherit;
                width: 100%
            }

            .panel-body div .panel-content div > input:checked + .label + .all-sub-asset .sub-asset {
                max-height: 1000px;
                display: block
            }

            .panel-body div .panel-content div > input:checked + .label + .btn-all-subasset .btn-subasset {
                max-height: 1000px;
                display: block;
                margin-right: 0rem
            }

                .panel-body div .panel-content div > input:checked + .label + .btn-all-subasset .btn-subasset .btn-asset {
                    background: #0086df !important;
                    max-height: 1000px;
                    display: block;
                    margin-right: .6rem
                }

            .panel-body div .panel-content div > input:checked + .label:before {
                content: "";
                display: block;
                width: 0;
                height: 0;
                border-style: solid;
                -moz-transform: scale(.9999);
                border-width: 8px 7px 0 7px;
                border-color: #fff transparent transparent transparent;
                position: absolute;
                left: 2%;
                top: 36%;
                transform: rotate(0)
            }

            .panel-body div .panel-content div > input + .label:before {
                content: "";
                display: block;
                width: 0;
                height: 0;
                border-style: solid;
                -moz-transform: scale(.9999);
                border-width: 8px 7px 0 7px;
                border-color: #fff transparent transparent transparent;
                position: absolute;
                left: 2%;
                top: 33%;
                transform: rotate(-90deg)
            }

    .panel-body div .btn-subasset {
        display: block;
        margin-bottom: 8px
    }

    .panel-body div .sub-asset {
        width: 90%;
        float: right;
        display: block
    }

    .panel-body div .panel-subody {
        max-height: 0;
        overflow: hidden;
        display: none;
        margin-bottom: 8px
    }

    .panel-body div .panel-inner {
        width: 94%;
        float: right
    }

    .panel-body div > input:checked + .label + .panel-subody {
        max-height: 100%;
        display: inline-block;
        overflow: inherit;
        width: 100%
    }

    .panel-body div > input:checked + .label:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        -moz-transform: scale(.9999);
        border-width: 8px 7px 0 7px;
        border-color: #fff transparent transparent transparent;
        position: absolute;
        left: 2%;
        top: 37%;
        transform: rotate(0)
    }

    .panel-body div > input + .label:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        -moz-transform: scale(.9999);
        border-width: 8px 7px 0 7px;
        border-color: #fff transparent transparent transparent;
        position: absolute;
        left: 2%;
        top: 36%;
        transform: rotate(-90deg)
    }

.panel-subody {
    max-height: 0;
    overflow: hidden;
    display: none;
    margin-bottom: 8px
}

    .panel-subody .panel-inner div {
        margin-bottom: 0
    }

        .panel-subody .panel-inner div > .label {
            display: block;
            margin-bottom: 0;
            width: 98%;
            position: relative
        }

        .panel-subody .panel-inner div > .empty {
            display: block;
            margin-bottom: 0;
            width: 98%;
            position: relative
        }

        .panel-subody .panel-inner div > input {
            display: none
        }

        .panel-subody .panel-inner div .btn-subasset {
            margin-bottom: 8px;
            display: inline-block
        }

        .panel-subody .panel-inner div .btn-asset {
            margin-bottom: 8px
        }

        .panel-subody .panel-inner div .all-sub-asset {
            max-height: 1000px;
            display: none
        }

        .panel-subody .panel-inner div .sub-asset {
            width: 90%;
            float: right;
            max-height: 1000px;
            display: none
        }

        .panel-subody .panel-inner div > input:checked + .label + .panel-inner {
            max-height: 1000px;
            display: none
        }

        .panel-subody .panel-inner div > input:checked + .label + .btn-subasset {
            max-height: 1000px;
            display: block
        }

        .panel-subody .panel-inner div > input:checked + .label + .all-sub-asset {
            max-height: 1000px;
            display: block
        }

            .panel-subody .panel-inner div > input:checked + .label + .all-sub-asset .sub-asset {
                max-height: 1000px;
                display: block
            }

        .panel-subody .panel-inner div > input:checked + .label:before {
            content: "";
            display: block;
            width: 0;
            height: 0;
            border-style: solid;
            -moz-transform: scale(.9999);
            border-width: 8px 7px 0 7px;
            border-color: #fff transparent transparent transparent;
            position: absolute;
            left: 2%;
            top: 36%;
            transform: rotate(0)
        }

        .panel-subody .panel-inner div > input + .label:before {
            content: "";
            display: block;
            width: 0;
            height: 0;
            border-style: solid;
            -moz-transform: scale(.9999);
            border-width: 8px 7px 0 7px;
            border-color: #fff transparent transparent transparent;
            position: absolute;
            left: 2%;
            top: 35%;
            transform: rotate(-90deg)
        }

            .panel-subody .panel-inner div > input + .label:before:nth-last-child(1) {
                border-color: #e00034 transparent transparent transparent !important
            }

            .panel-subody .panel-inner div > input + .label:before:last-child {
                border-color: #6fb43f transparent transparent transparent !important
            }

    .panel-subody .panel-inner .btn-asset {
        margin-bottom: 8px;
        background-image: linear-gradient(180deg,#0081d7,#005b99)
    }

.trim-info {
    width: 73%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    margin: 0 0 0 4%;
    vertical-align: middle;
    text-transform: initial;
    float: left
}

.info-bottom {
    height: 100px
}

.addNew-modal .modal-dialog {
    transform: translateY(50%) !important;
    -ms-transform: translate(0%,50%) !important;
    -webkit-transform: translate(0%,50%) !important;
    margin: 0
}

.empty-div {
    height: 60px
}

ngb-accordion .highlight {
    background-color: #eeaf00;
    font-weight: 600
}

ngb-accordion .card .card-header {
    border-bottom: 1px solid #e2e2e2;
    padding: 5px 10px;
    background-color: #fff
}

    ngb-accordion .card .card-header[role=tab] {
        padding: .36rem 1rem;
        display: flex
    }

        ngb-accordion .card .card-header[role=tab] a {
            display: inline-block;
            width: 100%;
            text-transform: capitalize;
            text-align: left;
            position: relative
        }

            ngb-accordion .card .card-header[role=tab] a:after {
                position: absolute;
                right: 0;
                top: 30%;
                transform: rotate(-90deg)
            }

        ngb-accordion .card .card-header[role=tab].active {
            box-shadow: none
        }

            ngb-accordion .card .card-header[role=tab].active:after {
                transform: rotate(360deg)
            }

        ngb-accordion .card .card-header[role=tab]#add-top-header a {
            color: #007ac9
        }

            ngb-accordion .card .card-header[role=tab]#add-top-header a:after {
                border-color: #007ac9 transparent transparent transparent;
                position: relative;
                display: block;
                float: left;
                top: 5px;
                margin: 0 10px 0 0
            }

        ngb-accordion .card .card-header[role=tab] a {
            font-size: 16px;
            color: #007ac9
        }

            ngb-accordion .card .card-header[role=tab] a:after {
                position: relative;
                display: block;
                float: left;
                top: 5px;
                margin: 0 10px 0 0;
                border-color: #5eb6e4 transparent transparent transparent
            }

        ngb-accordion .card .card-header[role=tab] button.btn-link.collapsed:after {
            position: absolute;
            border-top-color: #007ac9;
            transform: rotate(270deg);
            top: 20px
        }

        ngb-accordion .card .card-header[role=tab] button.btn-link:after {
            position: absolute;
            border-top-color: #007ac9;
            transform: rotate(0);
            top: 20px
        }

ngb-accordion .card .card-body {
    padding: 0rem 1rem
}

    ngb-accordion .card .card-body .btn.btn-dragged {
        margin-top: 8px
    }

    ngb-accordion .card .card-body > ngb-accordion a {
        padding-left: 1rem;
        text-transform: none
    }

    ngb-accordion .card .card-body[role=tabpanel] {
        background-color: #fff;
        padding: 0rem .0625rem .5rem;
        padding-bottom: 0;
        display: flex;
        flex-direction: column;
        max-height: 100%
    }

        ngb-accordion .card .card-body[role=tabpanel] .btn.btn-dragged {
            display: inline-block;
            background-image: linear-gradient(180deg,#5eb6e4,#147dc5);
            text-align: left;
            max-width: 90%;
            margin: .5rem 1rem 0px 2rem;
            position: relative;
            font-size: 16px;
            padding: 14px
        }

            ngb-accordion .card .card-body[role=tabpanel] .btn.btn-dragged:last-child {
                margin-right: 0;
                text-align: left;
                text-transform: none
            }

            ngb-accordion .card .card-body[role=tabpanel] .btn.btn-dragged:after {
                font: 20px/20px Nalco-additional-icons;
                content: "\e91e";
                position: absolute;
                right: 1rem;
                opacity: .3;
                margin: -2px 0
            }

            ngb-accordion .card .card-body[role=tabpanel] .btn.btn-dragged:hover:after, ngb-accordion .card .card-body[role=tabpanel] .btn.btn-dragged.dnd-drag-start:after {
                font: 20px/20px Nalco-additional-icons;
                content: "\e91e";
                position: absolute;
                right: 1rem;
                opacity: .3
            }

        ngb-accordion .card .card-body[role=tabpanel]:nth-child(1) {
            margin-left: 20px
        }

ngb-accordion .card .collapse.show[role=tabpanel] {
    position: relative;
    background-color: #fff;
    padding: 0rem .0625rem .5rem;
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
    max-height: 100%
}

    ngb-accordion .card .collapse.show[role=tabpanel] .btn.btn-dragged {
        display: inline-block;
        background-image: linear-gradient(180deg,#5eb6e4,#147dc5);
        text-align: left;
        max-width: 90%;
        position: relative;
        font-size: 16px;
        margin-right: 1rem;
        padding: 14px
    }

        ngb-accordion .card .collapse.show[role=tabpanel] .btn.btn-dragged:last-child {
            margin-right: 0;
            text-align: left;
            text-transform: none
        }

        ngb-accordion .card .collapse.show[role=tabpanel] .btn.btn-dragged:after {
            font: 20px/20px Nalco-additional-icons;
            content: "\e91e";
            position: absolute;
            right: 1rem;
            opacity: .3;
            margin: -2px 0
        }

        ngb-accordion .card .collapse.show[role=tabpanel] .btn.btn-dragged:hover:after, ngb-accordion .card .collapse.show[role=tabpanel] .btn.btn-dragged.dnd-drag-start:after {
            font: 20px/20px Nalco-additional-icons;
            content: "\e91e";
            position: absolute;
            right: 1rem;
            opacity: .3
        }

    ngb-accordion .card .collapse.show[role=tabpanel]:nth-child(1) {
        margin-left: 20px
    }

.nomatcherror {
    font-size: 14px;
    padding: .5rem 1rem;
    color: #949494
}

ul li {
    list-style: none
}

.center-align {
    text-align: center;
    margin-top: -30px
}

    .center-align span.site-name {
        font-size: 26px;
        color: #868686
    }

    .center-align h3.d-inline {
        font-size: 12px;
        color: #727272;
        position: relative;
        top: 5px
    }

    .center-align .ico-asset-tree:before {
        font-size: 1.5625rem;
        line-height: 1.5625rem;
        color: #868686
    }

.map-asset-container {
    position: relative
}

    .map-asset-container *[draggable=true], .map-asset-container .dnd-drag-start {
        cursor: all-scroll !important
    }

    .map-asset-container .section {
        max-width: 46.3%;
        width: 46.3%;
        margin-bottom: 0
    }

@media (max-width: 1200px) {
    .map-asset-container .section {
        max-width: 46.3%;
        width: 44%;
        margin-bottom: 0
    }
}

.map-asset-container .asset-library {
    margin-top: .5rem
}

    .map-asset-container .asset-library > p {
        margin-bottom: .75rem
    }

    .map-asset-container .asset-library .asset-content {
        display: flex;
        flex-direction: column;
        position: relative
    }

        .map-asset-container .asset-library .asset-content .asset-content-title .card-body {
            overflow-y: auto;
            height: 13.3rem
        }

        .map-asset-container .asset-library .asset-content .asset-content-title .btn {
            display: inline-block;
            font-size: 1rem;
            line-height: 20px;
            line-height: 1.25rem;
            text-align: center;
            max-width: 100%;
            margin-right: 1rem;
            padding: 14px;
            position: relative;
            font-size: 16px
        }

            .map-asset-container .asset-library .asset-content .asset-content-title .btn:last-child {
                background-image: linear-gradient(180deg,#fff,#eae9e8);
                margin-right: 0;
                margin-left: -.18rem;
                text-align: left;
                border: 1px solid #616365;
                margin-bottom: .5rem;
                color: #616365;
                padding: 12px;
                background-color: transparent
            }

                .map-asset-container .asset-library .asset-content .asset-content-title .btn:last-child li {
                    list-style: none;
                    padding: 0
                }

            .map-asset-container .asset-library .asset-content .asset-content-title .btn:after {
                display: none
            }

            .map-asset-container .asset-library .asset-content .asset-content-title .btn.dnd-drag-start:after {
                font: 20px/20px Nalco-additional-icons;
                content: "\e91e";
                position: absolute;
                right: 1rem;
                opacity: .3
            }

            .map-asset-container .asset-library .asset-content .asset-content-title .btn:hover:after, .map-asset-container .asset-library .asset-content .asset-content-title .btn.dnd-drag-start:after {
                font: 20px/20px Nalco-additional-icons;
                content: "\e91e";
                position: absolute;
                right: 1rem;
                opacity: .3
            }

        .map-asset-container .asset-library .asset-content .ico-grip {
            float: right
        }

.map-asset-container .asset-tree {
    margin-top: 2.3rem;
    max-height: 95vh
}

    .map-asset-container .asset-tree .ico-asset-treeico {
        font-size: 25px;
        font-size: 1.5625rem;
        line-height: 25px;
        line-height: 1.5625rem;
        color: #868686
    }

    .map-asset-container .asset-tree .site-name {
        font-size: 20px
    }

    .map-asset-container .asset-tree > p {
        margin-bottom: .75rem
    }

    .map-asset-container .asset-tree .btn-secondary {
        width: 100px;
        margin-right: 8px;
        height: 32px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: .375rem .65rem
    }

    .map-asset-container .asset-tree span.site-name {
        font-size: 26px;
        font-size: 1.625rem;
        line-height: 28px;
        line-height: 1.75rem;
        margin-left: .875rem;
        vertical-align: bottom
    }

    .map-asset-container .asset-tree .customer-name {
        font-size: 14px;
        font-size: .875rem;
        line-height: 16px;
        line-height: 1rem;
        color: #949494;
        margin-top: .75rem;
        text-transform: uppercase
    }

    .map-asset-container .asset-tree .asset-body .asset-content {
        position: relative;
        overflow-y: auto;
        height: 85vh
    }

        .map-asset-container .asset-tree .asset-body .asset-content .asset-content-title .card .card-body {
            width: 93%;
            float: right;
            margin-left: 32px;
            padding: 0rem 0rem 0rem .2rem;
            overflow: hidden
        }

            .map-asset-container .asset-tree .asset-body .asset-content .asset-content-title .card .card-body .btn {
                display: inline-block;
                font-size: 1rem;
                line-height: 20px;
                line-height: 1.25rem;
                text-align: center;
                max-width: 100%;
                margin-right: 1rem;
                padding: 14px;
                position: relative;
                font-size: 16px
            }

                .map-asset-container .asset-tree .asset-body .asset-content .asset-content-title .card .card-body .btn:last-child {
                    background-image: linear-gradient(180deg,#fff,#eae9e8);
                    margin-right: 0;
                    margin: 0rem 0rem .5rem -.18rem;
                    text-align: left;
                    border: 1px solid #616365;
                    color: #616365;
                    padding: 14px;
                    background-color: transparent;
                    width: 99.6%
                }

                    .map-asset-container .asset-tree .asset-body .asset-content .asset-content-title .card .card-body .btn:last-child li {
                        list-style: none;
                        padding: 0rem
                    }

                .map-asset-container .asset-tree .asset-body .asset-content .asset-content-title .card .card-body .btn:after {
                    display: none
                }

.map-asset-container .asset-body {
    background-color: #fff;
    height: 95vh
}

.map-asset-container .asset-subheader {
    border-bottom: 1px solid #e2e2e2;
    padding: .1rem 1rem
}

    .map-asset-container .asset-subheader .asset-Subtitle {
        margin: 6px 0
    }

.map-asset-container .asset-header {
    border-bottom: 1px solid #e2e2e2;
    padding: .5rem 1rem
}

    .map-asset-container .asset-header .asset-title {
        font-size: 16px;
        margin-top: 8px;
        margin-bottom: 4px
    }

    .map-asset-container .asset-header .asset-Subtitle {
        font-size: 14px
    }

    .map-asset-container .asset-header .float-right.checkBox {
        width: 10.625rem;
        padding-top: .4375rem
    }

        .map-asset-container .asset-header .float-right.checkBox label {
            text-align: right
        }

.map-asset-container .devider {
    width: 5rem;
    display: inline-block;
    margin-top: 2.4rem
}

    .map-asset-container .devider p {
        margin-bottom: .75rem
    }

        .map-asset-container .devider p.dashed {
            border-right: 2px dashed #949494;
            min-height: 42%;
            max-height: 42%;
            width: 2.5rem
        }

        .map-asset-container .devider p.drag-right {
            text-align: center;
            color: #949494;
            line-height: 28px;
            font-weight: 700;
            padding-left: 0
        }

.map-asset-container ngb-accordion .card .card-header[role=tab] {
    padding: .875rem;
    background: linear-gradient(#5eb6e4,#147dc5);
    margin-bottom: .5rem;
    width: 98%
}

.map-asset-container ngb-accordion .card ngb-accordion .card .card-header[role=tab] {
    background: linear-gradient(#0081d7,#005b99);
    width: 99%
}

.map-asset-container ngb-accordion .card ngb-accordion .card ngb-accordion .card .card-header[role=tab] {
    background-color: #24a8ff;
    margin-bottom: .5rem;
    width: 99.5%
}

.map-asset-container ngb-accordion .card a {
    color: #fff !important;
    padding-left: 0rem !important
}

    .map-asset-container ngb-accordion .card a span {
        width: 94%
    }

    .map-asset-container ngb-accordion .card a:after {
        border-color: #fff transparent transparent transparent !important;
        position: relative;
        display: block;
        float: left;
        top: 5px;
        margin: 0 10px 0 0
    }

.legend-wrapper {
    float: right;
    max-width: 97%;
    margin-top: 20px;
    font-size: .75rem;
    font-family: Roboto,sans-serif
}

    .legend-wrapper .legend-align {
        float: left;
        margin-right: 11px;
        margin-bottom: 5px
    }

        .legend-wrapper .legend-align:nth-child(1) {
            float: left;
            margin-left: 0
        }

        .legend-wrapper .legend-align:nth-child(7) {
            margin-left: 0
        }

    .legend-wrapper .legend-text {
        width: 10px;
        height: 10px;
        margin-right: 4px;
        float: left;
        margin-top: 2px
    }

    .legend-wrapper .indicator {
        color: #007ac9;
        margin-left: -2px;
        margin-right: 5px
    }

    .legend-wrapper .legend-align:nth-child(1) .legend-text {
        background: linear-gradient(#5eb6e4,#147dc5)
    }

    .legend-wrapper .legend-align:nth-child(2) .legend-text {
        background: #5eb6e4
    }

    .legend-wrapper .legend-align:nth-child(3) .legend-text {
        background-image: linear-gradient(90deg,#3fb47b,#66b44a)
    }

    .legend-wrapper .legend-align:nth-child(4) .legend-text {
        background: linear-gradient(#0081d7,#005b99)
    }

    .legend-wrapper .legend-align:nth-child(5) .legend-text {
        background: #24a8ff
    }

    .legend-wrapper .legend-align:nth-child(6) .legend-text {
        background: linear-gradient #ffffff,#e2e2e2;
        border: 1px solid #bbbcbe
    }

@-moz-document url-prefix() {
    .legend-wrapper .legend-align {
        float: left;
        margin-left: 8px
    }
}

.legend-attachment {
    font-family: Roboto,sans-serif
}

    .legend-attachment .legend-align {
        float: left;
        margin-top: 20px
    }

    .legend-attachment .legend-text {
        color: #616365;
        float: left;
        margin-right: 5px
    }

        .legend-attachment .legend-text:before {
            font: 16px/16px data-attachment-icon;
            content: "\e800";
            color: #007ac9
        }

.tooltip.bs-tooltip-bottom, .tooltip.bs-tooltip-auto[x-placement^=bottom] {
    margin-left: -7px !important
}

.btn-secondary:disabled + .tooltip {
    display: none !important
}

.btn-secondary:not(:disabled):not(.disabled) + .tooltip {
    display: none !important
}

.btn-secondary:not(:disabled):not(.disabled):hover + .tooltip {
    display: block !important
}

.asset-library h3 {
    font-size: 1rem;
    line-height: 1.25rem;
    font-family: Interstate-Bold,sans-serif
}

.asset-library h6 {
    font-size: 13px;
    margin-bottom: 10px
}

.mapdatadropdown {
    margin: 10px 0 20px
}

    .mapdatadropdown label {
        font-size: 14px;
        text-transform: uppercase
    }

    .mapdatadropdown .dropdown {
        padding: .8rem 1rem .9rem;
        border-radius: 0
    }

        .mapdatadropdown .dropdown .dropdown-menu.show {
            max-width: 100.4% !important
        }

            .mapdatadropdown .dropdown .dropdown-menu.show .dropdown-item.selected:after {
                right: 0%;
                top: 30%
            }

        .mapdatadropdown .dropdown button .selected-text, .mapdatadropdown .dropdown .drop-btn .selected-text {
            width: 26.4rem;
            text-overflow: ellipsis;
            white-space: nowrap;
            display: inline-block;
            overflow: hidden;
            vertical-align: bottom
        }

.asset-header.search-header {
    display: flex;
    padding: .1rem 1rem;
    margin: 6px 0
}

    .asset-header.search-header .float-left {
        width: 84%
    }

        .asset-header.search-header .float-left span {
            color: #949494;
            font-family: "$Roboto";
            font-size: 14px
        }

    .asset-header.search-header .float-right {
        font-size: 10px;
        cursor: pointer;
        line-height: 1.25rem;
        color: #949494;
        font-family: "$Roboto";
        margin-top: .1rem
    }

        .asset-header.search-header .float-right button {
            margin-left: 10px;
            color: #949494
        }

            .asset-header.search-header .float-right button img {
                vertical-align: top;
                margin-top: 5px;
                height: 10px;
                width: 10px
            }

.searchlabel {
    width: 29%;
    float: right;
    text-align: right;
    margin-right: 10px;
    font-size: 10px;
    font-family: "$Roboto";
    color: #949494
}

.search-result-content {
    overflow-y: scroll;
    height: 100%;
    position: relative;
    overflow-y: auto;
    height: 43rem;
    display: flex;
    flex-direction: column
}

ngb-accordion.custom-accordion .card .card-header[role=tab] a:after {
    position: absolute;
    right: 0;
    transform: rotate(0);
    top: 12px;
    border-color: #007AC9 transparent transparent transparent
}

ngb-accordion.custom-accordion .card .card-header[role=tab] a h4 {
    color: #616365;
    margin: 3px 0
}

ngb-accordion.custom-accordion .card .card-header[role=tab].active a:after {
    transform: rotate(-180deg)
}

ngb-accordion.custom-accordion .card .card-body {
    background-color: #eae9e8;
    padding: 20px 0 0;
    display: block;
    flex-direction: initial;
    min-height: 520px;
    overflow-y: visible
}

ngb-accordion.custom-accordion .card .green {
    color: #66b44a
}

ngb-accordion.custom-accordion .card .yellow {
    color: #ffd82b
}

ngb-accordion.custom-accordion .card .red {
    color: #e00034
}

ngb-accordion.custom-accordion .card .small-donut {
    padding-top: 3px
}

    ngb-accordion.custom-accordion .card .small-donut .DonutChart {
        padding-bottom: 3px
    }

        ngb-accordion.custom-accordion .card .small-donut .DonutChart .highcharts-title {
            top: 55px !important
        }

    ngb-accordion.custom-accordion .card .small-donut .text-center {
        font-size: 14px;
        font-size: .875rem
    }

ngb-accordion.custom-accordion .card .donutTile-header {
    font-size: 1rem;
    margin-top: 3px
}

    ngb-accordion.custom-accordion .card .donutTile-header span {
        vertical-align: top;
        display: inline-block;
        margin-right: 5px
    }

.parameters-tile .card-header {
    padding-top: 15px
}

ngb-accordion.custom-accordion.admin-accordion .card .card-header[role=tab] {
    padding: 1rem
}

    ngb-accordion.custom-accordion.admin-accordion .card .card-header[role=tab] a h4 {
        font-size: 16px;
        line-height: 27px
    }

ngb-accordion.custom-accordion.admin-accordion .card .parameters-tile {
    padding-left: 51px
}

    ngb-accordion.custom-accordion.admin-accordion .card .parameters-tile input[type=radio] {
        display: none
    }

ngb-accordion.custom-accordion.admin-accordion .card .card-body {
    background-color: #f7f7f7;
    min-height: auto;
    padding: 0
}

    ngb-accordion.custom-accordion.admin-accordion .card .card-body .btn {
        text-align: center;
        margin-top: 0;
        margin-left: 1rem;
        padding: 7px;
        font-size: 14px
    }

        ngb-accordion.custom-accordion.admin-accordion .card .card-body .btn:after {
            content: ""
        }

        ngb-accordion.custom-accordion.admin-accordion .card .card-body .btn.btn-primary {
            background-image: linear-gradient(180deg,#1C9AEC,#007ac9)
        }

            ngb-accordion.custom-accordion.admin-accordion .card .card-body .btn.btn-primary:hover {
                background-image: \a0linear-gradient(180deg,\a0 #5EB6E4,\a0 #007ac9)
            }

        ngb-accordion.custom-accordion.admin-accordion .card .card-body .btn.btn-secondary {
            background-image: none
        }

.build-container .btn-primary {
    border-radius: 4px
}

.property-panel {
    width: 100%
}

    .property-panel .panel-left {
        width: 48%;
        float: left;
        margin-left: 16px
    }

    .property-panel .property-title {
        font: "Roboto",sans-serif;
        font-size: 10px;
        font-size: .625rem;
        color: #949494;
        width: 90%;
        float: left;
        margin-bottom: 2px
    }

    .property-panel .property-input {
        float: left;
        clear: both;
        border-radius: .125rem;
        height: 23px;
        width: 90%;
        padding-left: 10px
    }

.asset-dropdown {
    font: "Roboto",sans-serif;
    font-size: 14px;
    font-size: .875rem;
    color: #949494;
    margin-top: .6rem
}

.asset-property-right-header {
    width: 64%;
    float: right
}

    .asset-property-right-header nalco-dropdown {
        float: right
    }

    .asset-property-right-header .dropdown {
        width: 141px;
        min-width: 141px;
        padding: .45rem .625rem
    }

        .asset-property-right-header .dropdown button.dropdown-toggle:after {
            right: .625rem
        }

        .asset-property-right-header .dropdown .drop-btn.dropdown-toggle:after {
            right: .625rem
        }

        .asset-property-right-header .dropdown .dropdown-toggle .label {
            font-size: 13px;
            color: #616365
        }

        .asset-property-right-header .dropdown .dropdown-menu.show {
            right: 0
        }

    .asset-property-right-header .asset-dropdown.primary-gray {
        color: #616365;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        position: relative;
        margin-left: 4%;
        vertical-align: middle;
        text-transform: initial;
        float: left;
        width: 85%;
        margin-top: .5rem;
        cursor: pointer;
        text-align: right
    }

.asset-property-left-header {
    width: 73%;
    float: right
}

    .asset-property-left-header nalco-dropdown {
        float: right
    }

    .asset-property-left-header .dropdown {
        width: 132px;
        min-width: 132px;
        max-width: 150px;
        height: 32px
    }

        .asset-property-left-header .dropdown .dropdown-toggle .label {
            font-size: 13px;
            color: #616365
        }

.asset-content .site-nav {
    padding-right: 0 !important
}

    .asset-content .site-nav ul .nav-item {
        font-size: 14px;
        font-size: .875rem;
        padding-right: 1rem !important
    }

        .asset-content .site-nav ul .nav-item .nav-link {
            font-size: 14px;
            font-size: .875rem;
            outline: none
        }

@media screen and (max-width: 1366px) {
    .asset-content .site-nav {
        padding-right: 0 !important
    }

        .asset-content .site-nav ul .nav-item {
            font-size: 14px;
            font-size: .875rem;
            padding-right: .5rem !important;
            border-bottom: 1px solid transparent
        }

            .asset-content .site-nav ul .nav-item:nth-child(3), .asset-content .site-nav ul .nav-item:nth-child(4) {
                width: 93px
            }

            .asset-content .site-nav ul .nav-item .nav-link {
                font-size: 14px;
                font-size: .875rem;
                outline: none;
                height: 100%
            }

                .asset-content .site-nav ul .nav-item .nav-link span {
                    overflow: hidden;
                    cursor: pointer;
                    text-overflow: ellipsis;
                    width: 100%;
                    display: block
                }
}

.asset-tree-property {
    margin-top: 2.3rem;
    min-height: 75vh
}

    .asset-tree-property .asset-content .center-align {
        font-size: 18px;
        font-size: 1.125rem;
        color: #616365
    }

    .asset-tree-property .asset-property-right-header nalco-dropdown .dropdown {
        padding: .45rem .625rem
    }

        .asset-tree-property .asset-property-right-header nalco-dropdown .dropdown button.dropdown-toggle:after {
            right: .625rem
        }

        .asset-tree-property .asset-property-right-header nalco-dropdown .dropdown .drop-btn.dropdown-toggle:after {
            right: .625rem
        }

    .asset-tree-property .asset-status input[type=text] {
        border-radius: .125rem;
        color: #616365;
        width: 100%;
        border: 1px solid #949494;
        padding: .7rem 1rem
    }

    .asset-tree-property .asset-status .dropdown {
        background-color: #fff;
        padding: .6875rem 1rem;
        border: 1px solid #949494;
        border-radius: 0rem;
        margin-bottom: -.25rem
    }

        .asset-tree-property .asset-status .dropdown .dropdown-menu {
            padding: .375rem 0rem
        }

            .asset-tree-property .asset-status .dropdown .dropdown-menu.show {
                margin-bottom: 16px;
                margin-left: 0 !important
            }

                .asset-tree-property .asset-status .dropdown .dropdown-menu.show .dropdown-item {
                    padding: .625rem 1rem;
                    max-width: 100%
                }

                    .asset-tree-property .asset-status .dropdown .dropdown-menu.show .dropdown-item.selected:after {
                        right: 3%
                    }

        .asset-tree-property .asset-status .dropdown button.dropdown-toggle .selected-text, .asset-tree-property .asset-status .dropdown .drop-btn.dropdown-toggle .selected-text {
            width: 100%
        }

    .asset-tree-property #limits {
        height: auto;
        overflow: none
    }

    .asset-tree-property #limits-panel {
        border-bottom: 1px solid #dee2e6
    }

    .asset-tree-property .asset-status-grid .kendo-grid {
        border: 1px solid #dee2e6
    }

    .asset-tree-property .asset-status-grid .dropdown {
        background-color: #fff;
        padding: .6875rem 1rem;
        margin-top: 0rem;
        border: 1px solid #949494;
        border-radius: 0rem;
        min-width: 5rem;
        margin-bottom: -.25rem
    }

    .asset-tree-property .asset-status-grid th, .asset-tree-property .asset-status-grid td {
        padding: 8px 8px 8px 7px !important
    }

.asset-wrapper {
    min-width: 490px
}

    .asset-wrapper .asset-legend:nth-child(6) .legend-text {
        background: linear-gradient(180deg,#E2E2E2,#BBBCBE)
    }

.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow {
    bottom: unset
}

ngb-alert .alert {
    margin-bottom: 0rem
}

ngb-alert .alert-dismissible .close {
    padding: .5rem .75rem;
    color: #616365
}

    ngb-alert .alert-dismissible .close:hover {
        color: #616365
    }

ngb-alert .alert-warning {
    color: #c72946;
    background-color: #f6f6f6;
    border-color: #f6f6f6
}

.audit-popup .modal-header {
    background-color: #fff;
    border-bottom: 1px solid #BBBCBE !important;
    padding: 1rem 1.5rem 1.5rem 1rem !important;
    font-family: Interstate-Bold,sans-serif
}

.audit-popup .heading, .audit-popup .site-name {
    color: #616365;
    font-size: 16px;
    font-size: 1rem;
    line-height: 16px;
    line-height: 1rem
}

.audit-popup .site-name {
    font-size: 14px;
    font-size: .875rem;
    line-height: 16px;
    line-height: 1rem;
    padding: 1rem 1.5rem 1.5rem 1rem !important;
    border-bottom: 1px solid #BBBCBE !important
}

.audit-popup .table-wrapper {
    height: 24rem;
    overflow: scroll;
    border-bottom: 1px solid #BBBCBE !important
}

.audit-popup .k-grid-header {
    position: fixed;
    z-index: 1;
    max-width: calc(60rem - 16px)
}

    .audit-popup .k-grid-header:after {
        position: absolute;
        content: "";
        width: 35px;
        height: 48px;
        background: #fff;
        right: -16px;
        border-bottom: 1px solid #dee2e6
    }

.audit-popup .k-grid-content {
    margin-top: 47px
}

.audit-popup * ::-webkit-scrollbar {
    width: 1rem
}

.audit-popup * ::-webkit-scrollbar-track {
    background-color: #fff;
    border-left: none
}

.audit-popup * ::-webkit-scrollbar-thumb {
    background-color: #bbbcbe;
    border: none;
    border-radius: 0;
    background-clip: content-box;
    min-height: 2.5rem;
    max-height: 10rem
}

div.row div.donutDetails {
    border-right: 1px solid #e2e2e2;
    padding-top: 1rem
}

div.row div.assetDetails {
    padding-left: 8%;
    padding-bottom: 1.25rem
}

    div.row div.assetDetails h3 {
        font-size: .875rem;
        margin-bottom: 4px;
        margin-left: 1rem;
        color: #616365;
        font-weight: 700
    }

    div.row div.assetDetails .numberOfAssets {
        margin: 0;
        font-weight: 700;
        font-size: .75rem;
        position: relative;
        left: -6px
    }

.notFound {
    margin: auto;
    padding: 8px;
    top: 30px;
    position: relative;
    text-align: center;
    font-size: 14px
}

.tileHeight .card.tile {
    margin-bottom: .9rem
}

    .tileHeight .card.tile .tile-content-wrapper {
        min-height: 8.875rem
    }

        .tileHeight .card.tile .tile-content-wrapper .loading {
            top: 10px
        }

@media only screen and (max-width: 1200px) and (min-width: 992px) {
    .tileHeight {
        max-width: 100% !important;
        flex: auto !important
    }
}

.hide-left .carousel-control-prev, .hide-right .carousel-control-next {
    display: none !important
}

ngb-carousel .carousel-control-next-icon {
    margin-right: -12px;
    margin-bottom: 13px;
    margin-left: -4px;
    width: 36px;
    height: 15px;
    border-color: #094bd4;
    border-bottom: 4px solid #094bd4;
    border-left: 4px solid #094bd4;
    transform: rotate(-135deg);
    background-image: none
}

ngb-carousel .carousel-control-prev-icon {
    margin-left: -11px;
    margin-right: -4px;
    width: 36px;
    height: 15px;
    border-color: #094bd4;
    border-bottom: 4px solid #094bd4;
    border-left: 4px solid #094bd4;
    transform: rotate(45deg);
    background-image: none
}

ngb-carousel .carousel-control-prev, .carousel-control-next {
    width: 0%
}

@media only screen and (max-width: 1050px) {
    .highcharts-container {
        left: -10px
    }
}

@media only screen and (max-width: 990px) {
    .highcharts-container {
        left: 0
    }
}

@media screen and (min-width: 992px) {
    .nalco-quality-assets {
        max-height: 55rem;
        overflow-y: visible
    }
}

.nalco-quality-assets [class*=iconwater-] {
    display: inline-block;
    margin-right: 2px;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    margin-top: 4px
}

.nalco-quality-assets .iconwater-MediumRiskYellow {
    margin-right: 1px !important
}

.nalco-quality-assets .iconwater-LowRiskGreen {
    margin-right: 1px !important;
    margin-top: .25rem !important
}

.nalco-quality-assets .iconwater-HighRiskRed {
    margin-right: 1px !important;
    margin-top: 4px !important
}

.nalco-quality-assets .iconwater-OfflineGray {
    margin-right: 0 !important;
    margin-top: 4px !important
}

.siteListViewWidget .card-header div {
    display: initial
}

.siteListViewWidget .card-header .ico-info-thin {
    margin-left: 10px
}

.siteListViewWidget .card-header .tooltip {
    font-size: 11px;
    padding: 0 10px 10px
}

    .siteListViewWidget .card-header .tooltip .tooltip-inner {
        display: block !important
    }

.siteListViewWidget .card-header .right-aligned {
    display: none
}

.siteListViewWidget .card-header .card-title {
    font-size: 1rem
}

.siteListViewWidget .waterquality-listview tbody tr.k-alt {
    background-color: #fff
}

.siteListViewWidget .waterquality-listview tbody tr td {
    position: relative;
    border-width: 1px 0px 0px 0px
}

.siteListViewWidget .waterquality-listview thead tr th.k-header {
    border-width: 0px 0px 1px 0px
}

.siteListViewWidget .waterquality-listview .first-col {
    overflow: hidden;
    text-overflow: ellipsis
}

.siteListViewWidget .waterquality-listview ::-webkit-scrollbar-thumb {
    background: #BBBCBE !important
}

.siteListViewWidget .waterquality-listview ::-webkit-scrollbar {
    border: 0px !important;
    border-radius: .75rem !important;
    background-clip: content-box !important;
    min-height: 8px !important;
    max-height: 8px !important;
    max-width: 8px !important
}

.siteListViewWidget .waterquality-listview .k-grid-container .k-grid-content-locked {
    overflow: unset;
    height: auto !important
}

.siteListViewWidget .waterquality-listview .k-grid-header .k-header > .k-link {
    padding-right: 12px !important
}

.siteListViewWidget .waterquality-listview .k-grid-header .k-header {
    padding-right: 12px
}

    .siteListViewWidget .waterquality-listview .k-grid-header .k-header > .k-link > .k-icon.k-i-sort-asc-sm {
        margin-left: -1px
    }

    .siteListViewWidget .waterquality-listview .k-grid-header .k-header > .k-link > .k-icon.k-i-sort-desc-sm {
        margin-left: -1px
    }

.siteListViewWidget .waterquality-listview .k-grid-header .k-i-sort-desc-sm:before, .siteListViewWidget .waterquality-listview .k-grid-header .k-i-sort-asc-sm:before {
    color: #ccc
}

.siteListViewWidget .waterquality-listview .k-grid-header a.k-link:focus .k-i-sort-desc-sm:before, .siteListViewWidget .waterquality-listview .k-grid-header a.k-link:focus .k-i-sort-asc-sm:before {
    color: #4e4f50
}

.siteListViewWidget .waterquality-listview .k-pager-wrap .k-pager-sizes {
    position: absolute;
    right: 0
}

.siteListViewWidget .waterquality-listview .k-sort-order {
    display: none
}

.siteListViewWidget .waterquality-listview .k-grid-aria-root {
    overflow-x: auto !important
}

.siteListViewWidget .quality-tabs {
    padding-left: 9px;
    padding-right: 16px
}

    .siteListViewWidget .quality-tabs .site-nav {
        border: 1px solid #e2e2e2;
        box-shadow: 0 1px 2px #00000026;
        padding-right: 0;
        padding-left: 0
    }

        .siteListViewWidget .quality-tabs .site-nav .nav-tabs .nav-item .nav-link {
            padding: 0 0 .813rem
        }

    .siteListViewWidget .quality-tabs .k-header span.k-icon:before {
        color: #616365
    }

    .siteListViewWidget .quality-tabs .k-header span:not(.k-icon):before {
        content: "\e006";
        color: #ccc;
        vertical-align: baseline;
        box-sizing: border-box;
        width: 1em;
        height: 1em;
        font-size: 16px;
        font-family: WebComponentsIcons;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        text-transform: none;
        text-decoration: none;
        display: inline-block
    }

.siteListViewWidget kendo-grid .k-grid-container .k-grid-content {
    overflow: auto !important
}

.siteListViewWidget kendo-grid .iconPosition {
    position: relative;
    top: 4px;
    display: inline
}

@media only screen and (max-width: 540px) {
    .siteListViewWidget .k-pager-wrap .k-pager-sizes {
        width: 41%;
        font-size: 10px;
        position: relative !important
    }
}

.siteListViewWidget .defaultMsg {
    margin-top: 20px
}

    .siteListViewWidget .defaultMsg span {
        display: flex;
        justify-content: center;
        color: #616365
    }

.siteListViewWidget .hide-table {
    display: none
}

.siteListViewWidget .site-list-pdf-avoid-break {
    pageX-breakX-inside: avoid
}

.fixed-table-layout {
    table-layout: fixed
}

.content .enterpriseTitle {
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    line-height: 1.2em;
    max-height: 2.4em;
    text-align: left;
    margin-right: -1em;
    padding-right: 1em
}

    .content .enterpriseTitle:before {
        content: "...";
        position: absolute;
        right: 0;
        bottom: 0
    }

    .content .enterpriseTitle:after {
        content: "";
        position: absolute;
        right: 0;
        width: 1em;
        height: 1em;
        margin-top: .2em;
        background: #eae9e8
    }

.select-filter.disabled-filter-cursor {
    cursor: not-allowed
}

.select-filter.enabled-filter-cursor {
    cursor: default
}

.select-filter .range-content.disabled-filter-pointer {
    pointer-events: none
}

.select-filter .range-content.enabled-filter-pointer {
    pointer-events: all
}

.viewThreshold {
    float: right;
    font-size: .875rem;
    color: #007ac9;
    cursor: pointer;
    text-decoration: underline;
    margin-bottom: 0;
    padding-top: 5px
}

.k-pager-numbers .k-link, .k-pager-numbers .k-link:link {
    color: #007ac9
}

.k-list-item.k-selected {
    background-color: #007ac9;
    color: #fff
}

    .k-list-item.k-selected:hover {
        color: #fff;
        background-color: #007ac9
    }

.k-pager-nav.k-button.k-selected {
    background-color: #007ac9 !important;
    color: #fff
}

    .k-pager-nav.k-button.k-selected:hover {
        background-color: #007ac9
    }

.k-pager-nav:hover {
    color: #656565;
    background-color: #ededed
}

.k-pager-numbers .k-link:hover {
    background-color: #ededed
}

.k-pager-numbers .k-link.k-state-selected, .k-pager-numbers .k-link:link.k-state-selected {
    color: #fff
}

.listHeight .tile-content-wrapper .loading {
    top: 50px;
    left: 50px
}

.listHeight .no-header .card.tile {
    margin-bottom: 0
}

.mapHeight {
    min-height: 250px
}

.overFlow .showMe {
    top: 3.2rem;
    left: 0;
    padding-left: .5rem
}

.overFlow .tooltip.bs-tooltip-bottom, .overFlow .tooltip.bs-tooltip-auto[x-placement^=bottom] {
    z-index: 500 !important
}

.overFlow .disabled .filterButton {
    pointer-events: none;
    opacity: .4;
    background-color: transparent
}

.overFlow div.custom .admin-search, .overFlow div.custom nalco-dropdown .dropdown, .overFlow div.custom .k-datepicker, .overFlow div.custom .data-visual.nalco-date-range-dropdown, .overFlow div.custom kendo-autocomplete.general-currency {
    min-width: 100%;
    width: 100%;
    height: 2.78rem;
    border-radius: .125rem;
    margin-bottom: 0
}

    .overFlow div.custom .admin-search .k-picker-wrap.k-state-default, .overFlow div.custom nalco-dropdown .dropdown .k-picker-wrap.k-state-default, .overFlow div.custom .k-datepicker .k-picker-wrap.k-state-default, .overFlow div.custom .data-visual.nalco-date-range-dropdown .k-picker-wrap.k-state-default, .overFlow div.custom kendo-autocomplete.general-currency .k-picker-wrap.k-state-default {
        border: 1px solid #bbbcbe;
        border-radius: .125rem
    }

    .overFlow div.custom .admin-search .k-input, .overFlow div.custom nalco-dropdown .dropdown .k-input, .overFlow div.custom .k-datepicker .k-input, .overFlow div.custom .data-visual.nalco-date-range-dropdown .k-input, .overFlow div.custom kendo-autocomplete.general-currency .k-input {
        margin-top: .625rem
    }

    .overFlow div.custom .admin-search .selected-text, .overFlow div.custom nalco-dropdown .dropdown .selected-text, .overFlow div.custom .k-datepicker .selected-text, .overFlow div.custom .data-visual.nalco-date-range-dropdown .selected-text, .overFlow div.custom kendo-autocomplete.general-currency .selected-text {
        color: #007ac9;
        top: 0;
        padding-top: .25rem
    }

    .overFlow div.custom .admin-search .label, .overFlow div.custom nalco-dropdown .dropdown .label, .overFlow div.custom .k-datepicker .label, .overFlow div.custom .data-visual.nalco-date-range-dropdown .label, .overFlow div.custom kendo-autocomplete.general-currency .label {
        display: block !important;
        top: 0;
        line-height: normal !important;
        padding-top: .25rem
    }

.overFlow div.custom .start-label {
    font-size: 9px;
    font-size: .5625rem;
    left: 1rem;
    display: block;
    z-index: 1;
    position: absolute;
    text-transform: uppercase;
    font-family: Roboto,sans-serif;
    color: #616365;
    margin-top: .375rem;
    margin-bottom: 0rem;
    width: 6.25rem;
    width: 7rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.overFlow div.custom .k-input-inner {
    position: relative;
    background: transparent;
    padding: .7rem .5rem 0 1rem;
    color: #007ac9
}

    .overFlow div.custom .k-input-inner::placeholder {
        font-size: 14px;
        font-size: .875rem;
        margin-top: .375rem;
        color: #007ac9 !important
    }

    .overFlow div.custom .k-input-inner::-moz-placeholder {
        font-size: 14px;
        font-size: .875rem;
        margin-top: .1875rem;
        color: #007ac9 !important;
        opacity: 1
    }

.overFlow div.custom .k-animation-container-shown {
    z-index: 1002
}

.overFlow .page-datepicker .k-picker-wrap.k-state-default {
    border-color: #bbbcbe !important
}

.overFlow .page-datepicker .start-label {
    color: #616365;
    font-size: 9px;
    font-size: .5625rem;
    left: 1rem;
    display: block;
    z-index: 1;
    position: absolute;
    text-transform: uppercase;
    margin-top: .375rem
}

.overFlow .page-datepicker kendo-datepicker .k-dateinput {
    margin-top: .25rem
}

.overFlow .page-datepicker kendo-datepicker .k-icon.k-i-calendar {
    color: #bbbcbe
}

.overFlow nalco-sites-filter .filterButton {
    padding: .5rem .875rem;
    margin-bottom: 0
}

.wq-enterprise-view-section .tile-content-wrapper .state-wrapper {
    position: relative
}

    .wq-enterprise-view-section .tile-content-wrapper .state-wrapper.loading {
        top: 0;
        left: 0
    }

    .wq-enterprise-view-section .tile-content-wrapper .state-wrapper .loader {
        position: relative
    }

@media only screen and (max-width: 990px) {
    .mobileWidth {
        width: 100%;
        padding-bottom: 0 !important;
        padding-right: 1rem !important
    }

    .toolTipPosition .tooltip {
        top: 63px !important;
        left: -7px !important
    }
}

@media only screen and (max-width: 550px) {
    .overFlow {
        overflow-x: auto
    }

        .overFlow .section .mapHeight .loaderPosition .card {
            min-height: 166px
        }

        .overFlow .section .listHeight .card {
            min-height: 180px
        }

            .overFlow .section .listHeight .card .loader {
                left: -54px
            }

        .overFlow .section .loader {
            top: -18px !important
        }
}

nalco-sub-system-chart .DonutChart span.iconwater-LowRiskGreen, nalco-sub-system-chart .DonutChart span.iconwater-MediumRiskYellow, nalco-sub-system-chart .DonutChart span.iconwater-HighRiskRed {
    vertical-align: top
}

nalco-sub-system-chart .DonutChart span.icon-trend-NoTest {
    margin-right: 4px
}

nalco-sub-system-chart .offlineDaysClass {
    bottom: 3.6rem;
    text-align: center
}

nalco-sub-system-chart .viewMoreClass1 {
    bottom: 3.7rem;
    text-align: center
}

nalco-sub-system-chart .viewMoreClass2 {
    bottom: 2.15rem;
    text-align: center
}

nalco-sub-system-chart .navigationLink {
    color: #1e90ff;
    text-decoration: underline;
    background-color: none;
    cursor: pointer
}

nalco-sub-system-chart .donutContainer {
    display: block
}

.wq-sub-system-chart .title-row {
    display: flex
}

    .wq-sub-system-chart .title-row .asset-title-info.info-dashboard {
        flex: 12;
        display: flex;
        gap: 5px;
        justify-content: center;
        max-width: unset
    }

        .wq-sub-system-chart .title-row .asset-title-info.info-dashboard .donut-asset-title {
            max-width: 6.875rem
        }

            .wq-sub-system-chart .title-row .asset-title-info.info-dashboard .donut-asset-title .donut-asset-substring {
                max-width: 9rem !important
            }

@media screen and (max-width: 992px) {
    .wq-sub-system-chart .title-row .asset-title-info.info-dashboard .donut-asset-title .donut-asset-substring {
        max-width: 15rem !important
    }
}

.wq-sub-system-chart .title-row .asset-title-info.info-dashboard .popup-info-icon {
    font-size: 1rem !important;
    line-height: 1.2rem !important;
    padding: 0;
    height: 1.2rem
}

.wq-sub-system-chart .title-row .ai-icon {
    position: absolute;
    top: 0;
    right: .3rem;
    background-image: url(ai-icon.4e0671ea57d8562b.svg);
    background-repeat: no-repeat;
    height: 1.125rem;
    width: 1.6875rem;
    background-position: center;
    background-size: contain
}

.poweredBy-tooltip.tooltip.show {
    opacity: 1 !important
}

    .poweredBy-tooltip.tooltip.show .tooltip-inner {
        background-color: #39b54a !important
    }

    .poweredBy-tooltip.tooltip.show .arrow {
        left: 50% !important;
        top: 80% !important;
        transform: translate(-50%)
    }

        .poweredBy-tooltip.tooltip.show .arrow:before {
            border-top-color: #39b54a !important
        }

.donutAssetName.donutassetcomponet {
    overflow: hidden;
    line-height: 1.5em;
    max-height: 3em;
    position: absolute;
    text-align: center;
    width: 200px;
    margin-top: 7px;
    z-index: 10;
    margin-left: 0
}

@media screen and (max-width: 990px) {
    .donutAssetName.donutassetcomponet {
        width: 100%
    }
}

.waterqualitymap div.map-container-inner div.MicrosoftMap {
    width: 100% !important;
    position: relative !important;
    min-height: 100VH;
    height: 100% !important
}

    .waterqualitymap div.map-container-inner div.MicrosoftMap .letterbox {
        display: none !important
    }

@media only screen and (max-width: 550px) {
    .waterqualitymap div.map-container-inner div.MicrosoftMap .ms-composite {
        top: -27px !important
    }

        .waterqualitymap div.map-container-inner div.MicrosoftMap .ms-composite #tileCanvasId {
            height: 618px !important
        }
}

.infoBox {
    top: 0;
    left: 0
}

.waterqualitymap div.MicrosoftMap {
    height: 43.98rem !important
}

.waterqualitymap .carousel-control-prev-icon, .waterqualitymap .carousel-control-next-icon {
    width: 20px;
    height: 20px;
    border-color: #007ac9;
    border-bottom: 3px solid #007ac9;
    border-left: 3px solid #007ac9;
    transform: rotate(-135deg);
    background-image: none
}

.waterqualitymap .carousel-control-prev-icon {
    transform: rotate(45deg)
}

.waterqualitymap .carousel-control-prev-hide, .waterqualitymap .carousel-control-next-hide {
    display: none
}

.waterqualitymap .tooltip .tooltip-inner {
    max-width: 100% !important
}

.waterqualitymap .custom-infobox .bs-tooltip-bottom, .waterqualitymap .custom-infobox .bs-tooltip-auto[x-placement^=bottom] {
    left: 16px !important;
    width: auto;
    right: 17px !important;
    margin-left: 0 !important;
    margin-right: 0 !important
}

.custom-infobox {
    background: #fff;
    box-shadow: 2px 2px 15px #707070;
    width: 375px;
    position: relative;
    top: 58px;
    left: 0;
    z-index: 1000
}

@media screen and (max-width: 1114px) {
    .custom-infobox {
        top: 63px
    }
}

@media screen and (max-width: 991px) {
    .custom-infobox {
        top: 100px
    }
}

@media screen and (max-width: 617px) {
    .custom-infobox {
        top: 142px
    }
}

@media screen and (max-width: 380px) {
    .custom-infobox {
        top: 192px
    }
}

@media screen and (max-width: 338px) {
    .custom-infobox {
        top: 232px
    }
}

@media screen and (max-width: 550px) {
    .custom-infobox {
        width: 330px
    }

        .custom-infobox .infobox-inner {
            white-space: normal !important
        }
}

.custom-infobox:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: #88b7d500;
    border-top-color: #fff;
    border-width: 10px;
    margin-left: -10px
}

.custom-infobox .infobox-inner {
    padding: 15px 18px;
    font-size: 16px;
    font-size: 1rem;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: 1px solid #c3c3c3;
    margin: 0
}

.custom-infobox h2 {
    font-size: 32px;
    font-size: 2rem;
    margin-top: 5px;
    margin-bottom: 2px;
    text-transform: capitalize
}

.custom-infobox .compliance-infobox {
    font-size: 14px;
    font-size: .875rem;
    margin-bottom: 12px
}

.custom-infobox .infobox-middle {
    text-align: left;
    border-bottom: 1px solid #c3c3c3;
    padding: 0 11px;
    margin-left: 0;
    position: relative;
    padding-top: 8px !important;
    min-height: 146px;
    height: auto
}

    .custom-infobox .infobox-middle .active {
        position: absolute;
        top: 0;
        width: 100% !important;
        left: 0;
        right: 0;
        text-align: center
    }

        .custom-infobox .infobox-middle .active h4 {
            font-size: 28px;
            font-size: 1.75rem
        }

        .custom-infobox .infobox-middle .active p {
            font-size: 14px;
            font-size: .875rem;
            color: #616365
        }

    .custom-infobox .infobox-middle .position-relative h4 {
        font-family: Roboto;
        font-size: 28px;
        font-size: 1.75rem;
        text-transform: capitalize;
        margin: 0 -50% 0 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }

    .custom-infobox .infobox-middle .position-relative span {
        padding-right: 2px
    }

    .custom-infobox .infobox-middle .kpi-item {
        border-bottom: 1px solid #e2e2e2;
        padding-top: 7px;
        padding-bottom: 6px;
        position: relative
    }

        .custom-infobox .infobox-middle .kpi-item:first-child {
            padding-top: 0
        }

        .custom-infobox .infobox-middle .kpi-item:last-child {
            border-bottom: none
        }

        .custom-infobox .infobox-middle .kpi-item span:nth-child(1) {
            position: absolute;
            top: -4px;
            left: 0
        }

        .custom-infobox .infobox-middle .kpi-item span:nth-child(2) {
            position: absolute;
            top: 0;
            left: 24px
        }

    .custom-infobox .infobox-middle .headIng {
        font-weight: 700;
        padding-left: 0 !important
    }

    .custom-infobox .infobox-middle p {
        font-size: 12px;
        font-size: .75rem;
        line-height: 1.2;
        margin-bottom: 0;
        padding-left: 0
    }

    .custom-infobox .infobox-middle .assetType {
        width: 60% !important;
        width: 118px;
        float: left
    }

    .custom-infobox .infobox-middle .perforMance {
        float: left;
        margin: 0;
        padding: 0
    }

.custom-infobox .infobox-link {
    font-size: 16px;
    font-size: 1rem;
    padding: 15px
}

.custom-infobox .actionLogdetails {
    border-bottom: 1px solid #c3c3c3
}

    .custom-infobox .actionLogdetails .card.tile {
        margin-bottom: 0
    }

        .custom-infobox .actionLogdetails .card.tile .siteTile {
            padding: 6px
        }

            .custom-infobox .actionLogdetails .card.tile .siteTile .nameClass {
                font-size: 14px
            }

.custom-infobox .textErrorMsg {
    display: block;
    text-align: center;
    position: relative;
    top: 45px;
    left: 97px
}

.notifications-admin ul {
    float: left
}

    .notifications-admin ul li {
        list-style-type: none
    }

.notifications-admin table {
    width: auto !important
}

.notifications-admin .searchtypeSite .mandatory-field {
    color: red;
    font-size: 20px;
    position: absolute;
    right: 4px
}

.notifications-admin .nalco-asset-parameters .notificationPage {
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(0,0,0,.125);
    border-radius: 0;
    position: relative;
    display: flex
}

    .notifications-admin .nalco-asset-parameters .notificationPage .filterSpace {
        border-bottom: 1px solid #E2E2E2;
        align-items: center;
        padding: 6px 0 10px 24px
    }

        .notifications-admin .nalco-asset-parameters .notificationPage .filterSpace .paddingRight {
            padding-right: 16px
        }

            .notifications-admin .nalco-asset-parameters .notificationPage .filterSpace .paddingRight .nalco-filter-by-service .dropdown, .notifications-admin .nalco-asset-parameters .notificationPage .filterSpace .paddingRight .filter-by-type-of-user .dropdown {
                min-width: 13.8rem;
                min-height: 30px
            }

                .notifications-admin .nalco-asset-parameters .notificationPage .filterSpace .paddingRight .nalco-filter-by-service .dropdown .btn-outline-primary.drop-btn.dropdown-toggle, .notifications-admin .nalco-asset-parameters .notificationPage .filterSpace .paddingRight .filter-by-type-of-user .dropdown .btn-outline-primary.drop-btn.dropdown-toggle {
                    margin-top: 1px
                }

                .notifications-admin .nalco-asset-parameters .notificationPage .filterSpace .paddingRight .nalco-filter-by-service .dropdown .label, .notifications-admin .nalco-asset-parameters .notificationPage .filterSpace .paddingRight .filter-by-type-of-user .dropdown .label {
                    display: block
                }

                .notifications-admin .nalco-asset-parameters .notificationPage .filterSpace .paddingRight .nalco-filter-by-service .dropdown.show .dropdown-menu.show, .notifications-admin .nalco-asset-parameters .notificationPage .filterSpace .paddingRight .filter-by-type-of-user .dropdown.show .dropdown-menu.show {
                    margin-top: 9px !important
                }

            .notifications-admin .nalco-asset-parameters .notificationPage .filterSpace .paddingRight .filter-by-account .admin-search {
                min-width: 13.8rem;
                width: auto;
                border: 1px solid #BBBCBE;
                border-radius: .25rem
            }

                .notifications-admin .nalco-asset-parameters .notificationPage .filterSpace .paddingRight .filter-by-account .admin-search ::placeholder {
                    color: #bbbcbe
                }

            .notifications-admin .nalco-asset-parameters .notificationPage .filterSpace .paddingRight .search-text-filter .k-autocomplete {
                min-width: 13.8rem;
                border: 1px solid #BBBCBE;
                padding: .125rem 1rem .125rem 2rem;
                border-radius: .25rem
            }

@media screen and (max-width: 1120px) {
    .notifications-admin .nalco-asset-parameters .notificationPage .filterSpace .position-relative.paddingRight {
        margin-top: 1rem
    }
}

.notifications-admin .nalco-asset-parameters .notificationPage .filterSpace .padding-12 {
    padding-right: 12px
}

.notifications-admin .nalco-asset-parameters .notificationPage .kendoSpace {
    min-height: 100px
}

    .notifications-admin .nalco-asset-parameters .notificationPage .kendoSpace .admin-button-spacing {
        position: absolute;
        top: -65px;
        right: 0
    }

        .notifications-admin .nalco-asset-parameters .notificationPage .kendoSpace .admin-button-spacing .btn {
            width: 170px;
            margin-right: 10px;
            min-height: 32px
        }

.notifications-admin .nalco-asset-parameters .notificationPage .parameters-tile {
    padding: 16px;
    font-size: 14px;
    color: #616365;
    border-bottom: 1px solid #E2E2E2
}

    .notifications-admin .nalco-asset-parameters .notificationPage .parameters-tile .admin-radio-width:first-child {
        width: 231px
    }

    .notifications-admin .nalco-asset-parameters .notificationPage .parameters-tile input[type=radio] {
        margin-left: 25px
    }

    .notifications-admin .nalco-asset-parameters .notificationPage .parameters-tile label {
        padding-left: 16px;
        margin-bottom: 0
    }

    .notifications-admin .nalco-asset-parameters .notificationPage .parameters-tile .checkmark {
        position: absolute;
        padding-right: 8px;
        top: 0;
        left: 0;
        height: 15px;
        width: 15px;
        border-radius: 50%;
        border: 1px solid #616365
    }

        .notifications-admin .nalco-asset-parameters .notificationPage .parameters-tile .checkmark:after {
            content: "";
            position: absolute;
            display: none;
            top: 3px;
            left: 3px;
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: #007ac9
        }

    .notifications-admin .nalco-asset-parameters .notificationPage .parameters-tile .input:checked ~ .checkmark {
        background-color: #fff;
        border: 1px solid #616365
    }

    .notifications-admin .nalco-asset-parameters .notificationPage .parameters-tile input:checked ~ .checkmark:after {
        display: block
    }

    .notifications-admin .nalco-asset-parameters .notificationPage .parameters-tile .fontFamily {
        font-size: 1rem
    }

@media screen and (max-width: 767px) {
    .notifications-admin .nalco-asset-parameters .notificationPage .parameters-tile div {
        margin: 8px 0 8px 8px
    }
}

.notifications-admin .search-user .search-icon {
    left: 17px;
    top: 9px;
    background-image: url(/assets/images/search-icon.svg);
    width: 1rem;
    height: 1rem;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 10
}

.notifications-admin .search-user .k-autocomplete {
    min-width: 13.8rem;
    border: 1px solid #BBBCBE;
    padding: .125rem 1rem .125rem 2rem;
    border-radius: .25rem
}

.notifications-admin .accordion.mainClass {
    padding-top: 26px;
    float: left;
    width: 100%
}

.notifications-admin ngb-accordion .card .card-header[role=tab] button.btn-link:after, .notifications-admin ngb-accordion .card .card-header[role=tab] button.btn-link.collapsed:after {
    top: 42px
}

.notifications-admin .custom-control-label .tooltip {
    display: contents;
    line-height: 1em
}

.notifications-admin .custom-control-label:before {
    margin-left: 1.5rem
}

.notifications-admin .select-view-type .nalco-tree-column .custom-control .custom-control-label {
    padding: 5px 4px 4px 25px;
    max-width: 200px
}

.notifications-admin .custom-control-label:after {
    left: .01rem
}

.notifications-admin .select-view-type .nalco-simple-column .checkBoxStyle .custom-control {
    display: flex
}

.notifications-admin .userClass {
    left: -10px !important
}

.notifications-admin .select-view-type .nalco-tree-column ngb-accordion .card .card-header {
    padding: 25px 10px 15px
}

.filter-by-type-of-user .selected-text, .nalco-filter-by-service .selected-text {
    color: #007ac9 !important;
    font-family: Roboto,sans-serif;
    top: 2px;
    position: relative
}

.custom-control-label:before {
    background: #e2e2e2;
    border: none
}

.select-view-type {
    max-width: inherit
}

    .select-view-type ul {
        float: left
    }

        .select-view-type ul li {
            list-style-type: none
        }

    .select-view-type table {
        width: auto !important
    }

    .select-view-type .header_border {
        border-bottom: 1px solid #E2E2E2
    }

    .select-view-type .nalco-tree-column ngb-accordion .card .card-header {
        position: relative;
        top: -40px;
        padding: 10px 10px 15px;
        height: 100px
    }

        .select-view-type .nalco-tree-column ngb-accordion .card .card-header .btn.btn-link {
            white-space: break-spaces
        }

            .select-view-type .nalco-tree-column ngb-accordion .card .card-header .btn.btn-link:after {
                transform: rotate(0)
            }

            .select-view-type .nalco-tree-column ngb-accordion .card .card-header .btn.btn-link.collapsed:after {
                transform: rotate(270deg)
            }

        .select-view-type .nalco-tree-column ngb-accordion .card .card-header a {
            height: 20px;
            white-space: nowrap;
            width: 90%;
            text-overflow: ellipsis;
            overflow: hidden;
            padding-left: 24px
        }

            .select-view-type .nalco-tree-column ngb-accordion .card .card-header a:after {
                position: absolute;
                left: 0
            }

    .select-view-type .nalco-tree-column ngb-accordion .card .card-body {
        position: relative;
        top: -40px;
        padding: 0
    }

    .select-view-type .nalco-tree-column .custom-control {
        height: 39px;
        border-bottom: 1px solid #E2E2E2;
        margin-top: 12px;
        margin-left: 31px
    }

        .select-view-type .nalco-tree-column .custom-control .custom-control-label {
            overflow: hidden;
            white-space: nowrap;
            max-width: 150px;
            text-overflow: ellipsis;
            padding: 5px 4px 4px;
            width: 100%
        }

@media screen and (max-width: 990px) {
    .select-view-type .nalco-tree-column .custom-control .custom-control-label {
        width: 100%
    }
}

.select-view-type .nalco-simple-column .custom-control {
    padding-bottom: 12px;
    height: 39px
}

.select-view-type .nalco-simple-column .checkBoxStyle .custom-control {
    border-bottom: 1px solid #E2E2E2;
    margin-top: 12px
}

.select-view-type .noData {
    font-size: 16px;
    padding: 16px;
    justify-content: center
}

.select-view-type .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label:before {
    background-color: #007ac9 !important
}

.select-view-type .custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {
    background-color: #007ac9 !important
}

.select-view-type .custom-control-input:checked ~ .custom-control-label:before {
    color: #fff;
    background-color: #007ac9 !important
}

.notifications-by-user .nameUser {
    position: absolute;
    top: 0;
    white-space: nowrap;
    left: 29%;
    padding-top: 14px
}

    .notifications-by-user .nameUser .displayName {
        margin-left: 20px;
        margin-bottom: .5rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-height: 1.3em;
        z-index: 10;
        max-height: 2.6em;
        width: 77%;
        overflow: hidden
    }

@media screen and (max-width: 1120px) {
    .notifications-by-user .nameUser {
        left: 45%
    }
}

@media screen and (max-width: 800px) {
    .notifications-by-user .nameUser {
        left: 90%
    }
}

@media screen and (max-width: 600px) {
    .notifications-by-user .nameUser {
        left: 90%
    }
}

.notifications-by-user #Notifications-header .card-body {
    padding-left: 54px
}

.notifications-by-user .parentDivision {
    position: absolute;
    left: 559px
}

@media screen and (max-width: 1120px) {
    .notifications-by-user .parentDivision {
        left: 45%
    }
}

@media screen and (max-width: 800px) {
    .notifications-by-user .parentDivision {
        left: 90%
    }
}

@media screen and (max-width: 600px) {
    .notifications-by-user .parentDivision {
        left: 90%
    }
}

.notifications-by-user .parentDivision .checkBoxClass {
    position: absolute;
    top: 46px;
    left: 0;
    width: 100%;
    height: 38px;
    border-bottom: 1px solid #E2E2E2
}

.notifications-by-user .accordianClass {
    padding-top: 43px;
    float: left;
    width: 100%
}

    .notifications-by-user .accordianClass .panelClass {
        width: 100%
    }

        .notifications-by-user .accordianClass .panelClass .panelAccordian {
            padding-top: 5px;
            float: left;
            width: 100%
        }

            .notifications-by-user .accordianClass .panelClass .panelAccordian .contentDiv {
                width: 100%
            }

                .notifications-by-user .accordianClass .panelClass .panelAccordian .contentDiv .contentAccordian {
                    padding-top: 5px;
                    float: left;
                    width: 100%
                }

                    .notifications-by-user .accordianClass .panelClass .panelAccordian .contentDiv .contentAccordian .childDiv {
                        margin-left: 12px
                    }

                        .notifications-by-user .accordianClass .panelClass .panelAccordian .contentDiv .contentAccordian .childDiv .custom-control {
                            border-bottom: 1px solid #E2E2E2
                        }

@media screen and (max-width: 1120px) {
    .notifications-by-user .accordianClass .panelClass .panelAccordian .contentDiv .contentAccordian .childDiv .custom-control .custom-control-label:before {
        left: 41.2%
    }
}

@media screen and (max-width: 800px) {
    .notifications-by-user .accordianClass .panelClass .panelAccordian .contentDiv .contentAccordian .childDiv .custom-control .custom-control-label:before {
        left: 91%
    }
}

@media screen and (max-width: 600px) {
    .notifications-by-user .accordianClass .panelClass .panelAccordian .contentDiv .contentAccordian .childDiv .custom-control .custom-control-label:before {
        left: 91%
    }
}

@media screen and (max-width: 1120px) {
    .notifications-by-user .accordianClass .panelClass .panelAccordian .contentDiv .contentAccordian .childDiv .custom-control .custom-control-label:after {
        left: 41.5%
    }
}

@media screen and (max-width: 800px) {
    .notifications-by-user .accordianClass .panelClass .panelAccordian .contentDiv .contentAccordian .childDiv .custom-control .custom-control-label:after {
        left: 91.8%
    }
}

@media screen and (max-width: 600px) {
    .notifications-by-user .accordianClass .panelClass .panelAccordian .contentDiv .contentAccordian .childDiv .custom-control .custom-control-label:after {
        left: 91.8%
    }
}

.notifications-by-user .accordianClass .panelClass .panelAccordian .contentDiv .contentAccordian .childAccordian {
    padding-top: 5px;
    float: left;
    width: 100%
}

    .notifications-by-user .accordianClass .panelClass .panelAccordian .contentDiv .contentAccordian .childAccordian .card-body {
        padding-left: 14px
    }

    .notifications-by-user .accordianClass .panelClass .panelAccordian .contentDiv .contentAccordian .childAccordian .card-header a {
        overflow: hidden;
        white-space: nowrap;
        padding-left: 16px;
        width: 40%;
        text-overflow: ellipsis
    }

        .notifications-by-user .accordianClass .panelClass .panelAccordian .contentDiv .contentAccordian .childAccordian .card-header a:after {
            position: absolute;
            display: block;
            float: left;
            top: 8px;
            margin: 0 10px 0 0;
            border-color: #5EB6E4 transparent transparent transparent;
            LEFT: 0%;
            right: auto
        }

    .notifications-by-user .accordianClass .panelClass .panelAccordian .contentDiv .contentAccordian .childAccordian .custom-control {
        border-bottom: 1px solid #E2E2E2
    }

        .notifications-by-user .accordianClass .panelClass .panelAccordian .contentDiv .contentAccordian .childAccordian .custom-control .custom-control-label:before {
            left: 462px
        }

@media screen and (max-width: 1120px) {
    .notifications-by-user .accordianClass .panelClass .panelAccordian .contentDiv .contentAccordian .childAccordian .custom-control .custom-control-label:before {
        left: 41.2%
    }
}

@media screen and (max-width: 800px) {
    .notifications-by-user .accordianClass .panelClass .panelAccordian .contentDiv .contentAccordian .childAccordian .custom-control .custom-control-label:before {
        left: 91%
    }
}

@media screen and (max-width: 600px) {
    .notifications-by-user .accordianClass .panelClass .panelAccordian .contentDiv .contentAccordian .childAccordian .custom-control .custom-control-label:before {
        left: 91%
    }
}

.notifications-by-user .accordianClass .panelClass .panelAccordian .contentDiv .contentAccordian .childAccordian .custom-control .custom-control-label:after {
    left: 464px
}

@media screen and (max-width: 1120px) {
    .notifications-by-user .accordianClass .panelClass .panelAccordian .contentDiv .contentAccordian .childAccordian .custom-control .custom-control-label:after {
        left: 41.5%
    }
}

@media screen and (max-width: 800px) {
    .notifications-by-user .accordianClass .panelClass .panelAccordian .contentDiv .contentAccordian .childAccordian .custom-control .custom-control-label:after {
        left: 91.8%
    }
}

@media screen and (max-width: 600px) {
    .notifications-by-user .accordianClass .panelClass .panelAccordian .contentDiv .contentAccordian .childAccordian .custom-control .custom-control-label:after {
        left: 91.8%
    }
}

.notifications-by-user .accordianClass .panelClass .panelAccordian .contentDiv .sideBox {
    position: absolute;
    top: 8px;
    left: 525px
}

@media screen and (max-width: 1120px) {
    .notifications-by-user .accordianClass .panelClass .panelAccordian .contentDiv .sideBox {
        left: 43.5%
    }
}

@media screen and (max-width: 800px) {
    .notifications-by-user .accordianClass .panelClass .panelAccordian .contentDiv .sideBox {
        left: 91.5%
    }
}

@media screen and (max-width: 600px) {
    .notifications-by-user .accordianClass .panelClass .panelAccordian .contentDiv .sideBox {
        left: 91.5%
    }
}

.notifications-by-user .accordianClass .panelClass .panelAccordian .contentDiv .individualSite {
    height: auto;
    overflow: hidden
}

    .notifications-by-user .accordianClass .panelClass .panelAccordian .contentDiv .individualSite .checkboxStyle {
        position: absolute;
        left: 476px;
        top: 8px
    }

@media screen and (max-width: 1120px) {
    .notifications-by-user .accordianClass .panelClass .panelAccordian .contentDiv .individualSite .checkboxStyle {
        left: 40.3%
    }
}

@media screen and (max-width: 800px) {
    .notifications-by-user .accordianClass .panelClass .panelAccordian .contentDiv .individualSite .checkboxStyle {
        left: 90.6%
    }
}

@media screen and (max-width: 600px) {
    .notifications-by-user .accordianClass .panelClass .panelAccordian .contentDiv .individualSite .checkboxStyle {
        left: 90.6%
    }
}

.notifications-by-user .accordianClass .panelClass .panelAccordian .contentDiv .individualSite .classForTooltip {
    position: absolute;
    top: 14px;
    z-index: 100;
    left: 32px;
    width: 22%;
    height: 16px
}

@media screen and (max-width: 1120px) {
    .notifications-by-user .accordianClass .panelClass .panelAccordian .contentDiv .individualSite .classForTooltip {
        width: 27%
    }
}

@media screen and (max-width: 800px) {
    .notifications-by-user .accordianClass .panelClass .panelAccordian .contentDiv .individualSite .classForTooltip {
        width: 37%
    }
}

@media screen and (max-width: 600px) {
    .notifications-by-user .accordianClass .panelClass .panelAccordian .contentDiv .individualSite .classForTooltip {
        width: 47%
    }
}

.notifications-by-user .panelCheckbox {
    position: absolute;
    left: 550px;
    top: 8px
}

@media screen and (max-width: 1120px) {
    .notifications-by-user .panelCheckbox {
        left: 45%
    }
}

@media screen and (max-width: 800px) {
    .notifications-by-user .panelCheckbox {
        left: 91.5%
    }
}

@media screen and (max-width: 600px) {
    .notifications-by-user .panelCheckbox {
        left: 91.5%
    }
}

.notifications-by-user .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label:before {
    background-color: #007ac9 !important
}

.notifications-by-user .custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {
    background-color: #007ac9 !important
}

.notifications-by-user .custom-control-input:checked ~ .custom-control-label:before {
    color: #fff;
    background-color: #007ac9 !important
}

.notifications-by-user .notificationPage .noData {
    font-size: 16px;
    padding: 16px;
    justify-content: center
}

.notifications-by-user .custom-checkbox-input {
    display: block;
    min-height: 1.5rem;
    padding-top: 50px
}

.notifications-by-user .child-control-input {
    position: absolute
}

.notifications-by-user label.custom-control-label .select-label-inner {
    overflow: hidden;
    white-space: nowrap;
    max-width: 150px;
    text-overflow: ellipsis;
    padding: 5px 4px 4px;
    width: 100%
}

.search-text-filter .search-icon {
    left: 17px;
    top: 9px;
    background-image: url(/assets/images/search-icon.svg);
    width: 1rem;
    height: 1rem;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 10
}

.search-text-filter .searchUser {
    background-color: #fff;
    padding: .5rem 1rem .5rem 2.8rem;
    border: 1px solid #BBBCBE;
    border-radius: 1rem;
    min-width: 13.8rem;
    margin-bottom: -.25rem;
    font-size: 14px;
    color: #656565
}

    .search-text-filter .searchUser::placeholder {
        color: #c3c3c3
    }

.search-text-filter .k-searchbar .k-input {
    max-width: 180px
}

.search-text-filter .tooltip.show {
    top: -63px !important;
    left: -15px !important
}

.mandatory-field {
    color: red;
    font-size: 20px;
    position: absolute;
    right: -12px
}

.pdf-layout-fixed {
    table-layout: fixed
}

.hide-table {
    display: none
}

.actionLogGrid .first-col {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.action-log-grid-view .action-log-loader {
    position: relative !important;
    margin: 8.25rem auto !important;
    top: 0
}

.action-log-grid-view tr.k-detail-row:hover {
    background-color: transparent
}

.action-log-grid-view td a.k-icon.k-plus:before, .action-log-grid-view td a.k-icon.k-minus:before {
    vertical-align: -webkit-baseline-middle
}

.action-log-grid-view .no-capitalize-text {
    text-transform: none !important
}

.action-log-grid-view .first-col {
    overflow: hidden;
    text-overflow: ellipsis
}

    .action-log-grid-view .first-col:before {
        content: "";
        display: block
    }

.action-log-grid-view .k-icon.k-plus, .action-log-grid-view .k-icon.k-minus {
    display: flex;
    align-items: center;
    justify-content: center
}

.action-log-grid-view td {
    text-overflow: unset !important;
    white-space: unset !important;
    position: relative;
    padding-left: .5rem !important;
    padding-right: .5rem !important
}

.action-log-grid-view .spacing {
    padding-left: .5rem;
    display: flex
}

.action-log-grid-view .k-grid-aria-root tbody tr.k-alt {
    background-color: #fff
}

.action-log-grid-view th {
    padding-left: .5rem !important;
    padding-right: .5rem !important
}

.action-log-grid-view .k-grid-content {
    overflow-x: auto !important
}

.green-action-log {
    border-radius: 50%;
    width: 15px;
    height: 15px;
    background: #6fb43f;
    display: inline-block;
    margin-right: 2px
}

.yellow-action-log {
    width: 14px;
    height: 14px;
    background: #eeaf00;
    display: inline-block;
    margin-right: 2px
}

.grey-action-log {
    background: #949494;
    transform: rotate(45deg);
    width: 12.8px;
    height: 12.8px;
    margin-left: 2px;
    display: inline-block;
    margin-right: 2px
}

.yellow-action-log, .grey-action-log, .green-action-log {
    margin-right: .3rem !important;
    margin-top: .176rem;
    float: left
}

    .yellow-action-log:after, .grey-action-log:after, .green-action-log:after {
        content: "";
        height: 40%;
        width: 40%;
        display: block;
        position: relative;
        margin-left: 20%;
        margin-top: 20%
    }

.td-actionicon {
    margin-right: .3rem !important;
    margin-top: .3rem;
    float: left
}

.td-sitename {
    word-wrap: break-word;
    overflow: hidden;
    display: flex;
    padding-top: .3rem
}

.td-detail {
    padding-top: .25rem;
    padding-bottom: .25rem
}

    .td-detail .bold-caption {
        font-weight: 700
    }

@media screen and (max-width: 768px) {
    .grid-display {
        display: unset !important;
        overflow: scroll !important
    }
}

.column-pdf-width {
    width: 10% !important
}

.column-pdf-width-tvd {
    width: 12% !important
}

.text-center-pdf {
    text-align: center
}

.disable-site-name-link {
    color: #656565 !important;
    cursor: default
}

.action-log-pdf-wrapper {
    margin-top: -1.25%
}

    .action-log-pdf-wrapper .action-log-pdf-row {
        margin: 4px 0
    }

.red-action-log {
    position: relative;
    width: 17.2px;
    height: 9.55px;
    background-color: #e00034;
    margin: 5.77px 0;
    transform: rotate(30deg);
    float: left !important;
    margin-right: .2rem
}

    .red-action-log:before, .red-action-log:after {
        content: "";
        position: absolute;
        width: 0;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent
    }

    .red-action-log:before {
        bottom: 100%;
        border-bottom: 5.77px solid #e00034
    }

    .red-action-log:after {
        top: 100%;
        width: 0;
        border-top: 5.77px solid #e00034
    }

.Eroi-Value-Texts {
    white-space: nowrap;
    text-overflow: ellipsis !important;
    overflow: hidden
}

.project-grid kendo-pager-next-buttons .k-link.k-pager-nav {
    left: 0 !important
}

.iconwater-AiGenerated {
    background: url(/assets/images/cooling-system-AI.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 112px
}

kendo-grid.types-unit tr.k-grid-edit-row input.k-textbox {
    text-align: right !important
}

kendo-grid.types-unit tr th.k-header {
    border-width: 1px 1px 0px 0px !important
}

kendo-grid.types-unit tr td input.k-textbox {
    border: 1px solid #616365
}

kendo-grid.types-unit tr td {
    vertical-align: middle;
    border-width: 1px 1px 0px 0px !important
}

kendo-grid.types-unit kendo-dropdownlist.wfi-unit-type .k-state-default:before, kendo-grid.types-unit kendo-dropdownlist.wfi-unit-type .k-input:before, kendo-grid.types-unit kendo-dropdownlist.wfi-unit-type .k-select:before {
    content: none !important
}

.wrapper {
    display: inline-flex;
    width: 300px;
    margin-left: 50px
}

.option {
    background: #fff;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    border-radius: 25px;
    cursor: pointer;
    padding: 3px;
    border: 2px solid #d1cece;
    transition: all .3s ease
}

.mysites, .myteamsite {
    margin-left: 7px
}

.favoritesite {
    margin-left: 6px;
    margin-right: 17px
}

.displayRadio {
    display: none
}

#option-1:checked:checked ~ .option-1, #option-2:checked:checked ~ .option-2 {
    border-color: #1c9aec;
    background: #1C9AEC
}

.wrapper .option span {
    font-size: 14px;
    color: gray;
    text-align: centre;
    margin-right: 14px;
    margin-left: 14px
}

#option-1:checked:checked ~ .option-1 span, #option-2:checked:checked ~ .option-2 span {
    color: #fff
}

.grid-widget {
    margin-left: auto
}

.mysites_size {
    width: 118px
}

.myteamsites_size {
    width: 132px
}

.custom-toast-container {
    width: 230px !important;
    position: relative;
    top: 60px !important;
    font-size: .8rem !important
}

.disabledExport {
    cursor: not-allowed
}

.optIn-baner {
    display: flex;
    width: 100%;
    padding: .5rem 1.5rem;
    align-items: center;
    gap: 24px;
    border-radius: 8px;
    border: 1px solid #d9eaf9;
    background: #fff;
    box-shadow: 0 4px 8px 3px #0823440d,0 1px 12px #08234414;
    margin-bottom: 24px
}

    .optIn-baner .optIn-baner_text {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 8px;
        flex: 1 0 0;
        color: #093675;
        font-family: Roboto;
        font-style: normal;
        line-height: normal
    }

        .optIn-baner .optIn-baner_text .optIn_header_section {
            margin: auto
        }

            .optIn-baner .optIn-baner_text .optIn_header_section .optIn_headertext {
                font-size: 18px;
                font-weight: 500
            }

            .optIn-baner .optIn-baner_text .optIn_header_section .optIn_subtext {
                font-size: 16px;
                font-weight: 400;
                line-height: 22px;
                letter-spacing: -.04px;
                margin-bottom: 0rem !important
            }

    .optIn-baner .optIn-baner_buttons {
        display: flex;
        justify-content: end
    }

        .optIn-baner .optIn-baner_buttons .btn {
            min-width: 3rem !important
        }

        .optIn-baner .optIn-baner_buttons .primary-btn {
            height: 52px;
            padding: 8px 16px;
            justify-content: center;
            align-items: center;
            gap: 8px;
            border-radius: 8px;
            background-color: #006bd3;
            color: #fff
        }

        .optIn-baner .optIn-baner_buttons .cancel-btn {
            height: 52px;
            padding: 8px 16px;
            justify-content: center;
            align-items: center;
            gap: 8px;
            border-radius: 8px;
            border: 1px solid #006bd3;
            margin-left: 16px;
            color: #006bd3
        }

    .optIn-baner .disclaimer-dialog {
        background-color: #fff;
        top: 0;
        position: relative;
        width: max-content;
        padding: 0
    }

        .optIn-baner .disclaimer-dialog ul {
            margin-bottom: 0
        }

            .optIn-baner .disclaimer-dialog ul li {
                list-style-type: disc
            }

body:has(.nalco-asset-dashboar,.confirm-item-modal) .confirm-item-modal {
    top: 85% !important
}

body:has(.nalco-asset-dashboar,.confirm-item-modal) .modal .modal-dialog {
    min-width: 40rem !important
}

.opt-in-toggle {
    display: inline-flex;
    height: 33px;
    padding: 8px 16px;
    align-items: center;
    gap: 16px;
    flex-shrink: 0;
    border-radius: 8px;
    background: rgba(236,196,47,.35)
}

    .opt-in-toggle span {
        color: #093675;
        font-family: Roboto;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px
    }

    .opt-in-toggle img {
        cursor: pointer
    }

.nalco-assets-details-view .no-header .card.tile .card-header {
    display: none
}

.nalco-assets-details-view .no-header .tile-content-wrapper table.limitalltable .card.tile .card-header {
    display: block !important
}

.nalco-assets-details-view .borderBottom {
    border-bottom: 1px solid #e2e2e2;
    min-height: 9rem
}

    .nalco-assets-details-view .borderBottom .tile-content-wrapper .state-wrapper.loading {
        position: unset;
        height: 60vh
    }

.nalco-assets-details-view .searchBox {
    width: 40%
}

@media screen and (max-width: 990px) {
    .nalco-assets-details-view .searchBox {
        padding-top: 3rem
    }
}

@media screen and (max-width: 540px) {
    .nalco-assets-details-view .searchBox .ico-nav-search.search-icon {
        left: -2rem !important
    }
}

.nalco-assets-details-view .searchBoxNew {
    width: 100%
}

@media screen and (max-width: 990px) {
    .nalco-assets-details-view .searchBoxNew {
        padding-top: 3rem
    }
}

@media screen and (max-width: 540px) {
    .nalco-assets-details-view .searchBoxNew .ico-nav-search.search-icon {
        left: -2rem !important
    }
}

.nalco-assets-details-view .accountDetails {
    font-size: .875rem;
    color: #007ac9;
    cursor: pointer;
    text-decoration: underline;
    border: 0;
    background-color: transparent
}

@media screen and (max-width: 990px) {
    .nalco-assets-details-view .accountDetails {
        margin-top: 1.5rem
    }
}

.nalco-assets-details-view .ledendHyperlink {
    font-size: .875rem;
    color: #007ac9;
    cursor: pointer;
    text-decoration: underline;
    margin-bottom: 0;
    padding-top: 5px;
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    background-color: transparent
}

@media screen and (max-width: 990px) {
    .nalco-assets-details-view .ledendHyperlink {
        margin-top: 1.5rem
    }
}

.nalco-assets-details-view ngb-accordion .card .card-header a {
    padding-left: 25px
}

    .nalco-assets-details-view ngb-accordion .card .card-header a:after {
        position: absolute;
        left: 0;
        border-top-color: #007ac9;
        top: 40%;
        transform: rotate(0)
    }

.nalco-assets-details-view ngb-accordion .card .card-header.active a:after {
    transform: rotate(180deg)
}

.nalco-assets-details-view ngb-accordion .card .card-header .headingAccordian {
    color: #616365
}

    .nalco-assets-details-view ngb-accordion .card .card-header .headingAccordian .categorytitle {
        color: #007ac9
    }

    .nalco-assets-details-view ngb-accordion .card .card-header .headingAccordian .imageClass {
        height: 1.5rem
    }

    .nalco-assets-details-view ngb-accordion .card .card-header .headingAccordian .emptyImage {
        height: 1rem;
        width: 2rem;
        display: inline-flex
    }

.nalco-assets-details-view ngb-accordion .card .card-header .align-content {
    align-self: flex-end
}

    .nalco-assets-details-view ngb-accordion .card .card-header .align-content .sideheadingAccordian {
        color: #616365;
        font-size: .8rem
    }

.nalco-assets-details-view ngb-accordion .card .card-header .mappedUnmappedIcon {
    position: absolute;
    right: 50px;
    top: 14px
}

.nalco-assets-details-view .headerRow {
    width: 100%
}

    .nalco-assets-details-view .headerRow .col-1 {
        max-width: 11%
    }

.sppedDialIcon {
    height: 4.0625rem;
    margin-right: 3.125rem
}

.accordiontabletd {
    padding: 0 !important
}

.nalco-assets-details-view .no-header .tile-content-wrapper .accordiontable .card .card-header {
    background: #ededed !important;
    display: block !important
}

.nalco-assets-details-view .no-header .tile-content-wrapper .accordiontable .btn-link {
    color: #656565;
    font-size: .875rem;
    font-weight: 700
}

.nalco-assets-details-view .no-header .tile-content-wrapper .limitalltable td, .nalco-assets-details-view .no-header .tile-content-wrapper .limitalltable th {
    border: 1px solid rgba(0,0,0,.08);
    padding: 0;
    border-width: 1px 1px 0 1px !important
}

.nalco-assets-details-view .no-header .tile-content-wrapper .limitalltable td {
    vertical-align: top
}

.nalco-assets-details-view .assets-details-header {
    display: flex;
    justify-content: flex-start;
    margin: 0;
    padding-left: 0
}

.nalco-assets-details-view .assets-details-headerNew {
    display: block;
    justify-content: flex-start;
    margin: 0;
    padding-left: 0
}

.system-card .card {
    margin-bottom: 5px !important
}

.system-card #system .card-body {
    padding: 0rem !important
}

.asset-page-site-name {
    margin: 0;
    float: left
}

.ah-to-ssd {
    font-size: .875rem;
    width: 100%;
    padding: 0;
    color: #007ac9;
    cursor: pointer;
    text-decoration: underline;
    border: 0;
    background-color: transparent
}

@media screen and (max-width: 990px) {
    .ah-to-ssd {
        margin-top: 1.5rem
    }
}

.header-second-row {
    display: flex;
    flex-direction: row
}

.gridComponent .k-grid tbody tr:hover {
    background-color: transparent
}

.gridComponent .nalco-asset-details-grid .min-height {
    min-height: 10rem
}

    .gridComponent .nalco-asset-details-grid .min-height .noData {
        padding: 6% 10% 0 44%
    }

    .gridComponent .nalco-asset-details-grid .min-height .card.tile {
        box-shadow: none
    }

.gridComponent .nalco-asset-details-grid .drag-delete {
    font: 18px/18px asset-edit-delete-icon;
    float: right
}

    .gridComponent .nalco-asset-details-grid .drag-delete:before {
        content: "\e801";
        float: right;
        margin-left: 10px;
        margin-top: 0
    }

.gridComponent .assetKendoTable .card.tile {
    box-shadow: none
}

.gridComponent .assetKendoTable kendo-grid-list .k-grid-content {
    overflow: auto !important
}

.gridComponent .assetKendoTable .k-table-td {
    border-left-width: 0
}

.gridComponent .card.tile {
    box-shadow: none
}

[class*=speedDialIcon-] {
    width: 33px;
    height: 33px;
    cursor: pointer
}

.speedDialIcon-Green {
    background: url(/assets/images/speed_dial_icon-green.svg);
    background-repeat: no-repeat
}

.speedDialIcon-Blue {
    background: url(/assets/images/speed_dial_icon-blue.svg);
    background-repeat: no-repeat
}

.speedDialIcon-Red {
    background: url(/assets/images/speed_dial_icon-red.svg);
    background-repeat: no-repeat
}

.AH-limit-modal .nalco-limits-configuration kendo-grid-list .k-grid-content {
    overflow: auto !important
}

.grid_StaticHeight {
    height: 577px
}

.grid_AutoHeight {
    height: auto
}

.WW-Icon {
    color: #007ac9;
    font-weight: 700
}

.button-border {
    border: 0px !important;
    background: transparent
}

.confirm-item-modal {
    top: 58%;
    transform: translateY(-50%)
}

    .confirm-item-modal .modal-dialog {
        width: 47.0625rem
    }

    .confirm-item-modal .modal-header {
        flex-direction: column-reverse
    }

    .confirm-item-modal .modal-title {
        color: #093675;
        font-family: roboto;
        font-size: 1.5rem !important;
        font-style: normal;
        font-weight: 400;
        line-height: 2.5rem !important;
        letter-spacing: -.32px;
        text-transform: none !important
    }

    .confirm-item-modal .modal-content {
        font-size: .8125rem !important;
        color: #093675 !important
    }

    .confirm-item-modal .modal-footer {
        border-top: none !important
    }

    .confirm-item-modal .modal-content {
        font-family: roboto;
        font-size: .875rem !important;
        font-style: normal;
        font-weight: 400;
        line-height: 1.375rem;
        letter-spacing: -.04px;
        color: #093675 !important
    }

    .confirm-item-modal .btn {
        border-radius: .5rem !important;
        font-family: roboto !important;
        line-height: 1.25rem !important;
        max-width: 10rem !important;
        height: 2.6rem !important
    }

    .confirm-item-modal .btn-primary {
        background-color: #006bd3 !important;
        background-image: none !important
    }

    .confirm-item-modal .btn-secondary {
        color: #006bd3 !important;
        border: 1px solid #006bd3 !important
    }

.new-label-badge {
    background: #006Bd3;
    width: 2.1875rem;
    height: 1.125rem;
    font-size: .625rem;
    border-top-left-radius: .25rem;
    border-bottom-right-radius: .25rem;
    color: #fff;
    font-weight: 500;
    display: inline-block;
    text-align: center
}

.DeleteTextAlign {
    text-align: left !important;
    margin-left: 0rem;
    padding-left: .4rem;
    color: #e00034
}

.delete-modal-text {
    margin-left: 1rem;
    margin-right: .6rem;
    text-align: left !important;
    float: left
}

.text {
    margin-left: -142px;
    margin-top: 5px;
    color: green;
    font-family: Roboto,sans-serif
}

.text-view {
    margin-left: -156px;
    margin-top: 5px;
    color: red;
    font-family: Roboto,sans-serif
}

.featuretable .card.tile {
    box-shadow: none
}

.featuretable .nalco-asset-details-feature .disabled-form-control {
    background-color: #e9ecef;
    opacity: 1;
    pointer-events: none
}

.featuretable .nalco-asset-details-feature .required {
    color: #e00034;
    margin-right: 2px
}

.featuretable .nalco-asset-details-feature .headingClass-NoTransform {
    white-space: normal;
    text-transform: none
}

    .featuretable .nalco-asset-details-feature .headingClass-NoTransform .required {
        color: #e00034
    }

.featuretable .nalco-asset-details-feature .col-sm-4.p-0 {
    display: inline-flex
}

    .featuretable .nalco-asset-details-feature .col-sm-4.p-0 .col-form-label.headingClass {
        display: contents
    }

.featuretable .nalco-asset-details-feature .btn {
    width: 10%;
    margin-right: 10px;
    min-height: 32px
}

.featuretable .nalco-asset-details-feature .btn-width {
    width: 13%
}

.featuretable .nalco-asset-details-feature .paddingClass {
    padding: 7rem
}

.featuretable .nalco-asset-details-feature .nalcoDropdown {
    min-height: 1.625rem
}

    .featuretable .nalco-asset-details-feature .nalcoDropdown .dd-container.select-dropdown .drop-input.editable-view.dd-display-item {
        padding: 0rem 1rem;
        border: 1px solid #616365;
        border-radius: .25rem;
        color: #616365;
        font-size: 12px
    }

    .featuretable .nalco-asset-details-feature .nalcoDropdown .dd-container.select-dropdown .dd-list-container {
        height: 10rem;
        bottom: 70px
    }

        .featuretable .nalco-asset-details-feature .nalcoDropdown .dd-container.select-dropdown .dd-list-container .search-box {
            border: 1px solid #BBBCBE;
            border-top: 1px solid #BBBCBE;
            border-bottom: none
        }

        .featuretable .nalco-asset-details-feature .nalcoDropdown .dd-container.select-dropdown .dd-list-container .list-items {
            border: 1px solid #BBBCBE
        }

            .featuretable .nalco-asset-details-feature .nalcoDropdown .dd-container.select-dropdown .dd-list-container .list-items .add-button {
                margin: .3rem;
                padding-bottom: .4rem;
                padding-top: .4rem;
                font-size: 12px;
                line-height: 10px;
                min-height: 22px
            }

            .featuretable .nalco-asset-details-feature .nalcoDropdown .dd-container.select-dropdown .dd-list-container .list-items .dd-items-container {
                height: 6.5rem;
                border-top: 1px solid #BBBCBE
            }

            .featuretable .nalco-asset-details-feature .nalcoDropdown .dd-container.select-dropdown .dd-list-container .list-items .dd-clear-list {
                padding: .4rem 1rem;
                border-top: 1px solid #BBBCBE
            }

.featuretable .nalco-asset-details-feature .questionColumn {
    display: flex;
    flex-flow: column wrap
}

    .featuretable .nalco-asset-details-feature .questionColumn .inputFeildCollection {
        display: flex
    }

        .featuretable .nalco-asset-details-feature .questionColumn .inputFeildCollection .inputFeild {
            margin-right: 1rem;
            border: 1px solid #616365;
            border-radius: .25rem;
            transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
        }

.featuretable .nalco-asset-details-feature .form-control {
    font-size: 12px;
    overflow: hidden;
    min-height: 1.625rem
}

.featuretable .nalco-asset-details-feature .validation-message {
    color: #e00034;
    margin-top: 5px;
    margin-left: 5px
}

.featuretable .nalco-asset-details-feature select, .featuretable .nalco-asset-details-feature .inventory input {
    height: 2rem
}

.featuretable .nalco-asset-details-feature .sales-account {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block
}

.featuretable .nalco-asset-details-feature .salesaccount-custom-tooltip {
    margin-bottom: 1rem
}

.featuretable .nalco-asset-details-feature .inv-validation-message {
    color: #e00034;
    text-transform: none;
    margin-top: 5px;
    margin-left: 5px
}

.featuretable .nalco-asset-details-feature .no-transform {
    text-transform: none
}

.featuretable .nalco-asset-details-feature .tsnCheckbox {
    cursor: pointer;
    width: 18px;
    z-index: 1000
}

.featuretable .nalco-asset-details-feature .tsnCheckboxSection {
    display: flex;
    flex-direction: column;
    position: absolute;
    right: -22px;
    top: -10px
}

.featuretable .form-group.row {
    white-space: normal
}

.featuretable .disabledField, .featuretable .inventory input:disabled {
    background: #dddddd
}

.featuretable .disabledField {
    pointer-events: none
}

.featuretable .fc-p-left {
    padding-right: 0rem
}

.featuretable .text-center {
    text-align: center
}

.featuretable .ico-info-thin {
    font-size: 1rem
}

.contentCenter {
    height: 57px;
    text-align: center;
    vertical-align: middle;
    line-height: 22px;
    margin-top: 10px;
    margin-bottom: 1px
}

.highlight-field {
    border: 1px solid #f31700 !important
}

.form-control:disabled {
    background: #dddddd
}

.bypassTooltip .tooltip-inner {
    max-width: 21rem !important
}

.ques-date-picker {
    width: auto
}

.margin-left-0 {
    margin-left: 0 !important
}

.pl-1 {
    margin-left: -5px
}

.text-validation {
    margin-top: 1px
}

.disabledIcon {
    opacity: 50%;
    pointer-events: none
}

.text-overflow-container {
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: nowrap
}

    .text-overflow-container .tankserialNumberValue, .text-overflow-container .tankserialNumberSoldToShipTo {
        display: inline !important
    }

.assetPropComponent ngb-tabset {
    padding: 0;
    display: inline-block
}

.assetPropComponent .admin-button-spacing {
    z-index: 10;
    margin-bottom: 0
}

.assetPropComponent .tab-content {
    margin-top: 2rem
}

    .assetPropComponent .tab-content nalco-limits-configuration .modal-body {
        padding: 0
    }

    .assetPropComponent .tab-content nalco-limits-configuration .modal-content {
        border: none
    }

    .assetPropComponent .tab-content nalco-limits-configuration .pl-3 {
        padding-left: 0 !important
    }

.assetPropComponent .invalid-tab {
    color: red
}

.assetPropComponent .disable-tab {
    color: #adaeb0
}

.site-nav ul .nav-item .nav-link span {
    padding: .625rem
}

.nalco-asset-inventory-fields .inventoryQuestionColumn {
    display: flex;
    flex-flow: column wrap
}

    .nalco-asset-inventory-fields .inventoryQuestionColumn .row.mb-2 {
        height: 2.689rem
    }

    .nalco-asset-inventory-fields .inventoryQuestionColumn .inputFieldCollection {
        display: flex
    }

        .nalco-asset-inventory-fields .inventoryQuestionColumn .inputFieldCollection .inputFeild {
            margin-right: 1rem;
            border: 1px solid #616365;
            border-radius: .25rem;
            transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .nalco-asset-inventory-fields .inventoryQuestionColumn .inputFieldCollection .inputFeildNoMargin {
            margin-right: 0rem;
            border: 1px solid #616365;
            border-radius: .25rem;
            transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .nalco-asset-inventory-fields .inventoryQuestionColumn .inputFieldCollection .wd-60 {
            width: 60%
        }

        .nalco-asset-inventory-fields .inventoryQuestionColumn .inputFieldCollection .wd-40 {
            width: 40%
        }

        .nalco-asset-inventory-fields .inventoryQuestionColumn .inputFieldCollection .wd-100 {
            width: 100%
        }

        .nalco-asset-inventory-fields .inventoryQuestionColumn .inputFieldCollection .nalcoProductDropdown .dd-container.select-dropdown .dd-control-container .dd-display-item {
            padding: .35rem 1rem;
            border: 1px solid transparent;
            border-radius: .25rem;
            color: #616365;
            font-size: 12px
        }

        .nalco-asset-inventory-fields .inventoryQuestionColumn .inputFieldCollection .nalcoProductDropdown .dd-container.select-dropdown .ah-asset-specific {
            bottom: auto !important
        }

        .nalco-asset-inventory-fields .inventoryQuestionColumn .inputFieldCollection .nalcoProductDropdown .dd-container.select-dropdown .dd-list-container {
            height: 10rem
        }

            .nalco-asset-inventory-fields .inventoryQuestionColumn .inputFieldCollection .nalcoProductDropdown .dd-container.select-dropdown .dd-list-container .list-items .dd-select-list {
                white-space: normal;
                padding: .6rem
            }

            .nalco-asset-inventory-fields .inventoryQuestionColumn .inputFieldCollection .nalcoProductDropdown .dd-container.select-dropdown .dd-list-container .list-items .loader {
                width: 25px;
                height: 25px;
                border: 5px solid #007AC9;
                border-top: 5px solid #FFF
            }

.nalco-asset-inventory-fields .inventoryType {
    height: 1.71rem
}

.nalco-asset-inventory-fields .box-height {
    height: 1.8rem
}

.nalco-asset-inventory-fields .inventoryFieldSecondRow .row.mb-rem {
    margin-bottom: .5rem
}

.nalco-asset-inventory-fields .inventoryFieldSecondRow .tankIcon {
    height: 15.0625rem;
    width: 14rem;
    margin-top: -12rem
}

.nalco-asset-inventory-fields .inventoryFieldSecondRow .tankIconName {
    color: #007ac9
}

.nalco-asset-inventory-fields .inventoryFieldSecondRow .valueDimension {
    display: inline-flex
}

.nalco-asset-inventory-fields .inventoryFieldSecondRow .fieldValue {
    margin-left: -1rem;
    width: 97% !important
}

.nalco-asset-inventory-fields .inventoryFieldSecondRow .fieldValueWithGal {
    margin-left: -1.256rem
}

.nalco-asset-inventory-fields .inventoryFieldSecondRow .fieldValueWithUnit {
    margin-left: -1.3rem
}

.nalco-asset-inventory-fields .inventoryFieldSecondRow .nalcoSelectDropdown {
    min-height: 1.625rem
}

    .nalco-asset-inventory-fields .inventoryFieldSecondRow .nalcoSelectDropdown .dd-container.select-dropdown .dd-control-container .dd-display-item {
        padding: .35rem 1rem;
        border: 1px solid #616365;
        border-radius: .25rem;
        color: #616365;
        font-size: 12px
    }

    .nalco-asset-inventory-fields .inventoryFieldSecondRow .nalcoSelectDropdown .dd-container.select-dropdown.disable {
        opacity: 1
    }

        .nalco-asset-inventory-fields .inventoryFieldSecondRow .nalcoSelectDropdown .dd-container.select-dropdown.disable .dd-control-container .dd-display-item {
            background-color: #ddd;
            color: #616365 !important
        }

    .nalco-asset-inventory-fields .inventoryFieldSecondRow .nalcoSelectDropdown .dd-container.select-dropdown:after {
        border: transparent
    }

    .nalco-asset-inventory-fields .inventoryFieldSecondRow .nalcoSelectDropdown .dd-container.select-dropdown .dd-list-container {
        height: 10rem;
        bottom: 70px
    }

        .nalco-asset-inventory-fields .inventoryFieldSecondRow .nalcoSelectDropdown .dd-container.select-dropdown .dd-list-container .search-box {
            border: 1px solid #BBBCBE;
            border-top: 1px solid #BBBCBE;
            border-bottom: none
        }

        .nalco-asset-inventory-fields .inventoryFieldSecondRow .nalcoSelectDropdown .dd-container.select-dropdown .dd-list-container .list-items .dd-items-container {
            height: 8.7rem;
            border-top: 1px solid #BBBCBE
        }

.nalco-asset-inventory-fields .form-control:disabled, .nalco-asset-inventory-fields .disabledField {
    background: #dddddd
}

.nalco-asset-inventory-fields .display-flex {
    display: inline-flex
}

.nalco-asset-inventory-fields .unitGal {
    text-transform: none;
    margin-top: .4rem;
    margin-left: -.8rem
}

.nalco-asset-inventory-fields .colValueUnit {
    display: inline-flex;
    margin-left: 1rem
}

.nalco-asset-inventory-fields .col-unit-value {
    display: inline-flex;
    margin-left: 1.3rem
}

.nalco-asset-inventory-fields .col-unit-valueName {
    display: inline-flex
}

    .nalco-asset-inventory-fields .col-unit-valueName .unitDimension {
        word-break: initial
    }

.nalco-asset-inventory-fields .unitDimension {
    text-transform: none;
    margin-left: .2rem;
    margin-top: .4rem
}

.nalco-asset-inventory-fields .labelHeading {
    white-space: nowrap;
    text-transform: capitalize
}

.nalco-asset-inventory-fields input {
    height: 2rem
}

.nalco-asset-inventory-fields .rightDimensions .dd-container.select-dropdown {
    width: 100%
}

.nalco-asset-inventory-fields .showNote span {
    color: red;
    font-weight: 700
}

.nalco-asset-inventory-fields .longHeading {
    width: 90%;
    white-space: break-spaces !important
}

.nalco-asset-inventory-fields .longHeadingAsteric {
    bottom: 15px;
    position: inherit
}

.nalco-asset-inventory-fields .productState_dropdown {
    appearance: none
}

.nalco-asset-inventory-fields i {
    width: 2px;
    position: relative;
    right: 30px;
    font-size: 16px;
    line-height: 40px;
    z-index: 1;
    color: #007ac9;
    bottom: 5px
}

.inventoryCalibrateComponent .form-control {
    font-size: 12px;
    overflow: hidden;
    min-height: 2rem
}

.inventoryCalibrateComponent .unitDimension {
    text-transform: none;
    margin-top: 1.9rem
}

.inventoryCalibrateComponent kendo-dateinput span.k-dateinput-wrap {
    padding: 0 5px !important;
    border-radius: .3rem !important
}

    .inventoryCalibrateComponent kendo-dateinput span.k-dateinput-wrap:before {
        content: none !important
    }

.inventoryCalibrateComponent kendo-datepicker .k-picker-wrap {
    border-radius: .3rem !important;
    background-color: #fff !important;
    height: 2.05rem;
    border-color: #0000009f;
    padding: 2px 5px
}

.inventoryCalibrateComponent kendo-timepicker .k-picker-wrap {
    border-radius: .3rem !important;
    background-color: #fff !important;
    height: 2.05rem;
    border-color: #0000009f;
    padding: 2px 5px;
    width: 100%
}

.inventoryCalibrateComponent .invalid .k-picker-wrap {
    border-color: #e00034
}

.inventoryCalibrateComponent .calibrate-btn {
    width: 10%;
    margin-top: 1.5rem;
    margin-left: 3.1rem
}

.inventoryCalibrateComponent .probe-label {
    font-size: 12px;
    font-weight: 700
}

.inventoryCalibrateComponent .probe-value, .inventoryCalibrateComponent .no-reading {
    margin-top: .38rem
}

.inventoryCalibrateComponent .validation-message {
    color: #e00034;
    margin-top: 1rem;
    text-transform: none
}

.inventoryCalibrateComponent .no-reading-msg {
    color: #e00034;
    text-transform: none;
    margin-top: .38rem
}

.TourConfigTile .mat-mdc-chip {
    font-size: .8125rem;
    margin: 4px
}

    .TourConfigTile .mat-mdc-chip.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
        background-color: #616365;
        color: #fff
    }

.TourConfigTile .chipRow {
    border-bottom: 1px solid #e2e2e2;
    padding: .5rem 1rem;
    display: flex;
    width: auto;
    overflow-x: auto;
    height: 85px
}

.TourConfigTile .card.tile .tile-content-wrapper {
    min-height: 300px !important
}

.TourConfigTile .msgContentTile {
    padding: 100px
}

    .TourConfigTile .msgContentTile .msgContent {
        text-align: center
    }

.TourConfigTile .k-button {
    background-color: #fff !important;
    border: none;
    color: #007ac9
}

.add-edit-sub-configuration-modal {
    display: flex !important;
    align-items: center;
    justify-content: center
}

    .add-edit-sub-configuration-modal .modal-dialog {
        min-width: 42rem !important
    }

.mappingsuccessDialog .modal-dialog {
    top: 25%;
    min-width: 25rem
}

.mappingsuccessDialog .modal-body {
    padding: 40px 60px !important;
    min-height: 11rem
}

    .mappingsuccessDialog .modal-body img {
        width: 40px;
        border-radius: 40px
    }

    .mappingsuccessDialog .modal-body label {
        font-size: 16px;
        margin-top: 21px
    }

.custom-msr-dialog .modal-dialog {
    top: 25%;
    min-width: 35rem
}

.custom-msr-dialog .modal-body {
    min-height: 5rem
}

.drag-edit {
    margin-top: 5px;
    margin-left: 15px;
    cursor: pointer;
    background: none;
    border: 0px;
    padding: 0
}

    .drag-edit:before {
        margin: 0 !important
    }

.AH-limit-modal .nalco-limits-configuration {
    min-width: 50rem
}

.disbaleGreyArea {
    height: 55px
}

.header-frozen thead th {
    top: 0;
    position: sticky;
    z-index: 1;
    background-color: #fff
}

.nalco-limits-configuration .modal-body {
    min-height: 27rem;
    overflow: auto
}

    .nalco-limits-configuration .modal-body .subHeading {
        text-align: left;
        font-weight: lighter;
        font-size: .75rem
    }

        .nalco-limits-configuration .modal-body .subHeading .ico-info-thin {
            font-size: 1rem
        }

        .nalco-limits-configuration .modal-body .subHeading .wqCheckbox {
            vertical-align: middle;
            margin-left: 20px
        }

    .nalco-limits-configuration .modal-body .k-i-collapse.k-icon, .nalco-limits-configuration .modal-body .k-i-expand.k-icon {
        margin-left: 0
    }

    .nalco-limits-configuration .modal-body kendo-grid-list .k-grid-content {
        overflow: auto !important
    }

.nalco-limits-configuration .modal-header {
    border-bottom: none;
    padding-top: 1.25rem
}

    .nalco-limits-configuration .modal-header .modal-title {
        padding-top: .5rem
    }

.nalco-limits-configuration .modal-content {
    display: inline-block
}

    .nalco-limits-configuration .modal-content .filter-wrapper, .nalco-limits-configuration .modal-content .keyword-wrapper {
        display: flex;
        justify-content: center
    }

    .nalco-limits-configuration .modal-content .filter-wrapper {
        min-height: 100%;
        flex-flow: column wrap;
        position: relative;
        float: left
    }

    .nalco-limits-configuration .modal-content .keyword-wrapper {
        width: 100%;
        position: relative;
        max-height: 32px;
        margin-top: 3px;
        margin-bottom: 5px
    }

        .nalco-limits-configuration .modal-content .keyword-wrapper .search-icon {
            position: absolute;
            top: 8px;
            left: 1rem;
            font-size: 1rem;
            line-height: 1rem;
            color: #616365
        }

    .nalco-limits-configuration .modal-content #keyword {
        border: 1px solid #ccc;
        color: #616365;
        width: 100%;
        outline: none;
        transition: border .5s ease-in-out;
        border-radius: 2rem;
        padding-right: 1rem;
        padding-left: 40px;
        min-width: 230px;
        font-size: 14px;
        height: 32px
    }

    .nalco-limits-configuration .modal-content .laMoreOptions {
        right: 2rem;
        top: .3rem;
        position: absolute
    }

.nalco-limits-configuration .whole-cell {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 1rem;
    font-size: .875rem
}

.nalco-limits-configuration .whole-cell-rest {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 1rem;
    font-size: .875rem;
    text-align: center
}

.nalco-limits-configuration .whole-cell-indent {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 1rem;
    margin-left: 1rem;
    font-size: .75rem
}

.nalco-limits-configuration .whole-cell-indent-rest {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 1rem;
    text-align: center;
    font-size: .75rem
}

.nalco-limits-configuration .favorite-toggle {
    width: 6.5rem
}

    .nalco-limits-configuration .favorite-toggle .ico-toggle {
        left: .05rem;
        font-size: 45px;
        font-size: 2.8125rem;
        line-height: 17px;
        line-height: 1.0625rem
    }

        .nalco-limits-configuration .favorite-toggle .ico-toggle:after {
            font-size: 20px;
            font-size: 1.25rem;
            line-height: 10px;
            line-height: .625rem;
            right: .15rem
        }

    .nalco-limits-configuration .favorite-toggle input:checked + .ico-toggle:after {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 12px;
        line-height: .75rem;
        right: 1.45rem
    }

.nalco-limits-configuration .ico-toggle:after {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 10px;
    line-height: .625rem
}

.nalco-limits-configuration div.search-icon {
    width: 15px;
    height: 15px;
    position: relative;
    top: 23px;
    z-index: 10;
    left: 10px;
    background-image: url(/assets/images/search-icon.svg)
}

.nalco-limits-configuration ::-webkit-scrollbar-thumb {
    background: #bbbcbe !important
}

.nalco-limits-configuration ::-webkit-scrollbar {
    border: 0px !important;
    border-radius: .75rem !important;
    background-clip: content-box !important;
    min-height: 8px !important;
    max-height: 8px !important;
    max-width: 8px !important
}

.nalco-limits-configuration .limit-search {
    border-radius: 1em
}

.nalco-limits-configuration .limit-toggle {
    top: -39px
}

.nalco-limits-configuration .first-col {
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: inherit;
    padding: 1rem
}

    .nalco-limits-configuration .first-col .control-range-value {
        margin-left: 1rem;
        font-weight: 700
    }

.nalco-limits-configuration .edit-col {
    padding: .5rem
}

.nalco-limits-configuration .display-first-col {
    display: flex;
    padding: .5rem
}

.nalco-limits-configuration .close {
    position: absolute;
    top: .25rem;
    right: 2%;
    font-size: 1.4rem !important
}

.nalco-limits-configuration .limit-Grid table.k-grid-table tbody tr td {
    border-width: 0px 1px 1px 1px;
    position: relative;
    padding: 0;
    text-transform: none
}

.nalco-limits-configuration .limit-Grid thead tr th.k-header {
    border-width: 0px 1px 0px 1px;
    padding: 0;
    text-align: center
}

.nalco-limits-configuration .limit-Grid .k-grid-header-wrap {
    border-width: 1px 0px 0px 1px
}

.nalco-limits-configuration .limit-Grid .k-grid-aria-root .k-grid-header {
    margin: 0 8px 0 0;
    border-right: 1px;
    border-right-color: #00000014
}

.nalco-limits-configuration .error-col {
    background: rgba(255,0,0,.5607843137);
    color: #000
}

.nalco-limits-configuration kendo-dropdownlist {
    width: 100%
}

.nalco-limits-configuration kendo-numerictextbox {
    width: calc(100% - 45px);
    float: left;
    min-width: 45px
}

    .nalco-limits-configuration kendo-numerictextbox input {
        padding-right: 0
    }

.nalco-limits-configuration .full-width kendo-numerictextbox {
    width: 100%;
    border: 1px solid #616365
}

    .nalco-limits-configuration .full-width kendo-numerictextbox .k-input {
        height: 1.9rem;
        text-align: center
    }

.nalco-limits-configuration table tr td .led-datepicker .tooltip.bs-tooltip-bottom, .nalco-limits-configuration table tr td .led-datepicker .tooltip.bs-tooltip-auto[x-placement^=bottom] {
    top: 0 !important
}

.nalco-limits-configuration .led-datepicker {
    overflow: unset
}

    .nalco-limits-configuration .led-datepicker .k-datepicker {
        width: 80%;
        margin-right: .2rem
    }

        .nalco-limits-configuration .led-datepicker .k-datepicker .k-picker-wrap {
            height: 2.1rem;
            border: 1px solid #616365
        }

            .nalco-limits-configuration .led-datepicker .k-datepicker .k-picker-wrap .k-select {
                width: 2rem
            }

                .nalco-limits-configuration .led-datepicker .k-datepicker .k-picker-wrap .k-select .k-i-calendar {
                    color: unset
                }

        .nalco-limits-configuration .led-datepicker .k-datepicker .k-dateinput-wrap {
            padding: .2rem .3rem
        }

            .nalco-limits-configuration .led-datepicker .k-datepicker .k-dateinput-wrap input:disabled {
                border: none
            }

        .nalco-limits-configuration .led-datepicker .k-datepicker .k-i-calendar {
            color: unset
        }

        .nalco-limits-configuration .led-datepicker .k-datepicker.invalid-calendar > .k-picker-wrap {
            border: 1px solid #f31700 !important
        }

        .nalco-limits-configuration .led-datepicker .k-datepicker.full-width {
            width: 100%;
            margin-right: 0
        }

.nalco-limits-configuration .k-numerictextbox {
    width: 50px;
    font-size: 14px
}

    .nalco-limits-configuration .k-numerictextbox .k-numeric-wrap {
        color: #656565;
        background-color: #fff;
        border-color: #00000014
    }

.nalco-limits-configuration .plusminusBox {
    background-color: #ececec;
    border-radius: 2px;
    float: left;
    padding: 7px;
    font-size: 19px;
    width: 21px;
    height: 28px
}

.nalco-limits-configuration .percentageBox {
    padding: 6px;
    font-size: 12px
}

.nalco-limits-configuration .Selected td .k-numerictextbox {
    border: none !important
}

.nalco-limits-configuration .Highlight {
    border: 1px solid #f31700 !important
}

.nalco-limits-configuration .acc-title-container .k-icon.calculator_icon {
    font-size: 1.25rem;
    margin-left: 45px;
    margin-top: -3px
}

.nalco-limits-configuration .acc-title-container .k-icon.calculator_icon, .nalco-limits-configuration .acc-title-container .k-icon.k-i-expand, .nalco-limits-configuration .acc-title-container .k-icon.k-i-collapse {
    color: #007ac9
}

.nalco-limits-configuration .acc-title-container .msr-name-container {
    max-width: 24%;
    min-width: 12%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.nalco-limits-configuration .acc-title-container .msr-name-container-inventoryCurrVol {
    width: 60%;
    text-overflow: ellipsis;
    overflow: hidden
}

.nalco-limits-configuration .acc-title-container .tooltip {
    top: 65px !important;
    left: 30px !important
}

.nalco-limits-configuration .ico-info-thin {
    font-size: .8rem !important
}

.nalco-limits-configuration .label-size {
    font-size: 12px !important
}

.no-header table .accordion-table .card.tile .card-header {
    display: block !important
}

.uom-indicator-dd .k-list .uom-indicator-dd-item {
    white-space: nowrap;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden
}

.nalco-limits-configuration .limitalltable .first-col {
    border: none
}

.nalco-limits-configuration .limitalltable .IndicatorType {
    width: 100%;
    border: 1px solid;
    height: 34px;
    text-transform: none
}

    .nalco-limits-configuration .limitalltable .IndicatorType .k-dropdown-wrap {
        background-color: #fff
    }

    .nalco-limits-configuration .limitalltable .IndicatorType .k-input {
        padding: .375rem .25rem;
        white-space: nowrap;
        display: block;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .nalco-limits-configuration .limitalltable .IndicatorType .k-select {
        width: auto
    }

.nalco-limits-configuration .limits-more-option .dropdown .dropdown-menu.show {
    top: 0 !important
}

.limits-reconfiguration ngb-accordion .card .card-header button {
    width: 99%
}

.limits-reconfiguration .date-tooltip-icon .ico-info-thin {
    margin-left: 8.25rem;
    position: absolute;
    top: 1rem
}

.limits-reconfiguration .full-date-width {
    position: absolute;
    width: 8rem !important
}

.limits-reconfiguration .measurement-name {
    position: relative;
    right: 2.5rem
}

.limits-reconfiguration .tooltip-info {
    transform: translate(687px,1px) !important
}

.limits-reconfiguration .limits-title td, .limits-reconfiguration .limits-header td {
    border: 0 !important
}

.limits-reconfiguration .limits-header .k-numerictextbox {
    border: 1px solid #000
}

.limits-reconfiguration .treatment-limit-undo {
    float: right;
    position: absolute;
    left: 15rem;
    top: 1rem
}

.limits-reconfiguration .hide-perf-limits {
    display: none
}

nalco-manage-asset-measurements .modal-content {
    background-color: #e5f1fa
}

.wq-enabled-text {
    color: #007ac9;
    font-weight: 700;
    margin-left: 3px;
    position: relative;
    top: .5rem
}

kendo-numerictextbox .k-state-disabled input, kendo-numerictextbox .k-widget[disabled] input {
    background-color: #ddd !important
}

kendo-dropdownlist .k-state-disabled, kendo-dropdownlist .k-widget[disabled] {
    background-color: #ddd !important
}

.disableUOMLimitsRow kendo-datepicker .k-state-disabled .k-dateinput-wrap, .disableUOMLimitsRow kendo-datepicker .k-widget[disabled] .k-dateinput-wrap {
    background-color: #ddd !important
}

.disableUOMLimitsRow kendo-datepicker .k-state-disabled .k-select, .disableUOMLimitsRow kendo-datepicker .k-widget[disabled] .k-select {
    background-color: #ddd !important
}

.disableUOMLimitsRow {
    background-color: #ededed !important
}

.k-calendar-view .k-calendar td {
    width: calc(25% - 1px);
    text-align: center
}

.invalid-calendar {
    border: 1px solid #f31700 !important
}

.dataSourceDetailsGrid .card.tile {
    box-shadow: none
}

.dataSourceDetailsGrid .tile-content-wrapper {
    min-height: 215px
}

    .dataSourceDetailsGrid .tile-content-wrapper .state-wrapper {
        top: 0;
        position: unset
    }

.modal-content nalco-cancel-popup .modal-footer {
    padding: .5rem !important;
    min-width: 250px
}

.datasource-grid_StaticHeight {
    height: 400px
}

.datasource-grid_AutoHeight {
    height: auto
}

.grid-over-flow .k-grid-content {
    overflow-y: auto !important
}

.nalco-update-data-source .template {
    background-color: transparent
}

.nalco-update-data-source .k-input {
    font-size: 12px
}

.nalco-update-data-source .k-list-optionlabel.k-state-selected {
    background-color: transparent
}

.nalco-update-data-source .ud-column {
    white-space: normal;
    overflow: unset
}

.nalco-update-data-source .k-dropdown .k-dropdown-wrap, .nalco-update-data-source .k-dropdowntree .k-dropdown-wrap {
    background-color: #f6f6f600;
    border: 1px solid #616365
}

.nalco-update-data-source .btn {
    width: 8%;
    margin-right: 10px;
    min-height: 32px
}

.nalco-update-data-source .paddingClass {
    padding: 7rem
}

.nalco-update-data-source .form-control {
    font-size: 12px;
    overflow: hidden;
    min-height: 1.625rem
}

.nalco-update-data-source .validation-message {
    color: #e00034;
    margin-top: 5px;
    margin-left: 5px
}

.nalco-update-data-source .inputFeild {
    height: 1.9rem;
    border: 1px solid #616365
}

.nalco-update-data-source body .k-grid th, .nalco-update-data-source body .k-grid td {
    padding: .4375rem .5rem
}

.nalco-update-data-source .requiredClass {
    color: red
}

.align-datasource-modal {
    display: flex !important;
    align-items: center;
    justify-content: center
}

    .align-datasource-modal .modal-dialog {
        min-width: 27rem !important
    }

    .align-datasource-modal .modal-title {
        text-transform: none !important
    }

.nalco-map-measurement-view .no-header .card.tile .card-header {
    display: none
}

.nalco-map-measurement-view .borderBottom {
    border-bottom: 1px solid #e2e2e2;
    min-height: 6rem
}

    .nalco-map-measurement-view .borderBottom .tile-content-wrapper .state-wrapper.loading {
        position: unset
    }

.nalco-map-measurement-view .searchBox {
    width: 40%
}

.nalco-map-measurement-view .ledendHyperlink {
    font-size: .875rem;
    color: #007ac9;
    cursor: pointer;
    text-decoration: underline;
    margin-bottom: 0;
    padding-top: 5px;
    position: absolute;
    top: 0;
    right: 0;
    padding-right: 4px;
    border: 0;
    background-color: transparent
}

@media screen and (max-width: 990px) {
    .nalco-map-measurement-view .ledendHyperlink {
        margin-top: 1.5rem
    }
}

.nalco-map-measurement-view ngb-accordion .card .card-header a {
    padding-left: 25px
}

    .nalco-map-measurement-view ngb-accordion .card .card-header a:after {
        position: absolute;
        left: 0;
        border-top-color: #007ac9;
        top: 40%;
        transform: rotate(0)
    }

.nalco-map-measurement-view ngb-accordion .card .card-header.active a:after {
    transform: rotate(180deg)
}

.nalco-map-measurement-view ngb-accordion .card .card-header .headingAccordian {
    color: #616365
}

    .nalco-map-measurement-view ngb-accordion .card .card-header .headingAccordian .categorytitle {
        color: #007ac9
    }

    .nalco-map-measurement-view ngb-accordion .card .card-header .headingAccordian .imageClass {
        height: 1.5rem
    }

    .nalco-map-measurement-view ngb-accordion .card .card-header .headingAccordian .emptyImage {
        height: 1rem;
        width: 2rem;
        display: inline-flex
    }

.nalco-map-measurement-view .map-measurement-header {
    display: flex;
    justify-content: flex-start;
    margin: 0;
    padding-left: 0
}

.table-row-header {
    display: table-row;
    font-weight: 700
}

    .table-row-header .table-cell {
        display: table-cell
    }

.table-row-body {
    display: table-row
}

    .table-row-body .table-cell {
        display: table-cell
    }

.mapfeatureComponent .tile-content-wrapper {
    min-height: 17.35rem;
    box-shadow: none
}

    .mapfeatureComponent .tile-content-wrapper .state-wrapper {
        top: 0;
        position: unset
    }

.mapfeatureComponent .card-header {
    display: none
}

.mapfeatureComponent .form-control {
    font-size: 12px;
    overflow: hidden;
    min-height: 1.925rem
}

.mapfeatureComponent .validation-message {
    color: #e00034;
    margin-top: 5px;
    margin-left: 5px
}

.mapfeatureComponent .inputFeild {
    height: 1.9rem;
    border: 1px solid #616365
}

.mapfeatureComponent .k-grid .k-detail-cell, .mapfeatureComponent .k-grid .k-hierarchy-cell {
    padding-right: 32px
}

.mapfeatureComponent .ud-select {
    display: inline;
    text-overflow: ellipsis;
    overflow: hidden !important;
    white-space: nowrap
}

.mapfeatureComponent nalco-select-dropdown-integrated .dd-integrated-container {
    margin-top: 0
}

    .mapfeatureComponent nalco-select-dropdown-integrated .dd-integrated-container .dd-control-container .dd-display-item {
        width: 100%;
        padding: .375rem .75rem;
        font-size: .8rem;
        line-height: 1.4;
        color: #616365;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #616365;
        border-radius: .25rem;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
    }

.mapfeatureComponent .dd-integrated-container.disable {
    opacity: 1
}

    .mapfeatureComponent .dd-integrated-container.disable .dd-display-item {
        color: #616365 !important;
        background-color: #e9ecef !important
    }

.mapfeatureComponent .link-note {
    color: #e00034
}

.mapfeatureComponent .reading-hyperlink {
    text-transform: none;
    margin-left: 2px;
    text-decoration: underline
}

.mapfeatureComponent .reading-msg {
    text-transform: none;
    margin-left: 2px
}

.mapfeatureComponent .dataSource-tooltip {
    line-height: .75rem !important;
    padding-left: 5px
}

.mapfeatureComponent ::ng-deep .mapMeasurmentToggle nalco-favorite-toggle {
    float: right
}

    .mapfeatureComponent ::ng-deep .mapMeasurmentToggle nalco-favorite-toggle .favorite-toggle {
        width: 50%;
        position: relative;
        padding-bottom: 0rem
    }

        .mapfeatureComponent ::ng-deep .mapMeasurmentToggle nalco-favorite-toggle .favorite-toggle input {
            display: none !important
        }

        .mapfeatureComponent ::ng-deep .mapMeasurmentToggle nalco-favorite-toggle .favorite-toggle .ico-toggle {
            margin-left: 0 !important
        }

        .mapfeatureComponent ::ng-deep .mapMeasurmentToggle nalco-favorite-toggle .favorite-toggle input:checked + .ico-toggle:after {
            color: #007ac9;
            top: .2rem
        }

        .mapfeatureComponent ::ng-deep .mapMeasurmentToggle nalco-favorite-toggle .favorite-toggle input:checked + .ico-toggle:before {
            color: #bbbcbe
        }

        .mapfeatureComponent ::ng-deep .mapMeasurmentToggle nalco-favorite-toggle .favorite-toggle .ico-toggle:after {
            color: #bbbcbe
        }

        .mapfeatureComponent ::ng-deep .mapMeasurmentToggle nalco-favorite-toggle .favorite-toggle .ico-toggle:before {
            color: #bbbcbe
        }

.overlay-unmap {
    background-color: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    z-index: 99999;
    opacity: .5
}

.inProgressText {
    color: #000;
    font-size: 25px;
    font-weight: 700;
    margin: 200px auto;
    height: 30px;
    width: 500px
}

.mapScalingComponent .dd-container.select-dropdown .heading {
    font-size: 11px
}

.mapScalingComponent .measurementName {
    padding: 10px;
    white-space: break-spaces;
    overflow-wrap: break-word
}

.mapScalingComponent .required {
    color: #e00034
}

.mapScalingComponent .table {
    border: 1px solid #bbb
}

    .mapScalingComponent .table .table-row {
        display: table;
        width: 100%;
        height: 168px
    }

        .mapScalingComponent .table .table-row .table-cell {
            display: table-cell
        }

.mapScalingComponent .new-col {
    border-right: 1px solid #bbb;
    max-width: 10rem;
    width: 10rem;
    vertical-align: middle
}

.mapScalingComponent .card.tile {
    margin-top: 0rem
}

.mapScalingComponent .dropdownHeading {
    padding-top: 8px;
    padding-left: 16px;
    font-size: 11px;
    color: #616365
}

.mapScalingComponent .selectDropdown {
    height: 48px;
    padding-top: 18px;
    border: 1px solid #bbb;
    border-radius: 2px
}

.mapScalingComponent .disabled_bg {
    background-color: #e9ecef
}

.mapScalingComponent .float-container {
    border: 1px solid #BBBCBE;
    padding: 0 8px;
    position: relative;
    height: 3rem;
    border-radius: .125rem
}

    .mapScalingComponent .float-container input {
        border: none;
        min-height: 20px !important;
        height: 20px !important;
        margin-left: 5px;
        position: relative;
        bottom: 5px;
        display: inherit;
        color: #616365;
        width: -webkit-fill-available;
        width: -moz-available;
        width: stretch;
        padding-left: .375rem
    }

    .mapScalingComponent .float-container label {
        transform: translate(6px,5px) scale(1);
        font-size: 11px
    }

.mapScalingComponent .nalco-dropdown-scaling {
    overflow: inherit
}

    .mapScalingComponent .nalco-dropdown-scaling nalco-dropdown .dropdown {
        width: 5.5rem;
        min-height: 2.78rem;
        border-radius: .125rem;
        min-width: 100%;
        margin-bottom: 0
    }

        .mapScalingComponent .nalco-dropdown-scaling nalco-dropdown .dropdown .drop-btn.dropdown-toggle .selected-text {
            position: relative;
            width: 6rem !important;
            font-size: 14px;
            font-size: .875rem;
            font-family: Roboto,sans-serif;
            left: 0 !important;
            display: block;
            top: -5px
        }

        .mapScalingComponent .nalco-dropdown-scaling nalco-dropdown .dropdown .drop-btn.dropdown-toggle .icon-calendar-icon:before {
            top: 9px;
            margin-right: .625rem
        }

        .mapScalingComponent .nalco-dropdown-scaling nalco-dropdown .dropdown .drop-btn.dropdown-toggle .label {
            position: relative;
            font-size: 9px;
            font-size: .5625rem;
            line-height: .125rem;
            top: -3px;
            display: inline-block;
            left: 0 !important
        }

        .mapScalingComponent .nalco-dropdown-scaling nalco-dropdown .dropdown .drop-btn.dropdown-toggle:after {
            top: 40% !important
        }

        .mapScalingComponent .nalco-dropdown-scaling nalco-dropdown .dropdown .dropdown-menu.show {
            top: 32px !important;
            -ms-overflow-style: -ms-autohiding-scrollbar;
            left: 0rem !important;
            min-width: 100%;
            margin-left: 0
        }

        .mapScalingComponent .nalco-dropdown-scaling nalco-dropdown .dropdown .dropdown-menu button.dropdown-item {
            font-size: 14px;
            font-size: .875rem;
            min-width: 100%;
            padding: .5rem 1rem
        }

    .mapScalingComponent .nalco-dropdown-scaling .select-dropdown .tooltip.bs-tooltip-bottom, .mapScalingComponent .nalco-dropdown-scaling .select-dropdown .tooltip.bs-tooltip-auto[x-placement^=bottom] {
        bottom: unset
    }

    .mapScalingComponent .nalco-dropdown-scaling .dd-container.disable {
        background-color: #e9ecef;
        opacity: 1
    }

        .mapScalingComponent .nalco-dropdown-scaling .dd-container.disable .dd-display-item {
            color: #616365 !important;
            background-color: #e9ecef !important
        }

.mapScalingComponent .position-relative {
    position: relative !important
}

    .mapScalingComponent .position-relative .start-label {
        font-size: 11px;
        left: 1rem;
        display: block;
        z-index: 1;
        position: absolute;
        font-family: Roboto,sans-serif;
        color: #616365;
        top: -17px;
        margin-top: .375rem;
        margin-bottom: 0rem;
        width: 7rem;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

.mapScalingComponent kendo-datepicker .k-picker-wrap {
    height: 48px;
    padding: 10px 0 0;
    min-width: 160px;
    border-radius: .125rem;
    border: 1px solid #bbb;
    font-size: 2px;
    margin-bottom: 5px
}

.mapScalingComponent kendo-datepicker .k-icon {
    height: 27px
}

.mapScalingComponent kendo-datepicker .k-dateinput {
    font-size: 12px
}

.mapScalingComponent .transform {
    text-transform: initial
}

.mapScalingComponent .scaleDate {
    padding-left: 10px;
    width: 80px;
    text-align: center
}

.mapScalingComponent .wrap {
    white-space: break-spaces;
    overflow-wrap: break-word
}

.mapScalingComponent .checkbox {
    margin-top: 5px;
    height: 15px;
    width: 15px
}

.mapScalingComponent .dd-container.select-dropdown .filterByCategory .dropdown .dropdown-menu.show {
    display: contents !important
}

.mapScalingComponent .dd-container.select-dropdown .filterByCategory .dropdown .btn.dropdown-toggle:after {
    top: 12px !important
}

.mapScalingComponent .leftMargin {
    margin-left: 6px
}

.mapScalingComponent .cell-padding {
    padding: 22px 4px
}

.mapScalingComponent .new-checkbox {
    height: 15px;
    width: 15px;
    margin-right: 5px;
    position: relative;
    vertical-align: middle
}

.mapScalingComponent .table-rtd {
    border: 1px solid #bbb;
    margin-bottom: 1rem
}

    .mapScalingComponent .table-rtd .table-row {
        display: table;
        width: 100%;
        height: 75px
    }

        .mapScalingComponent .table-rtd .table-row .table-cell {
            display: table-cell
        }

.delete-content {
    word-wrap: break-word
}

.stay-btn {
    margin-right: 0rem;
    margin-left: 2.25rem
}

.allData {
    display: block;
    position: relative;
    padding-left: 18px;
    cursor: pointer;
    font-size: .8125rem;
    -webkit-user-select: none;
    user-select: none
}

    .allData > input {
        position: absolute;
        opacity: 0;
        cursor: pointer
    }

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    border: 1px solid #616365
}

    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
        top: 3px;
        left: 3px;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #007ac9
    }

.allData input:checked ~ .checkmark {
    background-color: #fff;
    border: 1px solid #616365
}

    .allData input:checked ~ .checkmark:after {
        display: block
    }

.delete-measurement-modal .modal-dialog {
    top: 33%
}

.fi-date.nalco-date-range-dropdown .dropdown {
    min-width: 13.5rem;
    min-height: 2.78rem
}

    .fi-date.nalco-date-range-dropdown .dropdown.show {
        border-bottom-right-radius: 0rem
    }

    .fi-date.nalco-date-range-dropdown .dropdown .drop-btn.dropdown-toggle .selected-text {
        color: #007ac9;
        position: relative;
        left: 2rem;
        overflow: unset;
        text-overflow: unset;
        font-size: 14px;
        font-size: .875rem;
        font-family: Roboto,sans-serif;
        display: table;
        top: -5px
    }

    .fi-date.nalco-date-range-dropdown .dropdown .drop-btn.dropdown-toggle .icon-calendar-icon:before {
        top: 9px;
        margin-right: .625rem
    }

    .fi-date.nalco-date-range-dropdown .dropdown .drop-btn.dropdown-toggle .label {
        position: relative;
        left: 2rem;
        font-size: 8px;
        font-size: .5rem;
        line-height: .125rem;
        top: -3px;
        display: inline-block
    }

    .fi-date.nalco-date-range-dropdown .dropdown .dropdown-menu.show {
        min-width: 100.8% !important;
        margin-top: 10px !important
    }

    .fi-date.nalco-date-range-dropdown .dropdown .dropdown-menu button.dropdown-item {
        font-size: 14px;
        font-size: .875rem
    }

.fi-date.nalco-date-range-dropdown .k-datepicker {
    min-width: 100%;
    width: 100%;
    height: 2.78rem;
    border-radius: .125rem;
    margin-bottom: 0
}

    .fi-date.nalco-date-range-dropdown .k-datepicker .k-picker-wrap.k-state-default {
        border: 1px solid #bbbcbe;
        border-radius: .125rem
    }

    .fi-date.nalco-date-range-dropdown .k-datepicker .k-input {
        margin-top: .625rem
    }

    .fi-date.nalco-date-range-dropdown .k-datepicker .selected-text {
        color: #007ac9;
        top: 0;
        padding-top: .25rem
    }

    .fi-date.nalco-date-range-dropdown .k-datepicker .label {
        display: block !important;
        top: 0;
        line-height: normal !important;
        padding-top: .25rem
    }

.fi-date.nalco-date-range-dropdown .start-label {
    font-size: 9px;
    font-size: .5625rem;
    left: 1rem;
    display: block;
    z-index: 1;
    position: absolute;
    text-transform: uppercase;
    font-family: Roboto,sans-serif;
    color: #616365;
    margin-top: .375rem;
    margin-bottom: 0rem;
    width: 6.25rem;
    width: 7rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.fi-date.nalco-date-range-dropdown .k-dateinput-wrap {
    position: relative;
    background: transparent
}

    .fi-date.nalco-date-range-dropdown .k-dateinput-wrap .k-input {
        color: #007ac9
    }

        .fi-date.nalco-date-range-dropdown .k-dateinput-wrap .k-input::placeholder {
            font-size: 14px;
            font-size: .875rem;
            margin-top: .375rem;
            color: #007ac9 !important
        }

        .fi-date.nalco-date-range-dropdown .k-dateinput-wrap .k-input::-moz-placeholder {
            font-size: 14px;
            font-size: .875rem;
            margin-top: .1875rem;
            color: #007ac9 !important;
            opacity: 1
        }

.fi-date.nalco-date-range-dropdown .k-animation-container-shown {
    z-index: 1002
}

.fi-date.nalco-date-range-dropdown .page-datepicker .k-picker-wrap.k-state-default {
    border-color: #bbbcbe !important
}

.fi-date.nalco-date-range-dropdown .page-datepicker .start-label {
    color: #616365;
    font-size: 9px;
    font-size: .5625rem;
    left: 1rem;
    display: block;
    z-index: 1;
    position: absolute;
    text-transform: uppercase;
    margin-top: .375rem
}

.fi-date.nalco-date-range-dropdown .page-datepicker kendo-datepicker .k-dateinput-wrap .k-input {
    margin-top: .25rem
}

.fi-date.nalco-date-range-dropdown .page-datepicker kendo-datepicker .k-icon.k-i-calendar {
    color: #bbbcbe
}

.error-msg {
    position: absolute;
    top: 7rem;
    color: red
}

@media screen and (max-width: 991px) {
    .error-msg {
        position: initial
    }
}

.inline-block-display-moz {
    display: inline-block
}

@media screen and (max-width: 992px) {
    .visit-by-site-dropdown {
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 0;
        padding-left: 8px
    }

    .date-section {
        padding-right: 0;
        flex: 0 0 100%;
        max-width: 100%
    }

    .date-field {
        padding: 10px 0
    }

    .date-field-span {
        width: 100%
    }
}

@media screen and (min-width: 992px) and (max-width: 1280px) {
    .visit-by-site-dropdown, .date-section {
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media screen and (min-width: 1281px) and (max-width: 1600px) {
    .visit-by-site-dropdown {
        flex: 0 0 41.66%;
        max-width: 41.66%
    }

    .date-section {
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media screen and (min-width: 1601px) {
    .visit-by-site-dropdown {
        flex: 0 0 33.33%;
        max-width: 33.33%
    }
}

.pd-0 {
    padding-left: 0;
    padding-right: 0
}

.my-documents-filters .filter-accordion .select-Dvheading {
    padding: 1rem;
    font-size: 16px;
    font-size: 1rem;
    background-color: #fff;
    position: relative;
    cursor: pointer
}

    .my-documents-filters .filter-accordion .select-Dvheading p.upArrow:after {
        display: inline-block;
        vertical-align: .25rem;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent;
        position: absolute;
        right: 1rem;
        border-top-color: #007ac9;
        font-size: 20px;
        font-size: 1.25rem;
        top: 45%;
        border-width: 8px 7px 0 7px
    }

    .my-documents-filters .filter-accordion .select-Dvheading p.downArrow:after {
        transform: scaleY(-1);
        display: inline-block;
        vertical-align: .25rem;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent;
        position: absolute;
        right: 1rem;
        border-top-color: #007ac9;
        font-size: 20px;
        font-size: 1.25rem;
        top: 45%;
        border-width: 8px 7px 0 7px
    }

.my-documents-filters .filter-accordion .selectFilterContent nalco-sites-filter .filterButton {
    padding: .5rem .875rem;
    margin-bottom: 0
}

    .my-documents-filters .filter-accordion .selectFilterContent nalco-sites-filter .filterButton.activeButton {
        background-color: #007ac9;
        border: 1px solid #007ac9
    }

.my-documents-filters .filter-accordion .primary-filter-search kendo-dateinput ::placeholder {
    color: #007ac9
}

.my-documents-filters .filter-accordion .primary-filter-search kendo-dateinput :-ms-input-placeholder {
    color: #007ac9
}

.my-documents-filters .filter-accordion .primary-filter-search kendo-dateinput ::-ms-input-placeholder {
    color: #007ac9
}

.my-documents-filters .filter-accordion .primary-filter-search .k-autocomplete .k-input {
    color: #007ac9
}

.my-documents-filters .filter-accordion .primary-filter-search .search-container {
    padding: 1.4rem 0rem 0rem
}

.my-documents-filters .filter-accordion .primary-filter-search div > div.search-container {
    padding-left: 0
}

.my-documents-filters .filter-accordion .primary-filter-search input[type=search].primary-search {
    border-radius: .125rem;
    height: 2.78rem;
    border: 1px solid #BBBCBE;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    width: 100%
}

    .my-documents-filters .filter-accordion .primary-filter-search input[type=search].primary-search::placeholder {
        font-size: 14px;
        color: #bbbcbe
    }

.my-documents-filters .filter-accordion .primary-filter-search label.ico-nav-search:before {
    top: .9rem;
    color: #007ac9;
    font-weight: 400
}

.my-documents-filters .filter-accordion .ico-nav-document-type {
    font-family: NALCO-Nav-Icons !important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    font-size: 1.5rem;
    line-height: 30px;
    color: #007ac9
}

    .my-documents-filters .filter-accordion .ico-nav-document-type:after {
        content: "\e92f"
    }

.my-documents-filters .filter-accordion .document-type-icon {
    position: absolute;
    z-index: 10;
    margin-left: 10px;
    margin-top: 2px
}

.my-documents-filters .filter-accordion .ico-nav-file-icon {
    font-family: NALCO-Nav-Icons !important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    font-size: 1.5rem;
    line-height: 30px;
    color: #007ac9
}

    .my-documents-filters .filter-accordion .ico-nav-file-icon:after {
        content: "\e922";
        font-size: smaller
    }

.my-documents-filters .filter-accordion .label-align {
    display: inline-block;
    margin-bottom: .5rem
}

.my-documents-filters .filter-accordion .required {
    color: #e00034
}

.my-documents-filters .filter-accordion .disabled .dd-container.select-dropdown .dd-list-container .list-items .dd-items-container .dd-list-item:nth-child(n+2) {
    opacity: .5;
    pointer-events: none
}

.my-documents-filters .filter-accordion .document-filter-date-picker {
    width: 100%
}

    .my-documents-filters .filter-accordion .document-filter-date-picker kendo-dateinput {
        padding: 5px !important;
        border: 1px solid #bbbcbe;
        border-radius: .125rem
    }

        .my-documents-filters .filter-accordion .document-filter-date-picker kendo-dateinput:hover {
            border: 1px solid #bbbcbe;
            box-shadow: none !important
        }

.my-documents-filters .filter-accordion form .col-lg, .my-documents-filters .filter-accordion form .col-lg-3 {
    padding-left: 0rem
}

.my-documents-filters .filter-accordion form .col-lg-3 {
    position: relative
}

    .my-documents-filters .filter-accordion form .col-lg-3 .k-autocomplete .k-input {
        padding-left: 38px !important;
        min-height: 2.78rem
    }

    .my-documents-filters .filter-accordion form .col-lg-3 kendo-autocomplete.admin-search {
        width: 100%;
        min-width: 100%;
        border: 1px solid #bbbcbe;
        border-radius: .125rem;
        height: 2.78rem;
        margin-bottom: 0
    }

    .my-documents-filters .filter-accordion form .col-lg-3 div.admin-icon {
        width: .9375rem;
        height: 1.1875rem;
        position: absolute;
        top: 2.2rem !important;
        z-index: 10;
        left: 1rem;
        background-image: url(/assets/images/nalco-building.png);
        background-position-x: no-repeat
    }

    .my-documents-filters .filter-accordion form .col-lg-3 .dd-display-item {
        height: 2.78rem;
        padding-left: 36px;
        padding-top: .7rem
    }

.my-documents-filters .filter-accordion .range-content {
    border-top: 1px solid #bbbcbe;
    background-color: #fff
}

    .my-documents-filters .filter-accordion .range-content .mydocuments-secondary-filters kendo-dateinput ::placeholder {
        color: #007ac9
    }

    .my-documents-filters .filter-accordion .range-content .mydocuments-secondary-filters kendo-dateinput :-ms-input-placeholder {
        color: #007ac9
    }

    .my-documents-filters .filter-accordion .range-content .mydocuments-secondary-filters kendo-dateinput ::-ms-input-placeholder {
        color: #007ac9
    }

    .my-documents-filters .filter-accordion .range-content .mydocuments-secondary-filters .k-autocomplete .k-input {
        color: #007ac9
    }

    .my-documents-filters .filter-accordion .range-content .mydocuments-secondary-filters .search-container {
        padding: 1.4rem 0rem 0rem
    }

    .my-documents-filters .filter-accordion .range-content .mydocuments-secondary-filters div > div.search-container {
        padding-left: 0
    }

    .my-documents-filters .filter-accordion .range-content .mydocuments-secondary-filters input[type=search].secondary-search {
        border-radius: .125rem;
        height: 2.6rem;
        border: 1px solid #BBBCBE;
        font-family: Roboto,sans-serif;
        font-weight: 400;
        width: 100%
    }

        .my-documents-filters .filter-accordion .range-content .mydocuments-secondary-filters input[type=search].secondary-search::placeholder {
            font-size: 14px;
            color: #bbbcbe
        }

    .my-documents-filters .filter-accordion .range-content .mydocuments-secondary-filters label.ico-nav-search:before {
        top: .9rem;
        color: #007ac9;
        font-weight: 400
    }

    .my-documents-filters .filter-accordion .range-content .mydocuments-secondary-filters .dd-container.select-dropdown .dd-control-container .dd-display-item {
        padding-left: 2rem;
        padding-top: .7rem;
        padding-bottom: .7rem
    }

.my-documents-filters .filter-accordion .disabled .customDateRange {
    pointer-events: none;
    opacity: .4;
    background-color: transparent
}

.my-documents-filters .filter-accordion .showMe {
    left: 0
}

.my-documents-filters .filter-accordion div.custom .admin-search, .my-documents-filters .filter-accordion div.custom nalco-dropdown .dropdown, .my-documents-filters .filter-accordion div.custom .k-datepicker, .my-documents-filters .filter-accordion div.custom .data-visual.nalco-date-range-dropdown, .my-documents-filters .filter-accordion div.custom kendo-autocomplete.general-currency {
    min-width: 100%;
    width: 100%;
    height: 2.78rem;
    border-radius: .125rem;
    margin-bottom: 0
}

    .my-documents-filters .filter-accordion div.custom .admin-search .k-picker-wrap.k-state-default, .my-documents-filters .filter-accordion div.custom nalco-dropdown .dropdown .k-picker-wrap.k-state-default, .my-documents-filters .filter-accordion div.custom .k-datepicker .k-picker-wrap.k-state-default, .my-documents-filters .filter-accordion div.custom .data-visual.nalco-date-range-dropdown .k-picker-wrap.k-state-default, .my-documents-filters .filter-accordion div.custom kendo-autocomplete.general-currency .k-picker-wrap.k-state-default {
        border: 1px solid #bbbcbe;
        border-radius: .125rem
    }

    .my-documents-filters .filter-accordion div.custom .admin-search .k-input, .my-documents-filters .filter-accordion div.custom nalco-dropdown .dropdown .k-input, .my-documents-filters .filter-accordion div.custom .k-datepicker .k-input, .my-documents-filters .filter-accordion div.custom .data-visual.nalco-date-range-dropdown .k-input, .my-documents-filters .filter-accordion div.custom kendo-autocomplete.general-currency .k-input {
        margin-top: .625rem
    }

    .my-documents-filters .filter-accordion div.custom .admin-search .selected-text, .my-documents-filters .filter-accordion div.custom nalco-dropdown .dropdown .selected-text, .my-documents-filters .filter-accordion div.custom .k-datepicker .selected-text, .my-documents-filters .filter-accordion div.custom .data-visual.nalco-date-range-dropdown .selected-text, .my-documents-filters .filter-accordion div.custom kendo-autocomplete.general-currency .selected-text {
        color: #007ac9;
        top: 0
    }

    .my-documents-filters .filter-accordion div.custom .admin-search .label, .my-documents-filters .filter-accordion div.custom nalco-dropdown .dropdown .label, .my-documents-filters .filter-accordion div.custom .k-datepicker .label, .my-documents-filters .filter-accordion div.custom .data-visual.nalco-date-range-dropdown .label, .my-documents-filters .filter-accordion div.custom kendo-autocomplete.general-currency .label {
        display: block !important;
        top: 0;
        line-height: normal !important
    }

.my-documents-filters .filter-accordion div.custom .start-label {
    font-size: 9px;
    font-size: .5625rem;
    left: 1rem;
    display: block;
    z-index: 1;
    position: absolute;
    text-transform: uppercase;
    font-family: Roboto,sans-serif;
    color: #616365;
    margin-top: .375rem;
    margin-bottom: 0rem;
    width: 6.25rem;
    width: 7rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.my-documents-filters .filter-accordion div.custom .k-dateinput-wrap {
    position: relative;
    background: transparent
}

    .my-documents-filters .filter-accordion div.custom .k-dateinput-wrap .k-input {
        color: #007ac9
    }

        .my-documents-filters .filter-accordion div.custom .k-dateinput-wrap .k-input::placeholder {
            font-size: 14px;
            font-size: .875rem;
            margin-top: .375rem;
            color: #007ac9 !important
        }

        .my-documents-filters .filter-accordion div.custom .k-dateinput-wrap .k-input::-moz-placeholder {
            font-size: 14px;
            font-size: .875rem;
            margin-top: .1875rem;
            color: #007ac9 !important;
            opacity: 1
        }

.my-documents-filters .filter-accordion .page-datepicker .k-picker-wrap.k-state-default {
    border-color: #bbbcbe !important
}

.my-documents-filters .filter-accordion .page-datepicker .start-label {
    color: #616365;
    font-size: 9px;
    font-size: .5625rem;
    left: 1rem;
    display: block;
    z-index: 1;
    position: absolute;
    text-transform: uppercase;
    margin-top: .375rem
}

.my-documents-filters .filter-accordion .page-datepicker kendo-datepicker .k-dateinput-wrap .k-input {
    margin-top: .25rem
}

.my-documents-filters .filter-accordion .page-datepicker kendo-datepicker .k-icon.k-i-calendar {
    color: #bbbcbe
}

.my-documents-filters .filter-accordion .units {
    display: flex
}

@media screen and (max-width: 500px) {
    .my-documents-filters .filter-accordion .units {
        flex-wrap: wrap
    }

    .my-documents-filters .filter-accordion .custom {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }
}

.my-documents-filters .filter-accordion hr {
    border-top: 1px solid #dee2e6
}

.my-documents-filters .view-details-button {
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 13rem !important
}

.OpScheduleComponent fieldset {
    border-color: #616365b0;
    border: 1px solid rgba(97,99,101,.6901960784);
    border-radius: 20px;
    min-height: 100px
}

    .OpScheduleComponent fieldset legend {
        color: #616365b0;
        margin: 0 40px;
        padding: 0 20px;
        width: auto;
        font-size: 14px
    }

    .OpScheduleComponent fieldset .row {
        margin-bottom: 0 !important
    }

.OpScheduleComponent .card.tile {
    padding-bottom: 2rem
}

.scheduleComp .radio-items {
    font-size: 13px;
    padding: 8px 16px
}

    .scheduleComp .radio-items input {
        display: none
    }

    .scheduleComp .radio-items span {
        content: " ";
        position: relative;
        top: .125rem;
        margin: 0 5px 0 0;
        width: .8125rem;
        height: .8125rem;
        border-radius: 50%;
        border: 1px solid #616365;
        display: inline-block
    }

    .scheduleComp .radio-items [type=checkbox]:checked + span:before {
        content: " ";
        width: .4375rem;
        height: .4375rem;
        border-radius: 50%;
        position: absolute;
        background-color: #007ac9;
        top: .125rem;
        left: .125rem
    }

.scheduleComp kendo-timepicker .k-picker-wrap {
    border-radius: .3rem !important;
    background-color: #fff !important;
    height: 2.05rem;
    border-color: #0000009f;
    padding: 2px 5px;
    width: 100%
}

.scheduleComp kendo-dateinput span.k-dateinput-wrap {
    padding: 0 5px !important;
    border-radius: .3rem !important
}

    .scheduleComp kendo-dateinput span.k-dateinput-wrap:before {
        content: none !important
    }

.scheduleComp kendo-datepicker .k-picker-wrap {
    border-radius: .3rem !important;
    background-color: #fff !important;
    height: 2.05rem;
    border-color: #0000009f;
    padding: 2px 5px
}

.scheduleComp .card.tile {
    min-height: 13rem
}

.scheduleComp .ud-select {
    display: inline;
    text-overflow: ellipsis;
    overflow: hidden !important;
    white-space: nowrap
}

.scheduleComp .form-control {
    font-size: 12px;
    height: 2.05rem
}

.scheduleComp .required {
    color: #e00034
}

.scheduleComp .ud-left-allignment {
    margin-left: 23px
}

.scheduleComp .invalid .k-picker-wrap {
    border-color: #e00034
}

.scheduleComp option:disabled {
    background-color: #bbbcbe
}

.scheduleComp input[type=radio] {
    appearance: none;
    display: inline-block;
    position: absolute;
    padding: .17rem;
    background-clip: content-box;
    border: 1px solid #616365;
    border-radius: 50%;
    height: .9125rem;
    width: .9125rem
}

    .scheduleComp input[type=radio]:checked {
        background-color: #007ac9
    }

.scheduleComp .transform {
    text-transform: initial
}

.offlineSchedule .dropdownHeading {
    padding-top: 8px;
    padding-left: 16px;
    font-size: 11px;
    color: #616365
}

.offlineSchedule .selectDropdown {
    font-size: 12px;
    height: 48px;
    padding-top: 18px;
    border: 1px solid #bbb;
    border-radius: 2px
}

.offlineSchedule .disabled_bg {
    background-color: #e9ecef
}

.offlineSchedule .float-container {
    border: 1px solid #BBBCBE;
    padding: 0 8px;
    position: relative;
    height: 3rem;
    border-radius: .125rem
}

    .offlineSchedule .float-container input {
        border: none;
        min-height: 20px !important;
        height: 20px !important;
        margin-left: 5px;
        position: relative;
        bottom: 5px;
        display: inherit;
        color: #616365;
        width: -webkit-fill-available;
        width: -moz-available;
        width: stretch;
        padding-left: .375rem
    }

    .offlineSchedule .float-container label {
        transform: translate(6px,5px) scale(1);
        font-size: 11px
    }

.offlineSchedule .ud-mt {
    margin-top: 2rem !important
}

.offlineSchedule .dd-container.select-dropdown .heading {
    font-size: 11px
}

.offlineSchedule .ud-pt {
    padding-top: 30px
}

.offlineSchedule .d-contents {
    display: contents !important
}

.offlineSchedule .required {
    color: #e00034
}

.offlineSchedule input[type=radio] {
    appearance: none;
    display: inline-block;
    position: absolute;
    padding: .17rem;
    background-clip: content-box;
    border: 1px solid #616365;
    border-radius: 50%;
    height: .9125rem;
    width: .9125rem
}

    .offlineSchedule input[type=radio]:checked {
        background-color: #007ac9
    }

.offlineSchedule .dd-container.select-dropdown .dd-control-container .dd-display-item {
    color: #616365
}

.offlineSchedule .dd-integrated-container.select-integrated .dd-control-container .dd-display-item {
    color: #616365;
    font-size: 13px
}

.offlineSchedule .ud-width {
    width: 24rem
}

.offlineSchedule .disableInput {
    background-color: #e9ecef
}

.offlineSchedule .disableRadio {
    background-color: #e9ecef !important;
    background-clip: border-box !important
}

.offlineSchedule .disableRadio-select {
    background-color: #aba6a5 !important
}

.offlineSchedule .textTransform {
    text-transform: initial
}

.offlineSchedule .fontSize {
    font-size: 12px
}

.offlineSchedule #offline-info .bs-tooltip-bottom .arrow, .offlineSchedule #offline-info .bs-tooltip-auto[x-placement^=bottom] .arrow {
    top: -7px
}

.offlineSchedule .tooltip.bs-tooltip-bottom, .offlineSchedule .tooltip.bs-tooltip-auto[x-placement^=bottom] {
    width: max-content
}

.offlineSchedule #offline-info .tooltip {
    top: 0 !important;
    width: max-content;
    left: 10px !important
}

    .offlineSchedule #offline-info .tooltip .tooltip-content {
        font-size: .6875rem
    }

.inventoryTile .k-grid td {
    text-transform: unset;
    white-space: normal;
    overflow: unset;
    border-color: #e2e2e2 !important
}

.inventoryTile .k-grid-pager {
    border-color: #fff;
    background-color: #fff
}

.inventoryTile .k-grid tbody tr {
    background-color: #fff !important
}

.inventoryTile .k-grid-content-locked {
    overflow: unset;
    height: auto !important
}

.inventoryTile .k-grid-header-locked {
    border-width: 0
}

.inventoryTile .k-grid-content.k-virtual-content {
    overflow: auto !important
}

.inventoryTile .cell-padding {
    padding-top: 5px
}

.inventoryTile .tank-reading-content {
    display: inline-block;
    width: 80px
}

.inventoryTile .tank-reading-pdf-content {
    display: inline-block;
    width: 65px
}

.inventoryTile .showPDFDataSourceIcon {
    border-radius: 12px;
    color: #fff;
    width: 15px;
    height: 15px;
    display: inline-block;
    text-align: center;
    background-color: #1c9aec;
    position: relative;
    left: 10px
}

.inventoryTile .showDataSourceIcon {
    border-radius: 12px;
    color: #fff;
    width: 20px;
    height: 19px;
    display: inline-block;
    text-align: center;
    padding: 2px 0 0;
    top: 1px;
    position: relative;
    background-color: #1c9aec;
    vertical-align: bottom;
    left: 5px
}

.inventoryTile .k-grid-header {
    width: 98%
}

.inventoryTile .ico-info-thin {
    padding-left: inherit
}

.inventoryTile .warningIcon {
    cursor: pointer;
    float: left;
    text-align: center;
    width: 100%
}

.inventoryTile .iconalert-red-print {
    position: relative;
    border-left: .8em solid transparent;
    border-right: .8em solid transparent;
    border-bottom: 1.5em solid #e00034;
    top: -1em;
    border-radius: 3px
}

    .inventoryTile .iconalert-red-print:before {
        content: "!";
        top: .75em;
        left: -.15em;
        position: absolute;
        color: #fff;
        font-size: 1.5em;
        line-height: 1em;
        font-weight: 700
    }

.inventoryTile .icon-span {
    font-size: 14px
}

.inventoryTile .inventory-pdf-wrapper .inventory-table-container {
    display: inline-block;
    width: 100%;
    vertical-align: top
}

    .inventoryTile .inventory-pdf-wrapper .inventory-table-container .inventory-pdf-header-alignment {
        margin-top: -1.25%
    }

    .inventoryTile .inventory-pdf-wrapper .inventory-table-container table tr {
        display: flex
    }

.inventoryTile .inventory-pdf-wrapper .layout-fixed {
    table-layout: fixed
}

.customize-btn {
    position: absolute;
    right: 40px;
    top: 15px;
    cursor: pointer;
    font-size: 14px;
    font-size: .875rem
}

    .customize-btn .custom-icon {
        margin-right: .5rem
    }

.actionLogGrid-modal .modal-dialog {
    max-width: 85%;
    top: 10%
}

    .actionLogGrid-modal .modal-dialog .modal-content {
        padding: .5rem
    }

    .actionLogGrid-modal .modal-dialog .siteName {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

.tooltip-content {
    font-family: Roboto,sans-serif;
    font-size: 11px;
    font-size: .6875rem;
    line-height: 13px;
    line-height: .8125rem;
    padding: .125rem .25rem;
    margin-bottom: 0;
    width: 12.5rem
}

.table-legend {
    background-color: #fff;
    text-align: center
}

    .table-legend span {
        background-color: #fff;
        padding: 3px 10px 0
    }

.nalco-inventory-list .inventory-list-modal .tab-pane.active {
    max-height: 25rem;
    overflow: auto
}

.nalco-inventory-list .inventory-list-modal .error-state-message {
    padding-top: 1rem;
    padding-left: 1rem
}

.inventory-list-modal {
    min-width: -moz-fit-content !important;
    min-width: fit-content !important;
    max-width: -moz-fit-content !important;
    max-width: fit-content !important
}

    .inventory-list-modal .tile-content-wrapper {
        min-height: 15rem;
        background-color: #fff
    }

    .inventory-list-modal .modal-dialog {
        min-width: 60rem !important
    }

    .inventory-list-modal .modal-body {
        min-height: 15rem;
        padding: 0 !important;
        max-height: -moz-fit-content !important;
        max-height: fit-content !important
    }

        .inventory-list-modal .modal-body .inputFeild {
            width: 4rem;
            height: calc(1.893rem + 2px);
            font-size: 12px
        }

        .inventory-list-modal .modal-body .selectDropdown {
            width: 6rem;
            height: calc(1.893rem + 2px);
            font-size: 12px;
            outline: 0px
        }

        .inventory-list-modal .modal-body .serialNumberClass, .inventory-list-modal .modal-body .productNameClass {
            min-width: 75px;
            max-width: 75px;
            text-align: left;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            cursor: pointer
        }

        .inventory-list-modal .modal-body .tankTypeClass, .inventory-list-modal .modal-body .slugFeedClass {
            min-width: 85px;
            max-width: 85px;
            text-align: center
        }

        .inventory-list-modal .modal-body .dataSourceClass {
            min-width: 100px;
            max-width: 96px;
            text-align: center
        }

        .inventory-list-modal .modal-body .slugClass {
            min-width: 90px;
            max-width: 90px;
            text-align: left
        }

        .inventory-list-modal .modal-body .targetUsageClass {
            min-width: 180px;
            max-width: 180px;
            text-align: left
        }

        .inventory-list-modal .modal-body .serialNumberHeading, .inventory-list-modal .modal-body .productNameHeading {
            min-width: 75px;
            max-width: 75px;
            text-align: left
        }

    .inventory-list-modal .modal-footer {
        display: flex;
        justify-content: flex-end
    }

    .inventory-list-modal .assets-list {
        max-height: 25rem;
        padding: .5rem 1rem 1rem !important;
        min-height: 18.75rem;
        margin: 0rem
    }

    .inventory-list-modal .custom-control-label {
        cursor: pointer
    }

        .inventory-list-modal .custom-control-label:after {
            left: .125rem
        }

    .inventory-list-modal .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label {
        cursor: inherit
    }

        .inventory-list-modal .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label:before {
            background-color: #dee2e6 !important
        }

    .inventory-list-modal .assets-list .asset-row {
        padding: .3rem 1rem 1rem 1.5rem !important;
        font-size: 14px;
        font-size: .875rem
    }

    .inventory-list-modal .table-row-header {
        display: table-row;
        font-weight: 700
    }

        .inventory-list-modal .table-row-header .table-cell {
            display: table-cell
        }

    .inventory-list-modal .table-row-body {
        display: table-row
    }

        .inventory-list-modal .table-row-body .table-cell {
            display: table-cell
        }

.inventory-modal-checkbox input {
    display: none
}

.inventory-modal-checkbox .checkmark {
    position: relative;
    left: 0;
    width: 1.125rem;
    height: 1.125rem;
    border: 1px solid #dee2e6;
    display: inline-block;
    margin-right: .3125rem;
    vertical-align: top;
    background-color: #dee2e6;
    border-radius: .25rem
}

    .inventory-modal-checkbox .checkmark:after {
        content: "";
        position: absolute;
        display: none
    }

.inventory-modal-checkbox input:checked ~ .checkmark:after {
    display: block
}

.inventory-modal-checkbox input:checked ~ .checkmark {
    background-color: #007ac9;
    border: 1px solid #007ac9
}

.inventory-modal-checkbox .checkmark:after {
    left: .3125rem;
    top: .125rem;
    width: .3125rem;
    height: .625rem;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    border-radius: 0rem
}

.inventory-modal-checkbox input:disabled ~ .checkmark {
    background-color: #616365;
    border: 1px solid #949494 !important
}

    .inventory-modal-checkbox input:disabled ~ .checkmark:after {
        background: none
    }

.edata-mapping-customize-modal .tile-content-wrapper {
    min-height: 15rem;
    background-color: #fff
}

.edata-mapping-customize-modal .modal-dialog {
    min-width: 60rem !important
}

.edata-mapping-customize-modal .modal-body {
    min-height: 15rem;
    padding: 0 !important;
    max-height: -moz-fit-content !important;
    max-height: fit-content !important
}

.edata-mapping-customize-modal .modal-footer {
    display: flex;
    justify-content: flex-end
}

.edata-mapping-customize-modal ngb-accordion.edata-accordion.custom-accordion .card .card-body {
    background-color: #fff;
    min-height: auto
}

.edata-mapping-customize-modal .row {
    display: flex;
    align-items: center
}

.edata-mapping-customize-modal .float-right {
    margin-left: 2rem
}

.edata-mapping-customize-modal .single-arrow-icons {
    height: 20px;
    margin-left: 3px
}

.edata-mapping-customize-modal .single-arrow-up-icons {
    height: 20px;
    margin-left: 3px;
    transform: rotate(-90deg)
}

.edata-mapping-customize-modal .single-arrow-down-icons {
    height: 20px;
    margin-left: 5px;
    transform: rotate(90deg)
}

.edata-mapping-customize-modal .icons {
    height: 20px
}

.edata-mapping-customize-modal .margin-10 {
    margin: 10px 0
}

.edata-mapping-customize-modal .panel-title {
    background: #007ac9;
    color: #fff;
    padding: 10px;
    font-size: 12px
}

.edata-mapping-customize-modal .panel-content-body {
    height: 250px;
    overflow: auto;
    width: 100%;
    border: 1px solid #E2E2E2
}

.edata-mapping-customize-modal .list-items-edata {
    cursor: pointer;
    background: #e2e2e2;
    padding: 5px;
    margin: 5px 10px;
    border-radius: inherit
}

.edata-mapping-customize-modal .color-blue-edata {
    color: #007ac9;
    cursor: pointer
}

.edata-mapping-customize-modal .active-list-edata {
    border: 2px solid #007ac9;
    border-style: dashed
}

.edata-mapping-customize-modal .loader {
    position: absolute;
    left: 0;
    right: 0;
    width: 50px;
    height: 50px;
    top: 35%
}

.edata-mapping-customize-modal .error {
    color: red
}

.edata-mapping-customize-modal .inventory-modal-checkbox {
    margin: 0 0 0 32px
}

    .edata-mapping-customize-modal .inventory-modal-checkbox input {
        display: none
    }

    .edata-mapping-customize-modal .inventory-modal-checkbox .checkmark {
        position: relative;
        left: 0;
        width: 1.125rem;
        height: 1.125rem;
        border: 1px solid #dee2e6;
        display: inline-block;
        margin-right: .3125rem;
        vertical-align: top;
        background-color: #dee2e6;
        border-radius: .25rem
    }

        .edata-mapping-customize-modal .inventory-modal-checkbox .checkmark:after {
            content: "";
            position: absolute;
            display: none
        }

    .edata-mapping-customize-modal .inventory-modal-checkbox input:checked ~ .checkmark:after {
        display: block
    }

    .edata-mapping-customize-modal .inventory-modal-checkbox input:checked ~ .checkmark {
        background-color: #007ac9;
        border: 1px solid #007ac9
    }

    .edata-mapping-customize-modal .inventory-modal-checkbox .checkmark:after {
        left: .3125rem;
        top: .125rem;
        width: .3125rem;
        height: .625rem;
        border: solid #fff;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
        border-radius: 0rem
    }

    .edata-mapping-customize-modal .inventory-modal-checkbox input:disabled ~ .checkmark {
        background-color: #616365;
        border: 1px solid #949494 !important
    }

        .edata-mapping-customize-modal .inventory-modal-checkbox input:disabled ~ .checkmark:after {
            background: none
        }

.edata-mapping-customize-modal #tooltip {
    margin-left: 2px
}

.tooltip-msg {
    max-width: 12rem !important
}

.calculated-icon-image {
    width: 60px;
    height: 18px
}

.calculated-icon-image-selected {
    width: 30px;
    height: 18px
}

.nalco-system-assurance-widget .system-dropdown {
    padding: 10px;
    border-bottom: 1px solid #dedede
}

.nalco-system-assurance-widget .card-title {
    margin-right: 10px !important
}

.nalco-system-assurance-widget .chartGroup #chartcontainer {
    display: inline-block !important;
    cursor: pointer;
    background-color: #f2f2f2;
    width: auto;
    height: 182px !important;
    padding: 10px
}

    .nalco-system-assurance-widget .chartGroup #chartcontainer .highcharts-root {
        height: 180px
    }

@media screen and (max-width: 991px) {
    .nalco-system-assurance-widget .chartGroup #chartcontainer {
        width: 100% !important;
        display: block !important
    }
}

.nalco-system-assurance-widget .chartGroup .tile-content-wrapper .loading {
    top: 0
}

.nalco-system-assurance-widget nalco-sub-system-chart-widget {
    float: left;
    position: relative
}

    .nalco-system-assurance-widget nalco-sub-system-chart-widget nalco-donut-chart {
        float: left;
        width: 100%
    }

@media screen and (max-width: 991px) {
    .nalco-system-assurance-widget nalco-sub-system-chart-widget {
        width: 50%
    }
}

@media screen and (max-width: 480px) {
    .nalco-system-assurance-widget nalco-sub-system-chart-widget {
        width: 100%
    }
}

.nalco-system-assurance-widget .chart-legend {
    background-color: #fff;
    text-align: center
}

    .nalco-system-assurance-widget .chart-legend span {
        background-color: #fff;
        padding: 3px 10px 0
    }

.nalco-system-assurance-widget .ledendHyperlink {
    font-size: .875rem;
    color: #007ac9;
    cursor: pointer;
    text-decoration: underline;
    margin-bottom: 0;
    padding-top: 5px;
    position: absolute;
    top: 0;
    right: 0;
    padding-right: 4px;
    border: 0;
    background-color: transparent;
    margin-right: 64px !important;
    margin-top: 9px
}

@media screen and (max-width: 990px) {
    .nalco-system-assurance-widget .ledendHyperlink {
        margin-top: 1.5rem
    }
}

.nalco-system-assurance-widget nalco-system-status-table-widget {
    display: block;
    width: 100%;
    overflow: auto
}

.nalco-system-assurance-widget kendo-grid table.k-grid-table tbody tr td {
    border-width: 1px 0px 0px 0px
}

.nalco-system-assurance-widget kendo-grid thead tr th.k-header {
    border-width: 0px 0px 1px 0px
}

.nalco-system-assurance-widget .chartGroup .active #chartcontainer {
    background-color: #fff !important;
    border-bottom-style: solid;
    border-bottom-color: gray !important;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #ddd9d9 !important
}

.nalco-system-assurance-widget .loadder-wrapper {
    width: 100% !important;
    min-height: 17.5rem;
    background-color: #fff
}

.nalco-system-assurance-widget .loader {
    position: absolute;
    border-radius: 50%;
    left: -10% !important;
    right: 0;
    width: 50px;
    height: 50px;
    top: 325px !important
}

.system-assurance-pdf .tile-content-wrapper {
    min-height: 0% !important
}

.system-assurance-pdf .asset-measurement-details-wrapper, .system-assurance-pdf .asset-measurement-details-wrapper .no-records-msg {
    min-height: 0px !important
}

.system-assurance-pdf span.column-label.link {
    color: #616365 !important
}

.system-assurance-pdf th.source-header {
    width: 8% !important
}

.nalco-asset-details-widget .loadder-wrapper {
    width: 100% !important;
    min-height: 17.5rem;
    background-color: #fff
}

.nalco-asset-details-widget .loader {
    position: absolute;
    border-radius: 50%;
    left: -25px !important;
    right: 0;
    width: 50px;
    height: 50px;
    top: 325px !important
}

.nalco-asset-details-widget .mat-tab-group {
    margin-bottom: 24px
}

.nalco-asset-details-widget .mat-tab-label {
    font-family: Interstate-Bold,sans-serif;
    font-size: .75rem
}

.nalco-asset-details-widget .mat-tab-group.mat-primary .mat-ink-bar, .nalco-asset-details-widget .mat-tab-nav-bar.mat-primary .mat-ink-bar {
    background-color: #007ac9
}

.nalco-asset-details-widget .table-legend {
    background-color: #fff;
    text-align: center
}

    .nalco-asset-details-widget .table-legend span {
        background-color: #fff;
        padding: 3px 10px 0
    }

.nalco-asset-details-widget .custom-icon {
    cursor: all-scroll
}

.nalco-asset-details-widget .asset-label {
    padding: 0 10px
}

.nalco-asset-details-widget .asset-label-section {
    display: inherit
}

.nalco-asset-details-widget-container-pdf span.column-label.link {
    cursor: default;
    pointer-events: none;
    text-decoration: none;
    color: #616365;
    font-size: .75rem
}

.nalco-asset-details-widget-container-pdf span.column-label.link {
    color: #616365 !important
}

.nalco-asset-details-widget-container-pdf th.source-header {
    width: 8.2% !important
}

.nalco-asset-details-widget-container-pdf .table-legend {
    background-color: #fff;
    text-align: center
}

    .nalco-asset-details-widget-container-pdf .table-legend span {
        background-color: #fff;
        padding: 3px 10px 0
    }

.nalco-asset-details-widget-container-pdf .tile-content-wrapper .asset-measurement-details-wrapper, .nalco-asset-details-widget-container-pdf .tile-content-wrapper .asset-measurement-details-wrapper .no-records-msg {
    min-height: 0px !important
}

::ng-deep .asset-details-modal {
    padding-top: 4rem
}

    ::ng-deep .asset-details-modal .modal-dialog {
        min-width: 50rem !important
    }

        ::ng-deep .asset-details-modal .modal-dialog .modal-content .modal-body {
            min-height: 27rem;
            max-height: 92em
        }

        ::ng-deep .asset-details-modal .modal-dialog .modal-content .modal-footer {
            border-top: 1px solid white
        }

    ::ng-deep .asset-details-modal .nav-tabs .nav-link.active, ::ng-deep .asset-details-modal .nav-tabs .nav-item.show .nav-link {
        color: #495057;
        background-color: #fff;
        border-color: #ffffff #ffffff #ffffff
    }

    ::ng-deep .asset-details-modal .nav-tabs {
        border-bottom: 1px solid #ffffff
    }

    ::ng-deep .asset-details-modal .nav-item {
        margin-left: -12px;
        margin-bottom: 14px;
        font-size: 16px
    }

    ::ng-deep .asset-details-modal .nav-tabs .nav-item .nav-link.active {
        color: #000
    }

    ::ng-deep .asset-details-modal .nav-tabs .nav-item .nav-link {
        color: #1794e5
    }

    ::ng-deep .asset-details-modal .loader-wrapper {
        width: 100%;
        max-height: 87%;
        background: rgba(255,255,255,.8);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100;
        margin-top: 8%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center
    }

    ::ng-deep .asset-details-modal .loader {
        position: absolute;
        left: 0rem;
        right: 0rem;
        width: 5rem;
        height: 5rem;
        bottom: 20%;
        top: 2rem
    }

    ::ng-deep .asset-details-modal .tile {
        border: 6px solid white;
        padding: 0rem
    }

    ::ng-deep .asset-details-modal .tile-thumbnail {
        position: relative;
        height: 50px;
        background-color: #fff;
        border: solid 1px #1693e4 !important;
        word-wrap: break-word;
        padding-top: 1rem
    }

    ::ng-deep .asset-details-modal .assets-div {
        overflow-y: auto;
        overflow-x: hidden;
        min-height: 5rem;
        max-height: 19rem;
        display: flex;
        padding-right: 10px;
        margin-top: 1rem
    }

    ::ng-deep .asset-details-modal .asset-selected {
        background-color: #e6e6e6
    }

    ::ng-deep .asset-details-modal .select-text {
        font-size: 13px;
        margin-left: -13px;
        margin-bottom: 22px
    }

    ::ng-deep .asset-details-modal .assetWidth100 {
        width: 100%
    }

    ::ng-deep .asset-details-modal .back-btn {
        margin-right: 499px
    }

    ::ng-deep .asset-details-modal .set-footer {
        margin-top: -15px
    }

    ::ng-deep .asset-details-modal .noteClass {
        margin-top: 54px
    }

    ::ng-deep .asset-details-modal .dd-container.select-dropdown .dd-list-container .list-items .dd-items-container {
        overflow-x: hidden
    }

    ::ng-deep .asset-details-modal .assetNameOverflow {
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #616365
    }

@media only screen and (max-width: 390px) {
    ::ng-deep .asset-details-modal .back-btn {
        margin-right: 21px !important
    }

    ::ng-deep .asset-details-modal .assets-div {
        max-height: 11rem
    }
}

@media (min-width: 391px) and (max-width: 450px) {
    ::ng-deep .asset-details-modal .back-btn {
        margin-right: 65px !important
    }

    ::ng-deep .asset-details-modal .assets-div {
        max-height: 13rem
    }
}

@media (min-width: 451px) and (max-width: 780px) {
    ::ng-deep .asset-details-modal .back-btn {
        margin-right: 201px !important
    }

    ::ng-deep .asset-details-modal .assets-div {
        max-height: 13rem
    }
}

@media only screen and (max-width: 800px) {
    ::ng-deep .asset-details-modal .modal-dialog {
        min-width: inherit !important
    }

    ::ng-deep .asset-details-modal .showPopUpLoader .loader {
        top: 9rem
    }
}

@media (min-width: 256px) and (max-width: 320px) {
    ::ng-deep .asset-details-modal .modal-footer .setWidth {
        min-width: 5rem
    }
}

.nalco-charge-balance .modal-dialog {
    position: relative;
    top: 50% !important;
    transform: translateY(-50%) !important
}

.nalco-charge-balance .modal-header {
    background-color: #007ac9 !important;
    color: #fff !important
}

.nalco-charge-balance .modal-footer {
    background-color: #dee2e6 !important
}

.outerbody {
    padding: 10px;
    background-color: #e2e2e2 !important
}

.label-class {
    display: flex;
    align-items: center;
    margin: 2px 0;
    font-weight: 700
}

.selectRow {
    height: 48px
}

.dropDown {
    height: 35px;
    margin: auto 0;
    border-radius: 2px
}

.span-class {
    display: flex;
    align-items: center;
    background-color: #e2e2e2 !important;
    color: #007ac9 !important;
    margin: 10px 2px;
    padding: 5px
}

.disabled {
    background-color: #e9ecef
}

.error-modal .modal-content {
    width: 300px
}

.error-modal p {
    margin: 1.5rem
}

.controller-Management {
    padding: 1.25rem .625rem
}

    .controller-Management .toggleButton {
        left: -20px;
        float: right;
        top: -16px;
        position: relative;
        display: inline-flex
    }

        .controller-Management .toggleButton p {
            font-size: 14px
        }

        .controller-Management .toggleButton .ico-toggle:after {
            color: #616365
        }

        .controller-Management .toggleButton .favorite-toggle input:checked + .ico-toggle:after {
            color: #007ac9 !important
        }

    .controller-Management custom-date-range-dropdown .customDateRange .selected-text {
        padding: 3px 0 0 !important
    }

    .controller-Management .controller-repo-container {
        padding-left: 0;
        margin-top: -1.5rem
    }

        .controller-Management .controller-repo-container ul .nav-item .nav-link {
            font-size: 14px !important;
            padding: 0 0 .325rem
        }

            .controller-Management .controller-repo-container ul .nav-item .nav-link.active {
                border-bottom: .15rem solid #616365
            }

    .controller-Management .loader-position {
        margin: -.5% auto !important;
        position: absolute !important;
        width: 50px !important;
        height: 50px !important
    }

    .controller-Management .margine-unp {
        margin-left: 8.5rem !important
    }

    .controller-Management .margine-p {
        margin-left: .5rem !important
    }

    .controller-Management .filter-accordion .select-Dvheading {
        padding: 1rem;
        font-size: 16px;
        font-size: 1rem;
        background-color: #fff;
        position: relative;
        cursor: pointer
    }

    .controller-Management .filter-accordion .selectFilterContent nalco-sites-filter .filterButton {
        padding: .5rem .875rem;
        margin-bottom: 0
    }

        .controller-Management .filter-accordion .selectFilterContent nalco-sites-filter .filterButton.activeButton {
            background-color: #007ac9;
            border: 1px solid #007ac9
        }

    .controller-Management .filter-accordion .selectFilterContent .serial-search {
        margin-top: 1.2rem
    }

    .controller-Management .filter-accordion .selectFilterContent input[type=search] {
        border-radius: .3rem;
        line-height: 2rem;
        border: 1px solid #bdbec0
    }

        .controller-Management .filter-accordion .selectFilterContent input[type=search].secondary-search {
            width: 100%
        }

        .controller-Management .filter-accordion .selectFilterContent input[type=search] + .ico-nav-search:before {
            top: .9rem !important
        }

    .controller-Management .set-margine {
        margin-top: 23px
    }

    .controller-Management .ico-nav-file-icon:after {
        content: "\e922";
        font-size: smaller
    }

    .controller-Management .label-align {
        display: inline-block;
        margin-bottom: .5rem
    }

    .controller-Management .required {
        color: #e00034
    }

    .controller-Management form .col-lg, .controller-Management form .col-lg-3 {
        padding-left: 0rem
    }

    .controller-Management form .col-lg-3 {
        position: relative
    }

        .controller-Management form .col-lg-3 .k-autocomplete .k-input {
            padding-left: 38px !important;
            min-height: 2.78rem
        }

        .controller-Management form .col-lg-3 kendo-autocomplete.admin-search {
            width: 100%;
            min-width: 100%;
            border: 1px solid #bbbcbe;
            border-radius: .125rem;
            height: 2.78rem;
            margin-bottom: 0
        }

        .controller-Management form .col-lg-3 div.admin-icon {
            width: .9375rem;
            height: 1.1875rem;
            position: absolute;
            top: 2.2rem;
            z-index: 10;
            left: 1rem;
            background-image: url(/assets/images/nalco-building.png);
            background-position-x: no-repeat
        }

        .controller-Management form .col-lg-3 .dd-display-item {
            height: 2.78rem;
            padding-left: 36px;
            padding-top: .7rem;
            border-radius: .3rem !important
        }

    .controller-Management .range-content {
        border-top: 1px solid #bbbcbe;
        background-color: #fff
    }

    .controller-Management .showMe {
        left: 0
    }

@media screen and (max-width: 500px) {
    .controller-Management .units {
        flex-wrap: wrap
    }
}

.controller-Management hr {
    border-top: 1px solid #dee2e6
}

.controller-Management .disabled {
    pointer-events: none;
    opacity: .4;
    background-color: transparent
}

.toggleButton {
    left: -20px;
    float: right;
    top: -16px;
    position: relative;
    display: inline-flex
}

    .toggleButton p {
        font-size: 14px
    }

    .toggleButton .ico-toggle:after {
        color: #616365
    }

    .toggleButton .favorite-toggle input:checked + .ico-toggle:after {
        color: #007ac9 !important
    }

.controller-Repository {
    padding: 1.25rem .625rem
}

    .controller-Repository .div-view {
        text-align: center;
        margin-top: 10px
    }

    .controller-Repository .hr {
        width: 100%;
        border-top: .1px solid #dee2e6;
        margin-top: .2rem;
        margin-bottom: .2rem
    }

    .controller-Repository .btn-width {
        width: 70%
    }

    .controller-Repository .btn-center {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 50px
    }

    .controller-Repository .controller-image {
        margin-top: .5rem;
        margin-left: 24rem;
        height: 7rem;
        width: 7rem;
        background-repeat: no-repeat;
        background-position: center !important
    }

    .controller-Repository .dropdown-item {
        font-size: .75rem
    }

@media only screen and (max-width: 2600px) {
    .controller-Repository .left {
        margin-left: 13rem
    }
}

@media only screen and (max-width: 2200px) {
    .controller-Repository .left {
        margin-left: 10rem
    }
}

@media only screen and (max-width: 1900px) {
    .controller-Repository .left {
        margin-left: 8rem
    }
}

@media only screen and (max-width: 1600px) {
    .controller-Repository .left {
        margin-left: 7rem
    }
}

@media only screen and (max-width: 1500px) {
    .controller-Repository .left {
        margin-left: 6rem
    }
}

@media only screen and (max-width: 1400px) {
    .controller-Repository .left {
        margin-left: 5rem
    }
}

.remote-upgrade-list .loader-position {
    margin: -.5% auto !important;
    position: absolute !important;
    width: 50px !important;
    height: 50px !important
}

.remote-upgrade-list .margine-p {
    margin-left: 2rem !important
}

.remote-upgrade-list .target-version-width {
    width: 100%
}

.remote-upgrade-list .search-box-area .search-label {
    color: #949494;
    font-weight: 300;
    position: relative;
    top: 7%
}

.remote-upgrade-list .search-box-area .search-box {
    margin-left: 2px;
    margin-right: 5px;
    border-radius: 3px;
    color: #434345;
    padding: 6px
}

.remote-upgrade-list .search-box-area ::placeholder {
    color: #949494
}

.remote-upgrade-list .btn-right {
    display: flex;
    flex-direction: row;
    justify-content: right;
    align-items: center;
    height: 50px
}

.remote-upgrade-list .btn-right {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 50px
}

.remote-upgrade-list .search {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 50px
}

.remote-upgrade-list .upgrade-loader {
    position: absolute !important;
    width: 50px !important;
    height: 50px !important;
    margin-left: 13rem;
    margin-top: -.4rem
}

.remote-upgrade-list .min-height {
    min-height: 5rem !important
}

.remote-upgrade-list .body-msg {
    line-height: initial
}

.remote-upgrade-list .k-grid td.k-state-selected, .remote-upgrade-list .k-grid tr.k-state-selected > td {
    background-color: #80b5e9
}

.remote-upgrade-list .k-checkbox-label:after, .remote-upgrade-list .k-checkbox:checked {
    background-color: #006bd3;
    border-color: #767676
}

.remote-upgrade-list .k-checkbox-label:before {
    border-color: #767676
}

.remote-upgrade-list .k-grid-content {
    overflow-x: scroll !important
}

.remote-upgrade-list .k-checkbox:indeterminate + .k-checkbox-label:after {
    background-color: #006bd3
}

.remote-upgrade-list .k-filtercell .k-filtercell-operator {
    display: none
}

.remote-upgrade-list .k-filtercell .k-filtercell-wrapper > .k-textbox {
    border-color: #0000004d
}

.remote-upgrade-list .k-picker-wrap {
    border-color: #b2b2b2 !important;
    height: 35px !important;
    border-radius: .3rem !important
}

.remote-upgrade-list .k-dateinput-wrap {
    border-radius: .3rem !important
}

.remote-upgrade-list .k-table-row.k-selected .k-table-td {
    background-color: #80b5e9
}

.remote-upgrade-list .k-sort-icon {
    margin-inline-start: -3px !important
}

.remote-upgrade-list .k-filtercell {
    width: 90%
}

.remote-upgrade-list .k-datepicker {
    border-color: #0000004d;
    border-radius: 4px !important
}

    .remote-upgrade-list .k-datepicker kendo-dateinput {
        padding: 0 !important
    }

.admin-grid-container:hover td {
    background-color: #fff
}

.admin-grid-container .k-grid .k-grid-header .k-header {
    white-space: normal;
    background-color: #1c9aec;
    color: #fff !important;
    font-family: Roboto,sans-serif !important;
    font-size: 12px !important
}

.admin-grid-container ::-webkit-scrollbar {
    width: 1.5rem
}

.admin-grid-container ::-webkit-scrollbar-track-piece {
    background-color: #fff !important;
    height: 2rem
}

.admin-grid-container ::-webkit-scrollbar-thumb {
    background-color: #bbbcbe !important;
    border: .5rem solid transparent;
    border-radius: .75rem;
    background-clip: content-box;
    min-height: 2.5rem;
    max-height: 10rem
}

.admin-grid-container ::-webkit-scrollbar-corner {
    background-color: #fff !important
}

.admin-grid-container ::-webkit-scrollbar:horizontal {
    width: 1em;
    height: 1.5rem
}

.admin-grid-container .k-grid td {
    border: .5px solid #bbbcbe !important;
    text-overflow: clip;
    white-space: nowrap;
    word-wrap: break-word;
    overflow: hidden
}

    .admin-grid-container .k-grid td .k-svg-i-none.k-treelist-toggle {
        margin: 0;
        padding: 0
    }

.admin-grid-container .header-bottom {
    border-bottom: 1px solid #bbbcbe !important;
    border-left: 1px solid #bbbcbe !important;
    border-right: 1px solid #bbbcbe !important;
    border-top: 0px solid #bbbcbe !important
}

.admin-grid-container .header-top {
    border-top: 0px solid #bbbcbe !important;
    border-left: 1px solid #bbbcbe !important;
    border-right: 1px solid #bbbcbe !important;
    border-bottom: 0px solid #bbbcbe !important
}

.admin-grid-container .header-bottom-odd {
    border-bottom: 1px solid #bbbcbe !important;
    border-left: 1px solid #bbbcbe !important;
    border-right: 0px solid #bbbcbe !important;
    border-top: 0px solid #bbbcbe !important
}

.admin-grid-container .header-bottom-even {
    border-bottom: 1px solid #bbbcbe !important;
    border-left: 0px solid #bbbcbe !important;
    border-right: 1px solid #bbbcbe !important;
    border-top: 0px solid #bbbcbe !important
}

.admin-grid-container .grid-wrapper {
    border: 1px solid #bbbcbe !important;
    border-left: 0px solid #bbbcbe !important;
    border-top: 0px solid #bbbcbe !important
}

.admin-grid-container .k-grid-header-locked table, .admin-grid-container .k-grid-header-wrap table {
    height: 110px !important
}

.admin-grid-container .k-virtual-content {
    overflow-y: scroll !important;
    position: relative !important
}

    .admin-grid-container .k-virtual-content .k-grid-table .colorChangedRow td {
        background-color: #fff45f !important;
        color: #000 !important
    }

.admin-grid-container .grid-loading-icon {
    border: 9px solid #007ac9 !important;
    border-top: 9px solid #ffffff !important
}

.notification-container {
    border: 0px !important
}

    .notification-container .search-icon {
        left: 20px !important;
        position: absolute !important;
        font-size: 15px !important;
        top: 0 !important
    }

    .notification-container .search-bar {
        margin-left: 0 !important;
        padding-left: 32px !important;
        color: #bbbcbe !important
    }

    .notification-container input[type=search] {
        padding: 4px 12px 4px 40px !important
    }

    .notification-container [type=search]::-webkit-search-cancel-button {
        -webkit-appearance: auto !important
    }

    .notification-container .mt3 {
        margin-top: -3px
    }

    .notification-container .reset-btn {
        margin-top: 35px !important
    }

    .notification-container .fa {
        display: inline-block;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .notification-container .SearchFilterContainer {
        font-size: 11px !important
    }

        .notification-container .SearchFilterContainer .page-loader {
            border: 7px solid #007ac9 !important;
            border-top: 7px solid #ffffff !important
        }

        .notification-container .SearchFilterContainer input {
            padding: 6px 12px 6px 10px !important
        }

    .notification-container lib-common-drop-down .datePickerContainer .dropdown {
        border: unset;
        padding-left: 0 !important;
        padding-right: 0 !important
    }

        .notification-container lib-common-drop-down .datePickerContainer .dropdown .btn {
            color: #616365;
            border-color: gray;
            background-color: unset
        }

        .notification-container lib-common-drop-down .datePickerContainer .dropdown .btn-outline-primary:hover {
            background-color: unset;
            color: #616365;
            border-color: gray
        }

        .notification-container lib-common-drop-down .datePickerContainer .dropdown .dropdown-menu {
            width: 192px !important;
            transform: translateY(30px) !important
        }

    .notification-container lib-common-drop-down .datePickerContainer .disable-drop-down .btn {
        color: #fff !important
    }

    .notification-container lib-configuration-grid .k-checkbox {
        border-color: #00000014;
        color: #656565 !important;
        background-color: #d3d3d3 !important;
        position: unset !important;
        opacity: unset !important;
        -webkit-appearance: auto;
        pointer-events: auto
    }

    .notification-container lib-configuration-grid .k-grid-content {
        overflow: auto !important;
        background-color: #fff !important;
        position: relative !important
    }

    .notification-container lib-configuration-grid kendo-datepicker .k-datepicker {
        width: 8rem !important
    }

    .notification-container lib-configuration-grid .admin-grid-container .k-grid .k-grid-header .k-header {
        font-size: 11px !important
    }

    .notification-container .btn.disabled, .notification-container .btn:disabled {
        background: transparent;
        color: #bbbcbe !important;
        border: 1px solid #bbbcbe !important;
        opacity: 1
    }

        .notification-container .btn.disabled:hover, .notification-container .btn:disabled:hover {
            background: transparent
        }

    .notification-container .btn.btn-outline-primary:disabled.active {
        background: #E2E2E2;
        color: #fff !important;
        border: 1px solid #E2E2E2 !important
    }

        .notification-container .btn.btn-outline-primary:disabled.active:hover {
            background: #E2E2E2;
            border: 1px solid #E2E2E2 !important;
            color: #fff !important
        }

    .notification-container .reset-btn.disabled {
        background-color: transparent !important
    }

    .notification-container .k-grid td, .notification-container .k-grid th {
        padding: 5px 8px !important
    }

    .notification-container .collapse-btn, .notification-container i.fa.fa-caret-right.fa-lg {
        background: transparent;
        color: #fff;
        font-size: 1.2rem
    }

body .main-content .notification-container .settings-text {
    color: #007ac9 !important;
    font-size: .95rem !important
}

    body .main-content .notification-container .settings-text:last-child {
        padding-right: 0 !important
    }

.filterDialog .modal-dialog {
    transform: none !important
}

.filterDialog .multiselect-dropdown .dropdown-list {
    margin-top: 0 !important
}

    .filterDialog .multiselect-dropdown .dropdown-list .item2 {
        max-height: 142px !important
    }

.filterDialog .multiselect-dropdown .dropdown-btn {
    color: #656565 !important;
    padding-top: 14px !important;
    background-color: #004d71 !important
}

    .filterDialog .multiselect-dropdown .dropdown-btn .selected-item :hover {
        box-shadow: none !important
    }

.filterDialog .modal-header .close-btn {
    border: none !important
}

.filterDialog .configuration-grid-filter {
    width: 40rem !important
}

.toast-top-full-width {
    top: 10% !important;
    right: 0 !important;
    width: 100% !important
}

.modal.show .modal-dialog {
    transform: none
}

    .modal.show .modal-dialog .persistent-settings-dialog table thead tr th {
        background: #fff;
        top: -18px !important
    }

    .modal.show .modal-dialog .persistent-settings-dialog .modal-body {
        overflow-y: auto !important
    }

.notification-container .filters .text-md-right button.btn {
    background: #fff;
    border: 1px solid #949494;
    box-shadow: none;
    color: #616365;
    text-transform: capitalize
}

    .notification-container .filters .text-md-right button.btn:hover {
        color: #949494;
        border: 1px solid #BBBCBE
    }

    .notification-container .filters .text-md-right button.btn.active {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff
    }

        .notification-container .filters .text-md-right button.btn.active:hover {
            background-image: linear-gradient(180deg,#1C9AEC,#007ac9);
            background-repeat: repeat-x
        }

        .notification-container .filters .text-md-right button.btn.active:disabled {
            background: #E2E2E2;
            color: #fff !important;
            border: 1px solid #E2E2E2 !important
        }

.configuration-grid-filter {
    width: 40rem !important
}

.crude-bg {
    background-color: #fff
}

.crude-layout .feed-header {
    color: #007ac9;
    margin: 16px 0 0 22px;
    font-weight: 700
}

.crude-layout .siteAssign {
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin-left: auto;
    margin-top: 11px;
    margin-right: 10px
}

@media (min-width: 1200px) {
    .crude-layout .container {
        max-width: 5000px
    }
}

@media (min-width: 768px) {
    .crude-layout .side-panel {
        width: 40%
    }
}

@media (max-width: 768px) {
    .crude-layout .side-panel {
        width: 100%;
        padding-left: 4rem
    }
}

.crude-layout .crude-main-page-top {
    padding-top: 50px !important;
    background-color: #fff
}

.crude-layout .widthadjust {
    padding-top: 25px
}

.crude-layout .widthblending {
    margin-top: -18px
}

.crude-layout ngb-tabset {
    justify-content: center
}

.crude-layout .crude-nav ul .nav-item:nth-child(1) {
    margin-left: 0
}

.crude-layout .crude-nav {
    width: 100%;
    display: block
}

    .crude-layout .crude-nav.mapListWrap {
        min-height: 200px;
        background: #fff
    }

    .crude-layout .crude-nav ul {
        border-bottom: 1px solid #e2e2e2;
        margin: 0
    }

        .crude-layout .crude-nav ul .nav-item {
            padding: .25rem 1rem 0 .5rem
        }

            .crude-layout .crude-nav ul .nav-item .nav-link {
                font-size: 16px;
                font-size: 1rem;
                background: #fff;
                border: 0;
                color: #6495ed
            }

                .crude-layout .crude-nav ul .nav-item .nav-link.active {
                    color: #00008b;
                    border-bottom: .25rem solid #616365;
                    cursor: default
                }

                .crude-layout .crude-nav ul .nav-item .nav-link:hover {
                    color: #616365
                }

            .crude-layout .crude-nav ul .nav-item:nth-child(1) {
                margin-left: .4375rem
            }

        .crude-layout .crude-nav ul .nav li {
            font-size: 24px;
            font-size: 1.5rem;
            line-height: 1.75rem;
            margin-right: 1rem;
            padding: 1rem 0rem;
            margin-left: 1rem
        }

    .crude-layout .crude-nav.crudeTransparent ul {
        background: transparent;
        margin-bottom: 10px
    }

        .crude-layout .crude-nav.crudeTransparent ul.nav-tabs {
            margin-left: 0;
            border-bottom: 1px solid #D9EAF9
        }

        .crude-layout .crude-nav.crudeTransparent ul:last-child {
            margin-bottom: 0
        }

        .crude-layout .crude-nav.crudeTransparent ul .nav-item:first-child {
            margin-left: 0;
            padding-left: 0
        }

        .crude-layout .crude-nav.crudeTransparent ul .nav-item .nav-link {
            background: transparent
        }

            .crude-layout .crude-nav.crudeTransparent ul .nav-item .nav-link.active {
                border-bottom: .2rem solid darkblue;
                cursor: default
            }

        .crude-layout .crude-nav.crudeTransparent ul .nav-item:last-child {
            border-right: none
        }

@media screen and (max-width: 550px) {
    .crude-layout .crude-nav.crudeTransparent ul .nav-item:last-child {
        margin-left: 0;
        padding-left: 0
    }
}

.crude-layout .crude-nav.crudeTransparent .tab-content > .tab-pane {
    background: transparent
}

.crude-layout .crude-nav.crudeTransparent .cleveland-tile {
    background-color: transparent;
    box-shadow: none
}

.crude-layout .crude-nav.crude-sub-nav ul.nav {
    background: #fff !important;
    margin-bottom: 0
}

    .crude-layout .crude-nav.crude-sub-nav ul.nav .nav-item:first-child {
        margin-left: 10px;
        padding-left: 10px
    }

.crude-layout .crude-nav.crude-sub-nav .tab-content > .tab-pane {
    background: #fff !important
}

.crude-layout .vertical-tabs .nav-pills {
    display: flex;
    flex-direction: column
}

.crude-layout .active-tab td {
    border-left: 4px solid darkblue
}

    .crude-layout .active-tab td a, .crude-layout .active-tab td a:hover {
        color: #00008b
    }

.crude-layout .crude-table-bordered td {
    cursor: pointer;
    padding-left: 10px
}

    .crude-layout .crude-table-bordered td a {
        display: block;
        padding: 10px;
        text-decoration: none;
        color: #333
    }

        .crude-layout .crude-table-bordered td a:hover {
            color: #00008b
        }

.crude-layout .crude-custom-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px
}

    .crude-layout .crude-custom-table th, .crude-layout .crude-custom-table td {
        border: 1px #D9EAF9;
        width: 100%;
        padding: 10px;
        border-bottom: 2px solid #D9EAF9;
        line-height: 2rem !important
    }

    .crude-layout .crude-custom-table td {
        font-family: Roboto;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: -.01em;
        text-align: left;
        color: #093675;
        padding-right: 20px
    }

    .crude-layout .crude-custom-table input {
        border: 1px solid #80B5E9;
        border-radius: 4px;
        font-size: 14px;
        font-family: roboto;
        font-weight: 400;
        line-height: 16px;
        text-align: left;
        width: 9rem !important;
        height: 2rem !important
    }

        .crude-layout .crude-custom-table input::placeholder {
            color: #006bd3
        }

    .crude-layout .crude-custom-table thead th {
        background-color: #f5fafd;
        font-family: Roboto;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        font-weight: 700;
        letter-spacing: -.01em;
        text-align: center;
        color: #093675;
        padding-right: 20px
    }

    .crude-layout .crude-custom-table input {
        width: 100%;
        box-sizing: border-box
    }

    .crude-layout .crude-custom-table tbody tr:nth-child(even) {
        background-color: #f5fafd
    }

    .crude-layout .crude-custom-table tbody tr:nth-child(odd) {
        background-color: #fff
    }

.crude-layout .table-container {
    position: relative;
    margin-top: 20px;
    overflow-x: auto;
    white-space: nowrap;
    -ms-overflow-style: none;
    scrollbar-width: thin
}

    .crude-layout .table-container::-webkit-scrollbar {
        height: 20px
    }

    .crude-layout .table-container::-webkit-scrollbar-track {
        background: #f1f1f1
    }

.crude-layout .pagination-container {
    position: absolute;
    right: 0;
    bottom: -40px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: Arial,sans-serif
}

.crude-layout .pagination-button {
    padding: 5px 10px;
    background-color: #007bff;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer
}

    .crude-layout .pagination-button:disabled {
        background-color: #ccc;
        cursor: not-allowed
    }

.crude-layout span {
    font-size: 14px
}

.crude-layout .tab-title {
    margin: 0
}

.crude-layout .table-actions-bar {
    padding-top: .5rem;
    padding-left: .5rem;
    padding-right: .5rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end
}

.crude-layout .side-panel {
    color: #093675;
    top: 4rem !important;
    overflow: hidden !important
}

    .crude-layout .side-panel .mat-drawer-inner-container {
        overflow: hidden !important
    }

.crude-layout .mat-drawer-container {
    background-color: #fff
}

.crude-layout .sub-header {
    z-index: 1 !important
}

.crude-layout .main-content {
    background-color: #fff
}

.crude-layout .addCrude-button {
    width: 9rem;
    height: 3rem;
    padding: .5rem 1rem;
    border-radius: .5rem;
    margin-left: 1rem;
    gap: .5rem;
    color: #fff;
    border: 1px solid #006bd3;
    font-family: roboto;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    background-color: #006bd3
}

    .crude-layout .addCrude-button .plus-icon {
        background: url(/assets/images/add.png);
        width: 14px;
        height: 14px;
        margin-top: 3px
    }

.crude-layout .customize-button {
    width: 9rem;
    height: 3rem;
    padding: .5rem 1rem;
    border-radius: .5rem;
    gap: .5rem;
    color: #006bd3;
    border: 1px solid #006bd3;
    font-family: roboto;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    background-color: #fff
}

    .crude-layout .customize-button .customize-icon {
        background: url(/assets/images/Edit.png);
        width: 19px;
        height: 19px;
        margin-top: -.2rem
    }

.crude-layout .restore-customize, .crude-layout .apply-customize {
    display: flex;
    width: 8.5rem;
    height: 3rem;
    padding: .5rem 1rem;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    border-radius: .5rem
}

.crude-layout .restore-customize {
    color: #006bd3;
    border: 1px solid var(--Brand-Ecolab-Blue, #006bd3)
}

.crude-layout .apply-customize {
    color: #fff;
    background: var(--Brand-Ecolab-Blue, #006bd3)
}

.crude-layout .btn {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -.01em;
    text-align: center;
    margin: .5rem
}

.crude-layout .add-crude-btn {
    display: flex;
    width: 8.5rem;
    height: 3.25rem;
    padding: .5rem 1rem;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    border-radius: .5rem
}

.crude-layout .sidebar-main-content {
    padding: 1.5rem;
    min-height: 20rem;
    max-height: 30rem;
    overflow-y: auto
}

.crude-layout .content-brief {
    margin-left: 0;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    padding-right: 1.5rem;
    font-size: 14px;
    font-family: roboto;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    text-align: left
}

.crude-layout .sidebar-header {
    padding: 0;
    margin: 0;
    width: 100%;
    min-height: 5rem;
    background-color: #ecf5fc;
    padding: 1.5rem;
    border-bottom: 1px solid #D9EAF9
}

    .crude-layout .sidebar-header p {
        margin-bottom: 0
    }

.crude-layout .sidebar-header-title {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    font-family: roboto;
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -.01em;
    text-align: left
}

.crude-layout .sidebar-header-note {
    max-width: 500px;
    font-family: roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-align: left
}

.crude-layout .sidebar-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: 1.5rem 0rem;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 6rem;
    margin-top: 1.5rem;
    background-color: #fff
}

.crude-layout .sidebar-list {
    margin-top: 1rem;
    width: 100%;
    border: solid 1px #D9EAF9;
    display: block;
    background: #D9EAF9;
    border-radius: .5rem;
    overflow: hidden
}

.crude-layout .list-item-box {
    padding: 1rem 0rem;
    border-bottom: solid 1px #D9EAF9;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: left;
    box-sizing: border-box;
    cursor: move;
    background: #F5FAFD;
    font-size: 14px
}

.crude-layout .list-item-label {
    padding: 0;
    margin: 0;
    height: 20px;
    vertical-align: middle
}

.crude-layout .drag-indicator {
    background: url(drag-indicator.2dbecde743b2e8c3.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    width: 1rem;
    height: 1rem;
    display: inline-block;
    margin-left: 0;
    margin-right: 1rem;
    margin-left: 1rem;
    vertical-align: middle
}

.crude-layout .item-label-text {
    display: inline-block;
    margin-left: 0;
    height: 20px;
    vertical-align: middle;
    margin-top: 2px
}

.crude-layout .cdk-drag-preview {
    box-sizing: border-box;
    border-radius: .5rem;
    box-shadow: 0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f !important
}

.crude-layout .cdk-drag-placeholder {
    opacity: 0
}

.crude-layout .cdk-drag-animating {
    transition: transform .25s cubic-bezier(0,0,.2,1)
}

.crude-layout .list-item-box:last-child {
    border: none
}

.crude-layout .sidebar-list.cdk-drop-list-dragging .list-item-box:not(.cdk-drag-placeholder) {
    transition: transform .25s cubic-bezier(0,0,.2,1)
}

.crude-layout .side-panel .list-item-label {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.crude-layout .side-panel .list-item-checkbox {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.crude-layout .side-panel .custom-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid #006BD3;
    border-radius: 3.33px;
    margin-right: .5rem
}

.crude-layout .side-panel .list-item-label:hover input ~ .custom-checkmark {
    background-color: #fff
}

.crude-layout .side-panel .list-item-label input:checked ~ .custom-checkmark {
    background: none
}

.crude-layout .side-panel .list-item-box .list-item-label input:checked {
    background-color: #fff
}

.crude-layout .side-panel .custom-checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.crude-layout .side-panel .list-item-label input:checked ~ .custom-checkmark:after {
    display: block
}

.crude-layout .side-panel .list-item-label .custom-checkmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 9px;
    border: solid #006BD3;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.multistep-modal .modal-content {
    height: 90%;
    width: 42%;
    border-radius: 24px 0 0 24px;
    box-shadow: 0 4px 8px 3px #0823440d,0 1px 12px #08234414;
    right: 0;
    position: fixed;
    background-color: #fff;
    z-index: 999
}

.multistep-modal .modal-dialog {
    border-radius: 24px 0 0 24px
}

.multistep-modal .modal .modal-dialog .modal-content .modal-header {
    border-radius: 1.5rem .25rem 0 0
}

.global-error-page {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80vh;
    background-color: #ecf5fc;
    text-align: center
}

    .global-error-page .error-code {
        font-weight: 700;
        flex-direction: column;
        justify-content: center;
        flex-shrink: 0;
        font-family: Roboto;
        font-size: 400px;
        font-style: normal;
        font-weight: 1000;
        line-height: normal;
        letter-spacing: 20px;
        background: linear-gradient(180deg,rgba(186,217,242,.6) 0%,rgba(255,255,255,.6) 134.89%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    .global-error-page .error-main-msg {
        font-size: 1.5rem;
        margin: -8rem 0 1rem;
        color: #093675;
        font-family: Roboto;
        font-size: 45px;
        font-style: normal;
        font-weight: 600
    }

    .global-error-page .details-msg {
        margin-bottom: 1.5rem;
        color: #093675bf;
        text-align: center;
        font-family: Roboto;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        margin-top: 2rem
    }

    .global-error-page .cursor-pointer {
        cursor: pointer
    }

    .global-error-page .top-margine-msg {
        margin-top: -1rem
    }

    .global-error-page .action-buttons .btn {
        margin: .5rem
    }

    .global-error-page .shared-btn.secondary {
        background-color: #ecf5fc
    }

@media only screen and (max-width: 768px) {
    .global-error-page {
        position: relative;
        text-align: initial
    }

        .global-error-page .action-buttons {
            gap: 20px
        }

        .global-error-page .details-msg {
            margin-top: -1.5rem
        }

        .global-error-page .error-main-msg {
            font-size: 22px;
            padding: 4rem 1rem 1rem .5rem;
            text-align: center;
            position: relative
        }

        .global-error-page .error-code {
            font-size: 160px;
            text-align: center
        }
}

.global-search-set-maxheight {
    max-height: 30rem !important
}

.tooltip-wrap {
    position: relative;
    display: inline-block;
    cursor: pointer;
    user-select: none;
    overflow: visible;
}

    .tooltip-wrap .tooltip-content {
        display: none;
        text-align: left;
        position: absolute;
        z-index: 1;
        top: 50%;
        left: 100%;
        transform: translateY(-50%);
        background-color: #fff;
        color: #034e9f;
        font-weight: 700;
        border-radius: 7px;
        min-width: 120px;
        min-height: 34px;
        padding: 7px 10px;
        box-shadow: 0 0 4px 1px #6498c6;
        white-space: nowrap;
        overflow: visible;
    }


    .tooltip-wrap:hover .tooltip-content {
        display: block;
    }


    .tooltip-wrap .tooltip-content::after {
        content: "";
        position: absolute;
        top: 50%;
        left: -5px;
        transform: translateY(-50%) rotate(45deg);
        width: 10px;
        height: 10px;
        background-color: #fff;
        box-shadow: -2px 2px 4px #6498c6;
    }