/* Minification failed. Returning unminified contents.
(21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(35,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(36,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(37,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(39,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(40,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(41,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(42,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(43,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(45,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(47,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(48,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(49,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(50,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(51,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(52,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(53,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(54,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(56,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(57,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(58,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(59,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(60,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(61,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(63,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(64,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(65,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(66,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(67,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(68,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(69,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(70,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(71,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(72,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(73,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(74,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(75,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(76,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(77,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(78,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(79,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(80,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(81,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(82,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(83,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(84,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(85,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(86,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(101,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-font-family'
(102,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-font-size'
(103,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-font-weight'
(104,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-line-height'
(105,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(106,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-text-align'
(107,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg'
(230,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-highlight-bg'
(249,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-color'
(254,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-hover-color'
(263,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-monospace'
(283,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-code-color'
(294,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg'
(295,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(597,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(618,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(619,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(621,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(622,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(658,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(659,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(662,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-y'
(663,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(664,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(671,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(672,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(673,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-y'
(825,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(829,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(833,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(837,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(841,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(845,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(849,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(853,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(857,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(861,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(865,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(869,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1026,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1030,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1034,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1038,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1042,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1046,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1050,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1054,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1058,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1062,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1066,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1070,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1228,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1232,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1236,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1240,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1244,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1248,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1252,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1256,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1260,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1264,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1268,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1272,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1430,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1434,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1438,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1442,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1446,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1450,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1454,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1458,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1462,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1466,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1470,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1474,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1632,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1636,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1640,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1644,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1648,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1652,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1656,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1660,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 '-'
(1668,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1672,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1676,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1834,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1838,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1842,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1846,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1850,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1854,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1858,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1862,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1866,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1870,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1874,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1878,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1883,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1884,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1885,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1886,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1887,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1888,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1889,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1890,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1891,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1892,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1895,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(1897,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(1902,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-bg'
(1904,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-accent-bg'
(1944,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1945,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-striped-color'
(1949,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1950,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-striped-color'
(1954,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1955,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-active-color'
(1959,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1960,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-hover-color'
(1964,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1965,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1966,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1967,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1968,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1969,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1970,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1971,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1972,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1973,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(1974,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(1978,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1979,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1980,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1981,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1982,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1983,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1984,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1985,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1986,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1987,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(1988,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(1992,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1993,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1994,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1995,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1996,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1997,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1998,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1999,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2000,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2001,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(2002,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(2006,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2007,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2008,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2009,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2010,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2011,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2012,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2013,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2014,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2015,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(2016,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(2020,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2021,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2022,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2023,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2024,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2025,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2026,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2027,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2028,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2029,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(2030,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(2034,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2035,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2036,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2037,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2038,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2039,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2040,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2041,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2042,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2043,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(2044,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(2048,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2049,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2050,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2051,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2052,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2053,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2054,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2055,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2056,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2057,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(2058,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(2062,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2063,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2064,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2065,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2066,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2067,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2068,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2069,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2070,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2071,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(2072,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(3014,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3015,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3016,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3017,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 '-'
(3030,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-padding-y'
(3030,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-padding-x'
(3031,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-font-family'
(3032,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-font-size'
(3033,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-font-weight'
(3034,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-line-height'
(3035,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-color'
(3043,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-border-width'
(3043,51): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-border-color'
(3044,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-border-radius'
(3045,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-bg'
(3056,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-color'
(3057,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-bg'
(3058,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-border-color'
(3062,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-color'
(3063,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-bg'
(3064,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-border-color'
(3068,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-color'
(3069,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-bg'
(3070,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-border-color'
(3072,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-focus-box-shadow'
(3076,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-border-color'
(3078,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-focus-box-shadow'
(3082,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-active-color'
(3083,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-active-bg'
(3084,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-active-border-color'
(3088,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-focus-box-shadow'
(3092,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-disabled-color'
(3094,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-disabled-bg'
(3095,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-disabled-border-color'
(3096,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-disabled-opacity'
(3100,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3101,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3102,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3103,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3104,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3105,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3106,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 '-'
(3108,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3109,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3110,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 '-'
(3112,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3113,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3117,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3118,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 '-'
(3121,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3122,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3123,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 '-'
(3126,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3127,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3128,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 '-'
(3136,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3137,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3138,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 '-'
(3141,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3142,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3143,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 '-'
(3153,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3154,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3155,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 '-'
(3158,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3159,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3160,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 '-'
(3163,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3164,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3168,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3169,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3170,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 '-'
(3176,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3177,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3178,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 '-'
(3180,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3181,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3185,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3186,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3187,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3188,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3189,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3190,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3191,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3192,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3193,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3194,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3195,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3196,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3197,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3198,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3202,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3203,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3204,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3205,5): 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 '-'
(3208,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3209,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3210,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3211,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3212,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3213,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3214,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3215,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3219,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3220,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3221,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3222,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3223,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3224,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3225,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3226,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3227,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3228,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3229,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3230,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3231,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3232,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3236,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3237,5): 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 '-'
(3240,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3241,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3242,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3243,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3244,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3245,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3246,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3247,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3248,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3249,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3253,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3254,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3255,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3256,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3257,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3258,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3259,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3260,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3261,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3262,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3263,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3264,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3265,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3266,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3270,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3271,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3272,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3273,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3274,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3275,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3276,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3277,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3278,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3279,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3280,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3281,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3282,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3283,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(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 '-'
(3289,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3290,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3291,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3292,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3293,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3294,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3295,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3296,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3297,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3298,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3299,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3300,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3304,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3305,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3306,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3307,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3308,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3310,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3311,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3312,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3313,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3314,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3315,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3316,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3317,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3321,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3322,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3323,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3324,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3325,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3326,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3327,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3328,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3329,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3330,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3331,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3332,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3333,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3334,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3338,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3339,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3340,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3341,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3342,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3343,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3344,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3345,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3346,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3347,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3348,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3349,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3350,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3351,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3355,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3356,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3357,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3358,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3359,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3360,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3361,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3362,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3363,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3364,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3365,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3366,5): 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 '-'
(3372,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3373,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3374,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3375,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3376,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3377,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3378,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3379,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3380,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3381,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3382,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3383,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3388,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-color'
(3392,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-color'
(3396,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3397,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3398,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3399,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3403,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3404,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3405,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3406,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3475,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3476,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3477,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3478,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3479,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3480,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3481,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3482,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3483,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3484,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3485,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3486,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3487,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3488,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3489,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3490,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3491,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3492,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3493,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3494,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3495,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3496,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3497,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3498,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3499,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3500,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3502,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-zindex'
(3504,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-min-width'
(3505,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-padding-y'
(3505,48): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-padding-x'
(3507,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-font-size'
(3508,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-color'
(3511,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-bg'
(3513,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-border-width'
(3513,56): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-border-color'
(3514,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-border-radius'
(3520,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-spacer'
(3524,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3533,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3543,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3552,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3563,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3572,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3583,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3592,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3603,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3612,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3623,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3632,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3645,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-spacer'
(3668,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-spacer'
(3695,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-spacer'
(3729,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-divider-margin-y'
(3731,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-divider-bg'
(3738,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-item-padding-y'
(3738,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-item-padding-x'
(3741,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-color'
(3750,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-hover-color'
(3751,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-hover-bg'
(3755,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-active-color'
(3757,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-active-bg'
(3761,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-disabled-color'
(3772,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-header-padding-y'
(3772,55): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-header-padding-x'
(3775,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-header-color'
(3781,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-item-padding-y'
(3781,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-item-padding-x'
(3782,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-color'
(3786,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3787,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3788,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3789,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3790,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3791,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3792,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3793,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3794,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3795,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3796,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3797,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3891,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3892,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3893,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3894,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3895,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3896,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3906,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-padding-y'
(3906,48): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-padding-x'
(3907,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-font-size'
(3908,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-font-weight'
(3909,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-color'
(3921,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-hover-color'
(3925,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-disabled-color'
(3931,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3932,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3933,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3934,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3935,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3936,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3937,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3938,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-width'
(3938,63): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-color'
(3942,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-width'
(3944,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-width'
(3945,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-radius'
(3946,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-radius'
(3951,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-link-hover-border-color'
(3955,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-disabled-color'
(3961,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-link-active-color'
(3962,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-link-active-bg'
(3963,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-link-active-border-color'
(3967,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-width'
(3973,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3974,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3975,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3981,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-pills-border-radius'
(3985,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-disabled-color'
(3991,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-pills-link-active-color'
(3992,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-pills-link-active-bg'
(4019,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4020,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4021,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4022,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4023,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4024,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4025,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4026,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4027,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4028,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4029,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4030,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4031,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4032,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4033,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4034,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4035,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4036,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4037,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4038,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4044,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-padding-y'
(4044,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-padding-x'
(4055,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-brand-padding-y'
(4056,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-brand-padding-y'
(4057,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-brand-margin-end'
(4058,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-brand-font-size'
(4059,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-brand-color'
(4065,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-brand-hover-color'
(4069,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4070,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4071,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4072,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4073,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4074,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4083,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-active-color'
(4093,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-color'
(4097,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-active-color'
(4107,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-padding-y'
(4107,54): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-padding-x'
(4108,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-font-size'
(4110,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-color'
(4112,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(4112,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-border-color'
(4113,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-border-radius'
(4114,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-transition'
(4130,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-focus-width'
(4138,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-icon-bg'
(4145,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-scroll-height'
(4164,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(4165,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(4221,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(4222,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(4278,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(4279,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(4335,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(4336,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(4392,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(4393,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(4448,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(4449,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(4490,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4491,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4492,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4493,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4494,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4495,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4496,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4497,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4501,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4502,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4503,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4504,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4505,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4506,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4507,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4508,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4509,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4510,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4511,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4512,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4513,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4514,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4515,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4516,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4517,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4522,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-height'
(4524,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-bg'
(4526,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-width'
(4526,52): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-color'
(4527,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-radius'
(4542,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(4543,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(4548,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(4549,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(4558,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-spacer-y'
(4558,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-spacer-x'
(4559,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-color'
(4563,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-title-spacer-y'
(4567,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-title-spacer-y'
(4576,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-spacer-x'
(4580,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-y'
(4580,48): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-x'
(4582,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-color'
(4583,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-bg'
(4584,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-width'
(4584,59): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-color'
(4588,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(4588,64): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(4592,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-y'
(4592,48): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-x'
(4593,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-color'
(4594,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-bg'
(4595,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-width'
(4595,56): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-color'
(4599,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(4599,68): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(4603,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-x'
(4604,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-y'
(4605,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-x'
(4610,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-bg'
(4611,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-bg'
(4615,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-x'
(4616,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-x'
(4625,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-img-overlay-padding'
(4626,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(4634,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(4635,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(4639,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(4640,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(4644,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-group-margin'
(4691,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4692,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4693,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4694,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4695,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4696,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4697,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4698,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4699,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4700,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4701,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4702,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4703,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4704,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4705,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4706,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4707,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4708,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4709,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4710,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4711,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4712,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4720,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-padding-y'
(4720,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-padding-x'
(4722,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-color'
(4724,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-bg'
(4728,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-transition'
(4738,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-active-color'
(4739,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-active-bg'
(4740,40): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-width'
(4740,76): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-color'
(4744,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-active-icon'
(4745,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon-transform'
(4750,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon-width'
(4751,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon-width'
(4754,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon'
(4756,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon-width'
(4757,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon-transition'
(4772,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-focus-border-color'
(4774,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-focus-box-shadow'
(4782,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-color'
(4783,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-bg'
(4784,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-width'
(4784,57): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-color'
(4788,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-radius'
(4789,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-radius'
(4793,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-inner-border-radius'
(4794,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-inner-border-radius'
(4802,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-radius'
(4803,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-radius'
(4807,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-inner-border-radius'
(4808,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-inner-border-radius'
(4812,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-radius'
(4813,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-radius'
(4817,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-body-padding-y'
(4817,54): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-body-padding-x'
(4843,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4844,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4845,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4846,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4847,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4848,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4849,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4850,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4853,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-padding-y'
(4853,50): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-padding-x'
(4854,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-margin-bottom'
(4855,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-font-size'
(4857,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-bg'
(4858,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-border-radius'
(4862,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-item-padding-x'
(4867,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-item-padding-x'
(4868,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-divider-color'
(4869,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-divider'
(4873,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-item-active-color'
(4877,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4878,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4879,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4880,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4881,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4882,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4883,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4884,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4885,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4886,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4887,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4888,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4889,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4890,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4891,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4892,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4893,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4894,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4895,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4896,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4905,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-padding-y'
(4905,50): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-padding-x'
(4906,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-font-size'
(4907,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-color'
(4909,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-bg'
(4910,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-border-width'
(4910,58): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-border-color'
(4922,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-hover-color'
(4923,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-hover-bg'
(4924,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-hover-border-color'
(4929,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-focus-color'
(4930,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-focus-bg'
(4932,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-focus-box-shadow'
(4937,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-active-color'
(4938,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-active-bg'
(4939,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-active-border-color'
(4943,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-disabled-color'
(4945,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-disabled-bg'
(4946,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-disabled-border-color'
(4954,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-border-radius'
(4955,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-border-radius'
(4959,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-border-radius'
(4960,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-border-radius'
(4964,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4965,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4966,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4967,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4971,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4972,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4973,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4974,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4978,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4979,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4980,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4981,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4982,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4983,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4985,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-badge-padding-y'
(4985,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-badge-padding-x'
(4986,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-badge-font-size'
(4987,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-badge-font-weight'
(4989,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-badge-color'
(4993,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-badge-border-radius'
(5006,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5007,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5008,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5009,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5010,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5011,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5012,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5013,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5015,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-alert-padding-y'
(5015,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-alert-padding-x'
(5016,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-alert-margin-bottom'
(5017,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-alert-color'
(5018,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-alert-bg'
(5019,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-alert-border'
(5020,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-alert-border-radius'
(5044,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5045,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5046,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5054,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5055,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5056,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5064,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5065,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5066,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5074,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5075,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5076,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5084,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5085,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5086,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5094,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5095,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5096,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5104,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5105,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5106,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5114,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5115,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5116,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5130,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5131,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5132,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5133,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5134,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5135,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5136,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5137,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5139,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-height'
(5141,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-font-size'
(5142,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-bg'
(5143,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-border-radius'
(5151,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-bar-color'
(5154,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-bar-bg'
(5155,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-bar-transition'
(5166,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-height'
(5166,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-height'
(5180,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5181,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5182,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5183,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5184,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5185,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5186,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5187,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5188,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5189,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5190,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5191,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5192,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5193,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5194,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5195,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5196,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5201,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(5216,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-action-color'
(5222,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-action-hover-color'
(5224,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-action-hover-bg'
(5228,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-action-active-color'
(5229,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-action-active-bg'
(5235,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-item-padding-y'
(5235,55): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-item-padding-x'
(5236,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-color'
(5238,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-bg'
(5239,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(5239,58): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-color'
(5253,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-disabled-color'
(5255,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-disabled-bg'
(5260,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-active-color'
(5261,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-active-bg'
(5262,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-active-border-color'
(5270,40): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(5271,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(5279,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(5284,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(5293,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(5298,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(5299,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(5308,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(5313,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(5322,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(5327,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(5328,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(5338,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(5343,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(5352,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(5357,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(5358,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(5368,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(5373,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(5382,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(5387,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(5388,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(5398,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(5403,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(5412,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(5417,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(5418,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(5428,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(5433,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(5442,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(5447,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(5448,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(5457,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(5629,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5630,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5631,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5632,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5633,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5634,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5635,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5636,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5637,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5638,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5639,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5640,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5641,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5642,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5643,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5644,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-max-width'
(5646,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-font-size'
(5647,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-color'
(5649,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-bg'
(5651,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-width'
(5651,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-color'
(5652,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-box-shadow'
(5653,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-radius'
(5665,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5667,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-zindex'
(5676,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-spacing'
(5682,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-padding-y'
(5682,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-padding-x'
(5683,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-header-color'
(5684,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-header-bg'
(5686,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-width'
(5686,60): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-header-border-color'
(5687,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-radius'
(5687,71): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-width'
(5688,40): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-radius'
(5688,72): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-width'
(5692,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-padding-x'
(5693,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-padding-x'
(5697,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-padding-x'
(5702,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5703,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5704,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5705,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5706,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5707,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5708,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5709,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5710,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5711,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5712,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5713,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5714,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5715,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5716,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5717,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5718,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5719,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5720,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5721,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5722,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5726,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-zindex'
(5738,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-margin'
(5762,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-margin'
(5777,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-margin'
(5785,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-color'
(5787,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-bg'
(5789,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-border-width'
(5789,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-border-color'
(5790,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-border-radius'
(5795,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5796,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5797,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5801,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-backdrop-zindex'
(5804,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-backdrop-bg'
(5812,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-backdrop-opacity'
(5820,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-padding'
(5821,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-border-width'
(5821,67): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-border-color'
(5822,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-inner-border-radius'
(5823,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-inner-border-radius'
(5827,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-padding-y'
(5827,72): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-padding-x'
(5828,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-padding-y'
(5828,78): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-padding-x'
(5828,123): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-padding-y'
(5833,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-title-line-height'
(5839,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-padding'
(5848,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-padding'
(5848,50): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-footer-gap'
(5849,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-footer-bg'
(5850,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-footer-border-width'
(5850,64): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-footer-border-color'
(5851,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-inner-border-radius'
(5852,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-inner-border-radius'
(5856,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-footer-gap'
(5861,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5862,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5866,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-width'
(5872,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5878,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5884,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6025,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6026,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6027,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6028,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6029,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6030,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6031,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6032,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6033,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6034,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6035,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6036,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6037,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-zindex'
(6039,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(6040,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-margin'
(6041,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-sans-serif'
(6055,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-font-size'
(6061,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-opacity'
(6066,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(6067,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(6083,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(6083,64): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(6084,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-bg'
(6089,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(6090,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(6095,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(6095,69): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(6095,105): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(6096,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-bg'
(6105,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(6105,71): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(6106,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-bg'
(6111,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(6112,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(6117,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(6117,76): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(6117,112): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(6118,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-bg'
(6122,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-max-width'
(6123,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-padding-y'
(6123,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-padding-x'
(6124,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-color'
(6126,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-bg'
(6127,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-border-radius'
(6131,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6132,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6133,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6134,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6135,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6136,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6137,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6138,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6139,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6140,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6141,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6142,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6143,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6144,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6145,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6146,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6147,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6148,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6149,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6150,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6151,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-zindex'
(6153,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-max-width'
(6154,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-sans-serif'
(6168,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-font-size'
(6170,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-bg'
(6172,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(6172,55): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-color'
(6173,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-radius'
(6178,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(6179,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(6192,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(6192,63): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(6196,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(6196,64): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(6201,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-border'
(6205,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(6206,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-bg'
(6210,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(6210,61): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(6211,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(6212,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(6216,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(6216,69): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(6216,105): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(6221,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-border'
(6225,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(6226,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-bg'
(6230,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(6230,60): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(6234,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(6234,71): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(6239,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-border'
(6243,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(6244,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-bg'
(6252,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(6253,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(6255,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(6255,62): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-header-bg'
(6259,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(6259,62): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(6260,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(6261,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(6265,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(6265,76): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(6265,112): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(6270,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-border'
(6274,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(6275,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-bg'
(6279,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-header-padding-y'
(6279,54): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-header-padding-x'
(6281,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-header-font-size'
(6282,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-header-color'
(6283,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-header-bg'
(6284,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(6284,62): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-color'
(6285,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-inner-border-radius'
(6286,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-inner-border-radius'
(6294,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-body-padding-y'
(6294,52): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-body-padding-x'
(6295,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-body-color'
(6495,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-width'
(6496,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-height'
(6497,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-vertical-align'
(6499,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-animation-speed'
(6499,71): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-animation-name'
(6509,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6510,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6511,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6512,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6513,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6514,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6515,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-border-width'
(6520,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6521,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6522,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6537,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6538,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6539,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6540,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6541,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6547,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6548,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6553,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6558,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6559,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6560,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6561,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6562,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6563,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6564,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6565,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6566,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6567,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6574,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-zindex'
(6578,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-color'
(6580,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-bg'
(6597,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(6598,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(6598,67): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(6607,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(6608,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(6608,66): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(6618,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(6620,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(6620,68): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(6629,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(6631,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(6631,65): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(6650,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6651,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6672,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-zindex'
(6676,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-color'
(6678,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-bg'
(6695,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(6696,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(6696,67): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(6705,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(6706,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(6706,66): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(6716,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(6718,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(6718,68): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(6727,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(6729,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(6729,65): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(6748,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6749,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6770,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-zindex'
(6774,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-color'
(6776,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-bg'
(6793,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(6794,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(6794,67): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(6803,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(6804,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(6804,66): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(6814,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(6816,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(6816,68): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(6825,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(6827,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(6827,65): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(6846,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6847,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6868,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-zindex'
(6872,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-color'
(6874,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-bg'
(6891,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(6892,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(6892,67): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(6901,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(6902,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(6902,66): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(6912,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(6914,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(6914,68): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(6923,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(6925,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(6925,65): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(6944,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6945,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6966,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-zindex'
(6970,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-color'
(6972,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-bg'
(6989,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(6990,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(6990,67): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(6999,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(7000,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(7000,66): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(7010,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(7012,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(7012,68): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(7021,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(7023,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(7023,65): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(7042,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7043,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7063,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-zindex'
(7067,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-color'
(7069,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-bg'
(7084,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(7085,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(7085,63): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(7092,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(7093,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(7093,62): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(7101,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(7103,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(7103,64): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(7110,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(7112,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(7112,61): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(7146,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-y'
(7146,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-x'
(7150,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-y'
(7150,69): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-x'
(7151,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-y'
(7152,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-x'
(7153,40): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-y'
(7163,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-y'
(7163,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-x'
(7226,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(7231,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(7236,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(7241,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(7246,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(7251,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(7256,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(7261,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(7335,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-aspect-ratio'
(7348,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7352,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7356,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7360,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7734,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(7734,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-style'
(7734,64): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(7742,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(7742,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-style'
(7742,68): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(7750,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(7750,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-style'
(7750,70): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(7758,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(7758,48): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-style'
(7758,71): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(7766,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(7766,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-style'
(7766,69): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(7774,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7775,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb'
(7775,51): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(7779,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7780,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-rgb'
(7780,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(7784,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7785,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-rgb'
(7785,51): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(7789,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7790,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-info-rgb'
(7790,48): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(7794,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7795,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-rgb'
(7795,51): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(7799,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7800,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb'
(7800,50): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(7804,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7805,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-light-rgb'
(7805,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(7809,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7810,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark-rgb'
(7810,48): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(7814,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7815,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-white-rgb'
(7815,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(7819,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7823,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7827,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7831,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7835,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7839,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7843,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7847,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7851,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7855,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8509,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-monospace'
(8634,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8635,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb'
(8635,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(8639,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8640,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-rgb'
(8640,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(8644,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8645,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-rgb'
(8645,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(8649,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8650,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-info-rgb'
(8650,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(8654,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8655,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-rgb'
(8655,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(8659,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8660,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb'
(8660,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(8664,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8665,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-light-rgb'
(8665,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(8669,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8670,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark-rgb'
(8670,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(8674,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8675,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-black-rgb'
(8675,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(8679,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8680,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-white-rgb'
(8680,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(8684,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8685,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb'
(8685,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(8689,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8694,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8699,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8704,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8709,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8713,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8717,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8721,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8725,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8726,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb'
(8726,55): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(8730,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8731,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-rgb'
(8731,57): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(8735,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8736,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-rgb'
(8736,55): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(8740,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8741,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-info-rgb'
(8741,52): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(8745,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8746,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-rgb'
(8746,55): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(8750,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8751,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb'
(8751,54): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(8755,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8756,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-light-rgb'
(8756,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(8760,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8761,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark-rgb'
(8761,52): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(8765,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8766,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-black-rgb'
(8766,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(8770,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8771,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-white-rgb'
(8771,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(8775,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8776,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg-rgb'
(8776,55): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(8780,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8785,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8789,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8793,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8797,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8801,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8805,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-gradient'
(8835,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(8843,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-sm'
(8847,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(8851,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg'
(8855,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xl'
(8859,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-2xl'
(8867,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-pill'
(8871,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(8872,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(8876,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(8877,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(8881,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(8882,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(8886,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(8887,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(14866,37): run-time error CSS1046: Expect comma, found '177'
(14866,45): run-time error CSS1046: Expect comma, found '/'
(16254,37): run-time error CSS1046: Expect comma, found '206'
(16254,45): run-time error CSS1046: Expect comma, found '/'
(16979,37): run-time error CSS1046: Expect comma, found '206'
(16979,44): run-time error CSS1046: Expect comma, found ')'
(17165,42): run-time error CSS1046: Expect comma, found '172'
(17165,50): run-time error CSS1046: Expect comma, found '/'
(17308,25): run-time error CSS1046: Expect comma, found '36'
(17308,30): run-time error CSS1046: Expect comma, found ')'
(17603,37): run-time error CSS1046: Expect comma, found '206'
(17603,45): run-time error CSS1046: Expect comma, found '/'
(17853,42): run-time error CSS1046: Expect comma, found '172'
(17853,50): run-time error CSS1046: Expect comma, found '/'
(20524,42): run-time error CSS1046: Expect comma, found '172'
(20524,50): run-time error CSS1046: Expect comma, found '/'
(20910,46): run-time error CSS1046: Expect comma, found '172'
(20910,54): run-time error CSS1046: Expect comma, found '/'
(24387,87): run-time error CSS1046: Expect comma, found '177'
(24387,95): run-time error CSS1046: Expect comma, found '/'
(24738,112): run-time error CSS1046: Expect comma, found '206'
(24738,120): run-time error CSS1046: Expect comma, found '/'
(24904,76): run-time error CSS1046: Expect comma, found '206'
(24904,83): run-time error CSS1046: Expect comma, found ')'
(24960,94): run-time error CSS1046: Expect comma, found '172'
(24960,102): run-time error CSS1046: Expect comma, found '/'
(24987,53): run-time error CSS1046: Expect comma, found '36'
(24987,58): run-time error CSS1046: Expect comma, found ')'
(25065,71): run-time error CSS1046: Expect comma, found '206'
(25065,79): run-time error CSS1046: Expect comma, found '/'
(25131,118): run-time error CSS1046: Expect comma, found '172'
(25131,126): run-time error CSS1046: Expect comma, found '/'
(26142,205): run-time error CSS1046: Expect comma, found '172'
(26142,213): run-time error CSS1046: Expect comma, found '/'
(26266,193): run-time error CSS1046: Expect comma, found '172'
(26266,201): run-time error CSS1046: Expect comma, found '/'
 */
/*! jQuery UI - v1.13.2 - 2022-07-24
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;-ms-filter:"alpha(opacity=0)"}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;-ms-filter:"alpha(opacity=25)";opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:pointer;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;-ms-filter:"alpha(opacity=70)";font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;-ms-filter:"alpha(opacity=35)";background-image:none}.ui-state-disabled .ui-icon{-ms-filter:"alpha(opacity=35)"}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-icon-blank.ui-icon-blank.ui-icon-blank{background-image:none}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;-ms-filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
/*! jQuery UI - v1.13.2 - 2022-07-24
* http://jqueryui.com
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;-ms-filter:"alpha(opacity=70)";font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;-ms-filter:"alpha(opacity=35)";background-image:none}.ui-state-disabled .ui-icon{-ms-filter:"alpha(opacity=35)"}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-icon-blank.ui-icon-blank.ui-icon-blank{background-image:none}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;-ms-filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
@charset "UTF-8"; /*!
 * Bootstrap  v5.2.3 (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 {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13,110,253;
    --bs-secondary-rgb: 108,117,125;
    --bs-success-rgb: 25,135,84;
    --bs-info-rgb: 13,202,240;
    --bs-warning-rgb: 255,193,7;
    --bs-danger-rgb: 220,53,69;
    --bs-light-rgb: 248,249,250;
    --bs-dark-rgb: 33,37,41;
    --bs-white-rgb: 255,255,255;
    --bs-black-rgb: 0,0,0;
    --bs-body-color-rgb: 33,37,41;
    --bs-body-bg-rgb: 255,255,255;
    --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-2xl: 2rem;
    --bs-border-radius-pill: 50rem;
    --bs-link-color: #0d6efd;
    --bs-link-hover-color: #0a58ca;
    --bs-code-color: #d63384;
    --bs-highlight-bg: #fff3cd
}

*, ::after, ::before {
    box-sizing: border-box
}

@media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: 1px solid;
    opacity: .25
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

.h1, h1 {
    font-size: calc(1.375rem + 1.5vw)
}

@media (min-width:1200px) {
    .h1, h1 {
        font-size: 2.5rem
    }
}

.h2, h2 {
    font-size: calc(1.325rem + .9vw)
}

@media (min-width:1200px) {
    .h2, h2 {
        font-size: 2rem
    }
}

.h3, h3 {
    font-size: calc(1.3rem + .6vw)
}

@media (min-width:1200px) {
    .h3, h3 {
        font-size: 1.75rem
    }
}

.h4, h4 {
    font-size: calc(1.275rem + .3vw)
}

@media (min-width:1200px) {
    .h4, h4 {
        font-size: 1.5rem
    }
}

.h5, h5 {
    font-size: 1.25rem
}

.h6, h6 {
    font-size: 1rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol, ul {
    padding-left: 2rem
}

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, small {
    font-size: .875em
}

.mark, mark {
    padding: .1875em;
    background-color: var(--bs-highlight-bg)
}

sub, sup {
    position: relative;
    font-size: .75em;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: var(--bs-link-color);
    text-decoration: underline
}

    a:hover {
        color: var(--bs-link-hover-color)
    }

    a:not([href]):not([class]), a:not([href]):not([class]):hover {
        color: inherit;
        text-decoration: none
    }

code, kbd, pre, samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: .875em
}

    pre code {
        font-size: inherit;
        color: inherit;
        word-break: normal
    }

code {
    font-size: .875em;
    color: var(--bs-code-color);
    word-wrap: break-word
}

a > code {
    color: inherit
}

kbd {
    padding: .1875rem .375rem;
    font-size: .875em;
    color: var(--bs-body-bg);
    background-color: var(--bs-body-color);
    border-radius: .25rem
}

    kbd kbd {
        padding: 0;
        font-size: 1em
    }

figure {
    margin: 0 0 1rem
}

img, svg {
    vertical-align: middle
}

table {
    caption-side: bottom;
    border-collapse: collapse
}

caption {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: #6c757d;
    text-align: left
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

tbody, td, tfoot, th, thead, tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

    button:focus:not(:focus-visible) {
        outline: 0
    }

button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button, select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

    select:disabled {
        opacity: 1
    }

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
    display: none !important
}

[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
    }

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

textarea {
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: calc(1.275rem + .3vw);
    line-height: inherit
}

@media (min-width:1200px) {
    legend {
        font-size: 1.5rem
    }
}

legend + * {
    clear: left
}

::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: textfield
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

::file-selector-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

iframe {
    border: 0
}

summary {
    display: list-item;
    cursor: pointer
}

progress {
    vertical-align: baseline
}

[hidden] {
    display: none !important
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: calc(1.625rem + 4.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-1 {
        font-size: 5rem
    }
}

.display-2 {
    font-size: calc(1.575rem + 3.9vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-2 {
        font-size: 4.5rem
    }
}

.display-3 {
    font-size: calc(1.525rem + 3.3vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-3 {
        font-size: 4rem
    }
}

.display-4 {
    font-size: calc(1.475rem + 2.7vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-4 {
        font-size: 3.5rem
    }
}

.display-5 {
    font-size: calc(1.425rem + 2.1vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-5 {
        font-size: 3rem
    }
}

.display-6 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-6 {
        font-size: 2.5rem
    }
}

.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: .875em;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

    .blockquote > :last-child {
        margin-bottom: 0
    }

.blockquote-footer {
    margin-top: -1rem;
    margin-bottom: 1rem;
    font-size: .875em;
    color: #6c757d
}

    .blockquote-footer::before {
        content: "— "
    }

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid var(--bs-border-color);
    border-radius: .375rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: .875em;
    color: #6c757d
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    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
    }
}

@media (min-width:1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px
    }
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

    .row > * {
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-top: var(--bs-gutter-y)
    }

.col {
    flex: 1 0 0%
}

.row-cols-auto > * {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1 > * {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2 > * {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%
}

.row-cols-4 > * {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5 > * {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.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%
}

.g-0, .gx-0 {
    --bs-gutter-x: 0
}

.g-0, .gy-0 {
    --bs-gutter-y: 0
}

.g-1, .gx-1 {
    --bs-gutter-x: 0.25rem
}

.g-1, .gy-1 {
    --bs-gutter-y: 0.25rem
}

.g-2, .gx-2 {
    --bs-gutter-x: 0.5rem
}

.g-2, .gy-2 {
    --bs-gutter-y: 0.5rem
}

.g-3, .gx-3 {
    --bs-gutter-x: 1rem
}

.g-3, .gy-3 {
    --bs-gutter-y: 1rem
}

.g-4, .gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4, .gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5, .gx-5 {
    --bs-gutter-x: 3rem
}

.g-5, .gy-5 {
    --bs-gutter-y: 3rem
}

@media (min-width:576px) {
    .col-sm {
        flex: 1 0 0%
    }

    .row-cols-sm-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-sm-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .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%
    }

    .g-sm-0, .gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0, .gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-1, .gx-sm-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-sm-1, .gy-sm-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-sm-2, .gx-sm-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-sm-2, .gy-sm-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-sm-3, .gx-sm-3 {
        --bs-gutter-x: 1rem
    }

    .g-sm-3, .gy-sm-3 {
        --bs-gutter-y: 1rem
    }

    .g-sm-4, .gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-sm-4, .gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-sm-5, .gx-sm-5 {
        --bs-gutter-x: 3rem
    }

    .g-sm-5, .gy-sm-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:768px) {
    .col-md {
        flex: 1 0 0%
    }

    .row-cols-md-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-md-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .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%
    }

    .g-md-0, .gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0, .gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-1, .gx-md-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-md-1, .gy-md-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-md-2, .gx-md-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-md-2, .gy-md-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-md-3, .gx-md-3 {
        --bs-gutter-x: 1rem
    }

    .g-md-3, .gy-md-3 {
        --bs-gutter-y: 1rem
    }

    .g-md-4, .gx-md-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-md-4, .gy-md-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-md-5, .gx-md-5 {
        --bs-gutter-x: 3rem
    }

    .g-md-5, .gy-md-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:992px) {
    .col-lg {
        flex: 1 0 0%
    }

    .row-cols-lg-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-lg-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .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%
    }

    .g-lg-0, .gx-lg-0 {
        --bs-gutter-x: 0
    }

    .g-lg-0, .gy-lg-0 {
        --bs-gutter-y: 0
    }

    .g-lg-1, .gx-lg-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-lg-1, .gy-lg-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-lg-2, .gx-lg-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-lg-2, .gy-lg-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-lg-3, .gx-lg-3 {
        --bs-gutter-x: 1rem
    }

    .g-lg-3, .gy-lg-3 {
        --bs-gutter-y: 1rem
    }

    .g-lg-4, .gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-lg-4, .gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-lg-5, .gx-lg-5 {
        --bs-gutter-x: 3rem
    }

    .g-lg-5, .gy-lg-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:1200px) {
    .col-xl {
        flex: 1 0 0%
    }

    .row-cols-xl-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xl-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .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%
    }

    .g-xl-0, .gx-xl-0 {
        --bs-gutter-x: 0
    }

    .g-xl-0, .gy-xl-0 {
        --bs-gutter-y: 0
    }

    .g-xl-1, .gx-xl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xl-1, .gy-xl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xl-2, .gx-xl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xl-2, .gy-xl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xl-3, .gx-xl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xl-3, .gy-xl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xl-4, .gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xl-4, .gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xl-5, .gx-xl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xl-5, .gy-xl-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:1400px) {
    .col-xxl {
        flex: 1 0 0%
    }

    .row-cols-xxl-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxl-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxl-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxl-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xxl-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxl-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxl-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333333%
    }

    .offset-xxl-2 {
        margin-left: 16.66666667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333333%
    }

    .offset-xxl-5 {
        margin-left: 41.66666667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333333%
    }

    .offset-xxl-8 {
        margin-left: 66.66666667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333333%
    }

    .offset-xxl-11 {
        margin-left: 91.66666667%
    }

    .g-xxl-0, .gx-xxl-0 {
        --bs-gutter-x: 0
    }

    .g-xxl-0, .gy-xxl-0 {
        --bs-gutter-y: 0
    }

    .g-xxl-1, .gx-xxl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xxl-1, .gy-xxl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xxl-2, .gx-xxl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xxl-2, .gy-xxl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xxl-3, .gx-xxl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xxl-3, .gy-xxl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xxl-4, .gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xxl-4, .gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xxl-5, .gx-xxl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xxl-5, .gy-xxl-5 {
        --bs-gutter-y: 3rem
    }
}

.table {
    --bs-table-color: var(--bs-body-color);
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-body-color);
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: var(--bs-body-color);
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: var(--bs-body-color);
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    width: 100%;
    margin-bottom: 1rem;
    color: var(--bs-table-color);
    vertical-align: top;
    border-color: var(--bs-table-border-color)
}

    .table > :not(caption) > * > * {
        padding: .5rem .5rem;
        background-color: var(--bs-table-bg);
        border-bottom-width: 1px;
        box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg)
    }

    .table > tbody {
        vertical-align: inherit
    }

    .table > thead {
        vertical-align: bottom
    }

.table-group-divider {
    border-top: 2px solid currentcolor
}

.caption-top {
    caption-side: top
}

.table-sm > :not(caption) > * > * {
    padding: .25rem .25rem
}

.table-bordered > :not(caption) > * {
    border-width: 1px 0
}

    .table-bordered > :not(caption) > * > * {
        border-width: 0 1px
    }

.table-borderless > :not(caption) > * > * {
    border-bottom-width: 0
}

.table-borderless > :not(:first-child) {
    border-top-width: 0
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color)
}

.table-striped-columns > :not(caption) > tr > :nth-child(2n) {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color)
}

.table-active {
    --bs-table-accent-bg: var(--bs-table-active-bg);
    color: var(--bs-table-active-color)
}

.table-hover > tbody > tr:hover > * {
    --bs-table-accent-bg: var(--bs-table-hover-bg);
    color: var(--bs-table-hover-color)
}

.table-primary {
    --bs-table-color: #000;
    --bs-table-bg: #cfe2ff;
    --bs-table-border-color: #bacbe6;
    --bs-table-striped-bg: #c5d7f2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bacbe6;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfd1ec;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-secondary {
    --bs-table-color: #000;
    --bs-table-bg: #e2e3e5;
    --bs-table-border-color: #cbccce;
    --bs-table-striped-bg: #d7d8da;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #cbccce;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d1d2d4;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-success {
    --bs-table-color: #000;
    --bs-table-bg: #d1e7dd;
    --bs-table-border-color: #bcd0c7;
    --bs-table-striped-bg: #c7dbd2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bcd0c7;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #c1d6cc;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-info {
    --bs-table-color: #000;
    --bs-table-bg: #cff4fc;
    --bs-table-border-color: #badce3;
    --bs-table-striped-bg: #c5e8ef;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #badce3;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfe2e9;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-warning {
    --bs-table-color: #000;
    --bs-table-bg: #fff3cd;
    --bs-table-border-color: #e6dbb9;
    --bs-table-striped-bg: #f2e7c3;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e6dbb9;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #ece1be;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-danger {
    --bs-table-color: #000;
    --bs-table-bg: #f8d7da;
    --bs-table-border-color: #dfc2c4;
    --bs-table-striped-bg: #eccccf;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfc2c4;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5c7ca;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-light {
    --bs-table-color: #000;
    --bs-table-bg: #f8f9fa;
    --bs-table-border-color: #dfe0e1;
    --bs-table-striped-bg: #ecedee;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfe0e1;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5e6e7;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-dark {
    --bs-table-color: #fff;
    --bs-table-bg: #212529;
    --bs-table-border-color: #373b3e;
    --bs-table-striped-bg: #2c3034;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #323539;
    --bs-table-hover-color: #fff;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

@media (max-width:575.98px) {
    .table-responsive-sm {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width:767.98px) {
    .table-responsive-md {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width:991.98px) {
    .table-responsive-lg {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width:1199.98px) {
    .table-responsive-xl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width:1399.98px) {
    .table-responsive-xxl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

.form-label {
    margin-bottom: .5rem
}

.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
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem
}

.form-text {
    margin-top: .25rem;
    font-size: .875em;
    color: #6c757d
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control[type=file] {
    overflow: hidden
}

    .form-control[type=file]:not(:disabled):not([readonly]) {
        cursor: pointer
    }

.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
}

.form-control::-webkit-date-and-time-value {
    height: 1.5em
}

.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled {
    background-color: #e9ecef;
    opacity: 1
}

.form-control::-webkit-file-upload-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end: .75rem;
    color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.form-control::file-selector-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end: .75rem;
    color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    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) {
    .form-control::-webkit-file-upload-button {
        -webkit-transition: none;
        transition: none
    }

    .form-control::file-selector-button {
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #dde0e3
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #dde0e3
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

    .form-control-plaintext:focus {
        outline: 0
    }

    .form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm {
        padding-right: 0;
        padding-left: 0
    }

.form-control-sm {
    min-height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .25rem
}

    .form-control-sm::-webkit-file-upload-button {
        padding: .25rem .5rem;
        margin: -.25rem -.5rem;
        -webkit-margin-end: .5rem;
        margin-inline-end: .5rem
    }

    .form-control-sm::file-selector-button {
        padding: .25rem .5rem;
        margin: -.25rem -.5rem;
        -webkit-margin-end: .5rem;
        margin-inline-end: .5rem
    }

.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .5rem
}

    .form-control-lg::-webkit-file-upload-button {
        padding: .5rem 1rem;
        margin: -.5rem -1rem;
        -webkit-margin-end: 1rem;
        margin-inline-end: 1rem
    }

    .form-control-lg::file-selector-button {
        padding: .5rem 1rem;
        margin: -.5rem -1rem;
        -webkit-margin-end: 1rem;
        margin-inline-end: 1rem
    }

textarea.form-control {
    min-height: calc(1.5em + .75rem + 2px)
}

textarea.form-control-sm {
    min-height: calc(1.5em + .5rem + 2px)
}

textarea.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px)
}

.form-control-color {
    width: 3rem;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem
}

    .form-control-color:not(:disabled):not([readonly]) {
        cursor: pointer
    }

    .form-control-color::-moz-color-swatch {
        border: 0 !important;
        border-radius: .375rem
    }

    .form-control-color::-webkit-color-swatch {
        border-radius: .375rem
    }

    .form-control-color.form-control-sm {
        height: calc(1.5em + .5rem + 2px)
    }

    .form-control-color.form-control-lg {
        height: calc(1.5em + 1rem + 2px)
    }

.form-select {
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .form-select {
        transition: none
    }
}

.form-select:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
}

.form-select[multiple], .form-select[size]:not([size="1"]) {
    padding-right: .75rem;
    background-image: none
}

.form-select:disabled {
    background-color: #e9ecef
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #212529
}

.form-select-sm {
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem;
    border-radius: .25rem
}

.form-select-lg {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem;
    border-radius: .5rem
}

.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: .125rem
}

    .form-check .form-check-input {
        float: left;
        margin-left: -1.5em
    }

.form-check-reverse {
    padding-right: 1.5em;
    padding-left: 0;
    text-align: right
}

    .form-check-reverse .form-check-input {
        float: right;
        margin-right: -1.5em;
        margin-left: 0
    }

.form-check-input {
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0,0,0,.25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    print-color-adjust: exact
}

    .form-check-input[type=checkbox] {
        border-radius: .25em
    }

    .form-check-input[type=radio] {
        border-radius: 50%
    }

    .form-check-input:active {
        filter: brightness(90%)
    }

    .form-check-input:focus {
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
    }

    .form-check-input:checked {
        background-color: #0d6efd;
        border-color: #0d6efd
    }

        .form-check-input:checked[type=checkbox] {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
        }

        .form-check-input:checked[type=radio] {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
        }

    .form-check-input[type=checkbox]:indeterminate {
        background-color: #0d6efd;
        border-color: #0d6efd;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
    }

    .form-check-input:disabled {
        pointer-events: none;
        filter: none;
        opacity: .5
    }

        .form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label {
            cursor: default;
            opacity: .5
        }

.form-switch {
    padding-left: 2.5em
}

    .form-switch .form-check-input {
        width: 2em;
        margin-left: -2.5em;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
        background-position: left center;
        border-radius: 2em;
        transition: background-position .15s ease-in-out
    }

@media (prefers-reduced-motion:reduce) {
    .form-switch .form-check-input {
        transition: none
    }
}

.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")
}

.form-switch .form-check-input:checked {
    background-position: right center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.form-switch.form-check-reverse {
    padding-right: 2.5em;
    padding-left: 0
}

    .form-switch.form-check-reverse .form-check-input {
        margin-right: -2.5em;
        margin-left: 0
    }

.form-check-inline {
    display: inline-block;
    margin-right: 1rem
}

.btn-check {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
}

    .btn-check:disabled + .btn, .btn-check[disabled] + .btn {
        pointer-events: none;
        filter: none;
        opacity: .65
    }

.form-range {
    width: 100%;
    height: 1.5rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

    .form-range:focus {
        outline: 0
    }

        .form-range:focus::-webkit-slider-thumb {
            box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)
        }

        .form-range:focus::-moz-range-thumb {
            box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)
        }

    .form-range::-moz-focus-outer {
        border: 0
    }

    .form-range::-webkit-slider-thumb {
        width: 1rem;
        height: 1rem;
        margin-top: -.25rem;
        background-color: #0d6efd;
        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) {
    .form-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.form-range::-webkit-slider-thumb:active {
    background-color: #b6d4fe
}

.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #0d6efd;
    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) {
    .form-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.form-range::-moz-range-thumb:active {
    background-color: #b6d4fe
}

.form-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.form-range:disabled {
    pointer-events: none
}

    .form-range:disabled::-webkit-slider-thumb {
        background-color: #adb5bd
    }

    .form-range:disabled::-moz-range-thumb {
        background-color: #adb5bd
    }

.form-floating {
    position: relative
}

    .form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select {
        height: calc(3.5rem + 2px);
        line-height: 1.25
    }

    .form-floating > label {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 1rem .75rem;
        overflow: hidden;
        text-align: start;
        text-overflow: ellipsis;
        white-space: nowrap;
        pointer-events: none;
        border: 1px solid transparent;
        transform-origin: 0 0;
        transition: opacity .1s ease-in-out,transform .1s ease-in-out
    }

@media (prefers-reduced-motion:reduce) {
    .form-floating > label {
        transition: none
    }
}

.form-floating > .form-control, .form-floating > .form-control-plaintext {
    padding: 1rem .75rem
}

    .form-floating > .form-control-plaintext::-moz-placeholder, .form-floating > .form-control::-moz-placeholder {
        color: transparent
    }

    .form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
        color: transparent
    }

    .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown), .form-floating > .form-control:not(:-moz-placeholder-shown) {
        padding-top: 1.625rem;
        padding-bottom: .625rem
    }

    .form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown), .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
        padding-top: 1.625rem;
        padding-bottom: .625rem
    }

    .form-floating > .form-control-plaintext:-webkit-autofill, .form-floating > .form-control:-webkit-autofill {
        padding-top: 1.625rem;
        padding-bottom: .625rem
    }

.form-floating > .form-select {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating > .form-control-plaintext ~ label, .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating > .form-control:-webkit-autofill ~ label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating > .form-control-plaintext ~ label {
    border-width: 1px 0
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

    .input-group > .form-control, .input-group > .form-floating, .input-group > .form-select {
        position: relative;
        flex: 1 1 auto;
        width: 1%;
        min-width: 0
    }

        .input-group > .form-control:focus, .input-group > .form-floating:focus-within, .input-group > .form-select:focus {
            z-index: 5
        }

    .input-group .btn {
        position: relative;
        z-index: 2
    }

        .input-group .btn:focus {
            z-index: 5
        }

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .375rem
}

.input-group-lg > .btn, .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .5rem
}

.input-group-sm > .btn, .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .25rem
}

.input-group-lg > .form-select, .input-group-sm > .form-select {
    padding-right: 3rem
}

.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select, .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select, .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group > .form-floating:not(:first-child) > .form-control, .input-group > .form-floating:not(:first-child) > .form-select {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #198754
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: rgba(25,135,84,.9);
    border-radius: .375rem
}

.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: #198754;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.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: #198754;
        box-shadow: 0 0 0 .25rem rgba(25,135,84,.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)
}

.form-select.is-valid, .was-validated .form-select:valid {
    border-color: #198754
}

    .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] {
        padding-right: 4.125rem;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.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-position: right .75rem center,center right 2.25rem;
        background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)
    }

    .form-select.is-valid:focus, .was-validated .form-select:valid:focus {
        border-color: #198754;
        box-shadow: 0 0 0 .25rem rgba(25,135,84,.25)
    }

.form-control-color.is-valid, .was-validated .form-control-color:valid {
    width: calc(3rem + calc(1.5em + .75rem))
}

.form-check-input.is-valid, .was-validated .form-check-input:valid {
    border-color: #198754
}

    .form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked {
        background-color: #198754
    }

    .form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus {
        box-shadow: 0 0 0 .25rem rgba(25,135,84,.25)
    }

    .form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
        color: #198754
    }

.form-check-inline .form-check-input ~ .valid-feedback {
    margin-left: .5em
}

.input-group > .form-control:not(:focus).is-valid, .input-group > .form-floating:not(:focus-within).is-valid, .input-group > .form-select:not(:focus).is-valid, .was-validated .input-group > .form-control:not(:focus):valid, .was-validated .input-group > .form-floating:not(:focus-within):valid, .was-validated .input-group > .form-select:not(:focus):valid {
    z-index: 3
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    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;
    color: #fff;
    background-color: rgba(220,53,69,.9);
    border-radius: .375rem
}

.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' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%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 .25rem 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)
}

.form-select.is-invalid, .was-validated .form-select:invalid {
    border-color: #dc3545
}

    .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"] {
        padding-right: 4.125rem;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%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-position: right .75rem center,center right 2.25rem;
        background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)
    }

    .form-select.is-invalid:focus, .was-validated .form-select:invalid:focus {
        border-color: #dc3545;
        box-shadow: 0 0 0 .25rem rgba(220,53,69,.25)
    }

.form-control-color.is-invalid, .was-validated .form-control-color:invalid {
    width: calc(3rem + calc(1.5em + .75rem))
}

.form-check-input.is-invalid, .was-validated .form-check-input:invalid {
    border-color: #dc3545
}

    .form-check-input.is-invalid:checked, .was-validated .form-check-input:invalid:checked {
        background-color: #dc3545
    }

    .form-check-input.is-invalid:focus, .was-validated .form-check-input:invalid:focus {
        box-shadow: 0 0 0 .25rem 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-inline .form-check-input ~ .invalid-feedback {
    margin-left: .5em
}

.input-group > .form-control:not(:focus).is-invalid, .input-group > .form-floating:not(:focus-within).is-invalid, .input-group > .form-select:not(:focus).is-invalid, .was-validated .input-group > .form-control:not(:focus):invalid, .was-validated .input-group > .form-floating:not(:focus-within):invalid, .was-validated .input-group > .form-select:not(:focus):invalid {
    z-index: 4
}

.btn {
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-font-family:;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: #212529;
    --bs-btn-bg: transparent;
    --bs-btn-border-width: 1px;
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: 0.375rem;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    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: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color)
}

.btn-check + .btn:hover {
    color: var(--bs-btn-color);
    background-color: var(--bs-btn-bg);
    border-color: var(--bs-btn-border-color)
}

.btn:focus-visible {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:focus-visible + .btn {
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color)
}

    .btn-check:checked + .btn:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible, .btn:first-child:active:focus-visible, :not(.btn-check) + .btn:active:focus-visible {
        box-shadow: var(--bs-btn-focus-box-shadow)
    }

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    color: var(--bs-btn-disabled-color);
    pointer-events: none;
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity)
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5c636a;
    --bs-btn-hover-border-color: #565e64;
    --bs-btn-focus-shadow-rgb: 130,138,145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #565e64;
    --bs-btn-active-border-color: #51585e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d
}

.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #157347;
    --bs-btn-hover-border-color: #146c43;
    --bs-btn-focus-shadow-rgb: 60,153,110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #146c43;
    --bs-btn-active-border-color: #13653f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #198754;
    --bs-btn-disabled-border-color: #198754
}

.btn-info {
    --bs-btn-color: #000;
    --bs-btn-bg: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #31d2f2;
    --bs-btn-hover-border-color: #25cff2;
    --bs-btn-focus-shadow-rgb: 11,172,204;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #3dd5f3;
    --bs-btn-active-border-color: #25cff2;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #0dcaf0;
    --bs-btn-disabled-border-color: #0dcaf0
}

.btn-warning {
    --bs-btn-color: #000;
    --bs-btn-bg: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffca2c;
    --bs-btn-hover-border-color: #ffc720;
    --bs-btn-focus-shadow-rgb: 217,164,6;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffcd39;
    --bs-btn-active-border-color: #ffc720;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #ffc107;
    --bs-btn-disabled-border-color: #ffc107
}

.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #bb2d3b;
    --bs-btn-hover-border-color: #b02a37;
    --bs-btn-focus-shadow-rgb: 225,83,97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b02a37;
    --bs-btn-active-border-color: #a52834;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #dc3545;
    --bs-btn-disabled-border-color: #dc3545
}

.btn-light {
    --bs-btn-color: #000;
    --bs-btn-bg: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #d3d4d5;
    --bs-btn-hover-border-color: #c6c7c8;
    --bs-btn-focus-shadow-rgb: 211,212,213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #c6c7c8;
    --bs-btn-active-border-color: #babbbc;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f8f9fa;
    --bs-btn-disabled-border-color: #f8f9fa
}

.btn-dark {
    --bs-btn-color: #fff;
    --bs-btn-bg: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #424649;
    --bs-btn-hover-border-color: #373b3e;
    --bs-btn-focus-shadow-rgb: 66,70,73;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4d5154;
    --bs-btn-active-border-color: #373b3e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #212529;
    --bs-btn-disabled-border-color: #212529
}

.btn-outline-primary {
    --bs-btn-color: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0d6efd;
    --bs-btn-hover-border-color: #0d6efd;
    --bs-btn-focus-shadow-rgb: 13,110,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0d6efd;
    --bs-btn-active-border-color: #0d6efd;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #0d6efd;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0d6efd;
    --bs-gradient: none
}

.btn-outline-secondary {
    --bs-btn-color: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6c757d;
    --bs-btn-hover-border-color: #6c757d;
    --bs-btn-focus-shadow-rgb: 108,117,125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6c757d;
    --bs-btn-active-border-color: #6c757d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #6c757d;
    --bs-gradient: none
}

.btn-outline-success {
    --bs-btn-color: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #198754;
    --bs-btn-hover-border-color: #198754;
    --bs-btn-focus-shadow-rgb: 25,135,84;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #198754;
    --bs-btn-active-border-color: #198754;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #198754;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #198754;
    --bs-gradient: none
}

.btn-outline-info {
    --bs-btn-color: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #0dcaf0;
    --bs-btn-hover-border-color: #0dcaf0;
    --bs-btn-focus-shadow-rgb: 13,202,240;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #0dcaf0;
    --bs-btn-active-border-color: #0dcaf0;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #0dcaf0;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0dcaf0;
    --bs-gradient: none
}

.btn-outline-warning {
    --bs-btn-color: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffc107;
    --bs-btn-hover-border-color: #ffc107;
    --bs-btn-focus-shadow-rgb: 255,193,7;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffc107;
    --bs-btn-active-border-color: #ffc107;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffc107;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ffc107;
    --bs-gradient: none
}

.btn-outline-danger {
    --bs-btn-color: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #dc3545;
    --bs-btn-hover-border-color: #dc3545;
    --bs-btn-focus-shadow-rgb: 220,53,69;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #dc3545;
    --bs-btn-active-border-color: #dc3545;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #dc3545;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #dc3545;
    --bs-gradient: none
}

.btn-outline-light {
    --bs-btn-color: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f8f9fa;
    --bs-btn-hover-border-color: #f8f9fa;
    --bs-btn-focus-shadow-rgb: 248,249,250;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f8f9fa;
    --bs-btn-active-border-color: #f8f9fa;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #f8f9fa;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f8f9fa;
    --bs-gradient: none
}

.btn-outline-dark {
    --bs-btn-color: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #212529;
    --bs-btn-hover-border-color: #212529;
    --bs-btn-focus-shadow-rgb: 33,37,41;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #212529;
    --bs-btn-active-border-color: #212529;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #212529;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #212529;
    --bs-gradient: none
}

.btn-link {
    --bs-btn-font-weight: 400;
    --bs-btn-color: var(--bs-link-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-link-hover-color);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--bs-link-hover-color);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: none;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    text-decoration: underline
}

    .btn-link:focus-visible {
        color: var(--bs-btn-color)
    }

    .btn-link:hover {
        color: var(--bs-btn-hover-color)
    }

.btn-group-lg > .btn, .btn-lg {
    --bs-btn-padding-y: 0.5rem;
    --bs-btn-padding-x: 1rem;
    --bs-btn-font-size: 1.25rem;
    --bs-btn-border-radius: 0.5rem
}

.btn-group-sm > .btn, .btn-sm {
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: 0.25rem
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    transition: width .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing.collapse-horizontal {
        transition: none
    }
}

.dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center {
    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 {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: #212529;
    --bs-dropdown-bg: #fff;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: 0.375rem;
    --bs-dropdown-border-width: 1px;
    --bs-dropdown-inner-border-radius: calc(0.375rem - 1px);
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-dropdown-link-color: #212529;
    --bs-dropdown-link-hover-color: #1e2125;
    --bs-dropdown-link-hover-bg: #e9ecef;
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.25rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
    position: absolute;
    z-index: var(--bs-dropdown-zindex);
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--bs-dropdown-bg);
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius)
}

    .dropdown-menu[data-bs-popper] {
        top: 100%;
        left: 0;
        margin-top: var(--bs-dropdown-spacer)
    }

.dropdown-menu-start {
    --bs-position: start
}

    .dropdown-menu-start[data-bs-popper] {
        right: auto;
        left: 0
    }

.dropdown-menu-end {
    --bs-position: end
}

    .dropdown-menu-end[data-bs-popper] {
        right: 0;
        left: auto
    }

@media (min-width:576px) {
    .dropdown-menu-sm-start {
        --bs-position: start
    }

        .dropdown-menu-sm-start[data-bs-popper] {
            right: auto;
            left: 0
        }

    .dropdown-menu-sm-end {
        --bs-position: end
    }

        .dropdown-menu-sm-end[data-bs-popper] {
            right: 0;
            left: auto
        }
}

@media (min-width:768px) {
    .dropdown-menu-md-start {
        --bs-position: start
    }

        .dropdown-menu-md-start[data-bs-popper] {
            right: auto;
            left: 0
        }

    .dropdown-menu-md-end {
        --bs-position: end
    }

        .dropdown-menu-md-end[data-bs-popper] {
            right: 0;
            left: auto
        }
}

@media (min-width:992px) {
    .dropdown-menu-lg-start {
        --bs-position: start
    }

        .dropdown-menu-lg-start[data-bs-popper] {
            right: auto;
            left: 0
        }

    .dropdown-menu-lg-end {
        --bs-position: end
    }

        .dropdown-menu-lg-end[data-bs-popper] {
            right: 0;
            left: auto
        }
}

@media (min-width:1200px) {
    .dropdown-menu-xl-start {
        --bs-position: start
    }

        .dropdown-menu-xl-start[data-bs-popper] {
            right: auto;
            left: 0
        }

    .dropdown-menu-xl-end {
        --bs-position: end
    }

        .dropdown-menu-xl-end[data-bs-popper] {
            right: 0;
            left: auto
        }
}

@media (min-width:1400px) {
    .dropdown-menu-xxl-start {
        --bs-position: start
    }

        .dropdown-menu-xxl-start[data-bs-popper] {
            right: auto;
            left: 0
        }

    .dropdown-menu-xxl-end {
        --bs-position: end
    }

        .dropdown-menu-xxl-end[data-bs-popper] {
            right: 0;
            left: auto
        }
}

.dropup .dropdown-menu[data-bs-popper] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: var(--bs-dropdown-spacer)
}

.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
}

.dropend .dropdown-menu[data-bs-popper] {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: var(--bs-dropdown-spacer)
}

.dropend .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
}

.dropend .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropend .dropdown-toggle::after {
    vertical-align: 0
}

.dropstart .dropdown-menu[data-bs-popper] {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: var(--bs-dropdown-spacer)
}

.dropstart .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropstart .dropdown-toggle::after {
    display: none
}

.dropstart .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
}

.dropstart .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropstart .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-divider {
    height: 0;
    margin: var(--bs-dropdown-divider-margin-y) 0;
    overflow: hidden;
    border-top: 1px solid var(--bs-dropdown-divider-bg);
    opacity: 1
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    clear: both;
    font-weight: 400;
    color: var(--bs-dropdown-link-color);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

    .dropdown-item:focus, .dropdown-item:hover {
        color: var(--bs-dropdown-link-hover-color);
        background-color: var(--bs-dropdown-link-hover-bg)
    }

    .dropdown-item.active, .dropdown-item:active {
        color: var(--bs-dropdown-link-active-color);
        text-decoration: none;
        background-color: var(--bs-dropdown-link-active-bg)
    }

    .dropdown-item.disabled, .dropdown-item:disabled {
        color: var(--bs-dropdown-link-disabled-color);
        pointer-events: none;
        background-color: transparent
    }

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
    margin-bottom: 0;
    font-size: .875rem;
    color: var(--bs-dropdown-header-color);
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    color: var(--bs-dropdown-link-color)
}

.dropdown-menu-dark {
    --bs-dropdown-color: #dee2e6;
    --bs-dropdown-bg: #343a40;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-box-shadow:;
    --bs-dropdown-link-color: #dee2e6;
    --bs-dropdown-link-hover-color: #fff;
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-header-color: #adb5bd
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

    .btn-group-vertical > .btn, .btn-group > .btn {
        position: relative;
        flex: 1 1 auto
    }

        .btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {
            z-index: 1
        }

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

    .btn-toolbar .input-group {
        width: auto
    }

.btn-group {
    border-radius: .375rem
}

    .btn-group > .btn-group:not(:first-child), .btn-group > :not(.btn-check:first-child) + .btn {
        margin-left: -1px
    }

    .btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn.dropdown-toggle-split:first-child, .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:nth-child(n+3), .btn-group > :not(.btn-check) + .btn {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

    .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after {
        margin-left: 0
    }

.dropstart .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 {
    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-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 ~ .btn {
            border-top-left-radius: 0;
            border-top-right-radius: 0
        }

.nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight:;
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: #6c757d;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .nav-link {
        transition: none
    }
}

.nav-link:focus, .nav-link:hover {
    color: var(--bs-nav-link-hover-color)
}

.nav-link.disabled {
    color: var(--bs-nav-link-disabled-color);
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    --bs-nav-tabs-border-width: 1px;
    --bs-nav-tabs-border-color: #dee2e6;
    --bs-nav-tabs-border-radius: 0.375rem;
    --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
    --bs-nav-tabs-link-active-color: #495057;
    --bs-nav-tabs-link-active-bg: #fff;
    --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
}

    .nav-tabs .nav-link {
        margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
        background: 0 0;
        border: var(--bs-nav-tabs-border-width) solid transparent;
        border-top-left-radius: var(--bs-nav-tabs-border-radius);
        border-top-right-radius: var(--bs-nav-tabs-border-radius)
    }

        .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
            isolation: isolate;
            border-color: var(--bs-nav-tabs-link-hover-border-color)
        }

        .nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled {
            color: var(--bs-nav-link-disabled-color);
            background-color: transparent;
            border-color: transparent
        }

        .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
            color: var(--bs-nav-tabs-link-active-color);
            background-color: var(--bs-nav-tabs-link-active-bg);
            border-color: var(--bs-nav-tabs-link-active-border-color)
        }

    .nav-tabs .dropdown-menu {
        margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

.nav-pills {
    --bs-nav-pills-border-radius: 0.375rem;
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: #0d6efd
}

    .nav-pills .nav-link {
        background: 0 0;
        border: 0;
        border-radius: var(--bs-nav-pills-border-radius)
    }

        .nav-pills .nav-link:disabled {
            color: var(--bs-nav-link-disabled-color);
            background-color: transparent;
            border-color: transparent
        }

        .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
            color: var(--bs-nav-pills-link-active-color);
            background-color: var(--bs-nav-pills-link-active-bg)
        }

.nav-fill .nav-item, .nav-fill > .nav-link {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item, .nav-justified > .nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

    .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link {
        width: 100%
    }

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 0.5rem;
    --bs-navbar-color: rgba(0, 0, 0, 0.55);
    --bs-navbar-hover-color: rgba(0, 0, 0, 0.7);
    --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3);
    --bs-navbar-active-color: rgba(0, 0, 0, 0.9);
    --bs-navbar-brand-padding-y: 0.3125rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.25rem;
    --bs-navbar-brand-color: rgba(0, 0, 0, 0.9);
    --bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9);
    --bs-navbar-nav-link-padding-x: 0.5rem;
    --bs-navbar-toggler-padding-y: 0.25rem;
    --bs-navbar-toggler-padding-x: 0.75rem;
    --bs-navbar-toggler-font-size: 1.25rem;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1);
    --bs-navbar-toggler-border-radius: 0.375rem;
    --bs-navbar-toggler-focus-width: 0.25rem;
    --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)
}

    .navbar > .container, .navbar > .container-fluid, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container-xl, .navbar > .container-xxl {
        display: flex;
        flex-wrap: inherit;
        align-items: center;
        justify-content: space-between
    }

.navbar-brand {
    padding-top: var(--bs-navbar-brand-padding-y);
    padding-bottom: var(--bs-navbar-brand-padding-y);
    margin-right: var(--bs-navbar-brand-margin-end);
    font-size: var(--bs-navbar-brand-font-size);
    color: var(--bs-navbar-brand-color);
    text-decoration: none;
    white-space: nowrap
}

    .navbar-brand:focus, .navbar-brand:hover {
        color: var(--bs-navbar-brand-hover-color)
    }

.navbar-nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight:;
    --bs-nav-link-color: var(--bs-navbar-color);
    --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
    --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

    .navbar-nav .nav-link.active, .navbar-nav .show > .nav-link {
        color: var(--bs-navbar-active-color)
    }

    .navbar-nav .dropdown-menu {
        position: static
    }

.navbar-text {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: var(--bs-navbar-color)
}

    .navbar-text a, .navbar-text a:focus, .navbar-text a:hover {
        color: var(--bs-navbar-active-color)
    }

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    color: var(--bs-navbar-color);
    background-color: transparent;
    border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
    border-radius: var(--bs-navbar-toggler-border-radius);
    transition: var(--bs-navbar-toggler-transition)
}

@media (prefers-reduced-motion:reduce) {
    .navbar-toggler {
        transition: none
    }
}

.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width)
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: var(--bs-navbar-toggler-icon-bg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.navbar-nav-scroll {
    max-height: var(--bs-scroll-height,75vh);
    overflow-y: auto
}

@media (min-width:576px) {
    .navbar-expand-sm {
        flex-wrap: 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: var(--bs-navbar-nav-link-padding-x);
                padding-left: var(--bs-navbar-nav-link-padding-x)
            }

        .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
        }

        .navbar-expand-sm .offcanvas {
            position: static;
            z-index: auto;
            flex-grow: 1;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
            background-color: transparent !important;
            border: 0 !important;
            transform: none !important;
            transition: none
        }

            .navbar-expand-sm .offcanvas .offcanvas-header {
                display: none
            }

            .navbar-expand-sm .offcanvas .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible
            }
}

@media (min-width:768px) {
    .navbar-expand-md {
        flex-wrap: 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: var(--bs-navbar-nav-link-padding-x);
                padding-left: var(--bs-navbar-nav-link-padding-x)
            }

        .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
        }

        .navbar-expand-md .offcanvas {
            position: static;
            z-index: auto;
            flex-grow: 1;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
            background-color: transparent !important;
            border: 0 !important;
            transform: none !important;
            transition: none
        }

            .navbar-expand-md .offcanvas .offcanvas-header {
                display: none
            }

            .navbar-expand-md .offcanvas .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible
            }
}

@media (min-width:992px) {
    .navbar-expand-lg {
        flex-wrap: 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: var(--bs-navbar-nav-link-padding-x);
                padding-left: var(--bs-navbar-nav-link-padding-x)
            }

        .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
        }

        .navbar-expand-lg .offcanvas {
            position: static;
            z-index: auto;
            flex-grow: 1;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
            background-color: transparent !important;
            border: 0 !important;
            transform: none !important;
            transition: none
        }

            .navbar-expand-lg .offcanvas .offcanvas-header {
                display: none
            }

            .navbar-expand-lg .offcanvas .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible
            }
}

@media (min-width:1200px) {
    .navbar-expand-xl {
        flex-wrap: 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: var(--bs-navbar-nav-link-padding-x);
                padding-left: var(--bs-navbar-nav-link-padding-x)
            }

        .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-xl .offcanvas {
            position: static;
            z-index: auto;
            flex-grow: 1;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
            background-color: transparent !important;
            border: 0 !important;
            transform: none !important;
            transition: none
        }

            .navbar-expand-xl .offcanvas .offcanvas-header {
                display: none
            }

            .navbar-expand-xl .offcanvas .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible
            }
}

@media (min-width:1400px) {
    .navbar-expand-xxl {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

        .navbar-expand-xxl .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-xxl .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-xxl .navbar-nav .nav-link {
                padding-right: var(--bs-navbar-nav-link-padding-x);
                padding-left: var(--bs-navbar-nav-link-padding-x)
            }

        .navbar-expand-xxl .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-xxl .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-xxl .navbar-toggler {
            display: none
        }

        .navbar-expand-xxl .offcanvas {
            position: static;
            z-index: auto;
            flex-grow: 1;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
            background-color: transparent !important;
            border: 0 !important;
            transform: none !important;
            transition: none
        }

            .navbar-expand-xxl .offcanvas .offcanvas-header {
                display: none
            }

            .navbar-expand-xxl .offcanvas .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible
            }
}

.navbar-expand {
    flex-wrap: nowrap;
    justify-content: flex-start
}

    .navbar-expand .navbar-nav {
        flex-direction: row
    }

        .navbar-expand .navbar-nav .dropdown-menu {
            position: absolute
        }

        .navbar-expand .navbar-nav .nav-link {
            padding-right: var(--bs-navbar-nav-link-padding-x);
            padding-left: var(--bs-navbar-nav-link-padding-x)
        }

    .navbar-expand .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand .navbar-toggler {
        display: none
    }

    .navbar-expand .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none
    }

        .navbar-expand .offcanvas .offcanvas-header {
            display: none
        }

        .navbar-expand .offcanvas .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible
        }

.navbar-dark {
    --bs-navbar-color: rgba(255, 255, 255, 0.55);
    --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
    --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.card {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-border-width: 1px;
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: 0.375rem;
    --bs-card-box-shadow:;
    --bs-card-inner-border-radius: calc(0.375rem - 1px);
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(0, 0, 0, 0.03);
    --bs-card-cap-color:;
    --bs-card-height:;
    --bs-card-color:;
    --bs-card-bg: #fff;
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius)
}

    .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: var(--bs-card-inner-border-radius);
            border-top-right-radius: var(--bs-card-inner-border-radius)
        }

        .card > .list-group:last-child {
            border-bottom-width: 0;
            border-bottom-right-radius: var(--bs-card-inner-border-radius);
            border-bottom-left-radius: var(--bs-card-inner-border-radius)
        }

        .card > .card-header + .list-group, .card > .list-group + .card-footer {
            border-top: 0
        }

.card-body {
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    color: var(--bs-card-color)
}

.card-title {
    margin-bottom: var(--bs-card-title-spacer-y)
}

.card-subtitle {
    margin-top: calc(-.5 * var(--bs-card-title-spacer-y));
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link + .card-link {
    margin-left: var(--bs-card-spacer-x)
}

.card-header {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    margin-bottom: 0;
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

    .card-header:first-child {
        border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0
    }

.card-footer {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-top: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

    .card-footer:last-child {
        border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)
    }

.card-header-tabs {
    margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
    margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
    margin-left: calc(-.5 * var(--bs-card-cap-padding-x));
    border-bottom: 0
}

    .card-header-tabs .nav-link.active {
        background-color: var(--bs-card-bg);
        border-bottom-color: var(--bs-card-bg)
    }

.card-header-pills {
    margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
    margin-left: calc(-.5 * var(--bs-card-cap-padding-x))
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: var(--bs-card-img-overlay-padding);
    border-radius: var(--bs-card-inner-border-radius)
}

.card-img, .card-img-bottom, .card-img-top {
    width: 100%
}

.card-img, .card-img-top {
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius)
}

.card-img, .card-img-bottom {
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius)
}

.card-group > .card {
    margin-bottom: var(--bs-card-group-margin)
}

@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-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
                }
}

.accordion {
    --bs-accordion-color: #212529;
    --bs-accordion-bg: #fff;
    --bs-accordion-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;
    --bs-accordion-border-color: var(--bs-border-color);
    --bs-accordion-border-width: 1px;
    --bs-accordion-border-radius: 0.375rem;
    --bs-accordion-inner-border-radius: calc(0.375rem - 1px);
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: #212529;
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-focus-border-color: #86b7fe;
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: #0c63e4;
    --bs-accordion-active-bg: #e7f1ff
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    font-size: 1rem;
    color: var(--bs-accordion-btn-color);
    text-align: left;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition)
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button {
        transition: none
    }
}

.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: var(--bs-accordion-active-bg);
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)
}

    .accordion-button:not(.collapsed)::after {
        background-image: var(--bs-accordion-btn-active-icon);
        transform: var(--bs-accordion-btn-icon-transform)
    }

.accordion-button::after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition)
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button::after {
        transition: none
    }
}

.accordion-button:hover {
    z-index: 2
}

.accordion-button:focus {
    z-index: 3;
    border-color: var(--bs-accordion-btn-focus-border-color);
    outline: 0;
    box-shadow: var(--bs-accordion-btn-focus-box-shadow)
}

.accordion-header {
    margin-bottom: 0
}

.accordion-item {
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)
}

    .accordion-item:first-of-type {
        border-top-left-radius: var(--bs-accordion-border-radius);
        border-top-right-radius: var(--bs-accordion-border-radius)
    }

        .accordion-item:first-of-type .accordion-button {
            border-top-left-radius: var(--bs-accordion-inner-border-radius);
            border-top-right-radius: var(--bs-accordion-inner-border-radius)
        }

    .accordion-item:not(:first-of-type) {
        border-top: 0
    }

    .accordion-item:last-of-type {
        border-bottom-right-radius: var(--bs-accordion-border-radius);
        border-bottom-left-radius: var(--bs-accordion-border-radius)
    }

        .accordion-item:last-of-type .accordion-button.collapsed {
            border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
            border-bottom-left-radius: var(--bs-accordion-inner-border-radius)
        }

        .accordion-item:last-of-type .accordion-collapse {
            border-bottom-right-radius: var(--bs-accordion-border-radius);
            border-bottom-left-radius: var(--bs-accordion-border-radius)
        }

.accordion-body {
    padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)
}

.accordion-flush .accordion-collapse {
    border-width: 0
}

.accordion-flush .accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

    .accordion-flush .accordion-item:first-child {
        border-top: 0
    }

    .accordion-flush .accordion-item:last-child {
        border-bottom: 0
    }

    .accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
        border-radius: 0
    }

.breadcrumb {
    --bs-breadcrumb-padding-x: 0;
    --bs-breadcrumb-padding-y: 0;
    --bs-breadcrumb-margin-bottom: 1rem;
    --bs-breadcrumb-bg:;
    --bs-breadcrumb-border-radius:;
    --bs-breadcrumb-divider-color: #6c757d;
    --bs-breadcrumb-item-padding-x: 0.5rem;
    --bs-breadcrumb-item-active-color: #6c757d;
    display: flex;
    flex-wrap: wrap;
    padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
    margin-bottom: var(--bs-breadcrumb-margin-bottom);
    font-size: var(--bs-breadcrumb-font-size);
    list-style: none;
    background-color: var(--bs-breadcrumb-bg);
    border-radius: var(--bs-breadcrumb-border-radius)
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: var(--bs-breadcrumb-item-padding-x)
}

    .breadcrumb-item + .breadcrumb-item::before {
        float: left;
        padding-right: var(--bs-breadcrumb-item-padding-x);
        color: var(--bs-breadcrumb-divider-color);
        content: var(--bs-breadcrumb-divider, "/")
    }

.breadcrumb-item.active {
    color: var(--bs-breadcrumb-item-active-color)
}

.pagination {
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.375rem;
    --bs-pagination-font-size: 1rem;
    --bs-pagination-color: var(--bs-link-color);
    --bs-pagination-bg: #fff;
    --bs-pagination-border-width: 1px;
    --bs-pagination-border-color: #dee2e6;
    --bs-pagination-border-radius: 0.375rem;
    --bs-pagination-hover-color: var(--bs-link-hover-color);
    --bs-pagination-hover-bg: #e9ecef;
    --bs-pagination-hover-border-color: #dee2e6;
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: #e9ecef;
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #0d6efd;
    --bs-pagination-active-border-color: #0d6efd;
    --bs-pagination-disabled-color: #6c757d;
    --bs-pagination-disabled-bg: #fff;
    --bs-pagination-disabled-border-color: #dee2e6;
    display: flex;
    padding-left: 0;
    list-style: none
}

.page-link {
    position: relative;
    display: block;
    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    font-size: var(--bs-pagination-font-size);
    color: var(--bs-pagination-color);
    text-decoration: none;
    background-color: var(--bs-pagination-bg);
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
    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) {
    .page-link {
        transition: none
    }
}

.page-link:hover {
    z-index: 2;
    color: var(--bs-pagination-hover-color);
    background-color: var(--bs-pagination-hover-bg);
    border-color: var(--bs-pagination-hover-border-color)
}

.page-link:focus {
    z-index: 3;
    color: var(--bs-pagination-focus-color);
    background-color: var(--bs-pagination-focus-bg);
    outline: 0;
    box-shadow: var(--bs-pagination-focus-box-shadow)
}

.active > .page-link, .page-link.active {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: var(--bs-pagination-active-bg);
    border-color: var(--bs-pagination-active-border-color)
}

.disabled > .page-link, .page-link.disabled {
    color: var(--bs-pagination-disabled-color);
    pointer-events: none;
    background-color: var(--bs-pagination-disabled-bg);
    border-color: var(--bs-pagination-disabled-border-color)
}

.page-item:not(:first-child) .page-link {
    margin-left: -1px
}

.page-item:first-child .page-link {
    border-top-left-radius: var(--bs-pagination-border-radius);
    border-bottom-left-radius: var(--bs-pagination-border-radius)
}

.page-item:last-child .page-link {
    border-top-right-radius: var(--bs-pagination-border-radius);
    border-bottom-right-radius: var(--bs-pagination-border-radius)
}

.pagination-lg {
    --bs-pagination-padding-x: 1.5rem;
    --bs-pagination-padding-y: 0.75rem;
    --bs-pagination-font-size: 1.25rem;
    --bs-pagination-border-radius: 0.5rem
}

.pagination-sm {
    --bs-pagination-padding-x: 0.5rem;
    --bs-pagination-padding-y: 0.25rem;
    --bs-pagination-font-size: 0.875rem;
    --bs-pagination-border-radius: 0.25rem
}

.badge {
    --bs-badge-padding-x: 0.65em;
    --bs-badge-padding-y: 0.35em;
    --bs-badge-font-size: 0.75em;
    --bs-badge-font-weight: 700;
    --bs-badge-color: #fff;
    --bs-badge-border-radius: 0.375rem;
    display: inline-block;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size: var(--bs-badge-font-size);
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    color: var(--bs-badge-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--bs-badge-border-radius)
}

    .badge:empty {
        display: none
    }

.btn .badge {
    position: relative;
    top: -1px
}

.alert {
    --bs-alert-bg: transparent;
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: 1rem;
    --bs-alert-margin-bottom: 1rem;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-border: 1px solid var(--bs-alert-border-color);
    --bs-alert-border-radius: 0.375rem;
    position: relative;
    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    margin-bottom: var(--bs-alert-margin-bottom);
    color: var(--bs-alert-color);
    background-color: var(--bs-alert-bg);
    border: var(--bs-alert-border);
    border-radius: var(--bs-alert-border-radius)
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 3rem
}

    .alert-dismissible .btn-close {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        padding: 1.25rem 1rem
    }

.alert-primary {
    --bs-alert-color: #084298;
    --bs-alert-bg: #cfe2ff;
    --bs-alert-border-color: #b6d4fe
}

    .alert-primary .alert-link {
        color: #06357a
    }

.alert-secondary {
    --bs-alert-color: #41464b;
    --bs-alert-bg: #e2e3e5;
    --bs-alert-border-color: #d3d6d8
}

    .alert-secondary .alert-link {
        color: #34383c
    }

.alert-success {
    --bs-alert-color: #0f5132;
    --bs-alert-bg: #d1e7dd;
    --bs-alert-border-color: #badbcc
}

    .alert-success .alert-link {
        color: #0c4128
    }

.alert-info {
    --bs-alert-color: #055160;
    --bs-alert-bg: #cff4fc;
    --bs-alert-border-color: #b6effb
}

    .alert-info .alert-link {
        color: #04414d
    }

.alert-warning {
    --bs-alert-color: #664d03;
    --bs-alert-bg: #fff3cd;
    --bs-alert-border-color: #ffecb5
}

    .alert-warning .alert-link {
        color: #523e02
    }

.alert-danger {
    --bs-alert-color: #842029;
    --bs-alert-bg: #f8d7da;
    --bs-alert-border-color: #f5c2c7
}

    .alert-danger .alert-link {
        color: #6a1a21
    }

.alert-light {
    --bs-alert-color: #636464;
    --bs-alert-bg: #fefefe;
    --bs-alert-border-color: #fdfdfe
}

    .alert-light .alert-link {
        color: #4f5050
    }

.alert-dark {
    --bs-alert-color: #141619;
    --bs-alert-bg: #d3d3d4;
    --bs-alert-border-color: #bcbebf
}

    .alert-dark .alert-link {
        color: #101214
    }

@keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem
    }
}

.progress {
    --bs-progress-height: 1rem;
    --bs-progress-font-size: 0.75rem;
    --bs-progress-bg: #e9ecef;
    --bs-progress-border-radius: 0.375rem;
    --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-progress-bar-color: #fff;
    --bs-progress-bar-bg: #0d6efd;
    --bs-progress-bar-transition: width 0.6s ease;
    display: flex;
    height: var(--bs-progress-height);
    overflow: hidden;
    font-size: var(--bs-progress-font-size);
    background-color: var(--bs-progress-bg);
    border-radius: var(--bs-progress-border-radius)
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: var(--bs-progress-bar-color);
    text-align: center;
    white-space: nowrap;
    background-color: var(--bs-progress-bar-bg);
    transition: var(--bs-progress-bar-transition)
}

@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: var(--bs-progress-height) var(--bs-progress-height)
}

.progress-bar-animated {
    animation: 1s linear infinite progress-bar-stripes
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        animation: none
    }
}

.list-group {
    --bs-list-group-color: #212529;
    --bs-list-group-bg: #fff;
    --bs-list-group-border-color: rgba(0, 0, 0, 0.125);
    --bs-list-group-border-width: 1px;
    --bs-list-group-border-radius: 0.375rem;
    --bs-list-group-item-padding-x: 1rem;
    --bs-list-group-item-padding-y: 0.5rem;
    --bs-list-group-action-color: #495057;
    --bs-list-group-action-hover-color: #495057;
    --bs-list-group-action-hover-bg: #f8f9fa;
    --bs-list-group-action-active-color: #212529;
    --bs-list-group-action-active-bg: #e9ecef;
    --bs-list-group-disabled-color: #6c757d;
    --bs-list-group-disabled-bg: #fff;
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #0d6efd;
    --bs-list-group-active-border-color: #0d6efd;
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: var(--bs-list-group-border-radius)
}

.list-group-numbered {
    list-style-type: none;
    counter-reset: section
}

    .list-group-numbered > .list-group-item::before {
        content: counters(section, ".") ". ";
        counter-increment: section
    }

.list-group-item-action {
    width: 100%;
    color: var(--bs-list-group-action-color);
    text-align: inherit
}

    .list-group-item-action:focus, .list-group-item-action:hover {
        z-index: 1;
        color: var(--bs-list-group-action-hover-color);
        text-decoration: none;
        background-color: var(--bs-list-group-action-hover-bg)
    }

    .list-group-item-action:active {
        color: var(--bs-list-group-action-active-color);
        background-color: var(--bs-list-group-action-active-bg)
    }

.list-group-item {
    position: relative;
    display: block;
    padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
    color: var(--bs-list-group-color);
    text-decoration: none;
    background-color: var(--bs-list-group-bg);
    border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)
}

    .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: var(--bs-list-group-disabled-color);
        pointer-events: none;
        background-color: var(--bs-list-group-disabled-bg)
    }

    .list-group-item.active {
        z-index: 2;
        color: var(--bs-list-group-active-color);
        background-color: var(--bs-list-group-active-bg);
        border-color: var(--bs-list-group-active-border-color)
    }

    .list-group-item + .list-group-item {
        border-top-width: 0
    }

        .list-group-item + .list-group-item.active {
            margin-top: calc(-1 * var(--bs-list-group-border-width));
            border-top-width: var(--bs-list-group-border-width)
        }

.list-group-horizontal {
    flex-direction: row
}

    .list-group-horizontal > .list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal > .list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--bs-list-group-border-radius);
        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: var(--bs-list-group-border-width);
        border-left-width: 0
    }

        .list-group-horizontal > .list-group-item + .list-group-item.active {
            margin-left: calc(-1 * var(--bs-list-group-border-width));
            border-left-width: var(--bs-list-group-border-width)
        }

@media (min-width:576px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }

        .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
            border-bottom-left-radius: var(--bs-list-group-border-radius);
            border-top-right-radius: 0
        }

        .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
            border-top-right-radius: var(--bs-list-group-border-radius);
            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: var(--bs-list-group-border-width);
            border-left-width: 0
        }

            .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
                margin-left: calc(-1 * var(--bs-list-group-border-width));
                border-left-width: var(--bs-list-group-border-width)
            }
}

@media (min-width:768px) {
    .list-group-horizontal-md {
        flex-direction: row
    }

        .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
            border-bottom-left-radius: var(--bs-list-group-border-radius);
            border-top-right-radius: 0
        }

        .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
            border-top-right-radius: var(--bs-list-group-border-radius);
            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: var(--bs-list-group-border-width);
            border-left-width: 0
        }

            .list-group-horizontal-md > .list-group-item + .list-group-item.active {
                margin-left: calc(-1 * var(--bs-list-group-border-width));
                border-left-width: var(--bs-list-group-border-width)
            }
}

@media (min-width:992px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }

        .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
            border-bottom-left-radius: var(--bs-list-group-border-radius);
            border-top-right-radius: 0
        }

        .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
            border-top-right-radius: var(--bs-list-group-border-radius);
            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: var(--bs-list-group-border-width);
            border-left-width: 0
        }

            .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
                margin-left: calc(-1 * var(--bs-list-group-border-width));
                border-left-width: var(--bs-list-group-border-width)
            }
}

@media (min-width:1200px) {
    .list-group-horizontal-xl {
        flex-direction: row
    }

        .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
            border-bottom-left-radius: var(--bs-list-group-border-radius);
            border-top-right-radius: 0
        }

        .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
            border-top-right-radius: var(--bs-list-group-border-radius);
            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: var(--bs-list-group-border-width);
            border-left-width: 0
        }

            .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
                margin-left: calc(-1 * var(--bs-list-group-border-width));
                border-left-width: var(--bs-list-group-border-width)
            }
}

@media (min-width:1400px) {
    .list-group-horizontal-xxl {
        flex-direction: row
    }

        .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
            border-bottom-left-radius: var(--bs-list-group-border-radius);
            border-top-right-radius: 0
        }

        .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
            border-top-right-radius: var(--bs-list-group-border-radius);
            border-bottom-left-radius: 0
        }

        .list-group-horizontal-xxl > .list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-xxl > .list-group-item + .list-group-item {
            border-top-width: var(--bs-list-group-border-width);
            border-left-width: 0
        }

            .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
                margin-left: calc(-1 * var(--bs-list-group-border-width));
                border-left-width: var(--bs-list-group-border-width)
            }
}

.list-group-flush {
    border-radius: 0
}

    .list-group-flush > .list-group-item {
        border-width: 0 0 var(--bs-list-group-border-width)
    }

        .list-group-flush > .list-group-item:last-child {
            border-bottom-width: 0
        }

.list-group-item-primary {
    color: #084298;
    background-color: #cfe2ff
}

    .list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover {
        color: #084298;
        background-color: #bacbe6
    }

    .list-group-item-primary.list-group-item-action.active {
        color: #fff;
        background-color: #084298;
        border-color: #084298
    }

.list-group-item-secondary {
    color: #41464b;
    background-color: #e2e3e5
}

    .list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover {
        color: #41464b;
        background-color: #cbccce
    }

    .list-group-item-secondary.list-group-item-action.active {
        color: #fff;
        background-color: #41464b;
        border-color: #41464b
    }

.list-group-item-success {
    color: #0f5132;
    background-color: #d1e7dd
}

    .list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover {
        color: #0f5132;
        background-color: #bcd0c7
    }

    .list-group-item-success.list-group-item-action.active {
        color: #fff;
        background-color: #0f5132;
        border-color: #0f5132
    }

.list-group-item-info {
    color: #055160;
    background-color: #cff4fc
}

    .list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover {
        color: #055160;
        background-color: #badce3
    }

    .list-group-item-info.list-group-item-action.active {
        color: #fff;
        background-color: #055160;
        border-color: #055160
    }

.list-group-item-warning {
    color: #664d03;
    background-color: #fff3cd
}

    .list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover {
        color: #664d03;
        background-color: #e6dbb9
    }

    .list-group-item-warning.list-group-item-action.active {
        color: #fff;
        background-color: #664d03;
        border-color: #664d03
    }

.list-group-item-danger {
    color: #842029;
    background-color: #f8d7da
}

    .list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover {
        color: #842029;
        background-color: #dfc2c4
    }

    .list-group-item-danger.list-group-item-action.active {
        color: #fff;
        background-color: #842029;
        border-color: #842029
    }

.list-group-item-light {
    color: #636464;
    background-color: #fefefe
}

    .list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover {
        color: #636464;
        background-color: #e5e5e5
    }

    .list-group-item-light.list-group-item-action.active {
        color: #fff;
        background-color: #636464;
        border-color: #636464
    }

.list-group-item-dark {
    color: #141619;
    background-color: #d3d3d4
}

    .list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover {
        color: #141619;
        background-color: #bebebf
    }

    .list-group-item-dark.list-group-item-action.active {
        color: #fff;
        background-color: #141619;
        border-color: #141619
    }

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: .375rem;
    opacity: .5
}

    .btn-close:hover {
        color: #000;
        text-decoration: none;
        opacity: .75
    }

    .btn-close:focus {
        outline: 0;
        box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
        opacity: 1
    }

    .btn-close.disabled, .btn-close:disabled {
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        opacity: .25
    }

.btn-close-white {
    filter: invert(1) grayscale(100%) brightness(200%)
}

.toast {
    --bs-toast-zindex: 1090;
    --bs-toast-padding-x: 0.75rem;
    --bs-toast-padding-y: 0.5rem;
    --bs-toast-spacing: 1.5rem;
    --bs-toast-max-width: 350px;
    --bs-toast-font-size: 0.875rem;
    --bs-toast-color:;
    --bs-toast-bg: rgba(255, 255, 255, 0.85);
    --bs-toast-border-width: 1px;
    --bs-toast-border-color: var(--bs-border-color-translucent);
    --bs-toast-border-radius: 0.375rem;
    --bs-toast-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-toast-header-color: #6c757d;
    --bs-toast-header-bg: rgba(255, 255, 255, 0.85);
    --bs-toast-header-border-color: rgba(0, 0, 0, 0.05);
    width: var(--bs-toast-max-width);
    max-width: 100%;
    font-size: var(--bs-toast-font-size);
    color: var(--bs-toast-color);
    pointer-events: auto;
    background-color: var(--bs-toast-bg);
    background-clip: padding-box;
    border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
    box-shadow: var(--bs-toast-box-shadow);
    border-radius: var(--bs-toast-border-radius)
}

    .toast.showing {
        opacity: 0
    }

    .toast:not(.show) {
        display: none
    }

.toast-container {
    --bs-toast-zindex: 1090;
    position: absolute;
    z-index: var(--bs-toast-zindex);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    pointer-events: none
}

    .toast-container > :not(:last-child) {
        margin-bottom: var(--bs-toast-spacing)
    }

.toast-header {
    display: flex;
    align-items: center;
    padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
    color: var(--bs-toast-header-color);
    background-color: var(--bs-toast-header-bg);
    background-clip: padding-box;
    border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
    border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
    border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))
}

    .toast-header .btn-close {
        margin-right: calc(-.5 * var(--bs-toast-padding-x));
        margin-left: var(--bs-toast-padding-x)
    }

.toast-body {
    padding: var(--bs-toast-padding-x);
    word-wrap: break-word
}

.modal {
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 1rem;
    --bs-modal-margin: 0.5rem;
    --bs-modal-color:;
    --bs-modal-bg: #fff;
    --bs-modal-border-color: var(--bs-border-color-translucent);
    --bs-modal-border-width: 1px;
    --bs-modal-border-radius: 0.5rem;
    --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-modal-inner-border-radius: calc(0.5rem - 1px);
    --bs-modal-header-padding-x: 1rem;
    --bs-modal-header-padding-y: 1rem;
    --bs-modal-header-padding: 1rem 1rem;
    --bs-modal-header-border-color: var(--bs-border-color);
    --bs-modal-header-border-width: 1px;
    --bs-modal-title-line-height: 1.5;
    --bs-modal-footer-gap: 0.5rem;
    --bs-modal-footer-bg:;
    --bs-modal-footer-border-color: var(--bs-border-color);
    --bs-modal-footer-border-width: 1px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-modal-zindex);
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: var(--bs-modal-margin);
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0,-50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    height: calc(100% - var(--bs-modal-margin) * 2)
}

    .modal-dialog-scrollable .modal-content {
        max-height: 100%;
        overflow: hidden
    }

    .modal-dialog-scrollable .modal-body {
        overflow-y: auto
    }

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: var(--bs-modal-bg);
    background-clip: padding-box;
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius: var(--bs-modal-border-radius);
    outline: 0
}

.modal-backdrop {
    --bs-backdrop-zindex: 1050;
    --bs-backdrop-bg: #000;
    --bs-backdrop-opacity: 0.5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-backdrop-zindex);
    width: 100vw;
    height: 100vh;
    background-color: var(--bs-backdrop-bg)
}

    .modal-backdrop.fade {
        opacity: 0
    }

    .modal-backdrop.show {
        opacity: var(--bs-backdrop-opacity)
    }

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-modal-header-padding);
    border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
    border-top-left-radius: var(--bs-modal-inner-border-radius);
    border-top-right-radius: var(--bs-modal-inner-border-radius)
}

    .modal-header .btn-close {
        padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
        margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto
    }

.modal-title {
    margin-bottom: 0;
    line-height: var(--bs-modal-title-line-height)
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: var(--bs-modal-padding)
}

.modal-footer {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
    background-color: var(--bs-modal-footer-bg);
    border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
    border-bottom-right-radius: var(--bs-modal-inner-border-radius);
    border-bottom-left-radius: var(--bs-modal-inner-border-radius)
}

    .modal-footer > * {
        margin: calc(var(--bs-modal-footer-gap) * .5)
    }

@media (min-width:576px) {
    .modal {
        --bs-modal-margin: 1.75rem;
        --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15)
    }

    .modal-dialog {
        max-width: var(--bs-modal-width);
        margin-right: auto;
        margin-left: auto
    }

    .modal-sm {
        --bs-modal-width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg, .modal-xl {
        --bs-modal-width: 800px
    }
}

@media (min-width:1200px) {
    .modal-xl {
        --bs-modal-width: 1140px
    }
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
}

    .modal-fullscreen .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen .modal-footer, .modal-fullscreen .modal-header {
        border-radius: 0
    }

    .modal-fullscreen .modal-body {
        overflow-y: auto
    }

@media (max-width:575.98px) {
    .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

        .modal-fullscreen-sm-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0
        }

        .modal-fullscreen-sm-down .modal-footer, .modal-fullscreen-sm-down .modal-header {
            border-radius: 0
        }

        .modal-fullscreen-sm-down .modal-body {
            overflow-y: auto
        }
}

@media (max-width:767.98px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

        .modal-fullscreen-md-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0
        }

        .modal-fullscreen-md-down .modal-footer, .modal-fullscreen-md-down .modal-header {
            border-radius: 0
        }

        .modal-fullscreen-md-down .modal-body {
            overflow-y: auto
        }
}

@media (max-width:991.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

        .modal-fullscreen-lg-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0
        }

        .modal-fullscreen-lg-down .modal-footer, .modal-fullscreen-lg-down .modal-header {
            border-radius: 0
        }

        .modal-fullscreen-lg-down .modal-body {
            overflow-y: auto
        }
}

@media (max-width:1199.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

        .modal-fullscreen-xl-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0
        }

        .modal-fullscreen-xl-down .modal-footer, .modal-fullscreen-xl-down .modal-header {
            border-radius: 0
        }

        .modal-fullscreen-xl-down .modal-body {
            overflow-y: auto
        }
}

@media (max-width:1399.98px) {
    .modal-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

        .modal-fullscreen-xxl-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0
        }

        .modal-fullscreen-xxl-down .modal-footer, .modal-fullscreen-xxl-down .modal-header {
            border-radius: 0
        }

        .modal-fullscreen-xxl-down .modal-body {
            overflow-y: auto
        }
}

.tooltip {
    --bs-tooltip-zindex: 1080;
    --bs-tooltip-max-width: 200px;
    --bs-tooltip-padding-x: 0.5rem;
    --bs-tooltip-padding-y: 0.25rem;
    --bs-tooltip-margin:;
    --bs-tooltip-font-size: 0.875rem;
    --bs-tooltip-color: #fff;
    --bs-tooltip-bg: #000;
    --bs-tooltip-border-radius: 0.375rem;
    --bs-tooltip-opacity: 0.9;
    --bs-tooltip-arrow-width: 0.8rem;
    --bs-tooltip-arrow-height: 0.4rem;
    z-index: var(--bs-tooltip-zindex);
    display: block;
    padding: var(--bs-tooltip-arrow-height);
    margin: var(--bs-tooltip-margin);
    font-family: var(--bs-font-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: var(--bs-tooltip-font-size);
    word-wrap: break-word;
    opacity: 0
}

    .tooltip.show {
        opacity: var(--bs-tooltip-opacity)
    }

    .tooltip .tooltip-arrow {
        display: block;
        width: var(--bs-tooltip-arrow-width);
        height: var(--bs-tooltip-arrow-height)
    }

        .tooltip .tooltip-arrow::before {
            position: absolute;
            content: "";
            border-color: transparent;
            border-style: solid
        }

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow, .bs-tooltip-top .tooltip-arrow {
    bottom: 0
}

    .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before {
        top: -1px;
        border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
        border-top-color: var(--bs-tooltip-bg)
    }

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow, .bs-tooltip-end .tooltip-arrow {
    left: 0;
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width)
}

    .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .bs-tooltip-end .tooltip-arrow::before {
        right: -1px;
        border-width: calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
        border-right-color: var(--bs-tooltip-bg)
    }

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow, .bs-tooltip-bottom .tooltip-arrow {
    top: 0
}

    .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before {
        bottom: -1px;
        border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
        border-bottom-color: var(--bs-tooltip-bg)
    }

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow, .bs-tooltip-start .tooltip-arrow {
    right: 0;
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width)
}

    .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before {
        left: -1px;
        border-width: calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
        border-left-color: var(--bs-tooltip-bg)
    }

.tooltip-inner {
    max-width: var(--bs-tooltip-max-width);
    padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
    color: var(--bs-tooltip-color);
    text-align: center;
    background-color: var(--bs-tooltip-bg);
    border-radius: var(--bs-tooltip-border-radius)
}

.popover {
    --bs-popover-zindex: 1070;
    --bs-popover-max-width: 276px;
    --bs-popover-font-size: 0.875rem;
    --bs-popover-bg: #fff;
    --bs-popover-border-width: 1px;
    --bs-popover-border-color: var(--bs-border-color-translucent);
    --bs-popover-border-radius: 0.5rem;
    --bs-popover-inner-border-radius: calc(0.5rem - 1px);
    --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-popover-header-padding-x: 1rem;
    --bs-popover-header-padding-y: 0.5rem;
    --bs-popover-header-font-size: 1rem;
    --bs-popover-header-color:;
    --bs-popover-header-bg: #f0f0f0;
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: 1rem;
    --bs-popover-body-color: #212529;
    --bs-popover-arrow-width: 1rem;
    --bs-popover-arrow-height: 0.5rem;
    --bs-popover-arrow-border: var(--bs-popover-border-color);
    z-index: var(--bs-popover-zindex);
    display: block;
    max-width: var(--bs-popover-max-width);
    font-family: var(--bs-font-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: var(--bs-popover-font-size);
    word-wrap: break-word;
    background-color: var(--bs-popover-bg);
    background-clip: padding-box;
    border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-radius: var(--bs-popover-border-radius)
}

    .popover .popover-arrow {
        display: block;
        width: var(--bs-popover-arrow-width);
        height: var(--bs-popover-arrow-height)
    }

        .popover .popover-arrow::after, .popover .popover-arrow::before {
            position: absolute;
            display: block;
            content: "";
            border-color: transparent;
            border-style: solid;
            border-width: 0
        }

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow, .bs-popover-top > .popover-arrow {
    bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
}

    .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-top > .popover-arrow::before {
        border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
    }

    .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::before {
        bottom: 0;
        border-top-color: var(--bs-popover-arrow-border)
    }

    .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .bs-popover-top > .popover-arrow::after {
        bottom: var(--bs-popover-border-width);
        border-top-color: var(--bs-popover-bg)
    }

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow, .bs-popover-end > .popover-arrow {
    left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
    width: var(--bs-popover-arrow-height);
    height: var(--bs-popover-arrow-width)
}

    .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-end > .popover-arrow::before {
        border-width: calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
    }

    .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::before {
        left: 0;
        border-right-color: var(--bs-popover-arrow-border)
    }

    .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .bs-popover-end > .popover-arrow::after {
        left: var(--bs-popover-border-width);
        border-right-color: var(--bs-popover-bg)
    }

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow, .bs-popover-bottom > .popover-arrow {
    top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
}

    .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-bottom > .popover-arrow::before {
        border-width: 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
    }

    .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::before {
        top: 0;
        border-bottom-color: var(--bs-popover-arrow-border)
    }

    .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .bs-popover-bottom > .popover-arrow::after {
        top: var(--bs-popover-border-width);
        border-bottom-color: var(--bs-popover-bg)
    }

.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: var(--bs-popover-arrow-width);
    margin-left: calc(-.5 * var(--bs-popover-arrow-width));
    content: "";
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg)
}

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow, .bs-popover-start > .popover-arrow {
    right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
    width: var(--bs-popover-arrow-height);
    height: var(--bs-popover-arrow-width)
}

    .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-start > .popover-arrow::before {
        border-width: calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
    }

    .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::before {
        right: 0;
        border-left-color: var(--bs-popover-arrow-border)
    }

    .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .bs-popover-start > .popover-arrow::after {
        right: var(--bs-popover-border-width);
        border-left-color: var(--bs-popover-bg)
    }

.popover-header {
    padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
    margin-bottom: 0;
    font-size: var(--bs-popover-header-font-size);
    color: var(--bs-popover-header-color);
    background-color: var(--bs-popover-header-bg);
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-top-left-radius: var(--bs-popover-inner-border-radius);
    border-top-right-radius: var(--bs-popover-inner-border-radius)
}

    .popover-header:empty {
        display: none
    }

.popover-body {
    padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
    color: var(--bs-popover-body-color)
}

.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%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: 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-end, .carousel-item-next:not(.carousel-item-start) {
        transform: translateX(100%)
    }

    .active.carousel-item-start, .carousel-item-prev:not(.carousel-item-end) {
        transform: translateX(-100%)
    }

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

    .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end, .carousel-fade .carousel-item.active {
        z-index: 1;
        opacity: 1
    }

.carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start {
        transition: none
    }
}

.carousel-control-next, .carousel-control-prev {
    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: 0 0;
    border: 0;
    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: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
    list-style: none
}

    .carousel-indicators [data-bs-target] {
        box-sizing: content-box;
        flex: 0 1 auto;
        width: 30px;
        height: 3px;
        padding: 0;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #fff;
        background-clip: padding-box;
        border: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        opacity: .5;
        transition: opacity .6s ease
    }

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators [data-bs-target] {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center
}

.carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon {
    filter: invert(1) grayscale(100)
}

.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #000
}

.carousel-dark .carousel-caption {
    color: #000
}

.spinner-border, .spinner-grow {
    display: inline-block;
    width: var(--bs-spinner-width);
    height: var(--bs-spinner-height);
    vertical-align: var(--bs-spinner-vertical-align);
    border-radius: 50%;
    animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.spinner-border {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-border-width: 0.25em;
    --bs-spinner-animation-speed: 0.75s;
    --bs-spinner-animation-name: spinner-border;
    border: var(--bs-spinner-border-width) solid currentcolor;
    border-right-color: transparent
}

.spinner-border-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem;
    --bs-spinner-border-width: 0.2em
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-animation-speed: 0.75s;
    --bs-spinner-animation-name: spinner-grow;
    background-color: currentcolor;
    opacity: 0
}

.spinner-grow-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem
}

@media (prefers-reduced-motion:reduce) {
    .spinner-border, .spinner-grow {
        --bs-spinner-animation-speed: 1.5s
    }
}

.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {
    --bs-offcanvas-zindex: 1045;
    --bs-offcanvas-width: 400px;
    --bs-offcanvas-height: 30vh;
    --bs-offcanvas-padding-x: 1rem;
    --bs-offcanvas-padding-y: 1rem;
    --bs-offcanvas-color:;
    --bs-offcanvas-bg: #fff;
    --bs-offcanvas-border-width: 1px;
    --bs-offcanvas-border-color: var(--bs-border-color-translucent);
    --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075)
}

@media (max-width:575.98px) {
    .offcanvas-sm {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: transform .3s ease-in-out
    }
}

@media (max-width:575.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-sm {
        transition: none
    }
}

@media (max-width:575.98px) {
    .offcanvas-sm.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }
}

@media (max-width:575.98px) {
    .offcanvas-sm.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }
}

@media (max-width:575.98px) {
    .offcanvas-sm.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
}

@media (max-width:575.98px) {
    .offcanvas-sm.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
}

@media (max-width:575.98px) {
    .offcanvas-sm.show:not(.hiding), .offcanvas-sm.showing {
        transform: none
    }
}

@media (max-width:575.98px) {
    .offcanvas-sm.hiding, .offcanvas-sm.show, .offcanvas-sm.showing {
        visibility: visible
    }
}

@media (min-width:576px) {
    .offcanvas-sm {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

        .offcanvas-sm .offcanvas-header {
            display: none
        }

        .offcanvas-sm .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
            background-color: transparent !important
        }
}

@media (max-width:767.98px) {
    .offcanvas-md {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: transform .3s ease-in-out
    }
}

@media (max-width:767.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-md {
        transition: none
    }
}

@media (max-width:767.98px) {
    .offcanvas-md.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }
}

@media (max-width:767.98px) {
    .offcanvas-md.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }
}

@media (max-width:767.98px) {
    .offcanvas-md.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
}

@media (max-width:767.98px) {
    .offcanvas-md.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
}

@media (max-width:767.98px) {
    .offcanvas-md.show:not(.hiding), .offcanvas-md.showing {
        transform: none
    }
}

@media (max-width:767.98px) {
    .offcanvas-md.hiding, .offcanvas-md.show, .offcanvas-md.showing {
        visibility: visible
    }
}

@media (min-width:768px) {
    .offcanvas-md {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

        .offcanvas-md .offcanvas-header {
            display: none
        }

        .offcanvas-md .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
            background-color: transparent !important
        }
}

@media (max-width:991.98px) {
    .offcanvas-lg {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: transform .3s ease-in-out
    }
}

@media (max-width:991.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-lg {
        transition: none
    }
}

@media (max-width:991.98px) {
    .offcanvas-lg.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }
}

@media (max-width:991.98px) {
    .offcanvas-lg.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }
}

@media (max-width:991.98px) {
    .offcanvas-lg.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
}

@media (max-width:991.98px) {
    .offcanvas-lg.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
}

@media (max-width:991.98px) {
    .offcanvas-lg.show:not(.hiding), .offcanvas-lg.showing {
        transform: none
    }
}

@media (max-width:991.98px) {
    .offcanvas-lg.hiding, .offcanvas-lg.show, .offcanvas-lg.showing {
        visibility: visible
    }
}

@media (min-width:992px) {
    .offcanvas-lg {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

        .offcanvas-lg .offcanvas-header {
            display: none
        }

        .offcanvas-lg .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
            background-color: transparent !important
        }
}

@media (max-width:1199.98px) {
    .offcanvas-xl {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: transform .3s ease-in-out
    }
}

@media (max-width:1199.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-xl {
        transition: none
    }
}

@media (max-width:1199.98px) {
    .offcanvas-xl.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }
}

@media (max-width:1199.98px) {
    .offcanvas-xl.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }
}

@media (max-width:1199.98px) {
    .offcanvas-xl.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
}

@media (max-width:1199.98px) {
    .offcanvas-xl.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
}

@media (max-width:1199.98px) {
    .offcanvas-xl.show:not(.hiding), .offcanvas-xl.showing {
        transform: none
    }
}

@media (max-width:1199.98px) {
    .offcanvas-xl.hiding, .offcanvas-xl.show, .offcanvas-xl.showing {
        visibility: visible
    }
}

@media (min-width:1200px) {
    .offcanvas-xl {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

        .offcanvas-xl .offcanvas-header {
            display: none
        }

        .offcanvas-xl .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
            background-color: transparent !important
        }
}

@media (max-width:1399.98px) {
    .offcanvas-xxl {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: transform .3s ease-in-out
    }
}

@media (max-width:1399.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-xxl {
        transition: none
    }
}

@media (max-width:1399.98px) {
    .offcanvas-xxl.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }
}

@media (max-width:1399.98px) {
    .offcanvas-xxl.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }
}

@media (max-width:1399.98px) {
    .offcanvas-xxl.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
}

@media (max-width:1399.98px) {
    .offcanvas-xxl.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
}

@media (max-width:1399.98px) {
    .offcanvas-xxl.show:not(.hiding), .offcanvas-xxl.showing {
        transform: none
    }
}

@media (max-width:1399.98px) {
    .offcanvas-xxl.hiding, .offcanvas-xxl.show, .offcanvas-xxl.showing {
        visibility: visible
    }
}

@media (min-width:1400px) {
    .offcanvas-xxl {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

        .offcanvas-xxl .offcanvas-header {
            display: none
        }

        .offcanvas-xxl .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
            background-color: transparent !important
        }
}

.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform .3s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .offcanvas {
        transition: none
    }
}

.offcanvas.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%)
}

.offcanvas.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%)
}

.offcanvas.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%)
}

.offcanvas.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%)
}

.offcanvas.show:not(.hiding), .offcanvas.showing {
    transform: none
}

.offcanvas.hiding, .offcanvas.show, .offcanvas.showing {
    visibility: visible
}

.offcanvas-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

    .offcanvas-backdrop.fade {
        opacity: 0
    }

    .offcanvas-backdrop.show {
        opacity: .5
    }

.offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
}

    .offcanvas-header .btn-close {
        padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);
        margin-top: calc(-.5 * var(--bs-offcanvas-padding-y));
        margin-right: calc(-.5 * var(--bs-offcanvas-padding-x));
        margin-bottom: calc(-.5 * var(--bs-offcanvas-padding-y))
    }

.offcanvas-title {
    margin-bottom: 0;
    line-height: 1.5
}

.offcanvas-body {
    flex-grow: 1;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
    overflow-y: auto
}

.placeholder {
    display: inline-block;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background-color: currentcolor;
    opacity: .5
}

    .placeholder.btn::before {
        display: inline-block;
        content: ""
    }

.placeholder-xs {
    min-height: .6em
}

.placeholder-sm {
    min-height: .8em
}

.placeholder-lg {
    min-height: 1.2em
}

.placeholder-glow .placeholder {
    animation: placeholder-glow 2s ease-in-out infinite
}

@keyframes placeholder-glow {
    50% {
        opacity: .2
    }
}

.placeholder-wave {
    -webkit-mask-image: linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);
    mask-image: linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%;
    animation: placeholder-wave 2s linear infinite
}

@keyframes placeholder-wave {
    100% {
        -webkit-mask-position: -200% 0%;
        mask-position: -200% 0%
    }
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.text-bg-primary {
    color: #fff !important;
    background-color: RGBA(13,110,253,var(--bs-bg-opacity,1)) !important
}

.text-bg-secondary {
    color: #fff !important;
    background-color: RGBA(108,117,125,var(--bs-bg-opacity,1)) !important
}

.text-bg-success {
    color: #fff !important;
    background-color: RGBA(25,135,84,var(--bs-bg-opacity,1)) !important
}

.text-bg-info {
    color: #000 !important;
    background-color: RGBA(13,202,240,var(--bs-bg-opacity,1)) !important
}

.text-bg-warning {
    color: #000 !important;
    background-color: RGBA(255,193,7,var(--bs-bg-opacity,1)) !important
}

.text-bg-danger {
    color: #fff !important;
    background-color: RGBA(220,53,69,var(--bs-bg-opacity,1)) !important
}

.text-bg-light {
    color: #000 !important;
    background-color: RGBA(248,249,250,var(--bs-bg-opacity,1)) !important
}

.text-bg-dark {
    color: #fff !important;
    background-color: RGBA(33,37,41,var(--bs-bg-opacity,1)) !important
}

.link-primary {
    color: #0d6efd !important
}

    .link-primary:focus, .link-primary:hover {
        color: #0a58ca !important
    }

.link-secondary {
    color: #6c757d !important
}

    .link-secondary:focus, .link-secondary:hover {
        color: #565e64 !important
    }

.link-success {
    color: #198754 !important
}

    .link-success:focus, .link-success:hover {
        color: #146c43 !important
    }

.link-info {
    color: #0dcaf0 !important
}

    .link-info:focus, .link-info:hover {
        color: #3dd5f3 !important
    }

.link-warning {
    color: #ffc107 !important
}

    .link-warning:focus, .link-warning:hover {
        color: #ffcd39 !important
    }

.link-danger {
    color: #dc3545 !important
}

    .link-danger:focus, .link-danger:hover {
        color: #b02a37 !important
    }

.link-light {
    color: #f8f9fa !important
}

    .link-light:focus, .link-light:hover {
        color: #f9fafb !important
    }

.link-dark {
    color: #212529 !important
}

    .link-dark:focus, .link-dark:hover {
        color: #1a1e21 !important
    }

.ratio {
    position: relative;
    width: 100%
}

    .ratio::before {
        display: block;
        padding-top: var(--bs-aspect-ratio);
        content: ""
    }

    .ratio > * {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.ratio-1x1 {
    --bs-aspect-ratio: 100%
}

.ratio-4x3 {
    --bs-aspect-ratio: 75%
}

.ratio-16x9 {
    --bs-aspect-ratio: 56.25%
}

.ratio-21x9 {
    --bs-aspect-ratio: 42.8571428571%
}

.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
}

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020
}

.sticky-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020
}

@media (min-width:576px) {
    .sticky-sm-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-sm-bottom {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width:768px) {
    .sticky-md-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-md-bottom {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width:992px) {
    .sticky-lg-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-lg-bottom {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width:1200px) {
    .sticky-xl-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xl-bottom {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width:1400px) {
    .sticky-xxl-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xxl-bottom {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

.hstack {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch
}

.vstack {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-self: stretch
}

.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: ""
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vr {
    display: inline-block;
    align-self: stretch;
    width: 1px;
    min-height: 1em;
    background-color: currentcolor;
    opacity: .25
}

.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
}

.float-start {
    float: left !important
}

.float-end {
    float: right !important
}

.float-none {
    float: none !important
}

.opacity-0 {
    opacity: 0 !important
}

.opacity-25 {
    opacity: .25 !important
}

.opacity-50 {
    opacity: .5 !important
}

.opacity-75 {
    opacity: .75 !important
}

.opacity-100 {
    opacity: 1 !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-visible {
    overflow: visible !important
}

.overflow-scroll {
    overflow: scroll !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-grid {
    display: grid !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
}

.d-none {
    display: none !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important
}

.shadow-none {
    box-shadow: none !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
}

.top-0 {
    top: 0 !important
}

.top-50 {
    top: 50% !important
}

.top-100 {
    top: 100% !important
}

.bottom-0 {
    bottom: 0 !important
}

.bottom-50 {
    bottom: 50% !important
}

.bottom-100 {
    bottom: 100% !important
}

.start-0 {
    left: 0 !important
}

.start-50 {
    left: 50% !important
}

.start-100 {
    left: 100% !important
}

.end-0 {
    right: 0 !important
}

.end-50 {
    right: 50% !important
}

.end-100 {
    right: 100% !important
}

.translate-middle {
    transform: translate(-50%,-50%) !important
}

.translate-middle-x {
    transform: translateX(-50%) !important
}

.translate-middle-y {
    transform: translateY(-50%) !important
}

.border {
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-0 {
    border: 0 !important
}

.border-top {
    border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-end {
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-end-0 {
    border-right: 0 !important
}

.border-bottom {
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-start {
    border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-start-0 {
    border-left: 0 !important
}

.border-primary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-primary-rgb),var(--bs-border-opacity)) !important
}

.border-secondary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-secondary-rgb),var(--bs-border-opacity)) !important
}

.border-success {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-success-rgb),var(--bs-border-opacity)) !important
}

.border-info {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-info-rgb),var(--bs-border-opacity)) !important
}

.border-warning {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-warning-rgb),var(--bs-border-opacity)) !important
}

.border-danger {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-danger-rgb),var(--bs-border-opacity)) !important
}

.border-light {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-light-rgb),var(--bs-border-opacity)) !important
}

.border-dark {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-dark-rgb),var(--bs-border-opacity)) !important
}

.border-white {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-white-rgb),var(--bs-border-opacity)) !important
}

.border-1 {
    --bs-border-width: 1px
}

.border-2 {
    --bs-border-width: 2px
}

.border-3 {
    --bs-border-width: 3px
}

.border-4 {
    --bs-border-width: 4px
}

.border-5 {
    --bs-border-width: 5px
}

.border-opacity-10 {
    --bs-border-opacity: 0.1
}

.border-opacity-25 {
    --bs-border-opacity: 0.25
}

.border-opacity-50 {
    --bs-border-opacity: 0.5
}

.border-opacity-75 {
    --bs-border-opacity: 0.75
}

.border-opacity-100 {
    --bs-border-opacity: 1
}

.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
}

.mw-100 {
    max-width: 100% !important
}

.vw-100 {
    width: 100vw !important
}

.min-vw-100 {
    min-width: 100vw !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
}

.mh-100 {
    max-height: 100% !important
}

.vh-100 {
    height: 100vh !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.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-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
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !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
}

.justify-content-evenly {
    justify-content: space-evenly !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
}

.order-first {
    order: -1 !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.order-3 {
    order: 3 !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

.order-last {
    order: 6 !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.mt-auto {
    margin-top: auto !important
}

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: .25rem !important
}

.me-2 {
    margin-right: .5rem !important
}

.me-3 {
    margin-right: 1rem !important
}

.me-4 {
    margin-right: 1.5rem !important
}

.me-5 {
    margin-right: 3rem !important
}

.me-auto {
    margin-right: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ms-0 {
    margin-left: 0 !important
}

.ms-1 {
    margin-left: .25rem !important
}

.ms-2 {
    margin-left: .5rem !important
}

.ms-3 {
    margin-left: 1rem !important
}

.ms-4 {
    margin-left: 1.5rem !important
}

.ms-5 {
    margin-left: 3rem !important
}

.ms-auto {
    margin-left: auto !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: .25rem !important
}

.pe-2 {
    padding-right: .5rem !important
}

.pe-3 {
    padding-right: 1rem !important
}

.pe-4 {
    padding-right: 1.5rem !important
}

.pe-5 {
    padding-right: 3rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: .25rem !important
}

.ps-2 {
    padding-left: .5rem !important
}

.ps-3 {
    padding-left: 1rem !important
}

.ps-4 {
    padding-left: 1.5rem !important
}

.ps-5 {
    padding-left: 3rem !important
}

.gap-0 {
    gap: 0 !important
}

.gap-1 {
    gap: .25rem !important
}

.gap-2 {
    gap: .5rem !important
}

.gap-3 {
    gap: 1rem !important
}

.gap-4 {
    gap: 1.5rem !important
}

.gap-5 {
    gap: 3rem !important
}

.font-monospace {
    font-family: var(--bs-font-monospace) !important
}

.fs-1 {
    font-size: calc(1.375rem + 1.5vw) !important
}

.fs-2 {
    font-size: calc(1.325rem + .9vw) !important
}

.fs-3 {
    font-size: calc(1.3rem + .6vw) !important
}

.fs-4 {
    font-size: calc(1.275rem + .3vw) !important
}

.fs-5 {
    font-size: 1.25rem !important
}

.fs-6 {
    font-size: 1rem !important
}

.fst-italic {
    font-style: italic !important
}

.fst-normal {
    font-style: normal !important
}

.fw-light {
    font-weight: 300 !important
}

.fw-lighter {
    font-weight: lighter !important
}

.fw-normal {
    font-weight: 400 !important
}

.fw-bold {
    font-weight: 700 !important
}

.fw-semibold {
    font-weight: 600 !important
}

.fw-bolder {
    font-weight: bolder !important
}

.lh-1 {
    line-height: 1 !important
}

.lh-sm {
    line-height: 1.25 !important
}

.lh-base {
    line-height: 1.5 !important
}

.lh-lg {
    line-height: 2 !important
}

.text-start {
    text-align: left !important
}

.text-end {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-decoration-none {
    text-decoration: none !important
}

.text-decoration-underline {
    text-decoration: underline !important
}

.text-decoration-line-through {
    text-decoration: line-through !important
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important
}

.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity)) !important
}

.text-secondary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb),var(--bs-text-opacity)) !important
}

.text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb),var(--bs-text-opacity)) !important
}

.text-info {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-info-rgb),var(--bs-text-opacity)) !important
}

.text-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-warning-rgb),var(--bs-text-opacity)) !important
}

.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity)) !important
}

.text-light {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb),var(--bs-text-opacity)) !important
}

.text-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb),var(--bs-text-opacity)) !important
}

.text-black {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-black-rgb),var(--bs-text-opacity)) !important
}

.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb),var(--bs-text-opacity)) !important
}

.text-body {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-color-rgb),var(--bs-text-opacity)) !important
}

.text-muted {
    --bs-text-opacity: 1;
    color: #6c757d !important
}

.text-black-50 {
    --bs-text-opacity: 1;
    color: rgba(0,0,0,.5) !important
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: rgba(255,255,255,.5) !important
}

.text-reset {
    --bs-text-opacity: 1;
    color: inherit !important
}

.text-opacity-25 {
    --bs-text-opacity: 0.25
}

.text-opacity-50 {
    --bs-text-opacity: 0.5
}

.text-opacity-75 {
    --bs-text-opacity: 0.75
}

.text-opacity-100 {
    --bs-text-opacity: 1
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity)) !important
}

.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity)) !important
}

.bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity)) !important
}

.bg-info {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-info-rgb),var(--bs-bg-opacity)) !important
}

.bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb),var(--bs-bg-opacity)) !important
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity)) !important
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity)) !important
}

.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity)) !important
}

.bg-black {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-black-rgb),var(--bs-bg-opacity)) !important
}

.bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb),var(--bs-bg-opacity)) !important
}

.bg-body {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity)) !important
}

.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: transparent !important
}

.bg-opacity-10 {
    --bs-bg-opacity: 0.1
}

.bg-opacity-25 {
    --bs-bg-opacity: 0.25
}

.bg-opacity-50 {
    --bs-bg-opacity: 0.5
}

.bg-opacity-75 {
    --bs-bg-opacity: 0.75
}

.bg-opacity-100 {
    --bs-bg-opacity: 1
}

.bg-gradient {
    background-image: var(--bs-gradient) !important
}

.user-select-all {
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    user-select: none !important
}

.pe-none {
    pointer-events: none !important
}

.pe-auto {
    pointer-events: auto !important
}

.rounded {
    border-radius: var(--bs-border-radius) !important
}

.rounded-0 {
    border-radius: 0 !important
}

.rounded-1 {
    border-radius: var(--bs-border-radius-sm) !important
}

.rounded-2 {
    border-radius: var(--bs-border-radius) !important
}

.rounded-3 {
    border-radius: var(--bs-border-radius-lg) !important
}

.rounded-4 {
    border-radius: var(--bs-border-radius-xl) !important
}

.rounded-5 {
    border-radius: var(--bs-border-radius-2xl) !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: var(--bs-border-radius-pill) !important
}

.rounded-top {
    border-top-left-radius: var(--bs-border-radius) !important;
    border-top-right-radius: var(--bs-border-radius) !important
}

.rounded-end {
    border-top-right-radius: var(--bs-border-radius) !important;
    border-bottom-right-radius: var(--bs-border-radius) !important
}

.rounded-bottom {
    border-bottom-right-radius: var(--bs-border-radius) !important;
    border-bottom-left-radius: var(--bs-border-radius) !important
}

.rounded-start {
    border-bottom-left-radius: var(--bs-border-radius) !important;
    border-top-left-radius: var(--bs-border-radius) !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media (min-width:576px) {
    .float-sm-start {
        float: left !important
    }

    .float-sm-end {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-grid {
        display: grid !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
    }

    .d-sm-none {
        display: none !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .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-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
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !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
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly !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
    }

    .order-sm-first {
        order: -1 !important
    }

    .order-sm-0 {
        order: 0 !important
    }

    .order-sm-1 {
        order: 1 !important
    }

    .order-sm-2 {
        order: 2 !important
    }

    .order-sm-3 {
        order: 3 !important
    }

    .order-sm-4 {
        order: 4 !important
    }

    .order-sm-5 {
        order: 5 !important
    }

    .order-sm-last {
        order: 6 !important
    }

    .m-sm-0 {
        margin: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-sm-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-sm-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-sm-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-sm-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-sm-0 {
        margin-top: 0 !important
    }

    .mt-sm-1 {
        margin-top: .25rem !important
    }

    .mt-sm-2 {
        margin-top: .5rem !important
    }

    .mt-sm-3 {
        margin-top: 1rem !important
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important
    }

    .mt-sm-5 {
        margin-top: 3rem !important
    }

    .mt-sm-auto {
        margin-top: auto !important
    }

    .me-sm-0 {
        margin-right: 0 !important
    }

    .me-sm-1 {
        margin-right: .25rem !important
    }

    .me-sm-2 {
        margin-right: .5rem !important
    }

    .me-sm-3 {
        margin-right: 1rem !important
    }

    .me-sm-4 {
        margin-right: 1.5rem !important
    }

    .me-sm-5 {
        margin-right: 3rem !important
    }

    .me-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-0 {
        margin-bottom: 0 !important
    }

    .mb-sm-1 {
        margin-bottom: .25rem !important
    }

    .mb-sm-2 {
        margin-bottom: .5rem !important
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-sm-5 {
        margin-bottom: 3rem !important
    }

    .mb-sm-auto {
        margin-bottom: auto !important
    }

    .ms-sm-0 {
        margin-left: 0 !important
    }

    .ms-sm-1 {
        margin-left: .25rem !important
    }

    .ms-sm-2 {
        margin-left: .5rem !important
    }

    .ms-sm-3 {
        margin-left: 1rem !important
    }

    .ms-sm-4 {
        margin-left: 1.5rem !important
    }

    .ms-sm-5 {
        margin-left: 3rem !important
    }

    .ms-sm-auto {
        margin-left: auto !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-sm-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-sm-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-sm-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-sm-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-sm-0 {
        padding-top: 0 !important
    }

    .pt-sm-1 {
        padding-top: .25rem !important
    }

    .pt-sm-2 {
        padding-top: .5rem !important
    }

    .pt-sm-3 {
        padding-top: 1rem !important
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important
    }

    .pt-sm-5 {
        padding-top: 3rem !important
    }

    .pe-sm-0 {
        padding-right: 0 !important
    }

    .pe-sm-1 {
        padding-right: .25rem !important
    }

    .pe-sm-2 {
        padding-right: .5rem !important
    }

    .pe-sm-3 {
        padding-right: 1rem !important
    }

    .pe-sm-4 {
        padding-right: 1.5rem !important
    }

    .pe-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-0 {
        padding-bottom: 0 !important
    }

    .pb-sm-1 {
        padding-bottom: .25rem !important
    }

    .pb-sm-2 {
        padding-bottom: .5rem !important
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-sm-5 {
        padding-bottom: 3rem !important
    }

    .ps-sm-0 {
        padding-left: 0 !important
    }

    .ps-sm-1 {
        padding-left: .25rem !important
    }

    .ps-sm-2 {
        padding-left: .5rem !important
    }

    .ps-sm-3 {
        padding-left: 1rem !important
    }

    .ps-sm-4 {
        padding-left: 1.5rem !important
    }

    .ps-sm-5 {
        padding-left: 3rem !important
    }

    .gap-sm-0 {
        gap: 0 !important
    }

    .gap-sm-1 {
        gap: .25rem !important
    }

    .gap-sm-2 {
        gap: .5rem !important
    }

    .gap-sm-3 {
        gap: 1rem !important
    }

    .gap-sm-4 {
        gap: 1.5rem !important
    }

    .gap-sm-5 {
        gap: 3rem !important
    }

    .text-sm-start {
        text-align: left !important
    }

    .text-sm-end {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width:768px) {
    .float-md-start {
        float: left !important
    }

    .float-md-end {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-grid {
        display: grid !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
    }

    .d-md-none {
        display: none !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .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-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
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !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
    }

    .justify-content-md-evenly {
        justify-content: space-evenly !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
    }

    .order-md-first {
        order: -1 !important
    }

    .order-md-0 {
        order: 0 !important
    }

    .order-md-1 {
        order: 1 !important
    }

    .order-md-2 {
        order: 2 !important
    }

    .order-md-3 {
        order: 3 !important
    }

    .order-md-4 {
        order: 4 !important
    }

    .order-md-5 {
        order: 5 !important
    }

    .order-md-last {
        order: 6 !important
    }

    .m-md-0 {
        margin: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-md-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-md-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-md-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-md-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-md-0 {
        margin-top: 0 !important
    }

    .mt-md-1 {
        margin-top: .25rem !important
    }

    .mt-md-2 {
        margin-top: .5rem !important
    }

    .mt-md-3 {
        margin-top: 1rem !important
    }

    .mt-md-4 {
        margin-top: 1.5rem !important
    }

    .mt-md-5 {
        margin-top: 3rem !important
    }

    .mt-md-auto {
        margin-top: auto !important
    }

    .me-md-0 {
        margin-right: 0 !important
    }

    .me-md-1 {
        margin-right: .25rem !important
    }

    .me-md-2 {
        margin-right: .5rem !important
    }

    .me-md-3 {
        margin-right: 1rem !important
    }

    .me-md-4 {
        margin-right: 1.5rem !important
    }

    .me-md-5 {
        margin-right: 3rem !important
    }

    .me-md-auto {
        margin-right: auto !important
    }

    .mb-md-0 {
        margin-bottom: 0 !important
    }

    .mb-md-1 {
        margin-bottom: .25rem !important
    }

    .mb-md-2 {
        margin-bottom: .5rem !important
    }

    .mb-md-3 {
        margin-bottom: 1rem !important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-md-5 {
        margin-bottom: 3rem !important
    }

    .mb-md-auto {
        margin-bottom: auto !important
    }

    .ms-md-0 {
        margin-left: 0 !important
    }

    .ms-md-1 {
        margin-left: .25rem !important
    }

    .ms-md-2 {
        margin-left: .5rem !important
    }

    .ms-md-3 {
        margin-left: 1rem !important
    }

    .ms-md-4 {
        margin-left: 1.5rem !important
    }

    .ms-md-5 {
        margin-left: 3rem !important
    }

    .ms-md-auto {
        margin-left: auto !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-md-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-md-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-md-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-md-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-md-0 {
        padding-top: 0 !important
    }

    .pt-md-1 {
        padding-top: .25rem !important
    }

    .pt-md-2 {
        padding-top: .5rem !important
    }

    .pt-md-3 {
        padding-top: 1rem !important
    }

    .pt-md-4 {
        padding-top: 1.5rem !important
    }

    .pt-md-5 {
        padding-top: 3rem !important
    }

    .pe-md-0 {
        padding-right: 0 !important
    }

    .pe-md-1 {
        padding-right: .25rem !important
    }

    .pe-md-2 {
        padding-right: .5rem !important
    }

    .pe-md-3 {
        padding-right: 1rem !important
    }

    .pe-md-4 {
        padding-right: 1.5rem !important
    }

    .pe-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-0 {
        padding-bottom: 0 !important
    }

    .pb-md-1 {
        padding-bottom: .25rem !important
    }

    .pb-md-2 {
        padding-bottom: .5rem !important
    }

    .pb-md-3 {
        padding-bottom: 1rem !important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-md-5 {
        padding-bottom: 3rem !important
    }

    .ps-md-0 {
        padding-left: 0 !important
    }

    .ps-md-1 {
        padding-left: .25rem !important
    }

    .ps-md-2 {
        padding-left: .5rem !important
    }

    .ps-md-3 {
        padding-left: 1rem !important
    }

    .ps-md-4 {
        padding-left: 1.5rem !important
    }

    .ps-md-5 {
        padding-left: 3rem !important
    }

    .gap-md-0 {
        gap: 0 !important
    }

    .gap-md-1 {
        gap: .25rem !important
    }

    .gap-md-2 {
        gap: .5rem !important
    }

    .gap-md-3 {
        gap: 1rem !important
    }

    .gap-md-4 {
        gap: 1.5rem !important
    }

    .gap-md-5 {
        gap: 3rem !important
    }

    .text-md-start {
        text-align: left !important
    }

    .text-md-end {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media (min-width:992px) {
    .float-lg-start {
        float: left !important
    }

    .float-lg-end {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-grid {
        display: grid !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
    }

    .d-lg-none {
        display: none !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .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-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
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !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
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly !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
    }

    .order-lg-first {
        order: -1 !important
    }

    .order-lg-0 {
        order: 0 !important
    }

    .order-lg-1 {
        order: 1 !important
    }

    .order-lg-2 {
        order: 2 !important
    }

    .order-lg-3 {
        order: 3 !important
    }

    .order-lg-4 {
        order: 4 !important
    }

    .order-lg-5 {
        order: 5 !important
    }

    .order-lg-last {
        order: 6 !important
    }

    .m-lg-0 {
        margin: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-lg-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-lg-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-lg-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-lg-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-lg-0 {
        margin-top: 0 !important
    }

    .mt-lg-1 {
        margin-top: .25rem !important
    }

    .mt-lg-2 {
        margin-top: .5rem !important
    }

    .mt-lg-3 {
        margin-top: 1rem !important
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important
    }

    .mt-lg-5 {
        margin-top: 3rem !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .me-lg-0 {
        margin-right: 0 !important
    }

    .me-lg-1 {
        margin-right: .25rem !important
    }

    .me-lg-2 {
        margin-right: .5rem !important
    }

    .me-lg-3 {
        margin-right: 1rem !important
    }

    .me-lg-4 {
        margin-right: 1.5rem !important
    }

    .me-lg-5 {
        margin-right: 3rem !important
    }

    .me-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .mb-lg-1 {
        margin-bottom: .25rem !important
    }

    .mb-lg-2 {
        margin-bottom: .5rem !important
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-lg-5 {
        margin-bottom: 3rem !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }

    .ms-lg-0 {
        margin-left: 0 !important
    }

    .ms-lg-1 {
        margin-left: .25rem !important
    }

    .ms-lg-2 {
        margin-left: .5rem !important
    }

    .ms-lg-3 {
        margin-left: 1rem !important
    }

    .ms-lg-4 {
        margin-left: 1.5rem !important
    }

    .ms-lg-5 {
        margin-left: 3rem !important
    }

    .ms-lg-auto {
        margin-left: auto !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-lg-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-lg-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-lg-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-lg-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pt-lg-1 {
        padding-top: .25rem !important
    }

    .pt-lg-2 {
        padding-top: .5rem !important
    }

    .pt-lg-3 {
        padding-top: 1rem !important
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important
    }

    .pt-lg-5 {
        padding-top: 3rem !important
    }

    .pe-lg-0 {
        padding-right: 0 !important
    }

    .pe-lg-1 {
        padding-right: .25rem !important
    }

    .pe-lg-2 {
        padding-right: .5rem !important
    }

    .pe-lg-3 {
        padding-right: 1rem !important
    }

    .pe-lg-4 {
        padding-right: 1.5rem !important
    }

    .pe-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-0 {
        padding-bottom: 0 !important
    }

    .pb-lg-1 {
        padding-bottom: .25rem !important
    }

    .pb-lg-2 {
        padding-bottom: .5rem !important
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-lg-5 {
        padding-bottom: 3rem !important
    }

    .ps-lg-0 {
        padding-left: 0 !important
    }

    .ps-lg-1 {
        padding-left: .25rem !important
    }

    .ps-lg-2 {
        padding-left: .5rem !important
    }

    .ps-lg-3 {
        padding-left: 1rem !important
    }

    .ps-lg-4 {
        padding-left: 1.5rem !important
    }

    .ps-lg-5 {
        padding-left: 3rem !important
    }

    .gap-lg-0 {
        gap: 0 !important
    }

    .gap-lg-1 {
        gap: .25rem !important
    }

    .gap-lg-2 {
        gap: .5rem !important
    }

    .gap-lg-3 {
        gap: 1rem !important
    }

    .gap-lg-4 {
        gap: 1.5rem !important
    }

    .gap-lg-5 {
        gap: 3rem !important
    }

    .text-lg-start {
        text-align: left !important
    }

    .text-lg-end {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .float-xl-start {
        float: left !important
    }

    .float-xl-end {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-grid {
        display: grid !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
    }

    .d-xl-none {
        display: none !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .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-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
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !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
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly !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
    }

    .order-xl-first {
        order: -1 !important
    }

    .order-xl-0 {
        order: 0 !important
    }

    .order-xl-1 {
        order: 1 !important
    }

    .order-xl-2 {
        order: 2 !important
    }

    .order-xl-3 {
        order: 3 !important
    }

    .order-xl-4 {
        order: 4 !important
    }

    .order-xl-5 {
        order: 5 !important
    }

    .order-xl-last {
        order: 6 !important
    }

    .m-xl-0 {
        margin: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xl-0 {
        margin-top: 0 !important
    }

    .mt-xl-1 {
        margin-top: .25rem !important
    }

    .mt-xl-2 {
        margin-top: .5rem !important
    }

    .mt-xl-3 {
        margin-top: 1rem !important
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xl-5 {
        margin-top: 3rem !important
    }

    .mt-xl-auto {
        margin-top: auto !important
    }

    .me-xl-0 {
        margin-right: 0 !important
    }

    .me-xl-1 {
        margin-right: .25rem !important
    }

    .me-xl-2 {
        margin-right: .5rem !important
    }

    .me-xl-3 {
        margin-right: 1rem !important
    }

    .me-xl-4 {
        margin-right: 1.5rem !important
    }

    .me-xl-5 {
        margin-right: 3rem !important
    }

    .me-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-0 {
        margin-bottom: 0 !important
    }

    .mb-xl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xl-auto {
        margin-bottom: auto !important
    }

    .ms-xl-0 {
        margin-left: 0 !important
    }

    .ms-xl-1 {
        margin-left: .25rem !important
    }

    .ms-xl-2 {
        margin-left: .5rem !important
    }

    .ms-xl-3 {
        margin-left: 1rem !important
    }

    .ms-xl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xl-5 {
        margin-left: 3rem !important
    }

    .ms-xl-auto {
        margin-left: auto !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xl-0 {
        padding-top: 0 !important
    }

    .pt-xl-1 {
        padding-top: .25rem !important
    }

    .pt-xl-2 {
        padding-top: .5rem !important
    }

    .pt-xl-3 {
        padding-top: 1rem !important
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xl-5 {
        padding-top: 3rem !important
    }

    .pe-xl-0 {
        padding-right: 0 !important
    }

    .pe-xl-1 {
        padding-right: .25rem !important
    }

    .pe-xl-2 {
        padding-right: .5rem !important
    }

    .pe-xl-3 {
        padding-right: 1rem !important
    }

    .pe-xl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-0 {
        padding-bottom: 0 !important
    }

    .pb-xl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xl-5 {
        padding-bottom: 3rem !important
    }

    .ps-xl-0 {
        padding-left: 0 !important
    }

    .ps-xl-1 {
        padding-left: .25rem !important
    }

    .ps-xl-2 {
        padding-left: .5rem !important
    }

    .ps-xl-3 {
        padding-left: 1rem !important
    }

    .ps-xl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xl-5 {
        padding-left: 3rem !important
    }

    .gap-xl-0 {
        gap: 0 !important
    }

    .gap-xl-1 {
        gap: .25rem !important
    }

    .gap-xl-2 {
        gap: .5rem !important
    }

    .gap-xl-3 {
        gap: 1rem !important
    }

    .gap-xl-4 {
        gap: 1.5rem !important
    }

    .gap-xl-5 {
        gap: 3rem !important
    }

    .text-xl-start {
        text-align: left !important
    }

    .text-xl-end {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

@media (min-width:1400px) {
    .float-xxl-start {
        float: left !important
    }

    .float-xxl-end {
        float: right !important
    }

    .float-xxl-none {
        float: none !important
    }

    .d-xxl-inline {
        display: inline !important
    }

    .d-xxl-inline-block {
        display: inline-block !important
    }

    .d-xxl-block {
        display: block !important
    }

    .d-xxl-grid {
        display: grid !important
    }

    .d-xxl-table {
        display: table !important
    }

    .d-xxl-table-row {
        display: table-row !important
    }

    .d-xxl-table-cell {
        display: table-cell !important
    }

    .d-xxl-flex {
        display: flex !important
    }

    .d-xxl-inline-flex {
        display: inline-flex !important
    }

    .d-xxl-none {
        display: none !important
    }

    .flex-xxl-fill {
        flex: 1 1 auto !important
    }

    .flex-xxl-row {
        flex-direction: row !important
    }

    .flex-xxl-column {
        flex-direction: column !important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xxl-start {
        justify-content: flex-start !important
    }

    .justify-content-xxl-end {
        justify-content: flex-end !important
    }

    .justify-content-xxl-center {
        justify-content: center !important
    }

    .justify-content-xxl-between {
        justify-content: space-between !important
    }

    .justify-content-xxl-around {
        justify-content: space-around !important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xxl-start {
        align-items: flex-start !important
    }

    .align-items-xxl-end {
        align-items: flex-end !important
    }

    .align-items-xxl-center {
        align-items: center !important
    }

    .align-items-xxl-baseline {
        align-items: baseline !important
    }

    .align-items-xxl-stretch {
        align-items: stretch !important
    }

    .align-content-xxl-start {
        align-content: flex-start !important
    }

    .align-content-xxl-end {
        align-content: flex-end !important
    }

    .align-content-xxl-center {
        align-content: center !important
    }

    .align-content-xxl-between {
        align-content: space-between !important
    }

    .align-content-xxl-around {
        align-content: space-around !important
    }

    .align-content-xxl-stretch {
        align-content: stretch !important
    }

    .align-self-xxl-auto {
        align-self: auto !important
    }

    .align-self-xxl-start {
        align-self: flex-start !important
    }

    .align-self-xxl-end {
        align-self: flex-end !important
    }

    .align-self-xxl-center {
        align-self: center !important
    }

    .align-self-xxl-baseline {
        align-self: baseline !important
    }

    .align-self-xxl-stretch {
        align-self: stretch !important
    }

    .order-xxl-first {
        order: -1 !important
    }

    .order-xxl-0 {
        order: 0 !important
    }

    .order-xxl-1 {
        order: 1 !important
    }

    .order-xxl-2 {
        order: 2 !important
    }

    .order-xxl-3 {
        order: 3 !important
    }

    .order-xxl-4 {
        order: 4 !important
    }

    .order-xxl-5 {
        order: 5 !important
    }

    .order-xxl-last {
        order: 6 !important
    }

    .m-xxl-0 {
        margin: 0 !important
    }

    .m-xxl-1 {
        margin: .25rem !important
    }

    .m-xxl-2 {
        margin: .5rem !important
    }

    .m-xxl-3 {
        margin: 1rem !important
    }

    .m-xxl-4 {
        margin: 1.5rem !important
    }

    .m-xxl-5 {
        margin: 3rem !important
    }

    .m-xxl-auto {
        margin: auto !important
    }

    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xxl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xxl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xxl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xxl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xxl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xxl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xxl-0 {
        margin-top: 0 !important
    }

    .mt-xxl-1 {
        margin-top: .25rem !important
    }

    .mt-xxl-2 {
        margin-top: .5rem !important
    }

    .mt-xxl-3 {
        margin-top: 1rem !important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xxl-5 {
        margin-top: 3rem !important
    }

    .mt-xxl-auto {
        margin-top: auto !important
    }

    .me-xxl-0 {
        margin-right: 0 !important
    }

    .me-xxl-1 {
        margin-right: .25rem !important
    }

    .me-xxl-2 {
        margin-right: .5rem !important
    }

    .me-xxl-3 {
        margin-right: 1rem !important
    }

    .me-xxl-4 {
        margin-right: 1.5rem !important
    }

    .me-xxl-5 {
        margin-right: 3rem !important
    }

    .me-xxl-auto {
        margin-right: auto !important
    }

    .mb-xxl-0 {
        margin-bottom: 0 !important
    }

    .mb-xxl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xxl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xxl-auto {
        margin-bottom: auto !important
    }

    .ms-xxl-0 {
        margin-left: 0 !important
    }

    .ms-xxl-1 {
        margin-left: .25rem !important
    }

    .ms-xxl-2 {
        margin-left: .5rem !important
    }

    .ms-xxl-3 {
        margin-left: 1rem !important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xxl-5 {
        margin-left: 3rem !important
    }

    .ms-xxl-auto {
        margin-left: auto !important
    }

    .p-xxl-0 {
        padding: 0 !important
    }

    .p-xxl-1 {
        padding: .25rem !important
    }

    .p-xxl-2 {
        padding: .5rem !important
    }

    .p-xxl-3 {
        padding: 1rem !important
    }

    .p-xxl-4 {
        padding: 1.5rem !important
    }

    .p-xxl-5 {
        padding: 3rem !important
    }

    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xxl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xxl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xxl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xxl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xxl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xxl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xxl-0 {
        padding-top: 0 !important
    }

    .pt-xxl-1 {
        padding-top: .25rem !important
    }

    .pt-xxl-2 {
        padding-top: .5rem !important
    }

    .pt-xxl-3 {
        padding-top: 1rem !important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xxl-5 {
        padding-top: 3rem !important
    }

    .pe-xxl-0 {
        padding-right: 0 !important
    }

    .pe-xxl-1 {
        padding-right: .25rem !important
    }

    .pe-xxl-2 {
        padding-right: .5rem !important
    }

    .pe-xxl-3 {
        padding-right: 1rem !important
    }

    .pe-xxl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xxl-5 {
        padding-right: 3rem !important
    }

    .pb-xxl-0 {
        padding-bottom: 0 !important
    }

    .pb-xxl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xxl-5 {
        padding-bottom: 3rem !important
    }

    .ps-xxl-0 {
        padding-left: 0 !important
    }

    .ps-xxl-1 {
        padding-left: .25rem !important
    }

    .ps-xxl-2 {
        padding-left: .5rem !important
    }

    .ps-xxl-3 {
        padding-left: 1rem !important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xxl-5 {
        padding-left: 3rem !important
    }

    .gap-xxl-0 {
        gap: 0 !important
    }

    .gap-xxl-1 {
        gap: .25rem !important
    }

    .gap-xxl-2 {
        gap: .5rem !important
    }

    .gap-xxl-3 {
        gap: 1rem !important
    }

    .gap-xxl-4 {
        gap: 1.5rem !important
    }

    .gap-xxl-5 {
        gap: 3rem !important
    }

    .text-xxl-start {
        text-align: left !important
    }

    .text-xxl-end {
        text-align: right !important
    }

    .text-xxl-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .fs-1 {
        font-size: 2.5rem !important
    }

    .fs-2 {
        font-size: 2rem !important
    }

    .fs-3 {
        font-size: 1.75rem !important
    }

    .fs-4 {
        font-size: 1.5rem !important
    }
}

@media print {
    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-grid {
        display: grid !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
    }

    .d-print-none {
        display: none !important
    }
}
/*# sourceMappingURL=bootstrap.min.css.map */

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }

/* Slider theme css */
/* .slick-loading .slick-list { background: #fff url('./ajax-loader.gif') center center no-repeat; } */

/* Icons */
/* @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('./fonts/slick.eot'); src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg'); } */

/* Arrows */
.slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none;  }
/* background: transparent; */
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; }
.slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-prev { left: -25px; }
[dir='rtl'] .slick-prev { right: -25px; left: auto; }
.slick-prev:before { content: '←'; }
[dir='rtl'] .slick-prev:before { content: '→'; }
.slick-next { right: -25px; }
[dir='rtl'] .slick-next { right: auto; left: -25px; }
.slick-next:before { content: '→'; }
[dir='rtl'] .slick-next:before { content: '←'; }

/* Dots */
.slick-dotted.slick-slider { margin-bottom: 30px; }
.slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { opacity: .75; color: black; }

      #processing_overlay
{
	position: absolute;
	/*zIndex: 99998;*/
	top: 0px;
	left: 0px;
	width: 100%;
	height: auto;
	background-color:Black;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    opacity:0.5;
	cursor:wait;
	z-index:999;
}						
#processing_container 
{
    font:bold 14px verdana;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 0px #00303f;
	color: #00303f;
}

#processing_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	background-color:Black;
	color: #FFF;
	/*border: solid 1px #FFF;*/
	border-bottom: solid 1px #999;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#processing_content {
	text-align: center;
	padding: 1em 1.75em;
	margin: 0em;
	vertical-align:middle;
}


/** Reset Css **/
* {
    margin: 0;
    padding: 0;
    outline: none;
    box-sizing: border-box;
    text-decoration: none;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: top;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1.25;
    font-family: 'Lato-Regular';
    font-size: 14px;
    color: #666666;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a,
a:hover {
    text-decoration: none;
}

textarea {
    resize: none;
}

.s-up {
    position: relative;
    top: -10%
}

.no-spin::-webkit-inner-spin-button, .no-spin::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

.no-spin {
    -moz-appearance: textfield !important;
}

/* Font Family */
@font-face {
    font-family: 'latolight';
    src: url('../assets_CPF/fonts/lato-light-webfont.woff2') format('woff2'), url('../assets_CPF/fonts/lato-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-Regular';
    src: url('../assets_CPF/fonts/Lato-Regular.eot');
    src: url('../assets_CPF/fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), url('../assets_CPF/fonts/Lato-Regular.ttf') format('truetype'), url('../assets_CPF/fonts/Lato-Regular.woff') format('woff'), url('../assets_CPF/fonts/Lato-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-Medium';
    src: url('../assets_CPF/fonts/Lato-Medium.eot');
    src: url('../assets_CPF/fonts/Lato-Medium.eot') format('embedded-opentype'), url('../assets_CPF/fonts/Lato-Medium.ttf') format('truetype'), url('../assets_CPF/fonts/Lato-Medium.woff') format('woff'), url('../assets_CPF/fonts/Lato-Medium.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-Bold';
    src: url('../assets_CPF/fonts/Lato-Bold.eot');
    src: url('../assets_CPF/fonts/Lato-Bold.eot') format('embedded-opentype'), url('../assets_CPF/fonts/Lato-Bold.ttf') format('truetype'), url('../assets_CPF/fonts/Lato-Bold.woff') format('woff'), url('../assets_CPF/fonts/Lato-Bold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-Semibold';
    src: url('../assets_CPF/fonts/Lato-Semibold.eot');
    src: url('../assets_CPF/fonts/Lato-Semibold.eot') format('embedded-opentype'), url('../assets_CPF/fonts/Lato-Semibold.ttf') format('truetype'), url('../assets_CPF/fonts/Lato-Semibold.woff') format('woff'), url('../assets_CPF/fonts/Lato-Semibold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-Extrabold';
    src: url('../assets_CPF/fonts/Lato-Heavy.eot');
    src: url('../assets_CPF/fonts/Lato-Heavy.eot') format('embedded-opentype'), url('../assets_CPF/fonts/Lato-Heavy.ttf') format('truetype'), url('../assets_CPF/fonts/Lato-Heavy.woff') format('woff'), url('../assets_CPF/fonts/Lato-Heavy.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* Font Family Class */
.lato-light {
    font-family: 'latolight';
}

.lato-regular {
    font-family: 'Lato-Regular';
}

.lato-medium {
    font-family: 'Lato-Medium';
}

.lato-bold {
    font-family: 'Lato-Bold';
}

.lato-semibold {
    font-family: 'Lato-Semibold';
}

.lato-extrabold {
    font-family: 'Lato-Extrabold';
}


/* CSS [+] Saral Jeevan Bima */
/* Product plan card - checkbox */
.product-plan-card.checkbox input[type="checkbox"] {
    display: none;
}

.product-plan-card.checkbox .vertical-card-radio {
    border-radius: 4px;
}

.product-plan-card.checkbox input[type="checkbox"]:checked + label h2 .vertical-card-radio {
    content: url(../Logo/Common_Logo/vertical-radio-input.svg);
    padding: 5px;
    background: #fff;
    border: 2px solid #00A1E3;
}

.plan-options .product-plan-card.checkbox label {
    padding: 0;
}

    .plan-options .product-plan-card.checkbox label h2 {
        padding: 23px 0 0 60px;
    }

.plan-options .product-plan-card.checkbox .vertical-card-radio {
    top: 23px;
    left: 23px;
}

/*heading */
.heading-inner_1:after {
    position: absolute;
    content: "";
    height: 75%;
    top: 0;
    bottom: 0;
    margin: auto;
    border-right: 3px solid #D60D47;
    left: 0px;
}

.heading-inner_1 {
    font-size: 16px;
    line-height: 20px;
    margin-top: 0px;
    flex-grow: 1;
    text-align: left;
    padding-left: 12px;
    position: relative;
}

    .heading-inner_1.short-border :after {
        height: 12px;
        top: 4px;
        bottom: auto;
    }

/* Product - Saral Jeevan Beema */
.saral-jeevan-beema .product-plan-card {
    position: relative;
}

    .saral-jeevan-beema .product-plan-card .recommendation-right-arrow {
        top: calc(100% + 13px);
        left: 50%;
        transform: translateX(-50%) rotate(90deg);
    }

.saral-jeevan-beema .vertical-radio-cards {
    padding-bottom: 45px;
}

.saral-jeevan-beema .sjb-table .card.vertical-radio-cards-details {
    max-width: 800px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 14px;
    border: 1px solid #00A1E3;
    width: 100%;
}

.saral-jeevan-beema .sjb-table .vertical-radio-cards-details .vertical-radio-card-detail:last-child {
    max-width: 250px;
    width: 100%;
}
/* .saral-jeevan-beema .sjb-table .vertical-radio-cards-details .vertical-radio-card-detail { width: 20%; } */
.saral-jeevan-beema .sjb-table .vertical-radio-cards-details .vertical-radio-card-detail:nth-child(1) {
    max-width: 175px;
    width: 100%;
}

.saral-jeevan-beema .sjb-table .vertical-radio-cards-details .vertical-radio-card-detail:nth-child(3) {
    max-width: 155px;
    width: 100%;
}

.saral-jeevan-beema input[type="radio"][disabled] + label {
    opacity: 0.4;
}

.saral-jeevan-beema .vertical-radio-card-detail-icon {
    align-self: flex-end;
    margin-bottom: 15px;
}

.saral-jeevan-beema .product-plan-card label {
    max-width: 206px;
}

/* Product - Saral Jeevan Beema */
.saral-jeevan-beema .vertical-radio-cards .col-3 {
    padding: 0 3px;
}

header .purna-suraksha, header .smart-platina {
    height: auto;
}

header .smart-insure-wealth-plus {
    height: auto;
}

.saral-jeevan-beema .product-plan-card .vertical-card-radio {
    width: 16px;
    height: 16px;
}

.saral-jeevan-beema .product-plan-card input[type="radio"]:checked + label h2 .vertical-card-radio {
    padding: 2px;
}

.saral-jeevan-beema .product-plan-card input[type="radio"]:checked + label h2,
.saral-jeevan-beema .product-plan-card input[type="radio"]:checked + label h1 {
    font-size: 14px;
    line-height: 17px;
}

.saral-jeevan-beema .product-plan-card input[type="radio"]:not(:checked) + label h2,
.saral-jeevan-beema .product-plan-card input[type="radio"]:not(:checked) + label h1 {
    font-size: 12px;
    line-height: 14px;
}

.saral-jeevan-beema .product-plan-card h2 {
    padding: 32px 10px 8px;
}

.saral-jeevan-beema .tag {
    padding: 4px;
    top: 7px;
    left: -34px;
}

    .saral-jeevan-beema .tag.font-12 {
        font-size: 8px;
        line-height: 12px;
    }

.saral-jeevan-beema .product-plan-card label {
    padding-bottom: 0;
}

.saral-jeevan-beema .product-plan-card .vertical-card-radio {
    top: 5px;
}

.saral-jeevan-beema .sjb-table .vertical-radio-cards-details .vertical-radio-card-detail:nth-child(1),
.saral-jeevan-beema .sjb-table .vertical-radio-cards-details .vertical-radio-card-detail:nth-child(3),
.saral-jeevan-beema .sjb-table .vertical-radio-cards-details .vertical-radio-card-detail:last-child {
    max-width: none;
}

.saral-jeevan-beema .sjb-table .card.vertical-radio-cards-details {
    width: 100%;
}

.saral-jeevan-beema .sjb-table .vertical-radio-cards-details .vertical-radio-card-detail h1.h3 {
    font-size: 16px;
    line-height: 21px;
}

.saral-jeevan-beema .sjb-table .vertical-radio-cards-details .vertical-radio-card-detail h1.h2 {
    font-size: 20px;
    line-height: 24px;
}

/* saaral jeevan beema */
.right_arrow-side .recommendation-right-arrow.saral-jeeavn-arrow {
    /* left:0%; */
}

/* saaral jeevan beema revamp - radio*/
.product-plan-card2 {
    max-width: 491px;
    margin: 0 auto
}

    .product-plan-card2 label {
        opacity: 0.5;
        display: block;
        box-shadow: 0px 0px 12px 0px #ACACAC40;
        text-align: center;
        min-width: 206px;
        cursor: pointer;
        transition: all .3s ease;
        border-radius: 4px;
        position: relative;
    }

    .product-plan-card2 h2 {
        width: 50px;
        padding: 13px 46px 8px;
        position: relative;
        margin-bottom: 0;
        text-align: center;
    }

    .product-plan-card2 h1 {
        padding: 7px 10px;
    }

.text-secondary-green {
    color: #92C947;
}

.product-plan-card2 input[type="radio"] {
    display: none;
}

.product-plan-card2 .vertical-card-radio {
    position: absolute;
    width: 32px;
    height: 32px;
    content: '';
    border-radius: 50px;
    border: 2px solid #D8D8D8;
    top: 10px;
    right: 10px;
}

    .product-plan-card2 .vertical-card-radio.vertical-sjb-left {
        position: absolute;
        width: 28px;
        height: 28px;
        content: '';
        border-radius: 50px;
        border: 2px solid #D8D8D8;
        top: 10px;
        left: 10px;
    }

.product-plan-card2 input[type="radio"]:checked + label h2 .vertical-card-radio {
    content: url(../Logo/Common_Logo/vertical-radio-input.svg);
    padding: 5px;
    background: #fff;
}

.product-plan-card2 input[type="radio"]:checked + label {
    opacity: 1;
    background-color: #00A1E3;
    width: 100%;
    transform: scale(1.05);
}

    .product-plan-card2 input[type="radio"]:checked + label h2 {
        color: #fff;
    }

    .product-plan-card2 input[type="radio"]:checked + label h1 {
        font-size: 25px;
        line-height: 39px;
    }

    .product-plan-card2 input[type="radio"]:checked + label h2 {
        font-size: 24px;
        line-height: 29px;
        font-weight: bold !important;
    }

.product-plan-card2 .sjb-table {
    max-width: 471px;
    margin: 0 auto;
    border-radius: 8px;
}

/* saaral jeevan beema */
.right_arrow-side .recommendation-right-arrow.saral-jeeavn-arrow {
    top: 19%;
    bottom: 0px;
    left: 110%;
}

.opsv {
    opacity: 1 !important;
}

.save-box {
    background-color: #000;
    padding: 6px 18px;
    background-color: #92c947;
    border-radius: 8px
}


/* Product - Saral Jeevan Beema */
.saral-jeevan-beema .product-plan-card {
    position: relative;
}

    .saral-jeevan-beema .product-plan-card .recommendation-right-arrow {
        top: calc(100% + 13px);
        left: 50%;
        transform: translateX(-50%) rotate(90deg);
    }

.saral-jeevan-beema .vertical-radio-cards {
    padding-bottom: 45px;
}

.saral-jeevan-beema .sjb-table .card.vertical-radio-cards-details {
    max-width: 800px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 14px;
    border: 1px solid #00A1E3;
    width: 100%;
}

.saral-jeevan-beema .sjb-table .vertical-radio-cards-details .vertical-radio-card-detail:last-child {
    max-width: 250px;
    width: 100%;
}
/* .saral-jeevan-beema .sjb-table .vertical-radio-cards-details .vertical-radio-card-detail { width: 20%; } */
.saral-jeevan-beema .sjb-table .vertical-radio-cards-details .vertical-radio-card-detail:nth-child(1) {
    max-width: 175px;
    width: 100%;
}

.saral-jeevan-beema .sjb-table .vertical-radio-cards-details .vertical-radio-card-detail:nth-child(3) {
    max-width: 155px;
    width: 100%;
}

.saral-jeevan-beema input[type="radio"][disabled] + label {
    opacity: 0.4;
}

.saral-jeevan-beema .vertical-radio-card-detail-icon {
    align-self: flex-end;
    margin-bottom: 15px;
}

.saral-jeevan-beema .product-plan-card label {
    max-width: 206px;
}



/* Product - Saral Jeevan Beema */
.saral-jeevan-beema .vertical-radio-cards .col-3 {
    padding: 0 3px;
}

header .purna-suraksha, header .smart-platina {
    height: auto;
}

header .smart-insure-wealth-plus {
    height: auto;
}

.saral-jeevan-beema .product-plan-card .vertical-card-radio {
    width: 16px;
    height: 16px;
}

.saral-jeevan-beema .product-plan-card input[type="radio"]:checked + label h2 .vertical-card-radio {
    padding: 2px;
}

.saral-jeevan-beema .product-plan-card input[type="radio"]:checked + label h2,
.saral-jeevan-beema .product-plan-card input[type="radio"]:checked + label h1 {
    font-size: 14px;
    line-height: 17px;
}

.saral-jeevan-beema .product-plan-card input[type="radio"]:not(:checked) + label h2,
.saral-jeevan-beema .product-plan-card input[type="radio"]:not(:checked) + label h1 {
    font-size: 12px;
    line-height: 14px;
}

.saral-jeevan-beema .product-plan-card h2 {
    padding: 32px 10px 8px;
}

.saral-jeevan-beema .tag {
    padding: 4px;
    top: 7px;
    left: -34px;
}

    .saral-jeevan-beema .tag.font-12 {
        font-size: 8px;
        line-height: 12px;
    }

.saral-jeevan-beema .product-plan-card label {
    padding-bottom: 0;
}

.saral-jeevan-beema .product-plan-card .vertical-card-radio {
    top: 5px;
}

.saral-jeevan-beema .sjb-table .vertical-radio-cards-details .vertical-radio-card-detail:nth-child(1),
.saral-jeevan-beema .sjb-table .vertical-radio-cards-details .vertical-radio-card-detail:nth-child(3),
.saral-jeevan-beema .sjb-table .vertical-radio-cards-details .vertical-radio-card-detail:last-child {
    max-width: none;
}

.saral-jeevan-beema .sjb-table .card.vertical-radio-cards-details {
    width: 100%;
}

.saral-jeevan-beema .sjb-table .vertical-radio-cards-details .vertical-radio-card-detail h1.h3 {
    font-size: 16px;
    line-height: 21px;
}

.saral-jeevan-beema .sjb-table .vertical-radio-cards-details .vertical-radio-card-detail h1.h2 {
    font-size: 20px;
    line-height: 24px;
}


/* CSS [-] Saral Jeevan Bima */


/* Font Weight */
.font-weight-extrabold {
    font-weight: 900;
}

.font-weight-bold {
    font-weight: 700 !important;
}

.font-weight-semibold {
    font-weight: 600;
}

.font-weight-medium {
    font-weight: 500 !important;
}

.font-weight-regular {
    font-weight: 400 !important;
}

.font-weight-light {
    font-weight: normal;
    font-style: normal;
}

/* Font Size */
.h1 {
    font-size: 28px;
}

.h2 {
    font-size: 24px;
}

.h3 {
    font-size: 20px;
}

.h4 {
    font-size: 18px;
}

.h5 {
    font-size: 16px;
}

.h6 {
    font-size: 14px;
}

.font-32 {
    font-size: 32px;
}

.font-22 {
    font-size: 22px;
}

.font-17 {
    font-size: 17px;
}

.font-14 {
    font-size: 14px;
}

.font-12 {
    font-size: 12px;
}

.font-10 {
    font-size: 10px;
}

.font-8 {
    font-size: 8px;
}

/* Line Height */
.lh-55 {
    line-height: 55px;
}

.lh-37 {
    line-height: 37px;
}

.lh-48 {
    line-height: 48px;
}

.lh-42 {
    line-height: 42px;
}

.lh-40 {
    line-height: 40px;
}

.lh-35 {
    line-height: 35px;
}

.lh-34 {
    line-height: 34px;
}

.lh-29 {
    line-height: 29px;
}

.lh-28 {
    line-height: 28px;
}

.lh-26 {
    line-height: 26px;
}

.lh-24 {
    line-height: 24px;
}

.lh-25 {
    line-height: 25px;
}

.lh-23 {
    line-height: 23px;
}

.lh-22 {
    line-height: 22px;
}

.lh-20 {
    line-height: 20px;
}

.lh-19 {
    line-height: 19px;
}

.lh-18 {
    line-height: 18px;
}

.lh-17 {
    line-height: 17px;
}

.lh-16 {
    line-height: 16px;
}

.lh-15 {
    line-height: 15px;
}

.lh-14 {
    line-height: 14px;
}

.lh-12 {
    line-height: 12px;
}

.lh-11 {
    line-height: 11px;
}

/* Container */
.container {
    max-width: 1366px !important;
    margin: 0 auto;
    padding: 0;
}
/* .container { max-width: 100% !important; width: 100%; margin: 0 auto; } */

/* Background */
.bg-patternsblue {
    background: #D1E9F5;
}

.bg-alice-blue {
    background: #F4FBFF;
}

.bg-white-blue {
    background: #F7FCFF;
}

.bg-transparent {
    background: transparent;
}

.bg-light-yellow {
    background: #FFFEDA;
}

.bg-pacific-blue {
    background: #00A1E3;
}

.bg-secondary-green {
    background: #92C947 !important;
}

.bg-white-smoke {
    background: #F5F5F5;
}

/* Text Color */
.text-secondary-green {
    color: #92C947;
}

.text-patternsblue {
    color: #D1E9F5;
}

.text-manatee {
    color: #8F909D;
}

.text-pacific-blue {
    color: #00A1E3;
}

.text-toryblue {
    color: #104C88;
}

.text-charcoal {
    color: #333333;
}

.text-vivid-red {
    color: #EE0004;
}

.text-charcoal-v2 {
    color: #454545;
}

.text-matterhorn {
    color: #4C4C4C;
}

.text-Kettle-black {
    color: #131313;
}

.text-gradient {
    color: #999999;
}

.text-gray77 {
    color: #c4c4c4;
}

.text-dark-gray {
    color: #8F909D;
}

.text-light-gray {
    color: #848484;
}

.text-gray {
    color: #666666;
}

.text-seal-brown {
    color: #131313;
}

.text-manatee {
    color: #8F909D;
}

.border-toryblue {
    border: 1px solid #104C88
}

.text-Pantone {
    color: #A5A5A5;
}

.text-black {
    color: #000000;
}

.text-grey-small {
    color: #848484;
}

.text-grey-v2 {
    color: #d8d8d8;
}

.text-darkblue {
    color: #280971;
}

/* Border Radius */
.br-36 {
    border-radius: 36px;
}

.br-25 {
    border-radius: 25px;
}

.br-20 {
    border-radius: 20px;
}

.br-8 {
    border-radius: 8px;
}

.br-4 {
    border-radius: 4px;
}

/* Border */
.border-bottom-secondary {
    border-bottom: 1px solid #DCDCDC;
}

.border-bottom-light-silver {
    border-bottom: 1px solid #D8D8D8;
}

.border-toryblue {
    border: 1px solid #104C88
}

.border-bottom-grey75 {
    border-bottom: 1px solid #BFBFBF;
}

.border-alice-blue {
    border: 1px solid #00A1E3;
}

.border-gradient {
    border: 1px solid #999999 !important;
}

/* padding */
.pt-100 {
    padding-top: 100px;
}

.p-24 {
    padding: 24px 24px 0 24px;
}

.pt-24 {
    padding-top: 24px;
}

.pt-22 {
    padding-top: 22px;
}

.p-16 {
    padding: 16px 0;
}

.pl-30 {
    padding-left: 30px;
}

.p-15 {
    padding: 0px 15px;
}

/* Cursor */
.cursor {
    cursor: pointer;
}

/* Link */
.link {
    color: #280971;
}

    .link:focus, .link:hover {
        color: #104C88;
    }

.link-underline {
    position: relative;
}

    .link-underline:before {
        position: absolute;
        content: '';
        top: 100%;
        border-bottom: 2px solid #2858FF;
        width: 100%;
        padding-top: 3px;
        left: 0;
    }

.text-decoration-underline {
    text-decoration: underline;
}

.italics {
    font-style: italic;
}

/* Button */
[type=button], [type=reset], [type=submit], button {
    box-shadow: none;
    outline: none;
}

.btn.focus, .btn:focus {
    box-shadow: none;
}

.btn {
    font-family: 'Lato-Semibold';
    font-size: 18px;
    line-height: 21px;
    outline: none;
    box-shadow: 0px 0px 12px 0px #47474740;
    border-radius: 24px;
    font-weight: 700;
    display: inline-block;
    transition: all .3s ease;
}

.secondary-btn {
    padding: 7px 23px;
    color: #280971;
    box-shadow: none;
    transition: all .3s ease;
    font-size: 16px;
    font-weight: 700;
    font-family: 'Lato-Bold';
    line-height: 20px;
    min-width: unset;
    border: 1px solid #280971;
    background-color: #fff;
}

.secondary-btn-otp {
    padding: 9px 30px;
    max-width: 200px;
    width: 100%;
}

.secondary-btn:hover {
    background: #104C88;
    color: #fff !important;
}

.secondary-btn:focus {
    background: #104C88;
    color: #fff !important;
}

.secondary-btn:active {
    background: #104C88;
    color: #fff !important;
}

.summary-btn {
    padding: 9px 30px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

/* Anchor */
.a-link {
    color: #104C88;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    text-decoration: underline;
    font-family: Lato;
}

/* Input Form Control */
.form-group {
    margin-bottom: 10px;
    position: relative;
}

.form-control {
    border: 1px solid #D8D8D8;
    border-radius: 4px;
    outline: none;
    transition: none;
    box-shadow: none;
    color: #030303;
    font-size: 16px;
    line-height: 19px;
    padding: 10px;
    height: auto;
}

    .form-control:focus {
        box-shadow: none;
    }

.form-control-lg {
    max-width: 316px;
}

.form-control-xl {
    max-width: 619px;
}

.form-control-large {
    max-width: 316px;
}

.form-control-small {
    max-width: 220px;
    height: auto;
}

.form-control-sm {
    max-width: 270px;
}

/* Select */
.form-select {
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    max-width: 220px;
    width: 100%;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../Logo/Common_Logo/select-arrow.svg) no-repeat;
    background-position: 95% 50%;
    padding: 10px 30px 10px 10px;
    cursor: pointer;
}

.form-select-lg {
    max-width: 316px;
}

.form-select-lg-v2 {
    max-width: 735px;
}

.form-select-lg-v3 {
    max-width: 758px;
}


/* Basic Custom checkbox */
.form-group .checkbox-label {
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

    .form-group .checkbox-label:before {
        content: '';
        -webkit-appearance: none;
        background-color: transparent;
        border: 1px solid #848484;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
        padding: 8px;
        display: inline-block;
        position: relative;
        vertical-align: middle;
        cursor: pointer;
        margin-right: 10px;
        margin-top: 3px;
        border-radius: 2px;
    }

.form-group .custom-checkbox:checked + .checkbox-label:before {
    background: #d1e9f5;
}

.form-group .custom-checkbox {
    display: none;
}

    .form-group .custom-checkbox:checked + .checkbox-label:after,
    .form-group.custom-check .checked:after {
        content: '';
        display: block;
        position: absolute;
        top: 3px;
        left: 8px;
        width: 5px;
        height: 12px;
        border: solid #0079bf;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
        animation: slowDown;
        animation-duration: 0.3s;
        animation-timing-function: linear;
        animation-direction: normal;
        animation-play-state: running;
        animation-fill-mode: forwards;
        transition: all .3s ease;
    }

.form-group.custom-check .custom-checkbox {
    display: block;
    width: 20px;
    height: 20px;
    cursor: pointer;
    border: 1px solid #666666;
    box-sizing: border-box;
    border-radius: 2px;
}

.form-group.custom-check .checked:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0px;
    background: #d1e9f5;
    width: 20px;
    height: 20px;
    cursor: pointer;
    border: 1px solid #666666;
    box-sizing: border-box;
    border-radius: 2px;
}

.form-group.custom-check .checked .custom-checkbox {
    display: none;
}

.form-group.custom-check .checked p {
    padding-left: 28px;
}


/* Advance Custom checkbox */
.customized-check-box {
    margin-top: 27px;
}

    .customized-check-box .form-group.first {
        margin-bottom: 32px;
    }

    .customized-check-box .form-group.custom-checkbox {
        max-width: 100%;
    }

    .customized-check-box .form-group {
        margin-bottom: 24px;
    }

.custom-checkbox {
    display: block;
    margin-bottom: 15px;
}

.customized-check-box .form-group.custom-checkbox input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    cursor: pointer;
}

.customized-check-box .custom-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.customized-check-box .form-group.custom-checkbox.first label {
    margin-bottom: 0;
}

.customized-check-box .form-group.custom-checkbox label {
    position: relative;
    cursor: pointer;
    font-weight: 100;
    margin-bottom: 21px;
    padding-left: 27px;
    text-align: left;
    padding-right: 50px;
}

    .customized-check-box .form-group.custom-checkbox label:before {
        content: "";
        -webkit-appearance: none;
        background-color: transparent;
        display: inline-block;
        position: absolute;
        vertical-align: middle;
        cursor: pointer;
        left: 0;
        margin-right: 5px;
        background: #fff;
        width: 22px;
        height: 22px;
        border: 2.5px solid #4c4c4c;
        margin-top: 8px;
    }

.custom-checkbox input:checked + label:after {
    background: url(../Logo/Common_Logo/tick-icon.svg),white;
    top: 8px;
    left: 6px;
    background-repeat: no-repeat; /* background-size: 100% 100%; */
    width: 100%;
    background-position: center;
    border: none;
    content: "";
    position: absolute;
    right: 33px;
    width: 18px;
    height: 14px; /* padding: 8px; */
}

.customized-check-box .form-group.custom-checkbox span {
    font-size: 24px;
    line-height: 28px;
    color: #4c4c4c;
    font-family: "Lato-Semibold";
    padding: 2px 0 0 11px;
}

.customized-check-box span {
    display: block;
    line-height: 16px;
    padding: 0;
}

.customized-check-box .form-group.custom-checkbox span i {
    font-style: normal;
}

/* Custom Radio Button Group */
.radio-toolbar {
    display: inline-block;
    padding: 2px;
    background: #ffffff;
    box-shadow: 0px 0px 8px rgba(193, 206, 218, 0.49);
    border-radius: 36px;
}

    .radio-toolbar input[type="radio"] {
        opacity: 0;
        position: fixed;
        width: 0;
    }

    .radio-toolbar label {
        display: inline-block;
        padding: 6px 6px 5px 6px;
        color: #666666;
        line-height: normal;
        text-align: center;
        cursor: pointer;
    }

    .radio-toolbar input[type="radio"]:checked + label {
        background: #280971;
        border-color: #280971;
        font-size: 14px;
        line-height: normal;
        font-family: "Lato-Regular";
        color: #FFFFFF;
        padding: 10px 13px;
        text-align: center;
    }

    .radio-toolbar input[type="radio"] + label:last-child {
        margin-left: -4px;
    }

.radio-button-block [type="radio"]:checked + label:before,
.radio-button-block [type="radio"]:not(:checked) + label:before,
.radio-button-block [type="radio"]:checked + label:after {
    display: none;
}

.radio-button-block [type="radio"]:checked + label,
.radio-button-block [type="radio"]:not(:checked) + label {
    color: #666666;
    line-height: normal;
    font-size: 14px;
    padding: 10px 13px;
    border-radius: 36px;
}

.radio-button-block .radio-toolbar label:first-child,
.radio-button-block [type="radio"]:not(:checked) + label {
    border-top-left-radius: 36px;
    border-bottom-left-radius: 36px;
}

.radio-button-block .radio-toolbar label:last-child {
    border-top-right-radius: 36px;
    border-bottom-right-radius: 36px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
    border-radius: 36px;
}

.radio-toolbar.radio-three input[type="radio"]:checked + label:first-child,
.radio-toolbar input[type="radio"]:checked + label:first-child {
    border-top-left-radius: 36px;
    border-bottom-left-radius: 36px;
}

.radio-toolbar input[type="radio"]:first-child:checked + label {
    border-top-left-radius: 36px;
    border-bottom-left-radius: 36px;
}

.radio-toolbar-lg input[type="radio"]:checked + label,
.radio-toolbar-lg input[type="radio"]:not(:checked) + label,
.radio-toolbar-lg label {
    padding: 10px 23px;
}

.radio-toolbar-sm input[type="radio"]:checked + label,
.radio-toolbar-sm input[type="radio"]:not(:checked) + label,
.radio-toolbar-sm label {
    padding: 10px 17px;
}

/* Input With Icons */
.input-label-rupee {
    position: absolute;
    top: 21px;
    left: 0;
    transform: translateY(-50%);
    border-right: 1px solid #DCDCDC;
    padding: 0 7px 0 13px;
    color: #848484;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Lato-Regular';
}

.input-label-country-code {
    position: absolute;
    top: 21px;
    left: 0;
    transform: translateY(-50%);
    border-right: 1px solid #DCDCDC;
    padding: 0 7px 0 7px;
    color: #848484;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Lato-Regular';
}
/* .input-with-icon-left { } */
.form-control.input-with-icon-left {
    padding: 10px 10px 10px 40px;
    max-width: 180px;
}

.form-control.has-content {
    border: 1px solid #104C88 !important;
}

.form-control.input-default-value {
    border: 1px solid #104C88 !important;
}

.form-control.has-content {
    border: 1px solid #104C88;
}

.form-select.has-content {
    border: 1px solid #104C88 !important;
}

.form-select-input-default-value {
    border: 1px solid #104C88 !important;
}

.form-control-input-default-value {
    border: 1px solid #104C88 !important;
}

.form-control.input-with-icon-left-p-lg {
    padding: 10px 10px 10px 50px;
}

.form-select.error {
    color: #333333;
}

/* Input Placeholder */
.form-control::-webkit-input-placeholder {
    color: #999999;
    font-size: 16px;
    line-height: 19px;
    font-family: 'Lato-Regular';
}

.form-control::-moz-placeholder {
    color: #999999;
    font-size: 16px;
    line-height: 19px;
    font-family: 'Lato-Regular';
}

.form-control:-ms-input-placeholder {
    color: #999999;
    font-size: 16px;
    line-height: 19px;
    font-family: 'Lato-Regular';
}

.form-control::placeholder {
    color: #999999;
    font-size: 16px;
    line-height: 19px;
    font-family: 'Lato-Regular';
}

/* Common input label */
.label {
    font-family: 'lato-medium';
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    color: #280971;
    text-align: left;
    max-width: 265px;
    margin-bottom: 8px;
}

.label-lg-width {
    max-width: 325px;
}

.label-width-auto {
    max-width: 100%;
}

.label-info-sm {
    font-family: 'lato-regular';
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    text-align: left;
    color: #280971;
}

.label-info-lg {
    font-family: 'lato-regular';
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    text-align: left;
    color: #280971;
}

    .label-info-lg.text-gray {
        color: #666666;
    }

.inputdetail-label {
    font-family: 'lato-regular';
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    text-align: left;
    color: #848484;
    display: inline-block;
}

/* Margin */
.mb-35 {
    margin-bottom: 35px;
}

.ml-55 {
    margin-left: 55px;
}

.mt-40 {
    margin-top: 40px;
}

.mb-32 {
    margin-bottom: 32px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mt-24 {
    margin-top: 24px;
}

.mb-60 {
    margin-bottom: 60px;
}

/* Maxwidth */
.mw-625 {
    max-width: 619px;
}

.mw-780 {
    max-width: 782px;
}

.mw-316 {
    max-width: 316px;
}

/* Header */
header {
    box-shadow: 0px 2px 10px 0px rgba(197, 197, 197, 0.315);
    position: relative;
    z-index: 999;
    height: auto;
    background: #fff;
    position: fixed;
    margin: 0 auto;
    left: 0;
    right: 0;
}

    header .header-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 15px;
    }

.product .header-container {
    padding: 15px 15px;
}

header .sbi-logo:before {
    position: absolute;
    content: '';
    border-right: 1px solid #DEDEDE;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

header .sbi-logo {
    padding-right: 36px;
    width: 120px;
}

header .wealth-logo {
    margin-left: 28px;
    width: 81px;
}

header .purna-suraksha, header .smart-platina {
    width: 94px;
    height: 40px;
}

header .smart-insure-wealth-plus {
    width: 110px;
    height: 40px;
}

header .language {
    width: 24px;
}

header .notification {
    width: 16px;
}

    header .notification:hover {
        animation-name: shaker;
        animation-duration: .3s;
        animation-iteration-count: 2;
        animation-play-state: running;
        animation-direction: alternate;
    }

@keyframes shaker {
    0% {
        transform: translate(0px) rotate(0);
    }

    50% {
        transform: translate(2px) rotate(-5deg);
    }

    50% {
        transform: translate(-2px) rotate(5deg);
    }

    100% {
        transform: translate(0px) rotate(0);
    }
}


/* Icons */
.icon {
    display: inline-block;
    background-size: contain;
}
/*width: 25px; height: 25px; padding:15px; */
.icon-benifits-plan {
    background: url('../Logo/Common_Logo/header-icon-1.svg') no-repeat center;
}

.icon-fund-performance {
    background: url('../assets_CPF/images/sidebar/fund-performance.svg') no-repeat center;
}

.icon-why-us {
    background: url('../Logo/Common_Logo/header-icon-2.svg') no-repeat center;
}

.icon-contact-us {
    background: url('../Logo/Common_Logo/header-icon-3.svg') no-repeat center;
}

.icon-back-arrow {
    background: url('../Logo/Common_Logo/back-arrow.svg') no-repeat center;
    transition: all 0.5s ease;
}

.icon-premium-amount {
    background: url('../Logo/Common_Logo/icon-income.svg') no-repeat center;
    background-size: 24px !important;
}

.icon-input-rupee-icon {
    background: url('../Logo/Common_Logo/input-rupee-icon.svg') no-repeat center;
}

.icon-invest-duration {
    background: url('../Logo/Common_Logo/icon-dob.svg') no-repeat center;
    background-size: 24px !important;
}

.icon-marital-status {
    background: url('../Logo/Common_Logo/marital-status.svg') no-repeat center;
    background-size: 24px !important;
}

.icon-nationality {
    background: url('../Logo/Common_Logo/icon-Nationality.svg') no-repeat center;
    background-size: 24px !important;
}

.icon-residence {
    background: url('../Logo/Common_Logo/icon-residences.svg') no-repeat center;
    background-size: 24px !important;
}

.icon-fathername {
    background: url('../Logo/Common_Logo/icon-father.svg') no-repeat center;
    background-size: 24px !important;
}

.icon-mothername {
    background: url('../Logo/Common_Logo/icon-mother.svg') no-repeat center;
    background-size: 24px !important;
}


.icon-pan {
    background: url('../Logo/Common_Logo/icon-pan.svg') no-repeat center;
    background-size: 24px !important;
}

.icon-btn-arrow {
    background: url('../Logo/Common_Logo/right-arrow.svg') no-repeat center;
}

.icon-benefit-grey {
    background: url('../assets_CPF/images/footer-mobile/benefits-grey.svg') no-repeat left top;
}

.icon-fund-grey {
    background: url('../assets_CPF/images/footer-mobile/fund-perf-grey.svg') no-repeat left top;
}

.icon-whyus-grey {
    background: url('../assets_CPF/images/footer-mobile/why-us-grey.svg') no-repeat left top;
}

.icon-contact-grey {
    background: url('../assets_CPF/images/footer-mobile/contact-us-grey.svg') no-repeat left top;
}

.icon-download {
    background: url('../Logo/Common_Logo/download-icon-black.svg') no-repeat center;
}

.icon-download-white {
    background: url('../Logo/Common_Logo/download-icon-white.svg') no-repeat center;
}

.icon-upload {
    background: url('../assets_CPF/images/medical-report/upload-link.svg') no-repeat center;
}

.icon-multiple-upload {
    background: url('../assets_CPF/images/medical-report/upload-add-icon.svg') no-repeat center;
}

.icon-delete {
    background: url('../Logo/Common_Logo/icon-delete.svg') no-repeat center;
}

.icon-doc-upload-close {
    background: url('../Logo/Common_Logo/doc-upload-close-btn.svg') no-repeat center;
}

.icon-benefits-zero-premium {
    background: url('../Logo/Common_Logo/balanced.svg') no-repeat center;
}

.icon-liquidity-assets {
    background: url('~Logo/Common_Logo/benefits-icon-4.svg') no-repeat center;
}

.icon-premium-assets {
    background: url('~Logo/Common_Logo/premium-assets.svg') no-repeat center;
}

.icon-tax-assets {
    background: url('../Logo/Common_Logo/benefits-icon-6.svg') no-repeat center;
}

.icon-benefits-cover {
    background: url('../Logo/Common_Logo/benefits-icon-1.svg') no-repeat center;
}

.icon-benefits-tax {
    background: url('../Logo/Common_Logo/benefits-icon-2.svg') no-repeat center;
}

.icon-benefits-assets {
    background: url('../Logo/Common_Logo/benefits-list-1.svg') no-repeat center;
}

.icon-chat-with-us {
    background: url('../assets_CPF/images/sidebar/chat-with-us.svg') no-repeat center;
}
/* recommendation */
.icon-growth {
    background: url('../Logo/Common_Logo/recommendation-growth.svg') no-repeat center;
}

.icon-balanced {
    background: url('../Logo/Common_Logo/recommendation-balanced.svg') no-repeat center;
}

.icon-note {
    background: url('../Logo/Common_Logo/recommendation-note.svg') no-repeat center;
}

.icon-right-arrow {
    background: url('../Logo/Common_Logo/icon-right-arrow.svg') no-repeat center;
}

.icon-life-cover {
    background: url('../Logo/Common_Logo/life-cover.svg') no-repeat center;
}
/* Icon Doc upload file type */
.icon-png {
    background: url('../Logo/Common_Logo/png.svg') no-repeat center;
}

.icon-jpg {
    background: url('../Logo/Common_Logo/jpg.svg') no-repeat center;
}

.icon-pdf {
    background: url('../Logo/Common_Logo/pdf.svg') no-repeat center;
}

.icon-word {
    background: url('../Logo/Common_Logo/word.svg') no-repeat center;
}
/* icon-personal-details-minor */
.icon-cake {
    background: url('../assets_CPF/images/personal-details-minor/cake.svg') no-repeat center;
}

.icon-child-relation-v2 {
    background: url('../Logo/Common_Logo/icon-child-relation-v2.svg') no-repeat center;
}

.icon-child-birth-v2 {
    background: url('../Logo/Common_Logo/child-birth-icon-v2.svg') no-repeat center;
}
/* Responsive Design bottom patch */
.icon-patch-voice {
    background: url('../Logo/Common_Logo/bottom-patch-voice.svg') no-repeat center;
}

.icon-patch-chat {
    background: url('../Logo/Common_Logo/bottom-patch-chat.svg') no-repeat center;
}
/* icon rupees */
.icon-rupees {
    background: url('../Logo/Common_Logo/icon-rupees.svg') no-repeat center;
}

.icon-edit-blue {
    background: url('../Logo/Common_Logo/edit-icon-blue.svg') no-repeat center;
}

.icon-rupees-lg {
    background: url('../Logo/Common_Logo/rupees-lg-icon.svg') no-repeat center;
}
/* Purn suraksha personal details self */
.icon-policy-for {
    background: url('../Logo/Common_Logo/personal-details-2.svg') no-repeat center;
}

.icon-gender-v2 {
    background: url('../Logo/Common_Logo/icon-gender.svg') no-repeat center;
}

.icon-first-name-v2 {
    background: url('../Logo/Common_Logo/icon-name.svg') no-repeat center;
}

.icon-mobile-v2 {
    background: url('../Logo/Common_Logo/icon-mobile.svg') no-repeat center;
}

.icon-staff {
    background: url('../Logo/Common_Logo/icon-bank-group.svg') no-repeat center;
}

.icon-mail-v2 {
    background: url('../Logo/Common_Logo/icon-mail.svg') no-repeat center;
}

.icon-smoke {
    background: url('../Logo/Common_Logo/icon-smoke.svg') no-repeat center;
}

.icon-location-v2 {
    background: url('../Logo/Common_Logo/icon-location-v2.svg') no-repeat center;
}

.icon-relation {
    background: url('../Logo/Common_Logo/relation-status.svg') no-repeat center
}

.icon-child-dob {
    background: url('../Logo/Common_Logo/child-birth-date.svg') no-repeat center
}

.icon-plus-v2 {
    background: url('../Logo/Common_Logo/plus-v2.svg') no-repeat center;
}

.icon-equal-v2 {
    background: url('../Logo/Common_Logo/equal-v2.svg') no-repeat center;
}

/* icons for pay for 1 month */
.icon-credit-card {
    background: url(../Logo/Common_Logo/credit-card-icon.svg) no-repeat center;
}

.icon-bank-account {
    background: url(../Logo/Common_Logo/bank-account-icon.svg) no-repeat center;
}

.credit-icon-position {
    width: 32px;
    height: 32px;
    background-size: contain;
    margin-right: 18px;
}

.pay-for-1month .radbox .rad-text {
    max-width: 300px;
    width: 100% !important;
    padding: 20px 16px;
}

.gray-card {
    max-width: 627px;
    border: 2px dashed #00ACEA
}

    .gray-card .details {
        padding-right: 32px;
        border-right: 1px solid #D8D8D8;
    }

    .gray-card .amount {
        margin-left: 32px;
    }



/* communication Details case 1 */
.icon-popover {
    background: url('../Logo/Common_Logo/popover-icon.svg') no-repeat left top;
}
/* modal popup right tick */
.modal .popup-btn-lg {
    padding: 9px 70px;
    font-size: 18px;
    line-height: 22px;
}

.icon-right-popup-tick {
    background: url('../Logo/Common_Logo/right-popup-star.svg') no-repeat;
}


/* Icons for why us */
.icon-branches-across {
    background: url('../Logo/Common_Logo/why-us-icon-2.svg') no-repeat left top;
}

.icon-policy-holders {
    background: url('../Logo/Common_Logo/why-us-icon-3.svg') no-repeat left top;
}

.icon-claim-paid {
    background: url('../Logo/Common_Logo/why-us-icon-1.svg') no-repeat left top;
}







/* Investment Details */
.investment-detail .radio-capsule .radio-toolbar label,
.investment-detail .radio-capsule .radio-toolbar input[type="radio"]:checked + label {
    min-width: 130px;
    padding: 10px;
    border: 1px solid #D8D8D8;
    box-shadow: none;
}

.investment-detail .outline-capsules .radio-toolbar {
    box-shadow: none;
}

.investment-detail .d-flex .content-detail {
    flex: 1;
}

.investment-detail .list-style-number {
    list-style-type: decimal;
    padding: 0 20px;
}

/* Icon sizes */
.icon-xs {
    width: 12px;
    height: 12px;
    background-size: contain;
}

.icon-xs-v1 {
    width: 20px;
    height: 17px;
    background-size: contain;
}

.icon-xs-v2 {
    width: 20px;
    height: 20px;
    background-size: contain;
}

.icon-xs-v3 {
    width: 14px;
    height: 16px;
    background-size: contain;
}

.icon-xs-v4 {
    width: 10px;
    height: 15px;
}

.icon-xs-v5 {
    width: 15px;
    height: 18px;
    background-size: contain;
}

.icon-xs-v6 {
    width: 18px;
    height: 18px;
    background-size: contain;
}

.icon-sm {
    width: 23px;
    height: 23px;
    background-size: contain;
}

.icon-sm-v1 {
    width: 22px;
    height: 22px;
    background-size: contain;
}

.icon-md {
    width: 32px;
    height: 32px;
    background-size: contain;
}

.icon-lg {
    width: 42px;
    height: 42px;
    background-size: contain;
}

.icon-xl {
    width: 52px;
    height: 52px;
    background-size: contain;
}

.icon-position-center {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    bottom: 0;
    transform: translateY(-50%);
}

/* icon-personal-details */
.icon-sm-main {
    width: 17px;
    height: 22px;
    background-size: contain;
    vertical-align: middle;
}

.icon-md-main {
    width: 24px;
    height: 24px;
    background-size: contain;
}

.icon-xs-main {
    width: 20px;
    height: 20px;
    background-size: contain;
}

.icon-md-email {
    width: 24px;
    height: 22px;
    background-size: contain;
}

/* Content Logo */
.content-icon {
    background: #E6F1FF;
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1);
    padding: 5px;
    border-radius: 50%;
    width: 42px;
    height: 42px;
}

.content-icon-sm {
    width: 32px;
    height: 32px;
    border-radius: 100%;
}

.content-icons {
    background: #E6F1FF;
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1);
    padding: 10px;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    text-align: center;
}

/* [ + ] Govind Pandit | [Changes26-08-2021] */
.content-icons2 {
    background: rgba(255, 255, 255, 0.15);
    box-shadow: 1px 1px 2px 0px rgba(255, 255, 255, 0.15);
    padding: 10px;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    text-align: center;
}
/* [ - ] Govind Pandit | [Changes26-08-2021] */

.content-icon-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.content-icon-sm {
    width: 32px;
    height: 32px;
    border-radius: 100%;
    background: #E6F1FF;
    padding: 5px;
    border-radius: 50%;
}


/* Back Arrow */
.back-arrow {
    position: absolute;
    height: max-content;
    top: 0;
    left: 0;
}
    /*margin-right: 55px; */
    .back-arrow::after {
        position: absolute;
        content: 'Back';
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        border-bottom: 2px solid #D1E9F5;
        width: 100%;
        height: auto;
        text-align: center;
        opacity: 0;
        font-family: 'Lato-Regular';
    }

    .back-arrow:hover .icon-back-arrow {
        position: relative;
        transform: translateX(-92%);
    }

    .back-arrow:hover::after {
        opacity: 1;
        transition: .5s ease .2s;
    }

/* Submit button */
.primary-btn {
    position: relative;
    background: #280971;
    text-align: left;
    color: #fff;
    border-radius: 50px;
    transition: all .3s ease;
    padding: 15px 30px;
}

.primary-btn-right-icon {
    padding: 16px 98px 16px 30px;
}

.primary-btn:hover {
    color: #fff;
}

.btn-arrow {
    width: 54px;
    height: 54px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    transition: all .3s ease;
}

.primary-btn-sm {
    padding: 7px 31px;
    font-size: 16px;
    line-height: 19px;
}

/* Sidebar */
.sidebar {
    max-width: 300px;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all .2s ease;
    z-index: 888;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
}

    .sidebar .sidebar-list {
        width: 100%;
    }

    .sidebar li {
        width: 100%;
    }

    .sidebar .sidebar-tab-link {
        display: block;
        font-family: 'Lato-Regular';
        font-size: 16px;
        font-weight: 600;
        line-height: 19px;
        color: #280971;
        padding: 15px 20px;
        transition: all .3s linear;
    }

        .sidebar .sidebar-tab-link:hover {
            background: #F4FBFF;
        }

        .sidebar .sidebar-tab-link.active {
            background: #F4FBFF;
        }

    .sidebar .sidebar-tab-link-icon {
        margin-right: 8px;
    }

    .sidebar .sidebar-tab-link.active .sidebar-tab-link-content {
        color: #104C88;
    }
    /* sidebar-tab-link border-bottom */
    .sidebar .sidebar-tab-link.border-bottom {
        position: relative;
    }

        .sidebar .sidebar-tab-link.border-bottom:before {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            background: #BFBFBF;
            height: 0.5px;
            width: 80%;
            display: block;
        }

    .sidebar .sidebar-tab-link.border-bottom {
        border: none !important;
    }

    /* Sidebar Interaction */
    .sidebar.shrink-sidebar {
        max-width: 84px;
    }

        .sidebar.shrink-sidebar .sidebar-tab-link {
            text-align: center;
            padding: 10px;
        }

        .sidebar.shrink-sidebar .sidebar-tab-link-container {
            flex-direction: column;
        }

        .sidebar.shrink-sidebar .sidebar-tab-link-icon {
            margin-right: 0;
            margin-bottom: 5px;
            border: 0.5px solid transparent;
        }

        .sidebar.shrink-sidebar .sidebar-tab-link.active .sidebar-tab-link-icon {
            margin-right: 0;
            margin-bottom: 5px;
            border: 0.5px solid #00A1E3;
        }

        .sidebar.shrink-sidebar .sidebar-tab-link .sidebar-tab-link-icon.bg-white,
        .sidebar.shrink-sidebar .sidebar-tab-link .sidebar-tab-link-icon .icon.bg-white {
            background-color: transparent !important;
        }

        .sidebar.shrink-sidebar .sidebar-tab-link-content {
            font-size: 12px;
            text-align: center;
            line-height: 15px;
        }

/* Sidebar Detail */
.sidebar-details {
    position: fixed;
    width: calc(100% - 84px);
    height: 100%;
    top: 0;
    background: rgba(0,0,0,0.7);
    z-index: 5;
    transition: all .3s ease;
    overflow: hidden;
}

    .sidebar-details .sidebar-detail {
        height: 100%;
        background: #f7e6ed;
        max-width: 1150px;
        padding: 80px 24px 0;
        width: max-content;
        transition: all .2s ease;
        transform: translateX(-100%);
        opacity: 0;
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        -ms-transition: all .2s ease;
        -o-transition: all .2s ease;
    }

        .sidebar-details .sidebar-detail.open-sidebar-details {
            transform: translateX(0%);
            opacity: 1;
        }

        .sidebar-details .sidebar-detail .sidebar-detail-ind {
            padding: 100px 20px 0;
        }

    .sidebar-details .sidebar-tab-content {
        padding-top: 10px;
    }

    .sidebar-details .sidebar-close-btn {
        top: 0;
        right: 0;
    }

.overflow-hidden {
    overflow-y: hidden;
}

/* Custom-card */
.custon-card {
    max-width: 250px;
    background: #ffffff;
    box-shadow: 0px 0px 8px rgb(177 177 177 / 25%);
    border-radius: 8px;
    min-width: 250px;
    padding: 16px;
}

.custom-investment-card {
    padding: 16px;
    background: #D1E9F5;
}

.line-below-custom-card {
    width: 250px;
    height: 1px;
    margin: 0 auto;
}

.custon-card .flex-fixed {
    flex: 0.6;
}
/* Main */
.main {
    position: relative;
}

/* Main page */
.main-page {
    margin-left: 300px;
    padding: 100px 0 20px 80px
}

.heading-title {
    max-width: 733px;
    color: #4C4C4C;
    width: 100%;
}

.main-stepper-content.main-page {
    padding: 70px 0 20px 80px;
}

.common-heading {
    max-width: 100%;
    color: #280971;
    width: 100%;
}

.common-heading-v2 {
    max-width: 645px;
    color: #280971;
    width: 100%;
}

.main-title {
    margin-bottom: 30px;
    max-width: 100%;
    position: relative;
    width: 100%;
}

/* Card */
.card {
    background: #fff;
    box-shadow: 0px 0px 12px 0px rgba(172, 172, 172, 0.25);
    border: none;
    border-radius: 8px;
    padding: 32px 24px;
    max-width: 100%;
    width: 100%;
}

.card-body {
    padding: 0;
}

/* Footer mobile */
.footer-mobile {
    background: #D1E9F5;
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 8px 20px;
    display: none;
}

    .footer-mobile ul li {
        width: 25%;
    }

/* declaration html */
.card-content {
    border: 1px solid #C4C4C4;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
}

.card-details {
    padding: 24px;
}

/* .card-content { border: 1px solid #C4C4C4; border-radius: 8px; padding: 24px; position: relative; overflow: hidden; } */

/* datepicker */
.date-picker {
    background-image: url(../Logo/Common_Logo/icon-calender.svg) !important;
    background-repeat: no-repeat !important;
    background-position: 97% center !important;
    background-size: 22px !important;
    cursor: pointer;
}
/* .input-group-addon { background-image: url(../Logo/Common_Logo/icon-calender.svg) !important; background-repeat: no-repeat !important; background-position: 97% center !important; background-size: 22px !important; cursor: pointer; display: block; width: 30px; height: 40px; position: absolute; transform: translate(-50%,-50%); top: 50%; right: 23%; } */
.datepicker {
    cursor: pointer;
    padding: 10px;
}

.input-box {
    position: relative;
}
/* .input-box input[type="text"],.input-box input[type="tel"] { min-width: 316px; } */
.input-field-lg {
    max-width: 316px;
    width: 100%;
}

/* slimScrollBar */
.slimScrollBar {
    right: 0px !important;
    height: 93px !important;
    cursor: pointer;
    background: #D8D8D8 !important;
}

.button-hide {
    display: none;
}

.hide-block {
    display: none;
}

.otp-generation .input-box input[type="text"] {
    width: 316px;
}

.checkmark-animate {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #fff;
    stroke-miterlimit: 10;
    box-shadow: inset 0px 0px 0px #2ccf74;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
    margin: 0 auto;
}

@keyframes scale {
    0%, 100% {
        transform: none;
    }

    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0px 0px 0px 30px #2CCF74;
    }
}

.hide-block.active {
    display: block;
}

/* thank you page */
.btn-secondary-icon {
    padding: 8px 16px;
    display: inline-block;
    border-radius: 20px;
    font-weight: 600;
}

    .btn-secondary-icon:hover .icon-download {
        background: url(../Logo/Common_Logo/download-icon-white.svg) no-repeat center;
        background-size: contain;
    }

.icon-download-position {
    width: 18px;
    height: 18px;
    background-size: contain;
    margin-right: 8px;
}

.card-filled {
    background: #F7FCFF;
    box-sizing: border-box;
    border-radius: 8px;
}

    .card-filled .card-heading, .filled-table .card-heading {
        background: #D1E9F5;
        border-bottom: 1px solid #D1E9F5;
        border-radius: 8px 8px 0px 0px;
        padding: 16px;
    }

    .card-filled .card-body {
        padding: 21px 24px;
        border: 1px solid #D1E9F5;
        border-radius: 0px 0px 8px 8px
    }

        .card-filled .card-body span {
            vertical-align: bottom;
        }

/* table */
.filled-table table {
    width: 100%;
    background: #FFFFFF;
    box-sizing: border-box;
    border-radius: 8px !important;
    height: 269px;
}

    .filled-table table td {
        padding: 10px;
    }

    .filled-table table tbody.payment-details-table {
        border-top: 0px !important;
        border-radius: 0px 0px 8px 8px !important;
        width: 100%;
        border: 1px solid #D8D8D8;
        display: inline-block;
    }

    .filled-table table td.mw-66 {
        width: 66% !important;
    }

    .filled-table table tr {
        padding: 15px 14px;
    }

.summary .main-title {
    max-width: 100%;
}

.filled-accordion .card {
    box-shadow: 0px 0px 12px 0px #ACACAC40;
    border-radius: 8px;
    padding: 0;
}

.filled-accordion .card-header {
    border: none;
}

.filled-accordion .acc-card-header, .filled-accordion .default-card-header {
    position: relative;
    display: block;
    color: #280971;
    text-transform: uppercase;
    margin-bottom: 0;
}

    .filled-accordion .acc-card-header:hover, .filled-accordion .default-card-header:hover {
        color: #131313;
    }

    .filled-accordion .acc-card-header:after {
        position: absolute;
        content: url(../Logo/Common_Logo/top-arrow.svg);
        top: 50%;
        right: 5%;
        transform: translateY(-50%);
        transition: all .3s ease;
    }

    .filled-accordion .acc-card-header.collapsed:after {
        content: url(../Logo/Common_Logo/down-arrow.svg);
    }

.filled-accordion .badge-sm {
    border-radius: 36px;
    max-width: 80px;
    width: 100%;
    padding: 10px 28px;
}

.filled-accordion .badge-primary {
    background: #D1E9F5;
}

.filled-accordion .acc-content-header {
    position: relative;
    margin-bottom: 20px;
}

    .filled-accordion .acc-content-header::before {
        content: '';
        position: absolute;
        top: Calc(100% - -50%);
        left: 0;
        border-bottom: 1px solid #DCDCDC;
        width: 100%;
        height: auto;
    }

.filled-accordion .acc-content-lg-header::before {
    top: calc(100% - -15%);
}

.filled-accordion .default-card-collapse-arrow.collapsed:before {
    content: url(../Logo/Common_Logo/down-arrow.svg);
}

.filled-accordion .default-card-collapse-arrow:before {
    content: url(../Logo/Common_Logo/top-arrow.svg);
}

.filled-accordion .card.card-collapse {
    background: #F7FCFF;
}

.filled-accordion .hide-otp-content .form-box {
    max-width: 316px;
    width: 100%;
}


/* Full Screen page */
.full-screen .main-page {
    margin-left: 0;
    padding: 80px 20px 90px 20px;
}

.full-screen .main-container {
    max-width: 100%;
}

.thank-you-page .full-screen .main-page {
    padding: 110px 20px 90px 20px;
}

/* Medical report */

a:hover {
    color: #00A1E3;
}

.btn-medical {
    font-size: 14px;
    line-height: 16px;
    min-width: 241px;
    border: 1.5px solid #104C88;
    border-radius: 20px;
}

.btn-submit {
    padding: 16px 70px 16px 30px;
}

/* File */
.custom-doc-upload-field input[type="file"] {
    display: none;
}

.custom-doc-upload-field.attached input[type="file"] + label {
    display: none;
}

.doc-uploading-progress-main {
    display: none;
}

.doc-uploading-progress-wrapper {
    flex: 1;
    max-width: 252px;
    margin-right: 20px;
}

    .doc-uploading-progress-wrapper .progress {
        height: 2px;
        background: #efefef;
        border-radius: 1px;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        -ms-border-radius: 1px;
        -o-border-radius: 1px;
        box-shadow: none;
        margin-bottom: 2px;
    }

    .doc-uploading-progress-wrapper .progress-bar {
        background: #104C88;
    }

.upload-multiple-files {
    display: none;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .upload-multiple-files .icon {
        display: inline-block;
    }

    .upload-multiple-files .upload-details,
    .upload-multiple-files .upload-files .file-input-button {
        display: flex;
    }

.doc-uploading-progress-main .close-icon {
    width: 18px;
    margin-top: 15px;
    cursor: pointer;
}

.doc-uploading-progress-main .delete-icon {
    width: 32px;
    height: 32px;
    margin-top: 15px;
    cursor: pointer;
}

.uploaded-doc {
    flex: 50%;
}


/* Modal */
/* .custom-modal-popop .modal { top: 35%; left: 8%; } */
.custom-modal-popop .modal-header {
    z-index: 999;
    border-bottom: none;
    padding: 0px;
    position: absolute;
    right: 21px;
    top: 15px;
    cursor: pointer;
}

.custom-modal-popop .modal-body {
    padding: 0px;
}

.custom-modal-popop .modal-content {
    max-width: 577px;
    margin: 0 auto;
    padding: 24px 27px 32px;
    background: #FFFFFF;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    border-radius: 8px;
}

.custom-modal-popop .browse-btn {
    display: none;
}

.ckyc-modal-popop .ckyc-modal-content {
    max-width: 712px;
}

.ckyc-modal-popop .ckyc-modal-heading {
    max-width: 511px;
    margin: 0 auto;
}

.ckyc-modal-popop .ckyc-fetch-btn {
    padding: 8px 20px !important;
    border-radius: 28px;
}

.ckyc-modal-popop .btn-cancel {
    padding: 8px 26px;
    min-width: 160px;
    border-radius: 28px;
    font-size: 18px;
}
/* .ckyc-modal-popop .ckyc-modal { top: 35%; left: 8%; } */

/* Vertical card */
.vertical-card-sm {
    width: 100%;
}

    .vertical-card-sm .card {
        max-width: 276px;
        border: 1px solid #DCDCDC;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .vertical-card-sm .upload-card {
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
        max-width: 232px;
        width: 100%;
        margin: 0 auto;
        border-radius: 8px;
        border: 2px dashed #00ACEA;
        overflow: hidden;
    }

        .vertical-card-sm .upload-card .upload-watermark {
            user-select: none;
            position: relative;
        }

    .vertical-card-sm .upload-card-ip {
        position: absolute;
        width: 100%;
        height: 100%;
        ;
        top: 0;
        left: 0;
        opacity: 0;
    }

    .vertical-card-sm .label-info-sm {
        color: #4c4c4c;
        line-height: 25px;
    }

    .vertical-card-sm .upload-progress,
    .medical-reports .upload-progress {
        position: relative;
        width: 100%;
        height: 2px;
        background: #DCDCDC;
        border-radius: 100%;
        margin: 5px 0;
    }

        .vertical-card-sm .upload-progress::before,
        .medical-reports .upload-progress::before {
            position: absolute;
            content: '';
            width: 72%;
            background: #104C88;
            top: 0;
            left: 0;
            height: 2.5px;
            transition: width 3s ease;
        }

.upload-data-del-btn {
    cursor: pointer;
}

.doc-upload-btn-desktop:hover {
    animation-duration: 0.4s;
    animation-name: expand-button;
    animation-timing-function: ease;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    transition: all .3s ease;
}

.doc-upload-btn-desktop {
    width: auto;
    height: auto;
    text-indent: -9999px;
    background: #104C88 url('../Logo/Common_Logo/upload-logo.svg') no-repeat;
    background-size: 20px;
    background-position: center;
    padding: 10px 20px;
}


@keyframes expand-button {
    100% {
        text-indent: 0;
        width: auto;
        background-color: #104C88;
        font-size: 14px;
    }
}

/* Btn micro-animation */
.btn.primary-btn:hover {
    transform: scale(1.02);
}

    .btn.primary-btn:hover + .btn-arrow {
        transform: translateX(3px) scale(1.01);
    }

        .btn.primary-btn:hover + .btn-arrow .icon-btn-arrow, .btn.primary-btn:hover .icon-btn-arrow {
            animation: moveLeftRight;
            animation-duration: 0.7s;
            animation-timing-function: ease;
            animation-direction: alternate;
            animation-fill-mode: both;
            transition: all .3s ease;
            animation-iteration-count: infinite;
        }

@keyframes moveLeftRight {
    0% {
        transform: translateX(8px);
    }

    100% {
        transform: translateX(-8px);
    }
}


/* Thank-you annimation */
.success-checkmark {
    width: 80px;
    height: 115px;
    margin: 0 auto;
    position: relative;
}

/* blink animation starts */
@keyframes blinker {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.blink1 {
    text-decoration: blink;
    animation-name: blinker;
    animation-duration: 0.6s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
    position: absolute;
    top: 17px;
    width: 16px;
    opacity: 0;
    left: -87px;
}

.blink2 {
    text-decoration: blink;
    animation-name: blinker;
    animation-duration: 0.6s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
    position: absolute;
    top: 63px;
    width: 8px;
    opacity: 0;
    left: -74px;
}

.blink3 {
    text-decoration: blink;
    animation-name: blinker;
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-direction: alternate-reverse;
    position: absolute;
    top: 19px;
    width: 24px;
    opacity: 0;
    left: -59px;
}

.blink4 {
    text-decoration: blink;
    animation-name: blinker;
    animation-duration: 0.6s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
    position: absolute;
    top: 23px;
    opacity: 0;
    left: 96px;
}

.blink5 {
    text-decoration: blink;
    animation-name: blinker;
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-direction: alternate-reverse;
    position: absolute;
    top: 53px;
    width: 16px;
    opacity: 0;
    left: 110px;
}

.blink6 {
    text-decoration: blink;
    animation-name: blinker;
    animation-duration: 0.6s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
    position: absolute;
    top: 25px;
    opacity: 0;
    left: 155px;
}

.blink7 {
    text-decoration: blink;
    animation-name: blinker;
    animation-duration: 0.6s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
    position: absolute;
    top: -4px;
    opacity: 0;
    left: 134px;
}

.blink8 {
    text-decoration: blink;
    animation-name: blinker;
    animation-duration: 0.6s;
    animation-iteration-count: infinite;
    animation-timing-function: step-end;
    animation-direction: alternate;
    position: absolute;
    top: 47px;
    opacity: 0;
    left: -19px;
}

.blink9 {
    text-decoration: blink;
    animation-name: blinker;
    animation-duration: 0.6s;
    animation-iteration-count: infinite;
    animation-timing-function: step-end;
    animation-direction: alternate;
    position: absolute;
    top: -4px;
    opacity: 0;
    left: -37px;
}

/* thank you annimation end */

/* Sidebar */
.custon-card {
    max-width: 250px;
    background: #F4FBFF;
    box-shadow: 0px 0px 8px rgba(177, 177, 177, 0.25);
    border-radius: 8px;
    padding: 16px;
}

    .custon-card span {
        vertical-align: bottom;
    }

.sidebar-content {
    border-bottom: 1px solid #BFBFBF;
}

.btn-request {
    padding: 8px 31px;
    font-size: 16px;
    color: white;
    line-height: 19px;
    display: inline-block;
    background: #104c88;
    border-radius: 28px;
    outline: none;
    border: 1px solid #104c88 !important;
    font-family: "Lato-Semibold";
    font-weight: 700;
}

    .btn-request:hover, .btn-request:focus {
        background: #104c88;
        border: 1px solid #104c88 !important;
        color: white;
        border-radius: 28px;
        outline: none;
    }

/* personal-details-minor */
.personal-details-minor .content-details {
    flex: 1;
}

.policy-details {
    min-width: 120px;
}

    .policy-details label {
        min-width: 65px;
    }

.form-control:disabled, .form-control[readonly] {
    background-color: white;
}

.personal-details .input-box input[type="text"] {
    border-radius: 4px;
}


/* Outline accordion */
.accordion-outline {
    box-shadow: none;
}

    .accordion-outline .card {
        padding: 32px 24px 32px 24px;
        box-shadow: none;
        border: 1px solid #D8D8D8;
        box-sizing: border-box;
        border-radius: 8px;
    }

.accordion.accordion-outline > .card:not(:last-of-type), .accordion.accordion-outline > .card:not(:first-of-type) {
    border: 1px solid #D8D8D8;
    border-radius: 8px;
}

.accordion-outline .card-header {
    background: none;
    border-bottom: none;
    padding: 25px 50px;
    color: #333333;
}

    .accordion-outline .card-header h3 {
        position: relative;
    }

        .accordion-outline .card-header h3::before {
            position: absolute;
            content: "";
            right: 10px;
            border: solid #a5a5a5;
            border-width: 0 2px 2px 0;
            display: inline-block;
            padding: 4px;
            transform: rotate(225deg);
            top: 10px;
            -webkit-transform: rotate(225deg);
            -moz-transform: rotate(225deg);
            -ms-transform: rotate(225deg);
            -o-transform: rotate(225deg);
        }

    .accordion-outline .card-header .collapsed h3::before {
        top: 4px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
    }

.accordian-card.active {
    border: 1px solid #00A1E3 !important;
}

.accordion-outline .desktop-hide {
    display: none;
}

/* Normal radio button */
.radio input[type="radio"] {
    position: absolute;
    opacity: 0;
}

.form-block .radio-label {
    color: #4c4c4c;
    font-family: "Lato-Regular";
    padding: 0px;
    cursor: pointer;
    font-size: 20px;
}

.form-block .radio input[type="radio"] + .radio-label:before {
    width: 23px;
    height: 23px;
    margin-top: -4px;
    margin-right: 13px;
    box-shadow: inset 0 0 0 5px #fff;
    background: #fff;
}

.radio input[type="radio"] + .radio-label:before {
    content: "";
    background: #f4f4f4;
    border-radius: 100%;
    border: 1px solid #00a1e3;
    display: inline-block;
    width: 15px;
    height: 15px;
    position: relative;
    top: 2px;
    margin-right: 5px;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease;
}

.form-block .radio input[type="radio"]:checked + .radio-label:before {
    background: #00a1e3;
}

.form-block .radio input[type="radio"] + .radio-label:before {
    width: 23px;
    height: 23px;
    margin-top: -4px;
    margin-right: 13px;
    box-shadow: inset 0 0 0 5px #fff;
    background: #fff;
}

.radio input[type="radio"]:checked + .radio-label:before {
    background-color: #00a1e3;
    border: 2px solid #00a1e3;
}

.form-block .radio input[type="radio"] + .radio-label:before {
    width: 20px;
    height: 20px;
    margin-top: 0px;
    margin-right: 13px;
    box-shadow: inset 0 0 0 5px #fff;
    background: #fff;
}

.radio input[type="radio"] + .radio-label:before {
    content: "";
    background: #f4f4f4;
    border-radius: 100%;
    border: 2px solid #00a1e3;
    display: inline-block;
    width: 10px;
    height: 10px;
    position: relative;
    top: 2px;
    margin-right: 5px;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease;
}

/* Post quote 01 */
.btn-proceed {
    font-size: 18px;
    line-height: 21px;
    min-width: 203px !important;
    padding: 8px 44px !important;
    border: 1.5px solid #104C88;
    border-radius: 28px;
    text-align: center;
}

.doc-modal-popop .modal-content {
    max-width: 466px;
    padding: 14px 13px;
    background: #FFFFFF;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    border-radius: 8px;
}

.post-qoute .close {
    position: absolute;
    top: 10px;
    right: 10px;
}

.post-qoute .icon-next-arrow {
    background: url('../assets_CPF/images/post-quote-01/next-arrow-icon.svg') no-repeat center;
    background-size: contain;
    border: none;
}
/* .doc-modal-popop .modal-body { padding-left: 0px; } 
.doc-modal-popop .modal-header { padding-top: 0px; } 
.doc-modal-popop .badge-custom .btn { padding: 10px 38px !important; min-width: 173px; font-size: 14px; line-height: 16px; } 
.doc-modal-popop .doc-upload-card { border: 1px dashed #00A1E3; border-radius: 8px; padding: 8px 14px; } 
.doc-modal-popop .doc-card { margin-left: 27px; } */

/* badge custom */
.badge-custom {
    border: 1px solid #DCDCDC !important;
    display: inline-block;
    margin-right: 16px;
    border-radius: 36px;
    -webkit-border-radius: 36px;
    -moz-border-radius: 36px;
    -ms-border-radius: 36px;
    -o-border-radius: 36px;
}

    .badge-custom .btn-primary {
        background: #D1E9F5;
        border: 1px solid #DCDCDC;
        box-sizing: border-box;
        border-radius: 36px;
    }

    .badge-custom .btn .badge {
        top: -4px;
        right: -8px;
    }

    .badge-custom .btn {
        line-height: 28px;
        padding: 8px 40px;
        color: #333333 !important;
        font-weight: 500;
        font-family: 'Lato-Medium';
        border: 1px solid #fff !important;
    }

    .badge-custom .btn-primary:not(:disabled):not(.disabled).active,
    .badge-custom .btn-primary:not(:disabled):not(.disabled):active,
    .badge-custom .show > .btn-primary.dropdown-toggle {
        background: #D1E9F5;
        color: #333333;
        box-shadow: none;
        outline: 0;
    }

    .badge-custom .btn:not(:disabled):not(.disabled) {
        cursor: pointer;
        box-shadow: none;
    }

/* Tabs capsule*/
.tabs-capsule .nav-pills .nav-link {
    background: #FFFFFF;
    box-sizing: border-box;
    padding: 11px 33px;
    font-family: "Lato-Regular";
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #666666;
    border-radius: 36px;
    border: 1px solid #fff;
}

    .tabs-capsule .nav-pills .nav-link:hover,
    .tabs-capsule .nav-pills .nav-link:focus,
    .tabs-capsule .nav-pills .nav-link.active {
        background: #D1E9F5;
        color: #333333;
        font-family: "Lato-Medium";
        font-weight: 500;
    }

.tabs-capsule .nav-pills .nav-item {
    margin: 0 8px 8px 0;
    border-radius: 36px;
    border: 1px solid #DCDCDC;
}

/* Communication details case 1*/
.communication-details-tab .nav-pills .nav-link {
    padding: 10px 35px;
}


/* filled popover */
.filled-popover .popover-body {
    padding: 0;
}

.filled-popover {
    box-shadow: 4px 2px 9px rgba(0, 0, 0, 0.1);
    border: 1px solid #104C88;
}

.filled-popover {
    background: #E6F1FF;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 22px;
    max-width: 162px;
}

    .filled-popover.bs-popover-auto[x-placement^=right] > .arrow::after, .filled-popover.bs-popover-right > .arrow::after {
        border-right-color: #E6F1FF;
    }

    .filled-popover.bs-popover-auto [x-placement^=right] > .arrow::before, .filled-popover.bs-popover-right > .arrow::before {
        left: 0;
        border-width: 8px 8px 8px 0;
        border-right-color: #104C88;
    }

    .filled-popover ul {
        list-style: disc;
        padding-left: 15px;
    }

        .filled-popover ul li {
            font-family: 'Lato-Medium';
            font-weight: 500;
            ;
            font-size: 14px;
            line-height: 17px;
            color: #104C88;
            padding: 0 0 5px 0;
        }

    .filled-popover.bs-popover-auto[x-placement^=right] > .arrow::after, .filled-popover.bs-popover-right > .arrow::after {
        left: 1.5px;
    }

.chat-voice {
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    background: #D1E9F5;
    z-index: 999;
}

    .chat-voice li:first-child {
        border-right: 1px solid #BFBFBF;
    }

    .chat-voice li a {
        transition: all .3s ease;
        border-radius: 50%;
    }

        .chat-voice li a:hover {
            background: #fff;
        }


/* Document upload modal */
.doc-card {
    max-width: 400px;
    margin: 0 auto;
    border: 1px dashed #00A1E3;
    border-radius: 8px;
}

    .doc-card .doc-upload-btn-v2 {
        border: 1px solid #DCDCDC;
        padding: 12px 30px;
        min-width: 175px;
        border-radius: 20px;
        display: inline-block;
        margin-bottom: 12px;
    }

        .doc-card .doc-upload-btn-v2:hover,
        .doc-card .doc-upload-btn-v2.active {
            background: #D1E9F5;
        }

        .doc-card .doc-upload-btn-v2.text-truncate {
            max-width: 100px;
        }

        .doc-card .doc-upload-btn-v2 .icon-doc-upload-close {
            width: 20px;
            height: 17px;
            background-size: contain;
            top: 50%;
            right: calc(100% - 92%);
            transform: translateY(-50%);
        }

/* vertical align custom class */
.vertical-align-baseline {
    vertical-align: baseline;
}

/* Select dropdowns */
select,
select option {
    color: #000000;
}

    select:invalid,
    select option[value=""] {
        color: #A5A5A5;
    }

/* Proposal form */
.proposal-form .card {
    padding: 24px;
}

.proposal-form label {
    margin-bottom: 12px;
}

.proposal-form .input-with-icon-left.input-field-lg {
    max-width: 316px;
}

.proposal-form .radio-toolbar input[type="radio"]:checked + label,
.proposal-form .radio-button-block [type="radio"]:checked + label,
.proposal-form .radio-button-block [type="radio"]:not(:checked) + label {
    padding: 10px 18px;
}

.question-list .input-field-lg, .question-list .form-select-lg {
    max-width: 770px;
    background-position: 98% 50%;
}

.question {
    margin-bottom: 32px;
}

.input-field-lg.height-auto {
    height: auto;
    padding: 10px 15px;
}

.input-field-lg.input-with-icon-left.height-auto {
    padding: 10px 15px 10px 42px;
}

.business {
    margin: 12px 0 24px;
}

/* Chat Icon left panel */
.chat-block {
    left: 27px;
    bottom: 15px;
}


/* Tabs custom */
.tabs-custom {
    border: 1px solid #D1E9F5;
    box-sizing: border-box;
    border-radius: 8px;
    background: #FFFFFF;
    box-shadow: 0px 0px 12px rgba(172, 172, 172, 0.25);
}

    .tabs-custom .nav-item {
        width: 50%;
    }

    .tabs-custom .nav-pills {
        background: #FFFFFF;
        box-shadow: 0px 0px 8px rgba(193, 206, 218, 0.35);
        border-radius: 8px 8px 0px 0px;
    }

    .tabs-custom .nav-link {
        border-radius: 8px 8px 0px 0px;
        border: 1px solid transparent;
        padding: 11px 20px;
        text-align: center;
        font-size: 14px;
        line-height: 17px;
        color: #666666;
        font-weight: 400;
        font-family: 'Lato-Regular';
    }

        .tabs-custom .nav-link.active {
            background: #D1E9F5;
            border: 1px solid #fff;
            border-left: 2px solid #fff;
            color: #333333;
            font-family: 'Lato-Medium';
            font-weight: 500;
        }

    .tabs-custom .tab-content {
        padding: 6px 14px 25px;
    }
/* Add nominee filled */

/*Tabs interactive*/
.tabs-interactive .tab-links .nav-pills {
    float: left;
    clear: both;
    border-radius: 20px;
    background: #FFFFFF;
    box-shadow: 0px 0px 8px rgba(193, 206, 218, 0.35);
}

.tabs-interactive .nav-pills .nav-link.active {
    background: #D1E9F5;
    border-radius: 20px;
    font-family: 'Lato-Medium';
    font-weight: 500;
    color: #333333;
    border: 2px solid #fff;
}

.tabs-interactive .nav-pills .nav-link {
    padding: 10px 40px 10px 20px;
    font-size: 16px;
    line-height: 20px;
    font-family: 'Lato-Regular';
    font-weight: 400;
    color: #666666;
    border: 2px solid transparent;
    position: relative;
}

    .tabs-interactive .nav-pills .nav-link .delete-dynamic-tab {
        position: absolute;
        top: 55%;
        right: 10px;
        transform: translateY(-50%);
        display: none;
    }

    .tabs-interactive .nav-pills .nav-link.active .delete-dynamic-tab {
        display: inline-block;
    }

/* customized card with radio button */
.radbox {
    position: relative;
    cursor: pointer;
    border: none;
    outline: none;
}

    .radbox input[type='radio'] {
        display: none;
    }

    .radbox .rad-text {
        content: '';
        width: 250px;
        background-color: #fff;
        border: 2px solid #f2f2f2;
        padding: 16px;
        border-radius: 8px;
        box-sizing: border-box;
    }

.first-radio-card, .second-credit-card {
    margin-right: 24px;
}

.radbox input[type="radio"]:checked + .rad-text {
    content: '';
    width: 250px;
    background: #FFFFFF;
    border: 1px solid #00A1E3;
    box-sizing: border-box;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
}

.radbox .add-another-address {
    padding: 19px 30px;
}

.btn.btn-add-nominee {
    padding: 10px 23px;
    font-size: 16px;
    line-height: 20px;
    box-shadow: 0px 0px 8px rgb(193 206 218 / 35%);
    border-radius: 20px;
    font-family: 'Lato-Regular';
    font-weight: 400;
    color: #666666;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}

.btn.btn-add-main {
    padding: 10px 23px;
    font-size: 16px;
    line-height: 20px;
    font-family: 'Lato-Regular';
    font-weight: 400;
    color: #666666;
    box-shadow: none;
}

/* add nomminee multiple */
.percent-amount {
    position: absolute;
    right: 32%;
    top: 21px;
    transform: translate(-50%,-50%);
}

.mobile-no-prefix {
    position: absolute;
    left: 2%;
    top: 50%;
    transform: translateY(-50%)
}

/* lifestyle and habits */
.lifestyle-habits .mw-820 {
    max-width: 820px;
    margin-right: auto;
}

.lifestyle-habits .nav-link {
    padding: 10px 25px;
}

/*Progress Stepper Desktop*/
/* .stepper-desktop { margin-left: 295px; } */
.progress-stepper {
    position: relative;
    display: flex;
    height: 55px;
    margin-left: -80px;
    padding-right: 96px;
    margin-right: -80px;
}

    .progress-stepper .progress-track {
        position: absolute;
        top: 0px;
        width: 100%;
        height: 12px;
        background-color: #d8d8d8;
        background-image: -webkit-linear-gradient( 45deg,rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,rgba(255, 255, 255, 0.15) 75%, transparent 75%,transparent);
        background-image: -o-linear-gradient( 45deg,rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-image: linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%,rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        -webkit-background-size: 40px 40px;
        background-size: 40px 40px;
        z-index: -1;
        overflow: hidden;
    }

.progress-step {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.inner-stepper {
    height: 12px;
    background: #92c947;
    background: #92c947;
    -webkit-transition: width 1s ease-in;
    -moz-transition: width 1s ease-in-out;
    -o-transition: width 1s ease-in-out;
    transition: width 1s ease-in;
    background-image: -webkit-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%,rgba(255, 255, 255, 0.15) 50%,rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient( 45deg,rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%,rgba(255, 255, 255, 0.15) 50% rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,rgba(255, 255, 255, 0.15) 75%,transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
}

.step-1 .inner-stepper {
    width: 10%;
}

.stepper-name {
    position: absolute;
    top: -7px;
    width: 100%;
    text-align: right;
}

.stepper-point {
    position: relative;
    z-index: 999;
    width: 24px;
    height: 24px;
    background: #d8d8d8;
    border: 2px solid #ffffff;
    border-radius: 50%;
    text-align: right;
    margin-left: auto;
    cursor: pointer;
}

    .stepper-point::after {
        content: "";
        position: absolute;
        top: 6px;
        left: 6px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #fff;
    }

.stepper-text {
    color: #666666;
    font-size: 16px;
    font-weight: 400;
    margin-top: 15px;
    text-align: right;
    margin-right: -40px;
}

.progress-step.is-active .stepper-point {
    background: #848484;
    animation: pulse 2s infinite;
}
/* .progress-step.is-pending .stepper-point { background: #848484; } */
.progress-step.is-active .stepper-text {
    font-weight: 700;
}

.progress-step.is-complete .stepper-point {
    background: #92c947;
}

    .progress-step.is-complete .stepper-point::after {
        width: 6px;
        height: 13px;
        border: solid #fff;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
        background: transparent;
        border-radius: 0;
        top: 2px;
        left: 7px;
    }

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(33, 131, 221, 0.4);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(33, 131, 221, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(33, 131, 221, 0);
    }
}

.your-detail-section {
    width: 24px;
    height: 24px;
    border: 1px solid #00A1E3;
    border-radius: 4px;
}

    .your-detail-section.is-active {
        background: #00A1E3;
        margin-left: 8px;
    }

    .your-detail-section.is-complete {
        background: #92C947;
        border: 1px solid #92C947;
    }

.form-content,
#nomineeDetailsSec,
#healthDetailsSec,
#otherDetailsSec,
#bankDetailsSec,
#childsDetailsSec {
    display: none;
}

    .form-content.is-active {
        display: block;
    }
/* Your summary indicator css */
.summary-wrap {
    position: absolute;
    top: 20px;
    right: 30px;
}

.your-summary {
    position: relative;
    width: 166px;
    height: 40px;
    overflow: hidden;
    background-color: #fff;
    text-align: center;
    border: 2px solid #d8d8d8;
    border-radius: 28px;
}

.your-summary-fill {
    width: 0;
    height: 100%;
    background-color: #00a1e3;
    -webkit-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
}

.summary-text {
    position: absolute;
    display: inline-block;
    top: 7px;
    width: 100%;
    left: 0;
    font-size: 18px;
    font-weight: 700;
    color: #dcdcdc;
    line-height: 22px;
}

.your-detls-smry {
    width: 10%;
}

/* tooltip on pointers */
.icon-trasparent-circle {
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: transparent;
    z-index: 1;
    display: none;
}

.progress-step.is-pending .icon-trasparent-circle {
    display: block;
}

/* Stepper Mobile */
.stepper-mobile {
    display: none !important;
    max-width: 95%;
    width: 100%;
    margin: 0 auto;
}

.main-step {
    width: 28px;
    height: 28px;
    background: #ffffff;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    cursor: pointer;
}
/* .stepper-mobile .line { position: relative; } */
/* .stepper-mobile .line::before { position: absolute; content: ""; height: 2px; background: #d8d8d8; width: 50px; top: 14px; left: 0; } */

.stepper-mobile .line {
    height: 2px;
    background: #d8d8d8;
    width: 100%;
    position: relative;
    top: 13px;
}

.stepper-mobile .main-block {
    width: 25%;
}
    /* .stepper-mobile .main-block.active .line { background: #92c947; } */
    .stepper-mobile .main-block.active .main-step {
        text-align: center;
        margin-top: -3px;
        width: 32px;
        height: 32px;
        transition: all 0.5s ease-in;
        -webkit-transition: all 0.5s ease-in;
        -moz-transition: all 0.5s ease-in;
        -ms-transition: all 0.5s ease-in;
        -o-transition: all 0.5s ease-in;
        border: 1px solid #999999;
        box-sizing: border-box;
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
    }

    .stepper-mobile .main-block.is-complete .main-step {
        width: 18px;
        height: 18px;
        background: #92c947;
        border: 1px solid #92c947;
        margin-top: 4px;
    }

        .stepper-mobile .main-block.is-complete .main-step::after {
            content: "";
            content: "";
            position: absolute;
            width: 5px;
            height: 10px;
            border: solid #fff;
            border-width: 0 2px 2px 0;
            transform: rotate( 45deg );
            background: transparent;
            border-radius: 0;
            top: 7px;
            left: 6.5px;
        }

.step {
    width: 24px;
    height: 24px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border: 1px solid #3D3F76;
    box-sizing: border-box;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
}

.step1 {
    position: absolute;
    left: -20px;
    top: -28px;
    display: none;
}

.step2 {
    position: absolute;
    left: 2px;
    top: -52px;
    display: none;
}
/* .step3 { position: absolute; top: -28px; right: -4px; display: none; } */
.step3 {
    position: absolute;
    top: -28px;
    right: auto;
    display: none;
    left: 24px;
}

.stepper-mobile .main-block.active .step1,
.stepper-mobile .main-block.active .step2,
.stepper-mobile .main-block.active .step3 {
    display: none;
}

.step.is-active {
    background: #3D3F76;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
}

.step.is-complete {
    background: #92c947 !important;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
    border: 1px solid #92c947;
}

    .step.is-complete::after {
        content: "";
        position: absolute;
        width: 6px;
        height: 13px;
        border: solid #fff;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
        background: transparent;
        border-radius: 0;
        top: 3px;
        left: 7px;
    }

.mob-form-content {
    display: none;
}

    .mob-form-content.is-active {
        display: block;
    }

#mobNomineeDetails,
#mobHealthDetails,
#mobOtherDetails,
#mobBankDetails {
    display: none;
}

.mob-summary {
    position: relative;
    min-width: 95px;
    height: 30px;
    overflow: hidden;
    background-color: #fff;
    text-align: center;
    border: 2px solid #dcdcdc;
    border-radius: 28px;
}

.mob-summary-fill {
    width: 10%;
    height: 100%;
    background-color: #00a1e3;
    -webkit-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
}

.mob-summary-text {
    position: absolute;
    display: inline-block;
    top: 4px;
    width: 100%;
    left: 0;
    font-size: 14px;
    font-weight: 400;
    color: #dcdcdc;
}

.stepper-mobile .main-block.is-pending .main-step {
    width: 32px;
    height: 32px;
    border: 1px solid #C94747;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
    margin-top: 0;
}

/* your details icon with inner icons */
.mob-your-details.active .icon-your-details {
    background: url("../assets_CPF/images/step1/your-details-active.svg") no-repeat top 7px center;
}

.mob-your-details .step1.is-active {
    background: #3D3F76 url("../assets_CPF/images/step1/your-details-inner-1.svg") no-repeat top 4px left 4px;
    background-size: 15px;
}

.mob-your-details .step2 {
    background: url("../assets_CPF/images/step1/your-details-inner-2.svg") no-repeat top 3px left 3px;
    background-size: 15px;
}

    .mob-your-details .step2.is-active {
        background: #3D3F76 url("../assets_CPF/images/step1/your-details-inner-2-active.svg") no-repeat top 3px left 3px;
        background-size: 15px;
    }

.mob-your-details .step3 {
    background: url("../assets_CPF/images/step1/your-details-inner-3.svg") no-repeat top 3px left 3px;
    background-size: 15px;
}

    .mob-your-details .step3.is-active {
        background: #3D3F76 url("../assets_CPF/images/step1/your-details-inner-3-active.svg") no-repeat top 3px left 3px;
        background-size: 15px;
    }

/* nominee details icon */
/* .show-nominee-address { display: none; } */
.mob-nominee-details .icon-nominee-details {
    background: url("../assets_CPF/images/step2/nominee-details-active.svg") no-repeat top 6px left 5px;
}

.mob-nominee-details.active .icon-nominee-details {
    background: url("../assets_CPF/images/step2/nominee-details-active.svg") no-repeat top 7px left 3px;
}

.mob-nominee-details.is-complete .icon-nominee-details {
    background: none;
}

/* health details icon with inner icons */
.mob-health-details .icon-health-details {
    background: url("../assets_CPF/images/step3/health-lifestyle-active.svg") no-repeat top 6px left 3px;
}

.mob-health-details.active .icon-health-details {
    background: url("../assets_CPF/images/step3/health-lifestyle-active.svg") no-repeat top 7px left 0px;
}

.mob-health-details .step1.is-active {
    background: #3D3F76 url("../assets_CPF/images/step3/health-lifestyle-inner-1-active.svg") no-repeat top 3px left 3px;
    background-size: 16px;
}

.mob-health-details .step2 {
    background: url("../assets_CPF/images/step3/health-lifestyle-inner-2.svg") no-repeat top 1px left 4px;
    background-size: 13px;
}

    .mob-health-details .step2.is-active {
        background: #3D3F76 url("../assets_CPF/images/step3/health-lifestyle-inner-2-active.svg") no-repeat top 1px left 4px;
        background-size: 13px;
    }

.mob-health-details .step3 {
    background: url("../assets_CPF/images/step3/health-lifestyle-inner-3.svg") no-repeat top 3px left 3px;
    background-size: 15px;
}

    .mob-health-details .step3.is-active {
        background: #3D3F76 url("../assets_CPF/images/step3/health-lifestyle-inner-3-active.svg") no-repeat top 3px left 3px;
        background-size: 15px;
    }

.mob-health-details.is-complete .icon-health-details {
    background: none;
}

/* other details icon with inner icons */
.mob-other-details .icon-other-details {
    background: url("../assets_CPF/images/step4/other-details-active.svg") no-repeat top 6px left 8px;
}

.mob-other-details.active .icon-other-details {
    background: url("../assets_CPF/images/step4/other-details-active.svg") no-repeat top 7px left 5px;
}

.mob-other-details .step1.is-active {
    background: #3D3F76 url("../assets_CPF/images/step4/other-details-inner-1-active.svg") no-repeat top 3px left 3px;
    background-size: 16px;
}

.mob-other-details .step3 {
    background: url("../assets_CPF/images/step4/other-details-inner-2.svg") no-repeat top 4px left 5px;
    background-size: 13px;
}

    .mob-other-details .step3.is-active {
        background: #3D3F76 url("../assets_CPF/images/step4/other-details-inner-2-active.svg") no-repeat top 4px left 5px;
        background-size: 13px;
    }

.mob-other-details.is-complete .icon-other-details {
    background: none;
}

/* bank details icon */
.mob-bank-details .icon-bank-details {
    background: url("../assets_CPF/images/step5/bank-details-active.svg") no-repeat top 6px left 7px;
}

.mob-bank-details.active .icon-bank-details {
    background: url("../assets_CPF/images/step5/bank-details-active.svg") no-repeat top 7px left 4px;
}

.mob-bank-details.is-complete .icon-bank-details {
    background: none;
}

/* bank pennydrop don't have penny drop facilitate*/
.no-penny-drop-facility {
    max-width: 750px;
}


/* tooltip on pointers */
.mob-icon-trasparent-circle {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: transparent;
    z-index: 1;
    display: none;
}

.stepper-mobile .main-block.is-pending .mob-icon-trasparent-circle {
    display: block;
    transition: 2s ease-in-out;
}

.opacity-div {
    opacity: 0.5;
    pointer-events: none;
}

.mob-stepper-name {
    font-size: 11px;
    font-size: 11px;
    color: #999999;
    font-weight: 400;
    text-align: center;
    margin-top: 5px;
    display: none;
    position: absolute;
    width: 100px;
    bottom: -17px;
    right: 0;
    left: -32px;
}

.stepper-mobile .main-block.active .mob-stepper-name {
    display: block;
    left: -28px;
}

.your-details {
    position: absolute;
    top: -50px;
    left: -95px;
}
/* top: 0; */



/* Outline popover */
.outline-popover {
    background: #FFFFFF;
    border: 1px solid #979797;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 16px;
    box-shadow: 4px 2px 9px rgba(0, 0, 0, 0.1);
}

    .outline-popover span {
        color: #C94747;
    }

    .outline-popover .arrow {
        left: 40px !important;
    }


.popover.outline-popover-sm {
    max-width: 125px;
    position: absolute;
    top: -50px;
    left: auto;
    right: -46px;
    padding: 10px;
    display: none;
}

.in-complete .popover.outline-popover-sm {
    display: block;
}

.progress-step.is-active.in-complete .stepper-point {
    background: #C94747;
}

.popover.outline-popover-sm .arrow::before {
    bottom: -41px;
    content: " ";
    display: block;
    height: 20px;
    left: 3px;
    position: absolute;
    border-color: #a9a9a9 transparent transparent transparent;
    border-style: solid;
    border-width: 11px;
}

.popover.outline-popover-sm .arrow::after {
    border-left: solid transparent 11px;
    border-right: solid transparent 11px;
    border-top: solid #fff 10px;
    bottom: -31px;
    content: " ";
    height: 0;
    left: 3px;
    margin-left: 0;
    position: absolute;
    width: 0;
}


/* E-insurance-details */
.custom-address-card {
    max-width: 250px;
    padding: 16px;
    border: 1px solid #F2F2F2;
    border-radius: 4px;
}

.insurance-radio-toolbar .radio-toolbar {
    border: 1px solid #DCDCDC;
    padding-left: 6px;
    box-shadow: none;
}

    .insurance-radio-toolbar .radio-toolbar input[type="radio"] + label {
        min-width: 110px;
    }

.add-nominee-button {
    background: #FFFFFF;
    box-shadow: 0px 0px 8px rgb(193 206 218);
    border-radius: 20px;
}

/* Diabetes Control diet radio button */
.diabetes-radio-toolbar .radio-toolbar {
    border: 1px solid #DCDCDC;
    padding-left: 6px;
    box-shadow: none;
}

    .diabetes-radio-toolbar .radio-toolbar input[type="radio"] + label {
        min-width: 110px;
    }
/* Diabetes Control diet radio button */
/* treatment radio control */
.treatment-radio-toolbar .radio-toolbar {
    border: 1px solid #DCDCDC;
    padding-left: 6px;
    box-shadow: none;
}

    .treatment-radio-toolbar .radio-toolbar input[type="radio"] + label {
        min-width: 110px;
    }
/* end treament radio control */
/* Capsule radio button */
.radio-capsule .radio input[type="radio"] + .radio-label:before {
    display: none;
    opacity: 0;
}

.radio-capsule .radio-toolbar input[type="radio"]:checked + label {
    margin-left: 0;
    border-radius: 36px;
    -webkit-border-radius: 36px;
    -moz-border-radius: 36px;
    -ms-border-radius: 36px;
    -o-border-radius: 36px;
}

.radio-capsule .radio-toolbar input[type="radio"] + label:last-child {
    margin-left: 0;
}

.radio-capsule .radio-toolbar {
    border: 1px solid #DCDCDC;
    box-shadow: none;
    overflow: hidden;
}

    .radio-capsule .radio-toolbar label, .radio-capsule .radio-toolbar input[type="radio"]:checked + label {
        padding: 8px 20px;
    }

    .radio-capsule .radio-toolbar label {
        border: 1px solid #fff;
        border-radius: 36px;
        cursor: pointer;
    }

    .radio-capsule .radio-toolbar input[type="radio"]:checked + label {
        border: 1px solid #fff;
        border-radius: 36px;
    }

.proposal-form .radio-capsule .radio-toolbar input[type="radio"] + label {
    margin-bottom: 0
}


/* Validations */
.alert {
    display: none;
}

.error {
    color: #e74c3c;
    display: block;
}
/* for submit proofs */
.submit-proofs .error,
.select-proofs-minor .error,
.single-doc-upload .error {
    font-family: 'lato-medium';
    font-weight: 550;
    margin-bottom: 20px;
    display: inline-block;
    background: #fff;
    color: #e74c3c;
    padding: 10px;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.upload-one-doc .error {
    display: block;
    font-family: 'lato-medium';
    font-weight: 550;
}

/* Desktop stepper fixed */
.progress-stepper {
    position: fixed;
    width: 78%;
    z-index: 9999;
    height: auto;
    top: 69px;
    height: 75px;
    background: #fff;
}

.main-stepper-content.main-page {
    padding: 140px 0 20px 80px;
}

.your-details {
    top: 0;
}

/* otp block changes */
.otp-block .input-box {
    width: 316px;
    margin-right: 22px;
}

.otp-block .primary-btn {
    padding: 9px 44px;
}

/* e-otp block */
.e-otp-block .input-box {
    width: 316px;
}

/* error pages css start */
.number-info {
    font-size: 20px;
}

.number-tel-text {
    font-size: 22px;
}

.time-info {
    font-size: 18px;
}

.fradulent-offers-wrap {
    max-width: 830px;
    width: 100%;
    margin: 24px auto;
    padding: 32px 28px;
    border: 1.68966px solid #DCDCDC;
    border-radius: 14px;
}

.beware-title {
    font-size: 18px;
    text-decoration: underline;
}

.beware-info {
    font-size: 16px;
}

.error-page-container .error-sub-text-width {
    max-width: 650px;
    margin: 0 auto;
}


/* Add nominee minor */
.add-nom-minor .row:first-child .form-group {
    margin-top: 0 !important;
}

/* Investment details */
.outline-capsules .radio-toolbar {
    margin: 0 8px 8px 0;
    box-shadow: 0px 0px 12px 0px rgb(172 172 172 / 25%);
    outline: 0;
    border: none;
}

/* Summary */
.sum-title .icon-edit-blue {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.sum-title {
    margin-bottom: 16px;
    padding-bottom: 16px;
}

.icon-edit-blue-right {
    position: absolute;
    right: 15px;
    top: 15px;
}

/* Health details for female */
.filled-accordion.health-details .acc-card-header {
    color: #4C4C4C;
    background: #F7FCFF;
    border: 1px solid #D8D8D8;
    box-sizing: border-box;
    border-radius: 8px 8px 0px 0px;
    text-transform: none;
}

.filled-accordion.health-details .card-body {
    background: #FFFFFF;
    border: 1px solid #DCDCDC;
    box-sizing: border-box;
    border-radius: 0 0 8px 8px;
    border-top: none;
    padding: 8px 16px 15px !important;
}

.filled-accordion.health-details .acc-card-header:after {
    right: 3%;
}

.filled-accordion.health-details .card {
    box-shadow: none;
}

.filled-accordion.health-details .acc-card-header.collapsed {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.card .card-secondary-border {
    border: 1px solid #DCDCDC;
}

.medical-details .radio-capsule .radio-toolbar {
    margin-right: 4px;
}

.medical-details .radio-toolbar label {
    padding: 8px 12px;
}

.medical-details .radio-toolbar input[type="checkbox"]:checked + label {
    background: #d1e9f5;
    border-color: #d1e9f5;
    font-size: 14px;
    line-height: normal;
    font-family: "Lato-Regular";
    color: #333333;
    padding: 8px 12px;
    text-align: center;
}

.medical-details input[type="checkbox"] {
    position: absolute;
    display: none;
}
/* opacity: 0; */
.medical-details .medical-details-capsules {
    border-bottom: 1px dashed #D8D8D8;
}

.selected-medical-detail-capsule {
    border: 1px solid #DCDCDC;
    padding: 2px;
    border-radius: 36px;
    overflow: hidden;
    margin-right: 5px;
    display: inline-block;
}

.ind-capsule {
    background: #D1E9F5;
    padding: 10px 30px 10px 20px;
    border: 1px solid #DCDCDC;
    cursor: pointer;
    border-radius: 36px;
}

    .ind-capsule .position-absolute {
        top: 50%;
        transform: translateY(-50%);
        right: calc(100% - 95%);
    }

.medical-alert-box {
    background: #F4FBFF;
    bottom: 0;
    left: 0;
    padding: 24px 15px 35px 20px;
    z-index: 9999;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    box-shadow: 0px -4px 10px 0px #00000033;
    transition: all .3s ease;
    width: 100%;
    height: auto;
}

.icon-close {
    background: url('../Logo/Common_Logo/icon-close.svg') no-repeat center;
}

.medical-alert-box .medical-alert-box-close {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

.medical-alert-box .radio-label.custom-popover {
    box-shadow: none;
}

.error.desktop_checkbox_group {
    background: rgb(221 36 36);
    padding: 10px 15px;
    border-radius: 20px;
    color: #fff;
    padding: 10px 15px;
    border-radius: 20px;
    color: #fff;
}
/* custom popover */
.popover {
    max-width: 535px;
    width: 100%;
    border: none;
}

.custom-popover {
    border: none;
    background: #FFFFFF;
    box-shadow: 0px 0px 12px rgba(172, 172, 172, 0.25);
    border-radius: 4px;
    padding: 8px;
    max-width: 536px;
}

    .custom-popover span {
        margin: 0;
    }

    .custom-popover .arrow {
        display: none;
    }

.popover.custom-popover .arrow::after, .popover.custom-popover .arrow::before {
    border-bottom-color: #fff;
}

/* added 31052021 */
.several-disease-wrap {
    border: 1px solid #DCDCDC;
    border-radius: 8px;
}

    .several-disease-wrap .tab-links {
        background: #F7FCFF;
        border-bottom: 1px solid #D8D8D8;
        padding: 7px 15px;
        border-radius: 8px 8px 0px 0px;
    }

.sev-inner-tab-content {
    padding: 15px 15px 0 15px;
}

.hide-add-members {
    color: #8F909D;
}

.border-bottom-dash {
    border-bottom: 1px dashed #D8D8D8;
}




/* Investment details */
.content-list {
    list-style: disc;
}

.scrollbar .sidebar-tab-content .slimScrollDiv, .scrollbar .slimScrollDiv, .scrollbar .testDiv {
    height: 500px !important;
}
/* width: 95% !important; */
.content-list .content-icon-sm {
    background: #FFFFFF;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}

.content-list .icon-xs-v1 {
    width: 24px;
    height: 20px;
}

.content-list-footer {
    margin: 64px 0 100px;
}

.icons-row {
    max-width: 710px;
}

.icon-block .icon {
    position: relative;
    margin-bottom: 12px;
    width: 64px;
    height: 64px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}

.icon-customised-quote {
    background: #fff url('../Logo/Common_Logo/customized-quote.svg') no-repeat center center;
}

.icon-digital-payment {
    background: #fff url('../Logo/Common_Logo/digital-signature-orange.svg') no-repeat center center;
}

.icon-upload-document {
    background: #fff url('../Logo/Common_Logo/upload-doc-orange.svg') no-repeat center center;
}

.icon-block:after {
    content: '';
    position: absolute;
    width: 72px;
    height: 20px;
    background: url('../Logo/Common_Logo/arrow-orange.svg') no-repeat center center;
    top: 30px;
    right: -48px;
}

.icon-block {
    width: 35%;
}

    .icon-block:last-child {
        width: 25%;
    }

        .icon-block:last-child:after {
            display: none;
        }

    .icon-block h4 {
        max-width: 215px;
        margin: 0 auto;
    }

    .icon-block:last-child h4 {
        max-width: 100px;
        margin: 0 auto;
    }


/* Retrieve quote popup */
.ckyc-modal-popop.retrieve-modal .ckyc-fetch-btn {
    padding: 10px 20px !important;
    font-size: 18px;
    line-height: 22px;
}

.ckyc-modal-popop.retrieve-modal .btn-cancel {
    padding: 10px 26px;
    min-width: 203px;
}

/* Generate BI: Card custom */
.w-20 {
    width: 20%;
    padding-right: 15px;
}

.card.card-custom {
    padding: 23px 24px;
}
/* Card vertical */
.card-vertical {
    cursor: pointer;
    background: #FFFFFF;
    position: relative;
    border: 2px solid #D8D8D8;
    box-sizing: border-box;
    box-shadow: 0px 0px 10px rgba(172, 172, 172, 0.2);
    border-radius: 8px;
}

    .card-vertical .card {
        padding: 25px 13px;
    }

    .card-vertical .card-logo {
        margin-bottom: 36px;
    }

    .card-vertical .card ul {
        margin: 50px 0 34px;
    }

        .card-vertical .card ul li {
            background: url('../Logo/Common_Logo/tick-mark-green.svg') no-repeat left 14px top;
            padding-left: 45px;
        }

    .card-vertical .btn-secondary-large {
        width: 100%;
        max-width: 240px;
    }

.generate-bi .card-vertical .tag {
    position: absolute;
    top: -14px;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
}

.card-vertical .tag span {
    display: inline-block;
    background: #104C88;
    border-radius: 8px;
    padding: 17px 32px;
    margin: 0;
}

.card-vertical:hover .tag {
    display: block;
}

.generate-bi .card-vertical {
    border: 1px solid #104C88;
    box-sizing: border-box;
    box-shadow: 0px 0px 10px rgba(172, 172, 172, 0.5);
}

.generate-bi .grey-bottom-arrow {
    margin: 10px 0 30px;
}

.generate-bi .card-vertical {
    max-width: 200px;
    width: 100%;
    box-shadow: none;
}

.generate-bi .or {
    margin: 0 21px;
}

.generate-bi .card-vertical .tag span {
    display: inline-block;
    background: #104C88;
    border-radius: 4px;
    padding: 4px 19px;
    margin: 0;
}

.generate-bi .card-vertical .card-logo {
    margin-bottom: 8px;
}

.generate-bi .card-vertical ul {
    margin: 0;
    background: none;
}

    .generate-bi .card-vertical ul li {
        background: none;
        padding: 0;
        text-align: center;
        background-color: #D1E9F5;
        padding: 2px 10px;
    }

.generate-bi .card-vertical .card {
    box-shadow: none;
}

.generate-bi .card-vertical .card {
    padding: 25px 13px 0;
}

.generate-bi .card-vertical ul li:nth-child(2) {
    background: #fff;
}

.generate-bi .card-vertical .end-line {
    padding: 15px 10px;
    text-align: center;
}

.generate-bi .card-vertical:last-child ul li {
    margin: 15px 0 37px;
    padding: 4px 10px;
}

/* Fund Performance */
/* custom switch toggle button */
.switch-toggle {
    background: #FFFFFF;
    box-shadow: 0px 0px 8px rgb(193 206 218 / 49%);
    border-radius: 36px;
    display: inline-block;
}

    .switch-toggle .btn-color-mode-switch {
        display: inline-block;
        margin: 0px;
        position: relative;
        min-width: 160px;
        border: 1px solid transparent;
        border-radius: 16px;
    }

        .switch-toggle .btn-color-mode-switch input[type="checkbox"] {
            cursor: pointer;
            width: 50px;
            height: 25px;
            opacity: 0;
            position: absolute;
            top: 0;
            z-index: 1;
            margin: 0px;
        }

        .switch-toggle .btn-color-mode-switch > label.btn-color-mode-switch-inner {
            margin: 0px;
            width: 100%;
            height: 40px;
            background: #fff;
            border-radius: 26px;
            overflow: hidden;
            position: relative;
            transition: all 0.3s ease; /* box-shadow: 0px 0px 8px 0px rgb(17 17 17 / 34%) inset; */
            display: block;
            cursor: pointer;
        }

            .switch-toggle .btn-color-mode-switch > label.btn-color-mode-switch-inner:before {
                content: attr(data-on);
                position: absolute;
                font-size: 16px;
                line-height: 20px;
                font-family: "Lato-Semibold";
                font-weight: 600;
                color: #333;
                opacity: 0.7;
                top: 9px;
                right: 21px;
            }

            .switch-toggle .btn-color-mode-switch > label.btn-color-mode-switch-inner:after {
                content: attr(data-off);
                width: 78px;
                height: 36px;
                position: absolute;
                left: 2px;
                top: 2px;
                text-align: center;
                transition: all 0.3s ease;
                padding: 7px 0px;
                font-size: 16px;
                line-height: 20px;
                font-family: "Lato-Semibold";
                font-weight: 600;
                color: #333;
                background: #D1E9F5;
                border-radius: 36px;
            }

        .switch-toggle .btn-color-mode-switch input[type="checkbox"]:checked + label.btn-color-mode-switch-inner:after {
            content: attr(data-on);
            left: 79px;
        }

        .switch-toggle .btn-color-mode-switch input[type="checkbox"]:checked + label.btn-color-mode-switch-inner:before {
            content: attr(data-off);
            right: auto;
            left: 17px;
        }

/* Fund Performance - Graph */
.graph-radio-capsules .radio-toolbar {
    margin-right: 5px;
}

.radio-toolbar-for-graph {
    border-radius: 8px;
    border: 1px solid #DCDCDC;
}

.radio-button-block .radio-toolbar-for-graph [type="radio"]:checked + label, .radio-button-block .radio-toolbar-for-graph [type="radio"]:not(:checked) + label, .radio-button-block .radio-toolbar-for-graph .radio-toolbar label:last-child {
    padding: 10px 60px;
    border-radius: 8px;
}

.radio-button-block .radio-toolbar-for-graph input[type="radio"]:first-child:checked + label {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.fund-perf-graph .graph-radio-capsules {
    max-width: 980px;
}

.fund-perf-graph .radio-toolbar input[type="radio"] + label:last-child {
    margin-left: 0;
}

/* Suitability analysisi popup */
.suitability-analysis .modal-main {
    padding-bottom: 40px;
}

.suitability-analysis.custom-modal-popop .modal-content {
    max-width: 908px;
}

.suitability-analysis .outline-capsules .radio-toolbar {
    box-shadow: none;
    border: 1px solid #DCDCDC;
    padding: 1px;
}

.suitability-analysis .outline-capsules .radio-label, .suitability-analysis .outline-capsules input[type="radio"]:checked + .radio-label {
    min-width: 130px;
    padding: 11px 23px;
}

.suitability-analysis .secondary-btn.view-recommendation-btn {
    padding: 10px 40px;
}

/* qoute-page */
/* Card horizontal */
/* .qoute-page-stripe-first .whatsapp-detail,.qoute-page-stripe-second .whatsapp-detail { display: none; transition: all 0.4s ease 1s; } */
.card-horizontal {
    background: #280971;
    border-radius: 8px;
    padding: 25px 24px 25px 28px;
    max-width: 463px;
    overflow: hidden;
}

.icon-maturity-benefit {
    background: url('../Logo/Common_Logo/maturity-benefit.svg') no-repeat left top;
}

.icon-sum-assured {
    background: url('../Logo/Common_Logo/sum-assured.svg') no-repeat center;
}
/* Fixed top right stripe */
.icon-whatsapp {
    background: url('../Logo/Common_Logo/whatsapp-icon.svg') no-repeat center;
}

.icon-share {
    background: url('../Logo/Common_Logo/share-icon.svg') no-repeat center;
}

.qoute-page-stripe {
    display: inline-block;
    position: fixed;
    z-index: 4;
    padding: 0px 5px;
    transition: all .3s ease;
    border-radius: 4px;
}

.qoute-page-stripe-first {
    top: 23%;
    right: -4px;
    background: #1BD741;
}

.qoute-page-stripe-second {
    top: 15%;
    right: -4px;
    background: #280971;
}
/* .qoute-page-stripe-first:hover,.qoute-page-stripe-second:hover { right: 0; } */
/* .qoute-page-stripe-first:hover .whatsapp-detail,.qoute-page-stripe-second:hover .whatsapp-detail { display: block; } */
.bg-light-blue {
    background: #D1E9F5;
}

.card-horizontal .card-nesting {
    padding: 15px 25px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

    .card-horizontal .card-nesting.card-nesting-min-width-v2 {
        min-width: 190px;
        padding: 21px 0px;
        text-align: center;
    }

    .card-horizontal .card-nesting.card-nesting-min-width {
        min-width: 236px;
        text-align: center;
        padding: 35px 0;
    }

.card-horizontal .tag {
    padding: 5px;
    top: 13px;
    background: #F9E292;
    transform: rotate(-45deg);
    width: 100px;
    left: -27px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}

.recommendation .form-control.input-with-icon-left {
    max-width: 100%;
}

.recommendation .radbox input[type="radio"]:checked + .rad-text, .recommendation .radbox .rad-text {
    max-width: 200px;
    padding: 15px;
    width: 100%;
}

.recommendation .radbox .rad-text {
    border: 2px solid #f2f2f2;
    padding: 15px;
}

.width-max-content {
    width: max-content;
}

.recommendation .recommendation-right-arrow {
    top: 50%;
    left: -20px;
    transform: translateY(-50%);
}
/* iframe */
.custom-iframe {
    width: 100%;
    height: 400px;
    background: #D1D1D1;
    padding: 0px;
    box-shadow: 0px 0px 12px 0px rgb(172 172 172 / 25%);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}


/* Fund performance */
.sidebar-tab-content.fund-performance .slimScrollDiv, .sidebar-tab-content.fund-performance .table-responsive-lg {
    height: auto !important;
}

.sidebar-tab-content.fund-performance .table td, .sidebar-tab-content.fund-performance .table th {
    border-top: none;
}

.sidebar-tab-content.fund-performance table {
    width: 100%;
    table-layout: fixed;
}

.sidebar-tab-content.fund-performance .tbl-content {
    height: 300px;
    overflow-x: auto;
    margin-top: 0px;
    border: 1px solid rgba(255,255,255,0.3);
}

.sidebar-tab-content.fund-performance .switch-toggle {
    margin: 34px 0;
}

.sidebar-tab-content.fund-performance .tbl-content tr td {
    padding: 24px 15px 0 0;
}

.sidebar-tab-content.fund-performance .tbl-content {
    padding-bottom: 60px;
}

.sidebar-tab-content.fund-performance .tbl-header {
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 16px;
}

.sidebar-tab-content.fund-performance table tr th:first-child {
    width: 300px;
}

.sidebar-tab-content.fund-performance .tbl-content tr td:first-child {
    width: 300px;
}

.sidebar-tab-content.fund-performance .tbl-content tr td:nth-child(2) {
    width: 120px;
}

.sidebar-tab-content.fund-performance table tr th:nth-child(2),
.sidebar-tab-content.fund-performance table tr th:nth-child(3),
.sidebar-tab-content.fund-performance table tr th:nth-child(4),
.sidebar-tab-content.fund-performance table tr th:nth-child(5),
.sidebar-tab-content.fund-performance table tr th:nth-child(6) {
    width: 120px;
}

.sidebar-tab-content.fund-performance .tbl-content tr td:nth-child(3),
.sidebar-tab-content.fund-performance .tbl-content tr td:nth-child(4),
.sidebar-tab-content.fund-performance .tbl-content tr td:nth-child(5),
.sidebar-tab-content.fund-performance .tbl-content tr td:nth-child(6) {
    width: 120px;
}

.sidebar-tab-content.fund-performance table tr th:last-child,
.sidebar-tab-content.fund-performance .tbl-content tr td:last-child {
    width: 130px;
}



/* Quote page */
.what-to-pay .card.card-horizontal {
    max-width: 100%;
}



/* Fund performance table mobile version */
.tabs-mobile .nav-tabs {
    border-bottom: none;
    flex-wrap: nowrap;
    overflow: hidden;
    overflow-x: scroll;
    padding-bottom: 20px;
}

    .tabs-mobile .nav-tabs .nav-link {
        background: #FFFFFF;
        border: 0.5px solid #D8D8D8;
        box-sizing: border-box;
        border-radius: 8px;
        font-weight: 500;
        font-size: 12px;
        line-height: 15px;
        text-align: center;
        min-width: 100px;
        color: #848484;
        padding: 10px 12px;
    }

.tabs-mobile {
    overflow: hidden;
    overflow-x: scroll;
}

    .tabs-mobile .nav-tabs .nav-link.active {
        border: 0.5px solid #104C88;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
        color: #4C4C4C;
        font-weight: 700;
    }

    .tabs-mobile .nav-tabs .nav-item {
        margin-right: 8px;
        flex: 1;
    }

        .tabs-mobile .nav-tabs .nav-item:nth-child(1) .nav-link {
            padding: 18px 12px;
        }

        .tabs-mobile .nav-tabs .nav-item:nth-child(2) .nav-link {
            padding: 18px 12px;
        }

        .tabs-mobile .nav-tabs .nav-item:nth-child(3) .nav-link {
            padding: 18px 12px;
        }

    .tabs-mobile .tbl-content table tr td {
        border-top: none;
    }

    .tabs-mobile .tbl-header table, .tabs-mobile .tbl-content table tr td {
        border: 1px solid #DCDCDC;
    }

    .tabs-mobile .tbl-header {
        padding-bottom: 0 !important;
        border-bottom: none !important;
    }

        .tabs-mobile .tbl-header tr th:first-child {
            background: #E8E8E8;
            border-bottom: 1.5px solid #E8E8E8;
            vertical-align: middle;
            border-left: none;
        }

        .tabs-mobile .tbl-header tr th:last-child {
            background: #104C88;
            border-bottom: 1.5px solid #104C88;
            vertical-align: middle;
        }

        .tabs-mobile .tbl-header table tr th {
            padding: 8px;
        }

    .tabs-mobile .tbl-content tr td {
        padding: 9px 11px 8px !important;
    }

    .tabs-mobile .tbl-content h4 {
        font-size: 12px !important;
        line-height: 15px !important;
        color: #333333;
    }

    .tabs-mobile .tbl-content h6 {
        font-size: 9px !important;
        line-height: 11px !important;
        color: #666666;
    }

.sidebar-tab-content.fund-performance .tabs-mobile table tr th:first-child, .sidebar-tab-content.fund-performance .tabs-mobile .tbl-content tr td:first-child {
    width: 29%;
}

.sidebar-tab-content.fund-performance .tabs-mobile .tbl-content tr td:first-child {
    background: #F5F5F5;
    vertical-align: middle;
}

.sidebar-tab-content.fund-performance .tabs-mobile .tbl-content tr td:last-child {
    text-align: right;
    vertical-align: middle;
}

.sidebar-tab-content.fund-performance .tabs-mobile .tbl-content {
    padding-bottom: 0;
    height: 236px !important;
    border-bottom: 1px solid #DCDCDC;
    border-left: none;
}


/* Fund performance switch toggle */
.radio-toolbar.fund-perf input[type="radio"]:checked + label {
    padding: 8px 21px;
    font-size: 16px;
    line-height: 20px;
    font-family: "Lato-Semibold";
    font-weight: 600;
    color: #333;
}

.radio-button-block .radio-toolbar.fund-perf [type="radio"]:not(:checked) + label {
    padding: 8px 21px;
    font-size: 16px;
    line-height: 20px;
    font-family: "Lato-Semibold";
    font-weight: 600;
    color: #666666;
    opacity: 0.7;
}


/* Fund performance graph */
.fund-perf-graph .radio-toolbar .radio-two {
    display: flex;
}

.chartdiv {
    width: 850px;
    height: 250px;
}

.amcharts-chart-div a {
    display: none !important;
}

/* Recommendations */
.recommendations .main-title {
    margin-bottom: 55px;
}

.plan-card {
    max-width: 404px !important;
    border: 1px solid #D8D8D8;
    position: relative;
    height: 100%;
    margin: 0 auto;
    padding: 32px 25px;
}

    .plan-card .list {
        max-width: 340px;
        margin: 0 auto;
        min-height: 140px;
    }

.right-tick-bullet {
    position: relative;
    padding-left: 35px;
    margin-bottom: 10px;
    font-family: 'lato-medium';
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #4C4C4C;
}

    .right-tick-bullet:before {
        position: absolute;
        content: url(../Logo/Common_Logo/green-right-tick.svg);
        width: 20px;
        height: 15px;
        top: 0;
        left: 0;
    }

.plan-card .plan-btn-v1 {
    padding: 16px 98px;
    font-size: 18px;
}

.plan-card.active {
    border: 2px solid #104C88;
}

.plan-card .plan-btn-v2 {
    padding: 16px 53px;
    font-size: 18px;
    display: none;
}

.plan-floating-content {
    display: none;
}

.plan-card.active .plan-btn-v2 {
    display: inline-block;
}

.plan-card.active .plan-btn-v1 {
    display: none;
}

.plan-card.active .plan-floating-content {
    padding: 16px 32px;
    background: #104C88;
    color: #fff;
    border-radius: 8px;
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    text-align: center;
    display: block;
}

/* Datepicker */
.datepicker-parent {
    max-width: 316px;
}
/* Styling datepicker */
.ui-widget-header {
    background: #280971;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 45%;
    border: 1px solid #D8D8D8;
    border-radius: 4px;
    outline: none;
    transition: none;
    box-shadow: none;
    color: #030303;
    font-size: 16px;
    line-height: 19px;
    padding: 4px;
    height: auto;
    margin-right: 6px;
}

.ui-widget-header .ui-icon {
    background-image: none;
}

.ui-icon-circle-triangle-w {
    background-position: none;
}

.ui-widget-header .ui-datepicker-prev span {
    background: url('../Logo/Common_Logo/down-arrow.svg') no-repeat left top !important;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    cursor: pointer;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    top: 50%;
    margin-top: -4px;
}

.ui-datepicker .ui-datepicker-next span {
    background: url('../Logo/Common_Logo/down-arrow.svg') no-repeat left top !important;
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    margin-left: -19px;
    margin-top: 8px;
}

.ui-datepicker .ui-datepicker-next.ui-state-hover.ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev.ui-state-hover.ui-datepicker-prev-hover {
    padding: 0;
    border: none;
    background: none
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    height: 0;
    width: 0;
}

    .ui-datepicker .ui-datepicker-prev span {
        margin-left: 2px;
        margin-top: 9px;
    }

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button, html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: none;
    background: #fbfbfb;
    font-weight: normal;
    color: #454545;
    text-align: center;
}

    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
        background: #D1E9F5
    }

.ui-widget.ui-widget-content {
    border: 1px solid #eaeaea;
}

.ui-datepicker th {
    font-family: 'Lato-Medium';
    font-weight: 500 !important;
}

.ui-datepicker-trigger {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    right: 10px;
    width: 20px;
    height: 20px;
    z-index: 3;
    box-shadow: none;
    outline: none;
}
/* Select option placeholder css */
.select-placeholder:required:invalid {
    color: #999999;
}

.select-placeholder option[value=""][disabled] {
    display: none;
}

.select-placeholder option {
    color: #030303;
    font-size: 16px;
    line-height: 19px;
}

.select-placeholder {
    font-size: 16px;
    line-height: 19px;
}

/* Popover filled */
.popover.filled-popover {
    max-width: 162px;
}

/* Why us */
.why-us-icons {
    padding-right: 20px;
}

    .why-us-icons .icon {
        margin: 0 12px 0 9px;
    }

    .why-us-icons .icons-block {
        border-left: 1px solid #00A1E3;
        padding: 5px 0;
        margin-bottom: 32px;
    }

.why-us-text {
    max-width: 319px;
}

    .why-us-text p {
        margin-bottom: 24px;
    }


/* Retrieve modal */
.retrieve-modal .modal-lg, .retrieve-modal .modal-xl {
    max-width: 1300px;
}

.ckyc-modal-popop.retrieve-modal .ckyc-modal-content {
    max-width: 100%;
}

.ckyc-modal-popop.retrieve-modal .ckyc-modal-content_1 {
    max-width: 50%;
}

.ckyc-modal-popop.retrieve-modal form {
    max-width: 750px;
    margin: 0 auto;
}

.ckyc-modal-popop.retrieve-modal .ckyc-fetch-btn,
.ckyc-modal-popop.retrieve-modal .btn-cancel {
    padding: 8px 20px 8px !important;
    min-width: 160px;
    text-align: center;
}

.form-section-divider {
    border-bottom: 1px solid #DCDCDC;
    padding-bottom: 32px;
    margin: 0 0 32px;
}

/* Fixed header table */
.table-responsive-grid {
    margin: 13px auto;
    border: 1px solid #DCDCDC;
    border-radius: 4px;
}

.table-responsive-grid-new {
    position: relative;
}

.table-scroll-wba {
    position: relative;
    width: 100%;
    z-index: 1;
    margin: auto;
    overflow: auto;
    height: 350px;
}

    .table-scroll-wba table {
        width: 100%;
        min-width: 100%;
        margin: auto;
        border-collapse: separate;
        border-spacing: 0;
    }

th.opco-owner-title {
    position: relative;
    background: linear-gradient(to top right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 0.8px), rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) calc(50% + 0.8px), rgba(0, 0, 0, 0) 100%) !important;
    padding: 0 65px !important;
    background-color: #eaf4fa !important;
    line-height: normal !important;
}

.retrieve-table-block .table-scroll-wba thead th {
    text-align: center;
    vertical-align: middle;
    background: #D1E9F5;
    color: #fff;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    padding: 0;
    height: 40px;
    border-bottom: 1px solid #DCDCDC;
    color: #333333;
    font-size: 12px;
    line-height: 15px;
    z-index: 99999;
}

.retrieve-table-block .main-table-wba thead th:first-child, .main-table-wba tfoot th:first-child {
    z-index: 999999;
}

.retrieve-table-block .table-scroll-wba td,
.retrieve-table-wrapper .table-scroll-wba td,
.retrieve-table-block .retrieve-table-wrapper .table-scroll-wba .opcotitle th,
.retrieve-table-block .table-scroll-wba thead th,
.retrieve-table-wrapper .table-scroll-wba thead th,
.retrieve-table-wrapper .table-scroll-wba .opcotitle th {
    border: 1px solid #DCDCDC;
    border-top: none;
    border-right: none;
}

.table-scroll-wba th, .table-scroll-wba td {
    padding: 0 10px;
    background: #fff;
    padding: 15px 6px;
    text-align: center;
}

.retrieve-table-block .table-scroll-wba td {
    font-size: 12px;
    line-height: 15px;
    color: #333333;
    font-family: 'Lato-Regular';
    font-weight: 400;
    border-right: none;
}

    .retrieve-table-block .table-scroll-wba td a {
        text-decoration: underline;
    }

    .retrieve-table-block .table-scroll-wba td:nth-child(5) {
        text-align: right;
    }

.retrieve-table-block .table-scroll-wba th:nth-child(1) {
    width: 70px;
}

.retrieve-table-block .table-scroll-wba th:nth-child(2) {
    width: 190px;
}

.retrieve-table-block .table-scroll-wba th:nth-child(3) {
    width: 100px;
}

.retrieve-table-block .table-scroll-wba th:nth-child(4) {
    width: 110px;
}

.retrieve-table-block .table-scroll-wba th:nth-child(5) {
    width: 114px;
}

.retrieve-table-block .table-scroll-wba th:nth-child(6) {
    width: 95px;
}

.retrieve-table-block .table-scroll-wba th:nth-child(7) {
    width: 75px;
}

.retrieve-table-block .table-scroll-wba th:nth-child(8) {
    width: 124px;
}

.retrieve-table-block .table-scroll-wba th:nth-child(9) {
    width: 120px;
}

.retrieve-table-block .table-scroll-wba th:nth-child(10) {
    width: 75px;
}

.retrieve-table-block .table-scroll-wba th:nth-child(11) {
    width: 155px;
}

.retrieve-table-block .table-scroll-wba td:nth-child(5) {
    text-align: right;
}

.retrieve-table-block .table-scroll-wba td:first-child,
.retrieve-table-block .table-scroll-wba th:first-child {
    border-left: none;
}

.ckyc-modal-popop.retrieve-modal .ckyc-modal-heading {
    max-width: 100%;
}

.ckyc-modal-popop.retrieve-modal table tr:hover td {
    background: #F3F3F3;
}



/* Retrieve popup mobile version */
.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

    .upload-btn-wrapper .btn {
        border: 2px solid gray;
        color: gray;
        background-color: white;
        padding: 8px 20px;
        border-radius: 8px;
        font-size: 20px;
        font-weight: bold;
    }

    .upload-btn-wrapper input[type=file] {
        font-size: 100px;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
    }


/* upload documents on retrieve upload popup */
.file-upload-new {
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    max-width: 200px;
    cursor: pointer;
    color: #00A1E3;
    line-height: 16px;
    font-size: 12px;
    font-size: 14px;
    font-weight: 400 !important;
    font-family: 'Lato-Regular';
}

    .file-upload-new span {
        text-decoration: underline;
    }

    .file-upload-new .upload {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 10px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .file-upload-new .file-name {
        display: none;
        border: none;
        outline: 0;
        vertical-align: middle;
        background: none;
        box-shadow: none;
        font-size: 11px;
        padding-left: 0;
        width: auto;
        padding-right: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

        .file-upload-new .file-name.show {
            display: inline-block;
            width: 84px;
        }

    .file-upload-new span.hide {
        display: none;
    }

    .file-upload-new .delete {
        background: url(../Logo/Common_Logo/delete-btn.svg) no-repeat left top;
        width: 18px;
        height: 18px;
        background-size: 100%;
        display: inline-block;
        vertical-align: middle;
    }

        .file-upload-new .delete.hide {
            display: none;
        }

    .file-upload-new .error-file,
    .file-upload-new .error-size {
        color: #e74c3c;
        font-size: 12px;
        line-height: 15px;
        font-family: 'Lato-Regular';
        font-weight: 400;
        display: block;
        text-decoration: none;
    }

    .file-upload-new input:focus {
        outline: none;
    }

.upload.hide {
    display: none;
}


/* NRI Basic popup */
.custom-modal-popop.nri-modal .modal-content {
    max-width: 908px;
}

.nri-modal .outline-capsules .radio-toolbar {
    box-shadow: none;
    border: 1px solid #DCDCDC;
    padding: 1px;
}

.nri-modal .input-with-icon-left {
    max-width: 316px;
}

.form-select.form-select-sm {
    max-width: 150px;
    width: 100%;
}

.nri-modal .nri_bank_details .form-block .radio-label {
    font-size: 16px;
    color: #666666;
    line-height: 20px;
    display: flex;
    align-items: flex-start;
}

.nri_bank_details .form-block .radio input[type="radio"] + .nri_bank_details .radio-label:before {
    width: 18px;
    height: 18px;
}

.nri-modal .claims-list {
    max-width: 788px;
}

.nri-modal .form-section-divider {
    padding-bottom: 20px;
}

/* Product plan card - radio*/
.product-plan-card label {
    display: block;
    box-shadow: 0px 0px 12px 0px #ACACAC40;
    text-align: center;
    min-width: 206px;
    cursor: pointer;
    transition: all .3s ease;
    border-radius: 4px;
    position: relative;
}

.product-plan-card h2 {
    padding: 32px 10px 24px;
    position: relative;
    margin-bottom: 0;
    text-align: center;
}

.product-plan-card h1 {
    padding: 7px 10px;
}

.text-secondary-green {
    color: #92C947;
}

.product-plan-card input[type="radio"] {
    display: none;
}

.product-plan-card .vertical-card-radio {
    position: absolute;
    width: 32px;
    height: 32px;
    content: '';
    border-radius: 50px;
    border: 2px solid #D8D8D8;
    top: 10px;
    right: 10px;
}

.product-plan-card input[type="radio"]:checked + label h2 .vertical-card-radio {
    content: url(../Logo/Common_Logo/vertical-radio-input.svg);
    padding: 5px;
    background: #fff;
}

.product-plan-card input[type="radio"]:checked + label {
    background-color: #00A1E3;
    width: 100%;
    transform: scale(1.05);
}

    .product-plan-card input[type="radio"]:checked + label h2 {
        color: #fff;
    }

    .product-plan-card input[type="radio"]:checked + label h1 {
        font-size: 32px;
        line-height: 39px;
    }

    .product-plan-card input[type="radio"]:checked + label h2 {
        font-size: 24px;
        line-height: 29px;
        font-weight: bold !important;
    }

/* Product plan card - checkbox */
.product-plan-card.checkbox input[type="checkbox"] {
    display: none;
}

.product-plan-card.checkbox .vertical-card-radio {
    border-radius: 4px;
}

.product-plan-card.checkbox input[type="checkbox"]:checked + label h2 .vertical-card-radio {
    content: url(../Logo/Common_Logo/vertical-radio-input.svg);
    padding: 5px;
    background: #fff;
    border: 2px solid #00A1E3;
}

.plan-options .product-plan-card.checkbox label {
    padding: 0;
}

    .plan-options .product-plan-card.checkbox label h2 {
        padding: 23px 0 0 60px;
    }

.plan-options .product-plan-card.checkbox .vertical-card-radio {
    top: 23px;
    left: 23px;
}


/* Product - purna suraksha */
.purna-suraksha .content-details-sm {
    max-width: 280px !important;
}

.purna-suraksha-personal-details .radio-toolbar-lg input[type="radio"]:checked + label, .purna-suraksha-personal-details .radio-toolbar-lg input[type="radio"]:not(:checked) + label {
    padding: 10px 20px;
}

.purna-suraksha-personal-details .content-details {
    flex: 1;
}

.table-with-shadow.v2 .retrieve-table-wrapper .table-scroll-wba tr td h3 {
    margin-top: 10px;
}

.table-with-shadow.v2 .retrieve-table-wrapper .table-scroll-wba tr td.valign-center {
    vertical-align: bottom;
    padding-bottom: 31px;
}

.table-with-shadow.v2 .retrieve-table-block .table-scroll-wba th:nth-child(1) {
    width: 110px;
}

.table-with-shadow.v2 .retrieve-table-block .table-scroll-wba th:nth-child(2) {
    width: 130px;
}

.table-with-shadow.v2 .retrieve-table-wrapper .table-scroll-wba th:nth-child(3) {
    width: 235px;
}

.total-block {
    padding: 24px 34px;
    background: #00A1E3;
    border: 1px solid #00A1E3;
    box-sizing: border-box;
    box-shadow: 0px 0px 12.973px rgba(172, 172, 172, 0.25);
    border-radius: 8px;
    max-width: 933px;
    margin: 0 auto;
    width: 100%;
}

    .total-block h2 {
        font-size: 26px;
        line-height: 32px;
        color: #fff;
    }

        .total-block h2 span {
            font-size: 16px;
            color: #fff;
            padding-top: 5px;
        }

    .total-block h3 {
        font-size: 35px;
        color: #fff;
    }

.purna-suraksha .label-info-lg {
    color: #666666;
}

.purna-suraksha .vertical-radio-cards {
    max-width: 700px;
    margin: 0 auto;
}

.tag {
    padding: 5px;
    top: 14px;
    background: #F9E292;
    transform: rotate(-45deg);
    width: 100px;
    left: -24px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}

.purna-suraksha .table-with-shadow .retrieve-table-block .table-scroll-wba thead th:last-child {
    padding-right: 32px;
}

.purna-suraksha .table-with-shadow .retrieve-table-wrapper .table-scroll-wba th:nth-child(3) {
    padding-right: 15px;
    padding-left: 15px;
}

.purna-suraksha .table-with-shadow .retrieve-table-wrapper .table-scroll-wba td:nth-child(2),
.purna-suraksha .table-with-shadow .retrieve-table-wrapper .table-scroll-wba td:nth-child(3) {
    padding: 24px 15px;
}

.purna-suraksha .retrieve-table-block .table-scroll-wba th:nth-child(3) {
    width: 165px;
}

.purna-suraksha .table-with-shadow .retrieve-table-wrapper .table-scroll-wba td:nth-child(1) {
    padding: 24px 10px 24px 32px;
    width: 170px;
}

.purna-suraksha .table-with-shadow .table-responsive-grid {
    box-shadow: none;
    border: 2px solid #dcdcdc;
}

.purna-suraksha .table-with-shadow .retrieve-table-wrapper .table-scroll-wba .total-premium td {
    border-top: 2px solid #dcdcdc;
}

    .purna-suraksha .table-with-shadow .retrieve-table-wrapper .table-scroll-wba .total-premium td:last-child {
        background: #00A1E3;
        color: #fff;
    }

        .purna-suraksha .table-with-shadow .retrieve-table-wrapper .table-scroll-wba .total-premium td:last-child h3 {
            color: #fff;
        }

.purna-suraksha .sub-title {
    margin: 32px 0 16px;
}

.terms-and-conditions ul li {
    font-family: 'Lato-Regular';
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #4c4c4c;
    list-style-type: disc;
}

.terms-and-conditions ul {
    padding-left: 20px;
}

.terms-and-conditions {
    margin: 25px 0;
}

.purna-suraksha .table-with-shadow.active {
    display: block;
}

.purna-suraksha .table-with-shadow {
    display: none;
}

.sidebar.shrink-sidebar .poorna-suraksha {
    display: none;
}

.label-info-lg.select-range-label {
    font-size: 18px;
    line-height: 22px;
}

.purna-suraksha-personal-details .spouce-or-you {
    margin-left: 43px !important;
}

.spouce-or-you .radio-capsule .radio-toolbar label, .spouce-or-you .radio-capsule .radio-toolbar input[type="radio"]:checked + label, .spouce-or-you .radio-toolbar input[type="radio"]:not(:checked) + label {
    padding: 8px 34px;
}

/* diabetes */
.form-group .dib_label {
    color: #666666;
    ;
}

.tabel_row ::placeholder {
    font-family: 'lato-medium';
    font-style: normal;
    font-weight: normal;
    font-size: 8px;
    line-height: 14px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #999999;
}

/* Product - Purna Suraksha dark table */
.dark-table {
    max-width: 933px;
    margin: 0 auto;
    background: #E8F5FC;
    width: 100%;
    border-radius: 8px;
}

    .dark-table .table-header .table {
        padding: 20px 15px 20px;
        margin-bottom: 0;
    }

        .dark-table .table-header .table tr th {
            padding: 10px 0 0;
        }

    .dark-table .table thead th {
        border: none;
        vertical-align: top;
    }

    .dark-table .table td, .table th {
        border: none;
    }

    .dark-table .table tbody tr {
        border-bottom: 1px solid #DCDCDC;
    }

        .dark-table .table tbody tr td:first-child {
            border-right: 3px solid #96D9F4;
        }

    .dark-table .table thead, .dark-table .table tbody {
        width: 100%;
        display: inline-table;
    }

    .dark-table .table-main .slimScrollBar {
        right: 10px !important;
        height: 250px !important;
    }

    .dark-table .table-main .table {
        margin-bottom: 0;
        padding: 0 15px;
    }

    .dark-table .table-main {
        height: 232px !important;
    }

    .dark-table .slimScrollBar {
        right: 10px !important;
    }

    .dark-table .table tr td:nth-child(1), .dark-table .table tr th:nth-child(1) {
        width: 100px;
    }

    .dark-table .table tr td:nth-child(2), .dark-table .table tr th:nth-child(2) {
        width: 245px;
    }

    .dark-table .table tr td:nth-child(3), .dark-table .table tr th:nth-child(3) {
        width: 308px;
    }

    .dark-table .table tr td:nth-child(4), .dark-table .table tr th:nth-child(4) {
        width: 280px;
    }


/* 21st June: smart platina */
.table-with-shadow .retrieve-table-block .table-scroll-wba thead th {
    font-size: 20px;
    line-height: 24px;
}

.table-with-shadow .table-responsive-grid {
    background: #FFFFFF;
    box-shadow: 0px 0px 12px rgba(172, 172, 172, 0.25);
    border-radius: 14px;
    overflow: hidden;
    border: none;
    max-width: 933px;
    width: 100%;
}

.table-with-shadow .retrieve-table-block .table-scroll-wba thead th {
    height: 56px;
    padding-left: 32px;
}

.table-with-shadow .retrieve-table-block .table-scroll-wba td,
.table-with-shadow .retrieve-table-wrapper .table-scroll-wba td,
.table-with-shadow .retrieve-table-block .retrieve-table-wrapper .table-scroll-wba .opcotitle th,
.table-with-shadow .retrieve-table-block .table-scroll-wba thead th,
.table-with-shadow .retrieve-table-wrapper .table-scroll-wba thead th,
.table-with-shadow .retrieve-table-wrapper .table-scroll-wba .opcotitle th {
    border: none;
}

.table-with-shadow .retrieve-table-block .table-scroll-wba th:nth-child(1) {
    width: 120px;
}

.table-with-shadow .retrieve-table-block .table-scroll-wba th:nth-child(2) {
    width: 120px;
    padding-left: 20px;
}

.table-with-shadow .retrieve-table-wrapper .table-scroll-wba td {
    padding: 24px 32px;
}

.table-with-shadow .retrieve-table-wrapper .table-scroll-wba th:nth-child(3) {
    padding-right: 32px;
}

.table-with-shadow .table-scroll-wba {
    height: auto;
}
/*scroll hide*/
.table-with-shadow .retrieve-table-wrapper .table-scroll-wba .border-bottom td {
    border-bottom: 1px solid #D8D8D8;
}

.table-with-shadow .retrieve-table-wrapper .table-scroll-wba tr td h3 {
    margin-left: 15px;
    margin-bottom: 0;
}

.smart-platina .table-with-shadow .retrieve-table-block .table-scroll-wba tr:last-child td {
    background: #D1E9F5;
}

.smart-platina .retrieve-table-block .table-scroll-wba thead th,
.purna-suraksha .retrieve-table-block .table-scroll-wba thead th {
    background: #F5F5F5;
}

.smart-platina .table-with-shadow .table-responsive-grid {
    border: 2px solid #DCDCDC;
}

.smart-platina .mw-900 {
    max-width: 90%;
    margin: 0 auto;
}

.tabs-custom-for-table {
    max-width: 90%;
    margin: 0 auto;
}

    .tabs-custom-for-table.tabs-custom .nav-link {
        padding: 7px 10px;
    }

.product-plan-card label {
    margin: 0 auto;
    padding-bottom: 16px;
    overflow: hidden;
}
/* .radio-toolbar.policy-term label.active, .policy-payment-term label.active { border-top-left-radius: 36px; border-bottom-left-radius: 36px; } 
.radio-toolbar.policy-term label.active, .policy-payment-term label.active { background: #d1e9f5; border-color: #d1e9f5; font-size: 14px; line-height: normal; font-family: "Lato-Regular"; color: #333333; padding: 10px 13px; text-align: center; } */



/* Product - Smart insure wealth plus 21st JUNE */
.smart-insure .prevent-click {
    pointer-events: none;
}

.block-container .block-item {
    cursor: pointer;
    width: 100%;
    text-align: center;
    background: #FFFFFF;
    border: 0px solid #D8D8D8;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 16px 8px 12px 8px;
}

.icon-asset-allocation {
    background: url('../Logo/Common_Logo/asset-allocation-stratergy.svg') no-repeat left top;
    background-size: 100%;
    width: 23px;
    height: 23px;
}

.icon-trigger-stratergy {
    background: url('../Logo/Common_Logo/trigger-stratergy.svg') no-repeat left top;
    background-size: 100%;
    width: 33px;
    height: 33px;
}

.icon-smart-choice {
    background: url('../Logo/Common_Logo/smart-choice.svg') no-repeat left top;
    background-size: 100%;
    height: 23px;
    width: 20px;
}

.block-container .block-item h3 {
    margin-top: 16px;
}

.block-container .block-item p {
    margin-top: 12px;
    display: none;
}

.form-block.block-container .radio input[type="radio"] + .radio-label:before {
    opacity: 0;
}

.block-container .radbox .rad-text {
    padding: 0;
}
/* .block-container .radbox.active { z-index: 9; transform: scale(1.05); transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; margin-top: -18px; -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); } */
.block-container .active .block-item h3 {
    margin-top: 6px;
}

.block-container .radbox.active .block-item p {
    display: block;
}

.block-container .radbox.active .block-item h3 {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    font-family: 'Lato-Bold';
    ;
}

.block-container .radbox.active input[type="radio"]:checked + .rad-text, .block-container .radbox.active .rad-text {
    width: 149px;
    height: auto;
}

.block-container .radbox input[type="radio"]:checked + .rad-text,
.block-container .radbox .rad-text {
    width: 140px;
    margin-left: -3px;
    height: 105px;
}

.smart-insure.recommendation .radbox input[type="radio"]:checked + .rad-text, .smart-insure.recommendation .radbox .rad-text {
    padding: 5px;
}

.percent-amount-sm {
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    position: absolute;
}

.smart-insure .input-group-mn-height {
    min-height: 200px;
}

.block-container .radbox.order-2 {
    z-index: 9;
    transform: scale(1.05);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    margin-top: -18px;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.block-container .radbox.active .block-item {
    padding: 8px 0;
}

.smart-insure .mt-55 {
    margin-top: 0px;
}

input[disabled].form-control.has-content {
    color: #beb7b7;
    border: 1px solid #D8D8D8 !important
}

.form-select option[disabled] {
    color: #beb7b7;
}


/* bk Revamp Smart Champ - Quote Page */
.right-arrow-top-champ .right-arrow-res {
    width: 32px;
}

.recommendation .right-arrow-top-champ {
    top: 53%;
    left: -7px;
}

.smart-champ-logo-sizess .smart-champ-logo {
    width: 54px;
}

.smart-champ-amount-size {
    /* width: 100%;
    margin: 0 auto; */
}
/* end bk Revamp Smart Champ - Quote Page */

/* bk Revamp Smart Champ - Quote Page */
.right-arrow-top-champ .right-arrow-res {
    width: 32px;
}

.right-arrow-top .right-arrow-res {
    width: 32px !important;
}

.smart-champ-logo-sizess .smart-champ-logo {
    width: 90px;
}

.champ_total_amount .vertical-radio-card-detail-icon-champ {
    align-self: flex-end;
    margin-bottom: 20px;
}

.sm-card-sec .sm-card-size {
    padding: 15px 44px;
}

.smart-champ-amount-size {
    max-width: 888px;
    margin: 0 auto;
}

    .smart-champ-amount-size .smar-champ-card-border {
        border: 1px solid #00A1E3;
        box-sizing: border-box;
        box-shadow: 0px 0px 12px rgba(172, 172, 172, 0.2);
        border-radius: 8px;
    }

.b-r8 {
    border-radius: 8px;
}

.vh {
    visibility: hidden;
}

.scrollbar {
    overflow-y: scroll;
}

#smart_bulider_policy_terms::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

#smart_bulider_policy_terms::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

#smart_bulider_policy_terms::-webkit-scrollbar-thumb {
    background-color: #00A1E3;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
}

.left_card-hor .card-body-size {
    width: 261px;
}

.recommendation-result-card .card-res {
    max-width: 463px;
}

.bbr .bbr-8 {
    border-radius: 0px 0px 8px 0px;
}
/* end bk Revamp Smart Champ - Quote Page */


/* Product - Retire smart web */
.retire-smart-web .radio-button-block [type="radio"]:checked + label, .retire-smart-web .radio-button-block [type="radio"]:not(:checked) + label {
    padding: 10px 9px;
}

.retire-smart-web input[type="radio"][disabled] + label, .retire-smart-web select[disabled] {
    color: #beb7b7;
}

.retire-smart-web select[disabled] {
    border: 1px solid #D8D8D8 !important;
}

.retire-smart-web .recommendation-right-arrow {
    top: 25px;
    left: 50%;
    transform: translate(-50%,-50%) rotate(90deg);
}

.retire-smart-web .card-horizontal {
    max-width: 735px;
    margin: 0 auto;
}

    .retire-smart-web .card-horizontal .card-nesting {
        padding: 15px 16px;
    }

/* Product - Saral Jeevan Beema */
.saral-jeevan-beema .product-plan-card {
    position: relative;
}

    .saral-jeevan-beema .product-plan-card .recommendation-right-arrow {
        top: calc(100% + 13px);
        left: 50%;
        transform: translateX(-50%) rotate(90deg);
    }

.saral-jeevan-beema .vertical-radio-cards {
    padding-bottom: 45px;
}

.saral-jeevan-beema .sjb-table .card.vertical-radio-cards-details {
    max-width: 800px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 14px;
    border: 1px solid #00A1E3;
    width: 100%;
}

.saral-jeevan-beema .sjb-table .vertical-radio-cards-details .vertical-radio-card-detail:last-child {
    max-width: 250px;
    width: 100%;
}
/* .saral-jeevan-beema .sjb-table .vertical-radio-cards-details .vertical-radio-card-detail { width: 20%; } */
.saral-jeevan-beema .sjb-table .vertical-radio-cards-details .vertical-radio-card-detail:nth-child(1) {
    max-width: 175px;
    width: 100%;
}

.saral-jeevan-beema .sjb-table .vertical-radio-cards-details .vertical-radio-card-detail:nth-child(3) {
    max-width: 155px;
    width: 100%;
}

.saral-jeevan-beema input[type="radio"][disabled] + label {
    opacity: 0.4;
}

.saral-jeevan-beema .vertical-radio-card-detail-icon {
    align-self: flex-end;
    margin-bottom: 15px;
}

.saral-jeevan-beema .product-plan-card label {
    max-width: 206px;
}

/* Alcohol Questionnaire */
.radio-capsule-change .radio-capsule .radio-toolbar label,
.radio-capsule-change .radio-capsule .radio-toolbar input[type="radio"]:checked + label {
    padding: 8px 15px;
    text-align: center;
    width: 100%;
}

.radio-capsule-change .radio-capsule .radio-toolbar {
    min-width: 110px;
}
/* .ui-datepicker.adjust-top-position { position: absolute !important; } */
.armed-service-question .radio-capsule-change .radio-capsule .radio-toolbar {
    min-width: 100px;
    margin-bottom: 10px;
}


/* Sampoorna Cancer suraksha */
.plan-options {
    max-width: 760px;
    margin: 0 auto;
}

    .plan-options .product-plan-card input[type="radio"]:checked + label {
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }

    .plan-options .product-plan-card .vertical-card-radio {
        width: 28px;
        height: 28px;
        left: 0;
        top: 0;
        margin-top: 2px;
    }

    .plan-options .product-plan-card label {
        padding: 10px;
    }

        .plan-options .product-plan-card label h2 {
            padding: 0;
            text-align: left;
            padding: 2px 0 10px 38px
        }

    .plan-options .product-card-contents {
        background: #D1E9F5;
        border-radius: 8px;
        padding: 10px 32px;
    }

    .plan-options .badge {
        background: #F9E292;
        border-radius: 8px;
        font-size: 12px;
        line-height: 15px;
        color: #4C4C4C;
        padding: 5px 10px;
        height: max-content;
    }

/* E-shield Qoute page */
.e-shield-quote .radio-button-block.radio-label-with-content [type="radio"]:checked + label, .e-shield-quote .radio-button-block.radio-label-with-content [type="radio"]:not(:checked) + label {
    padding: 10px 20px;
}

    .e-shield-quote .radio-button-block.radio-label-with-content [type="radio"]:checked + label:last-child, .e-shield-quote .radio-button-block.radio-label-with-content [type="radio"]:not(:checked) + label:last-child, .e-shield-quote .radio-button-block.radio-label-with-content label:last-child {
        padding: 20px 20px 10px 20px;
    }

.plan-options.plan-cover .product-plan-card label {
    max-width: 455px;
}

.plan-options.plan-cover .product-plan-card input[type="radio"]:checked + label h2 {
    font-size: 18px;
    line-height: 29px;
}

.custom-checkbox-card {
    border: 1px solid #DCDCDC;
    border-radius: 8px;
    overflow: hidden;
}

    .custom-checkbox-card .custom-checkbox-card-header {
        padding: 24px 20px 5px 24px;
        cursor: pointer;
    }

.vartical-card-checkbox {
    position: absolute;
    width: 28px;
    height: 28px;
    content: '';
    border-radius: 4px;
    border: 2px solid #D8D8D8;
    top: 0;
    left: 0;
    background: #fff;
}

.custom-checkbox-card input[type="checkbox"]:checked + label .vartical-card-checkbox {
    content: url(../Logo/Common_Logo/vertical-radio-input.svg);
    padding: 5px;
    background: #fff;
    border: 2px solid #00A1E3;
}

.custom-checkbox-card .label-content {
    padding-left: 35px;
}

.custom-checkbox-card .premium-amount {
    padding: 16px 20px 24px 60px;
    height: 100%;
}

.custom-checkbox-card .premium-detail {
    padding: 10px;
    height: 100%;
}

.custom-checkbox-card .ind-premium {
    padding: 8px 10px;
}

/* E-shield Qoute page - Summary */
.e-shield-quote .addons-summary {
    border: 2px solid #00A1E3;
}

    .e-shield-quote .addons-summary .addons-summary-table {
        padding: 15px 0 0 24px;
    }

    .e-shield-quote .addons-summary .sub-heading-v2 {
        padding: 15px 15px 10px;
        border-bottom: 1px dotted rgba(0, 0, 0, 0.575);
    }

    .e-shield-quote .addons-summary .summary-data {
        max-width: 120px;
    }

    .e-shield-quote .addons-summary .summary-total-premium {
        max-width: 205px;
        width: 100%;
    }

    .e-shield-quote .addons-summary .summary-data .h5,
    .e-shield-quote .addons-summary .summary-data .summary-data-total {
        min-height: 80px;
    }

    .e-shield-quote .addons-summary .summary-data .summary-data-total {
        padding-right: 17px;
    }

        .e-shield-quote .addons-summary .summary-data .summary-data-total + h3 {
            padding: 12px 17px 12px 0;
        }

    .e-shield-quote .addons-summary .summary-data .h3 {
        padding-top: 15px;
    }

.icon-lumsum-amount {
    background: url('../Logo/Common_Logo/icon-lumsum-amount.svg') no-repeat center;
    background-size: contain;
}

.icon-regular-installment {
    background: url('../Logo/Common_Logo/icon-regular-installment.svg') no-repeat center;
    background-size: contain;
}

.icon-lumsum-regular {
    background: url('../Logo/Common_Logo/icon-lumsum-regular.svg') no-repeat center;
    background-size: contain;
}

.e-shield-quote p.e_shield_selection {
    max-width: 200px;
}

.e-shield-quote .main-qoute-block {
    position: sticky;
    top: 75px;
}

/* E-shield Qoute page - recieve benefits */
.e-shield-quote .plan-options-xl {
    max-width: 100%;
}

.e-shield-quote .plan-options.plan-cover .product-plan-card .product-card-contents {
    padding: 10px 15px;
}

.e-shield-quote .plan-options-xl .product-plan-card {
    flex: auto;
}

    .e-shield-quote .plan-options-xl .product-plan-card:not(:last-child) label {
        margin-right: 24px;
        padding: 32px 15px;
    }

    .e-shield-quote .plan-options-xl .product-plan-card:last-child label {
        padding: 32px 15px 0;
    }

    .e-shield-quote .plan-options-xl .product-plan-card label {
        border-radius: 8px;
        min-height: 175px;
        border: 1px solid #DCDCDC;
    }

    .e-shield-quote .plan-options-xl .product-plan-card .vertical-card-radio {
        right: 0;
        left: 10px;
        width: 28px;
        height: 28px;
    }

    .e-shield-quote .plan-options-xl .product-plan-card input[type="radio"]:checked + label .vertical-card-radio {
        content: url(../Logo/Common_Logo/vertical-radio-input.svg);
        padding: 5px;
        background: #fff;
    }

    .e-shield-quote .plan-options-xl .product-plan-card input[type="radio"]:checked + label {
        background-color: #00A1E3;
        width: auto;
        transform: scale(1.05);
        background: #D1E9F5;
        box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);
    }

        .e-shield-quote .plan-options-xl .product-plan-card input[type="radio"]:checked + label p {
            color: #666666;
        }

        .e-shield-quote .plan-options-xl .product-plan-card input[type="radio"]:checked + label h5.h4 {
            font-weight: bold !important;
        }

    .e-shield-quote .plan-options-xl .product-plan-card:first-child label p {
        max-width: 110px;
    }

    .e-shield-quote .plan-options-xl .product-plan-card:nth-child(2) label p {
        max-width: 160px;
    }

    .e-shield-quote .plan-options-xl .product-plan-card:nth-child(3) label p {
        max-width: 340px;
    }

.e-shield-quote input[type="radio"][disabled] + label {
    opacity: 0.4;
}

.e-shield-quote .form-select.has-content[disabled] {
    border: 1px solid #D8D8D8 !important;
}
/* Media Query */
@media screen and (max-width: 1390px) {
    .card {
        max-width: 96%;
    }

    .main-page {
        padding: 100px 0 20px 37px;
    }
}

@media only screen and (max-width: 1300px) {
    .summary-wrap {
        right: 10px;
    }

    /* Fund performance */
    .break-word-td {
        width: 200px;
        word-break: break-word;
    }

    .sidebar-tab-content.fund-performance table tr th:first-child,
    .sidebar-tab-content.fund-performance .tbl-content tr td:first-child {
        width: 235px;
    }

    .sidebar-tab-content.fund-performance table tr th:nth-child(3),
    .sidebar-tab-content.fund-performance table tr th:nth-child(4),
    .sidebar-tab-content.fund-performance table tr th:nth-child(5),
    .sidebar-tab-content.fund-performance table tr th:nth-child(6) {
        width: 120px;
    }

    .sidebar-tab-content.fund-performance .tbl-content tr td:nth-child(3),
    .sidebar-tab-content.fund-performance .tbl-content tr td:nth-child(4),
    .sidebar-tab-content.fund-performance .tbl-content tr td:nth-child(5),
    .sidebar-tab-content.fund-performance .tbl-content tr td:nth-child(6) {
        width: 120px;
    }


    .sidebar-tab-content.fund-performance table tr th:first-child,
    .sidebar-tab-content.fund-performance .tbl-content tr td:first-child {
        width: 30%;
    }

    .sidebar-tab-content.fund-performance .tbl-content tr td:nth-child(2),
    .sidebar-tab-content.fund-performance table tr th:nth-child(2) {
        width: 20%;
    }

    .sidebar-tab-content.fund-performance table tr th:nth-child(3),
    .sidebar-tab-content.fund-performance table tr th:nth-child(4),
    .sidebar-tab-content.fund-performance table tr th:nth-child(5),
    .sidebar-tab-content.fund-performance table tr th:nth-child(6) {
        width: 12%;
    }

    .sidebar-tab-content.fund-performance .tbl-content tr td:nth-child(3),
    .sidebar-tab-content.fund-performance .tbl-content tr td:nth-child(4),
    .sidebar-tab-content.fund-performance .tbl-content tr td:nth-child(5),
    .sidebar-tab-content.fund-performance .tbl-content tr td:nth-child(6) {
        width: 12%;
    }

    .sidebar-tab-content.fund-performance table tr th:last-child,
    .sidebar-tab-content.fund-performance .tbl-content tr td:last-child {
        width: 15%;
    }

    .sidebar-tab-content.fund-performance table tr th:last-child {
        text-align: center;
        width: 13%;
    }

    .sidebar-tab-content.fund-performance .tbl-content tr td:last-child {
        width: 13%;
    }
}

@media only screen and (max-width: 1200px) {
    .recommendation .recommendation-right-arrow {
        top: -10%;
        left: 50%;
        transform: translateX(-50%) rotate(90deg);
        z-index: 3;
    }

    .recommendation.e-shield-quote .recommendation-right-arrow {
        top: -4%;
    }

    .e-shield-quote .main-qoute-block {
        position: static;
    }
}

@media only screen and (max-width: 992px) {
    header .header-container {
        padding: 15px 15px;
    }

    .input-group-addon {
        right: 0%;
    }

    .card {
        max-width: 100%;
    }

    .investment-detail .radio-capsule .radio-toolbar label {
        border: 1px solid #fff;
    }

    .investment-detail .fradulent-offers-wrap {
        width: 100%;
    }

    .investment-detail .radio-button-block [type="radio"]:checked + label,
    .investment-detail .radio-button-block [type="radio"]:not(:checked) + label,
    .investment-detail .radio-toolbar input[type="radio"]:checked + label {
        padding: 10px 8px;
    }

    .investment-detail .disclaimer span.h3 {
        font-size: 12px;
    }

    .investment-detail .disclaimer h3.h3 {
        font-weight: 600 !important;
        line-height: 17px;
    }

    .investment-detail .disclaimer p {
        line-height: 17px;
    }

    .investment-detail .ml-55 > a {
        padding-left: 35px;
    }

    /* main-content */
    .main-page {
        margin-left: 0;
        padding: 85px 0 150px;
    }

    /* backarrow (back-button) */
    .back-arrow {
        margin-right: 10px;
        position: absolute;
        top: 0;
        left: 10px;
    }

        .back-arrow::after {
            content: '';
            border-bottom: none;
        }

        .back-arrow:hover .icon-back-arrow {
            transform: translateX(0px)
        }

    .card .ml-55 {
        margin-left: 0;
    }

    /* checkbox */
    .form-group .checkbox-label:before {
        padding: 6px;
    }

    .form-group .custom-checkbox:checked + .checkbox-label:after {
        top: 4px;
        left: 5px;
        width: 5px;
        height: 10px;
    }

    .label {
        max-width: 100%;
    }

    /* header */
    header .wealth-logo {
        margin-left: 10px;
        width: 55px;
    }

    header .sbi-logo {
        padding-right: 15px;
        width: 70px;
        height: 20px;
    }

    /*Btn */
    .btn {
        font-size: 14px;
    }

    .primary-btn {
        padding: 9px 20px;
    }

    .primary-btn-right-icon {
        padding: 9px 50px 9px 18px;
    }

    .secondary-btn {
        min-width: 84px !important;
        font-size: 12px;
        line-height: 14px;
        padding: 9px 10px;
    }

    .btn-arrow {
        width: 40px;
        height: 40px;
    }

    .footer-mobile {
        display: block;
    }

    .form-select, .form-select-lg, .form-control {
        max-width: 100%;
    }

    .content-icon {
        width: 28px;
        height: 28px;
    }

    .icon-md {
        width: 16px;
        height: 16px;
        background-size: cover;
    }

    .investment-details .radio-toolbar [type="radio"]:checked + label, .investment-details .radio-toolbar [type="radio"]:not(:checked) + label, .investment-details .radio-toolbar input[type="radio"]:checked + label {
        padding: 10px 8px;
    }

    .investment-detail .radio-capsule .radio-toolbar label, .investment-detail .radio-capsule .radio-toolbar input[type="radio"]:checked + label {
        min-width: auto;
    }

    .investment-details .form-select-mobile-sm {
        max-width: 180px;
    }

    .container-sm {
        padding: 0;
        max-width: 100% !important;
    }

    .main-container {
        padding-top: 42px;
    }

    .main-title {
        margin-bottom: 15px;
        position: relative;
    }
    /* .common-heading { padding-left: 35px; } */
    .icon-lg {
        width: 32px;
        height: 32px;
    }

    .content-icons {
        width: 28px;
        height: 28px;
        padding: 7px;
    }

    .icon-sm-main {
        width: 11px;
        height: 14px;
    }

    .icon-md-main {
        width: 16px;
        height: 16px;
    }

    .icon-xs-main {
        width: 16px;
        height: 16px;
    }

    .icon-md-email {
        width: 16px;
        height: 14px;
    }


    /* Declaration */
    .card-details {
        padding-top: 16px;
        padding: 16px;
    }

    .card-content-sm .h3, .card-content-sm .h6 {
        font-size: 12px;
    }

    .card-content-sm .lh-29, .card-content-sm .h-20 {
        line-height: 17px;
    }

    .declaration h2 {
        font-size: 16px;
    }

    .btn-secondary {
        font-size: 12px;
        line-height: 14px;
        padding: 8px 23px;
    }

    .btn-otp-submit {
        padding: 8px 20px !important;
    }

    .otp-generation .input-box input[type="text"] {
        width: 232px;
    }

    .declaration h2 {
        font-size: 16px;
    }

    .h1 {
        font-size: 16px;
        line-height: 22px;
    }

    .h3 {
        font-size: 14px;
    }

    .h4 {
        font-size: 14px;
    }

    .h5 {
        font-size: 12px !important;
    }

    .h6 {
        font-size: 12px;
    }

    .lh-16 {
        line-height: 15px;
    }

    .lh-20 {
        line-height: 15px;
    }

    .lh-35 {
        line-height: 20px;
    }

    /* Thank-you */
    .header-card .font-32 {
        font-size: 18px;
    }

    .header-card .lh-55 {
        line-height: 24px;
    }

    .header-card .font-22 {
        font-size: 15px;
    }

    .header-card .lh-37 {
        line-height: 18px;
    }

    .thank-you-page .full-screen .main-page {
        margin-left: 0;
        padding: 90px 0px 20px 0px;
    }

    .full-screen .back-arrow {
        left: 0;
    }

    .card-main-sm .h2 {
        font-size: 16px;
    }

    .card-main-sm .lh-29 {
        line-height: 19px;
    }

    .card-main-sm .h4 {
        font-size: 12px;
    }

    .card-main-sm .lh-22 {
        line-height: 14px;
    }

    .card-filled .h2, .card-filled .h3 {
        font-size: 18px !important;
    }

    .card-filled .lh-28, .card-filled .lh-24 {
        line-height: 21px;
    }

    .card-filled .font-12 {
        font-size: 10px;
    }

    .card-filled .lh-14 {
        line-height: 12px;
    }

    .card-filled .card-body span {
        vertical-align: middle;
    }

    .card-filled .pt-22 {
        padding-top: 14px;
    }

    .card-filled .pt-24 {
        padding-top: 16px;
    }

    .card-filled .premiun-data {
        padding-right: 8px;
    }

    .link-without-underline {
        max-width: 280px;
    }

        .link-without-underline .h5 {
            font-size: 14px !important;
        }

        .link-without-underline .lh-19 {
            line-height: 20px;
        }

    /* Accordion */

    .filled-accordion .acc-content-lg-header.acc-content-header:before {
        top: Calc(100% - -14%);
    }

    .filled-accordion .card-header {
        border-radius: 8px 8px 0 0;
    }

    .summary .common-heading {
        max-width: 170px;
    }

    .btn-secondary-icon {
        padding: 6px 10px;
    }

    .filled-accordion .secondary-btn-otp {
        max-width: 124px;
        font-size: 10px;
    }

    .filled-accordion .hide-otp-content .mt-40 {
        margin-top: 24px;
    }

    .filled-accordion .hide-otp-content .mb-32 {
        margin-bottom: 24px;
    }

    .filled-accordion .hide-otp-content .form-box {
        width: auto;
    }



    /* Submit Proofs (Doc Upload) */
    .vertical-card-sm .doc-upload-btn {
        padding: 7px 20px;
    }

    .vertical-card-sm .card {
        max-width: 328px;
    }

    .vertical-card-sm .upload-card {
        max-width: 100%;
    }

    .blue-card .card {
        max-width: 328px;
        margin: 0 auto;
        padding: 10px 15px;
        background: #D1E9F5;
        border: 1px solid #00A1E3;
        box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
    }

    .blue-card .investment-details .span:not(:last-child) {
        display: inline-block;
        padding-right: 5px;
        border-right: 2px solid #848484;
    }

    .blue-card .investment-details .span:not(:first-child) {
        margin-left: 5px;
    }



    /* modal popop */
    .custom-modal-popop .modal-content {
        max-width: 100% !important;
        margin: 0 auto !important;
    }

    .custom-modal-popop .modal-content {
        padding: 24px 16px !important;
    }

    .custom-modal-popop .browse-btn {
        display: block;
    }

    .custom-modal-popop .modal-body {
        padding: 0px;
    }

    .custom-modal-popop .modal-header {
        right: 15px;
        top: 10px;
        width: 20px;
        height: 20px;
    }

        .custom-modal-popop .modal-header .close {
            padding: 0;
            float: none;
            margin: 0;
        }

            .custom-modal-popop .modal-header .close img {
                width: 25px;
                height: 25px;
            }

    .custom-modal-popop .btn-block {
        margin-top: 24px !important;
    }

    .custom-modal-popop .popup-subheading-md {
        max-width: 250px;
        margin: 0 auto;
    }

    .ckyc-modal-popop .ckyc-fetch-btn {
        padding: 5px 20px !important;
    }

    .modal-main-sm .h4 {
        font-size: 12px;
    }

    .modal-main-sm .lh-22 {
        line-height: 14px;
    }

    .modal-main-sm .font-22 {
        font-size: 14px;
    }

    .modal-main-sm .lh-26 {
        line-height: 16px;
    }

    .btn-browse {
        font-size: 12px;
        line-height: 14px;
        min-width: 136px !important;
        border: 1px solid #104C88;
        border-radius: 20px;
    }

    .ckyc-modal-popop .h1 {
        font-size: 16px;
    }

    .ckyc-modal-popop .lh-34 {
        line-height: 19px;
    }

    .ckyc-modal-popop .btn-cancel {
        font-size: 14px;
        padding: 9px 20px;
    }

    /* Modal popup (banking details pennydrops) */
    .bank-pennydrop-popup .modal-body > h3 {
        font-size: 14px;
    }

    .bank-pennydrop-popup .popup-btn-lg {
        font-size: 12px;
        padding: 3px 30px;
    }

    /* IFSC popup */
    .ifsc-modal-popop .h1 {
        font-size: 18px;
    }

    .ifsc-modal-popop .label {
        margin-bottom: 0;
    }


    /*covid report */
    .btn-medical {
        min-width: 212px !important;
        font-size: 12px;
        line-height: 14px;
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .mb-16 {
        margin-bottom: 16px;
    }

    .medical-sm-report .h3 {
        font-size: 14px;
    }

    .medical-sm-report .lh-24 {
        line-height: 24px;
    }

    .medical-sm-report .h2 {
        font-size: 16px;
    }

    .medical-sm-report .lh-28 {
        line-height: 19px;
    }

    .medical-sm-report .h6 {
        font-size: 12px;
    }

    .medical-sm-report .lh-16 {
        line-height: 14px;
    }

    .uploaded-doc {
        width: 100%;
    }

    /* Personal-details minor */
    .input-box input[type="text"], .form-control {
        padding: 10px;
        font-size: 14px;
    }

    .form-select, .form-select-lg {
        padding: 10px;
    }

    .form-control.input-with-icon-left-p-lg {
        padding: 10px 10px 10px 50px;
    }

    .form-group {
        margin-bottom: 0px;
    }

    .input-box input[type="text"]
    .content-details {
        width: 100%;
    }

    .common-personal-heading .h1, .common-personal-heading .h3 {
        font-size: 16px;
    }

    .common-personal-heading .lh-40, .common-personal-heading .lh-34 {
        line-height: 22px;
    }

    .policy-details {
        min-width: 120px;
    }

        .policy-details label {
            min-width: 58px;
        }

    .personal-details .radio-button-block [type="radio"]:checked + label,
    .personal-details .radio-button-block [type="radio"]:not(:checked) + label,
    .personal-details .radio-toolbar input[type="radio"]:checked + label {
        padding: 8px 14px;
    }

    .mb-24 {
        margin-bottom: 24px;
    }

    .custom-investment-card .h6 {
        font-size: 14px !important;
    }

    .custom-investment-card .h3 {
        font-size: 18px !important;
    }

    .custom-investment-card span {
        vertical-align: baseline;
    }

    /* Personal-details-minor responsive */
    .common-heading-sm {
        padding-left: 30px;
    }

    /* Post quote -01 */
    .mt-24 {
        margin-top: 12px;
    }

    .pan-details {
        width: 100%;
    }

    .card-post-quote {
        padding: 16px;
    }

    .button[type="submit"] {
        outline: none;
    }

    .form-block .radio-label {
        font-size: 14px;
    }

    .form-block .radio input[type="radio"] + .radio-label:before {
        margin-top: -5px;
    }

    .post-qoute .card {
        padding: 15px;
    }
    /* .qoute-page-stripe { display: none; } */
    .qoute-page-stripe .icon-md {
        width: 25px;
        height: 30px;
        background-size: contain;
    }

    .qoute-page-stripe-first {
        top: 19%
    }

    .qoute-page-stripe-second {
        top: 13%
    }

    .post-qoute .card-post-quote p {
        font-size: 14px;
    }

    .post-qoute .accordion-outline .card {
        margin-bottom: 5px !important;
    }

    .doc-card .doc-upload-btn-v2 {
        min-width: 130px;
    }

    .post-qoute .icon.icon-md.icon-next-arrow {
        width: 25px;
        height: 25px;
    }
    /* otline accordian */
    .accordion.accordion-outline > .card:not(:last-of-type), .accordion.accordion-outline > .card:not(:first-of-type) {
        border: none;
        border-radius: 8px;
        background: #FFFFFF;
        box-shadow: 0px 0px 12px rgb(172 172 172 / 25%);
    }

    .accordion-outline .card-header h3 {
        font-size: 14px;
        line-height: 17px;
        font-weight: 600;
        font-family: 'Lato-Semibold';
        padding-right: 25px;
    }

    .accordion-outline .card {
        padding: 16px;
        margin-bottom: 16px !important;
    }

    .accordion-outline .card-header h3::before {
        right: 0;
        top: 7px;
    }

    .accordion-outline .card-header h6, .accordion-outline .card-body h6 {
        font-size: 12px;
        line-height: 15px;
    }

    .accordion-outline .card-header .collapsed h3::before {
        top: 0;
    }

    .accordion-outline .desktop-hide {
        display: block;
    }

    /*Responsive Sidebar + Bottom navigation */
    .sidebar {
        background: #D1E9F5;
        position: fixed;
        left: 0;
        bottom: 0;
        top: unset;
        max-width: 100%;
        width: 100%;
        padding: 0;
        height: auto;
        z-index: 9999;
    }

    .sidebar-details {
        width: 100%;
        left: 0;
    }

    .sidebar li {
        width: 25%;
    }

    .sidebar-tab-link-container {
        flex-direction: column;
    }

    .sidebar .sidebar-tab-link,
    .sidebar.shrink-sidebar .sidebar-tab-link {
        padding: 8px;
    }

    .sidebar li:not(:last-child) {
        border-bottom: none;
    }

    .sidebar .sidebar-list {
        align-items: flex-end;
    }

    .icon-benifits-plan-mobile {
        background: url('../../Logo/Common_Logo/header-icon-1.svg') no-repeat center;
    }

    .icon-why-us-mobile {
        background: url('../../Logo/Common_Logo/header-icon-2.svg') no-repeat center;
    }

    .icon-fund-performance-mobile {
        background: url('../assets_CPF/images/sidebar/fund-performance-mobile.svg') no-repeat center;
    }

    .icon-chat-with-us-mobile {
        background: url('../assets_CPF/images/sidebar/chat-with-us-mobile.svg') no-repeat center;
    }

    .icon-contact-us-mobile {
        background: url('../../Logo/Common_Logo/header-icon-3.svg') no-repeat center;
    }

    .sidebar-details .sidebar-detail {
        max-width: 100%;
        width: 100%;
    }

    .sidebar.shrink-sidebar {
        max-width: 100%;
    }

    .sidebar-details .sidebar-tab-content {
        padding-top: 0px;
    }

    .sidebar-details .sidebar-close-btn .icon-md {
        width: 32px;
        height: 32px;
    }

    .sidebar .sidebar-tab-link.active h2 {
        color: #104C88;
    }

    .sidebar .sidebar-tab-link.active .icon-benifits-plan-mobile {
        background: url('../assets_CPF/images/sidebar/benefits-of-plan.svg');
    }

    .sidebar .sidebar-tab-link.active .icon-why-us-mobile {
        background: url('../../Logo/Common_Logo/header-icon-2.svg') no-repeat center;
    }

    .sidebar .sidebar-tab-link.active .icon-fund-performance-mobile {
        background: url('../assets_CPF/images/sidebar/fund-performance.svg') no-repeat center;
    }

    .sidebar .sidebar-tab-link.active .icon-chat-with-us-mobile {
        background: url('../assets_CPF/images/sidebar/chat-with-us.svg') no-repeat center;
    }

    .sidebar .sidebar-tab-link.active .icon-contact-us-mobile {
        background: url('../../Logo/Common_Logo/header-icon-3.svg') no-repeat center;
    }

    .sidebar-details {
        background: none;
        left: 0 !important
    }

        .sidebar-details .sidebar-detail {
            transform: translateY(100%);
            opacity: 0;
        }

            .sidebar-details .sidebar-detail.open-sidebar-details {
                transform: translateY(0);
                opacity: 1;
            }

        .sidebar-details .sidebar-close-btn {
            top: -7px
        }


    /* Tabs capsule*/
    .tabs-capsule .nav-pills .nav-link {
        padding: 7px 11px !important;
        font-size: 13px;
    }

    .tabs-capsule .nav-pills {
        margin-bottom: 12px !important;
    }


    /* Filled popover */
    .filled-popover ul li {
        font-size: 12px;
        line-height: 15px;
    }

    /* Communication detail case 1 */
    .form-select-lg {
        max-width: 100% !important;
    }

    .tooltip-heading h2 {
        font-size: 16px;
    }

    .tooltip-heading .lh-28 {
        line-height: 21px;
    }

    .main-title .h1, .main-title .h3 {
        font-size: 16px;
    }

    .main-title .lh-40, .main-title .lh-34 {
        line-height: 19px;
    }

    .communication-details-sm .mobile-sm-main .h3 {
        font-size: 14px;
    }

    .communication-details-sm .mobile-sm-main .lh-24 {
        line-height: 16px;
    }

    .communication-details-sm .form-select-lg {
        padding: 8px 11px;
    }

    .tabs-border-bottom {
        border-bottom: 1px solid #DCDCDC;
        padding-bottom: 24px;
    }


    /* Proposal form */
    .proposal-form h1 {
        text-align: center !important;
        margin-bottom: 0 !important;
    }

    .proposal-form label {
        font-size: 14px !important;
        line-height: 17px !important;
    }

    .proposal-form .form-control-mobile-sm {
        max-width: 100% !important;
    }

    .question-list h3 {
        line-height: 17px;
    }

    .proposal-form .radio-toolbar input[type="radio"]:checked + label,
    .proposal-form .radio-button-block [type="radio"]:checked + label,
    .proposal-form .radio-button-block [type="radio"]:not(:checked) + label {
        padding: 8px 18px;
    }

    .question-list .input-field-lg, .question-list .form-select-lg {
        background-position: 94% 50%;
    }

    .form-content.is-active {
        overflow-x: hidden;
    }


    /* Tabs custom */
    .tabs-custom .nav-link {
        padding: 7px 20px;
    }

    .tabs-custom .tab-content {
        padding: 6px 8px;
    }




    /* Add nominee filled */

    /* Tabs interactive */
    .tabs-interactive .nav-pills .nav-link {
        padding: 4px 35px 4px 15px;
        ;
        font-size: 14px;
        line-height: 17px;
    }

    .radbox .rad-text {
        padding: 7px;
        max-width: 100px;
    }

    .custom-radion-box .rad-text .h4 {
        font-size: 14px;
    }

    .custom-radion-box .rad-text .lh-22 {
        line-height: 16px;
    }

    .custom-radion-box .rad-text .h6 {
        font-size: 10px;
    }

    .custom-radion-box .rad-text .lh-16 {
        line-height: 12px;
    }

    .first-radio-card, .second-credit-card {
        margin-right: 2px;
    }

    .radbox .add-another-address {
        padding: 24px 8px;
    }

    .radbox input[type="radio"]:checked + .rad-text {
        max-width: 100px;
        padding: 8px;
    }

    .custom-radion-box label {
        display: inline-block;
    }

    .hide-add-nominees {
        display: none;
    }

    .btn.btn-add-nominee {
        padding: 3px 8px;
    }

    .add-nomminee-sm .form-select-lg {
        padding: 8px 11px;
    }

    .tabs-interactive .tab-links .nav-pills {
        height: max-content;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        flex-wrap: nowrap;
        scrollbar-width: none;
        scroll-behavior: smooth;
    }

    .tabs-interactive .tab-links ::-webkit-scrollbar {
        display: none;
    }

    /* Add nomminee multiple */
    .appointee-sm-details .h2 {
        font-size: 16px;
        line-height: 20px;
    }

    .appointee-sm-details .lh-24 {
        line-height: 21px;
    }

    .appointee-sm-details .lh-19 {
        line-height: 16px;
    }

    .percent-amount {
        right: 4%;
    }

    .appointee-sm-details .lh-20 {
        line-height: 17px;
    }

    /* E-insurance details */
    .e-insurance-title .h1, .e-insurance-title .h3 {
        font-size: 14px;
    }

    .e-insurance-title .lh-48, .e-insurance-title .lh-34 {
        line-height: 20px;
    }

    .insurance-radio-toolbar .radio-toolbar input[type="radio"] + label {
        min-width: 135px;
        padding: 7px 15px;
    }

    .hide-tax-redient-no .hide-desktop {
        display: none;
    }

    /* Stepper desktop */
    .stepper-desktop {
        display: none;
    }

    /* Stepper Mobile */
    .stepper-mobile {
        display: flex !important;
        position: fixed;
        bottom: 56px;
        background: #fff;
        max-width: 100%;
        padding: 10px 10px 22px 10px;
        z-index: 999;
        box-shadow: 0px 0px 12px 0px rgb(172 172 172 / 25%);
    }

        .stepper-mobile.active {
            padding: 33px 10px 22px 22px;
        }

        .stepper-mobile.input-focus {
            bottom: 0;
        }

        .stepper-mobile .opacity-div .line {
            opacity: .2;
        }

        .stepper-mobile .main-block.is-complete .line {
            background: #92c947;
        }

    /* Advance Custom checkbox */
    .lifestyle-habits .form-group.custom-checkbox label:before {
        width: 18px;
        height: 18px;
    }

    .lifestyle-habits .form-group.custom-checkbox input:checked + label:after {
        top: 5px;
    }

    .summary-wrap {
        display: none;
    }


    /* Stepper*/
    .your-details {
        display: none;
    }

    .main-stepper-content.main-page {
        padding: 80px 0;
    }

    /* radio capsule css */
    .radio-capsule .radio-toolbar {
        max-width: 130px;
        width: 100%;
    }

    .radio-capsule .radio-label {
        width: 100%;
    }

    .main-stepper-content.main-page {
        padding: 80px 0 150px;
    }

    .customized-check-box .form-group.custom-checkbox span {
        font-size: 16px;
    }

    .input-label-country-code {
        top: 50%;
        transform: translateY(-50%);
    }

    /* Insurance history for females */
    .insurance-history {
        padding: 16px;
        margin-bottom: 16px;
    }

        .insurance-history .paricipation h3, .insurance-history .bad-habits h3 {
            margin-bottom: 11px !important;
        }

        .insurance-history .bad-habits.mb-32 {
            margin-bottom: 0;
        }

        .insurance-history .bad-habits .radio-button-block {
            margin-bottom: 0 !important;
        }

        .insurance-history .tabs-interactive {
            margin-top: 16px !important;
        }

        .insurance-history .row:last-child .content-details {
            margin-bottom: 0 !important;
        }

        .insurance-history .bad-habits .form-data {
            margin-top: 8px
        }

        .insurance-history .bad-habits .mb-3 {
            margin-bottom: 0 !important
        }

    .inputdetail-label {
        margin-top: 4px;
    }


    /* otp block changes */
    .otp-block .input-box {
        width: 100%;
        margin-right: 0;
    }

    .otp-block .primary-btn {
        margin: 15px auto 0px;
    }

    .otp-block .mt-2 {
        margin: 0 auto;
    }

    .otp-block .d-flex {
        flex-direction: column;
    }

    /* e-otp changes */
    .e-otp-block .mob-verified {
        flex-direction: column;
        align-items: flex-start !important;
    }

    .e-otp-block .check-otp {
        margin-top: 8px !important;
        margin-left: 0 !important
    }

        .e-otp-block .check-otp span {
            font-size: 14px;
            line-height: 17px;
        }

    .checkmark-animate {
        width: 20px;
        height: 20px;
    }

    .insurance-radio-toolbar .radio-toolbar {
        margin-bottom: 9px;
    }

    /* error pages css start */
    /* .icon-wrap img { width: 83px; } */
    .error-page-container .font-32 {
        font-size: 20px;
    }

    .error-page-container .font-22 {
        font-size: 16px;
    }

    .error-page-container .error-sub-text {
        line-height: 21px;
        padding: 0 45px;
    }

    .error-page-container .btn {
        font-size: 16px;
    }

    .number-info {
        display: block;
        font-size: 16px;
    }

    .number-tel-text {
        font-size: 18px;
    }

    .time-info {
        font-size: 14px;
    }

    .contact-us-info.lh-37 {
        line-height: 24px;
    }

    .fradulent-offers-wrap {
        max-width: 620px;
        width: 90%;
        margin: 16px auto;
        padding: 16px 18px;
        border: 1.68966px solid #DCDCDC;
        border-radius: 14px;
    }

    .beware-title {
        font-size: 14px;
        line-height: 24px;
    }

    .beware-info {
        font-size: 12px;
        line-height: 20px;
    }

    .error-page-container .error-sub-text-width {
        max-width: 100%;
        padding: 0 15px;
    }
    /* bank pennydrop don't have penny drop facilitate*/
    .no-penny-drop-facility .radio-capsule .radio-toolbar label, .no-penny-drop-facility .radio-capsule .radio-toolbar input[type="radio"]:checked + label {
        padding: 6px 13px;
    }

    .no-penny-drop-facility .radio-capsule .radio-toolbar {
        max-width: 150px;
    }

    /* pay for 1 month */
    .gray-card .details {
        border-right: 0;
        padding-right: 0;
    }

    .pay-for-1month .radbox input[type="radio"]:checked + .rad-text, .pay-for-1month .radbox .rad-text {
        max-width: 100%;
        padding: 15px;
    }

    .pay-for-1month h2.h2 {
        font-size: 14px;
    }

    .pay-for-1month .lh-29 {
        line-height: 17px;
    }

    .credit-icon-position {
        width: 25px;
        height: 25px;
    }

    .pay-for-1month .gray-card .h5 {
        font-size: 14px !important;
    }

    .pay-for-1month .gray-card .h4 {
        font-size: 16px !important;
    }

    .gray-card .amount {
        margin-left: 20px;
    }

    /* Add nominee minor */
    .add-nom-minor .row:first-child .form-group {
        margin-top: 1.5rem !important;
    }

    .add-nom-minor .row:first-child .col-lg-4:first-child .form-group {
        margin-top: 0 !important;
    }


    /* Investment details */
    .outline-capsules .radio-capsule .radio-toolbar label, .outline-capsules .radio-capsule .radio-toolbar input[type="radio"]:checked + label {
        padding: 8px 12px;
    }

    .icon-invest-duration {
        background-size: 15px !important;
    }

    .icon-premium-amount {
        background-size: 16px !important;
    }

    .investment .content-detail {
        width: 100%;
    }

    /* summary */
    .icon-edit-blue-right {
        top: 8px;
        width: 14px;
        height: 14px;
    }

    .sum-title h4 {
        font-size: 16px;
        line-height: 20px;
    }

    .sum-title {
        padding-bottom: 8px;
    }

        .sum-title .icon-edit-blue {
            width: 18px;
            height: 18px;
        }

    .summary-details .label {
        font-size: 12px;
        line-height: 15px;
        margin-bottom: 4px;
    }

    .summary-details h4 {
        font-size: 14px;
        line-height: 17px;
    }

    .filled-accordion .summary-details .badge-sm {
        max-width: 70px;
        padding: 6px 26px;
    }

    /* Summary with OTP */
    .filled-accordion .otp-generation .secondary-btn-otp {
        max-width: auto !important;
        font-size: 12px !important;
        padding: 4px â€‹10px !important;
    }

    .hide-block .h4 {
        font-size: 12px !important;
        line-height: 16px !important;
    }

    /* added 31052021 */
    .hide-add-members {
        display: none;
    }

    /* Health Details for female */
    .health-details-female .medical-details-checkbox-mobile .customized-check-box .form-group.custom-checkbox label {
        padding-right: 0;
    }

    .health-details-female .medical-details-checkbox-mobile .customized-check-box .form-group.custom-checkbox span {
        padding-left: 5px;
    }

    .health-details-female .medical-details-checkbox-mobile .customized-check-box .form-group.custom-checkbox label:before {
        width: 20px;
        height: 20px;
    }

    .health-details-female .medical-details-checkbox-mobile .custom-checkbox input:checked + label:after {
        top: 7px;
    }

    .health-details-female .lh-24 {
        line-height: 19px;
    }

    .health-details-female .medical-details-capsules .h2 {
        font-size: 16px;
    }

    .health-details-female .medical-details-capsules .lh-29 {
        line-height: 19px;
    }

    .health-details-female .medical-details-capsules .h5 {
        font-size: 14px !important;
    }

    .health-details-female .medical-details-capsules .lh-20 {
        line-height: 17px;
    }

    .health-details-female .h3 > span {
        font-size: 12px;
    }

    .health-details-female .covid-questions .h2 {
        font-size: 16px;
    }

    .health-details-female .covid-questions .lh-29 {
        line-height: 19px;
    }

    .health-details-female .medical-details-checkbox-mobile input[type="checkbox"] {
        position: relative;
        opacity: 1
    }

    .icon-tooltip-mobile {
        background: url('../Logo/Common_Logo/info-tooltip-icon.svg') no-repeat center;
    }

    .common-subheading-mobile {
        max-width: 271px;
        margin: 0 auto;
    }


    /* Investment details */
    .sidebar-details .sidebar-detail {
        padding: 80px 16px 0;
    }

    .sidebar-tab-content .h2 {
        margin-bottom: 16px;
        font-size: 18px;
        line-height: 22px;
    }

    .sidebar-tab-content .h4 {
        line-height: 17px;
    }

    .sidebar-tab-content p, .content-list li {
        margin-bottom: 16px;
    }

        .content-list li p {
            margin-bottom: 0;
        }

    .sidebar-tab-content p {
        line-height: 18px;
    }

    .content-list li:last-child {
        margin-bottom: 0;
    }

    .content-list-footer {
        margin: 30px 0
    }

        .content-list-footer h3 {
            margin-bottom: 16px !important;
        }
    /* .icons-row { padding-bottom: 170px; } */
    .icon-block h4 {
        font-size: 12px;
        line-height: 16px;
    }

    .icon-block .icon {
        width: 32px;
        height: 32px;
    }

    .icon-customised-quote, .icon-digital-payment, .icon-upload-document {
        background-size: 18px;
    }

    .icon-block:after {
        content: '';
        width: 76px;
        height: 20px;
        top: 10px;
        right: -38px;
        background-size: 36px;
    }

    .scrollbar .sidebar-tab-content .slimScrollDiv, .scrollbar .slimScrollDiv, .scrollbar .testDiv {
        height: 450px !important;
        width: 100% !important;
    }

    /* Retreive quote popup */
    .ckyc-modal-popop.retrieve-modal .ckyc-fetch-btn, .ckyc-modal-popop.retrieve-modal .btn-cancel {
        padding: 7px 20px !important;
        font-size: 14px;
        line-height: 17px;
        min-width: 106px !important;
    }

    .retrieve-modal p {
        width: 190px;
        margin: 5px auto 15px;
    }

    .form-section-divider {
        margin-bottom: 24px;
        padding-bottom: 0;
    }
    /* .ckyc-modal-popop.retrieve-modal .ckyc-modal-content { border-radius: 0; box-shadow: none; border-bottom: none; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border: none; } 
.ckyc-modal-popop.retrieve-modal .modal-dialog { background: #fff;; border-radius: 8px; border: 1px solid rgba(0,0,0,.2); } */
    .retrieve-mobile-table {
        background: #D1E9F5;
        padding: 0;
        margin: 0;
        width: 100%;
        padding: 16px 8px;
    }

    .ckyc-modal-popop .retrieve-mobile-table .h1 {
        font-size: 14px;
        line-height: 17px;
        color: #4c4c4c;
        padding: 0 20px
    }

    .ckyc-modal-popop.retrieve-modal .modal-content {
        padding: 24px 16px 6px 16px !important;
    }

    .table-card {
        margin-bottom: 16px;
    }

    .table-card-item {
        background: #FFFFFF;
        border-radius: 8px;
        padding: 8px;
    }

        .table-card-item .table-card-item-header {
            padding-bottom: 9px;
            border-bottom: 1px dashed #D1E9F5;
            ;
        }

    .retrieve-modal .table-card-item p {
        width: auto;
        margin: 0;
    }

    .table-card-item .table-card-body {
        padding: 8px;
        text-align: center;
    }

        .table-card-item .table-card-body .row {
            padding-bottom: 12px;
        }

            .table-card-item .table-card-body .row:last-child {
                padding-bottom: 0
            }

    .retrieve-modal .table-card-item .table-card-body p {
        margin-bottom: 4px;
    }

    .ckyc-modal-popop.retrieve-modal .table-card-item .btn-cancel {
        padding: 5px â€‹20px !important;
        font-size: 10px;
        line-height: 12px;
        margin: 12px auto;
    }

    .interactive-table-arrow {
        bottom: -20px;
        left: 0;
        right: 0;
    }

    .ckyc-modal-popop.retrieve-modal .modal-content {
        padding: 0 !important;
        overflow: hidden;
    }

        .ckyc-modal-popop.retrieve-modal .modal-content .modal-body {
            padding: 24px 16px 6px 16px !important
        }

    .table-card-body .interactive-table .row {
        display: none;
    }

    .interactive-table-arrow.rotate {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }

    .interactive-table-arrow {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
    }


    /* Generate BI: card custom */
    .card.card-custom .card-body {
        flex-direction: column;
    }

        .card.card-custom .card-body .w-20 {
            width: 100%;
            padding-right: 0;
        }


    /* Suitability Analysis */
    .suitability-analysis .outline-capsules .radio-label, .suitability-analysis .outline-capsules input[type="radio"]:checked + .radio-label {
        min-width: unset;
        font-size: 13px;
        padding: 8px 8px !important;
    }

    .suitability-analysis .modal-main h2.h2 {
        font-size: 16px;
    }

    .suitability-analysis .modal-main .h2.lh-29 {
        line-height: 19px;
    }

    .suitability-analysis .outline-capsules .radio-toolbar-md-max-content {
        max-width: -webkit-max-content;
        max-width: -moz-max-content;
        max-width: max-content;
    }

    .suitability-analysis .modal-main {
        padding-bottom: 25px;
    }


    /* Generate-Bi */
    .card.card-custom.card-mobile {
        padding: 16px;
    }

    .card-mobile .card-body {
        padding: 0 16px
    }

        .card-mobile .card-body span {
            font-size: 14px;
        }
    /* .generate-bi .form-group { padding: 0 16px; } */


    .stepper-mobile .main-block.active.in-complete .main-step {
        border: 1px solid #C94747;
    }

    .in-complete .popover.outline-popover-sm {
        display: block;
    }

    .popover.outline-popover-sm .arrow::before {
        bottom: -39px;
        left: -30px
    }

    .popover.outline-popover-sm .arrow::after {
        bottom: -29px;
        left: -30px
    }

    .in-complete .popover.outline-popover-sm {
        display: block;
        left: 0;
        min-width: 100px;
    }

    /* Card horizontal */
    .card-horizontal .card-body {
        flex-direction: column;
    }

        .card-horizontal .card-body > div {
            margin-right: 0 !important;
            width: 100%;
        }

    .card-horizontal {
        padding: 0;
    }

        .card-horizontal .card-body-title {
            padding: 20px 8px 16px 8px;
        }

        .card-horizontal .card-body-content {
            padding-bottom: 16px;
        }

            .card-horizontal .card-body-content p {
                font-size: 10px;
                line-height: 12px;
            }

        .card-horizontal .card-nesting {
            text-align: center;
        }

        .card-horizontal .card-body-title h3 {
            font-size: 16px;
            line-height: 17px;
            font-weight: 700;
            font-family: 'Lato-Bold';
        }

        .card-horizontal .card-body-title h6 {
            font-size: 12px;
            line-height: 15px;
            font-weight: 500;
            font-family: 'Lato-Medium';
        }

        .card-horizontal .card-nesting h3 {
            font-size: 14px;
            line-height: 17px;
        }

        .card-horizontal .card-nesting span {
            font-size: 14px;
            line-height: 20px;
            margin: 0 !important;
            vertical-align: baseline;
        }
    /* Qoute page */
    .recommendation .row {
        margin: 0 auto;
    }

    .recommendation-note h4 {
        font-size: 10px;
    }

    .recommendation .radio-button-block [type="radio"]:checked + label, .recommendation .radio-button-block [type="radio"]:not(:checked) + label, .recommendation .radio-toolbar input[type="radio"]:checked + label {
        padding: 8px 10px;
    }

    .recommendation .pre-label, .recommendation .policy-term-note {
        font-size: 10px;
        line-height: 12px;
    }

    .recommendation .recommendation-right-arrow {
        top: -10%;
        left: 50%;
        transform: translateX(-50%) rotate(90deg);
        z-index: 3;
    }

    .recommendation .recommendation-result-card {
        position: relative;
    }

        .recommendation .recommendation-result-card .card.card-horizontal {
            padding: 15px;
        }

    .recommendation .card.card-horizontal .card-nesting {
        padding: 8px 6px;
    }

    .card-horizontal .card-nesting.card-nesting-min-width-v2 {
        max-width: 129px;
        padding: 16px 0 !important;
        margin: 0 auto;
    }

    .recommendation .card-horizontal .card-nesting.card-nesting-min-width {
        min-width: unset;
        padding: 25px 0;
    }

    .recommendation .icon-md.icon-life-cover, .recommendation .icon-md.icon-maturity-benefit {
        width: 32px;
        height: 32px;
    }

    .recommendation .card-horizontal .label-or {
        font-size: 8px;
        line-height: 12px !important;
    }

    .recommendation .card-horizontal .card-nesting.card-nesting-min-width > h3 {
        font-size: 20px;
    }

        .recommendation .card-horizontal .card-nesting.card-nesting-min-width > h3 > span {
            font-size: 20px;
        }

    .recommendation .t-and-c {
        font-size: 12px;
        line-height: 15px;
    }

        .recommendation .t-and-c span.h2 {
            line-height: 15px;
            vertical-align: -webkit-baseline-middle;
        }

    .recommendation .recommendation-card-or {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    /* .card-horizontal .card-nesting span { font-size: 8px; line-height: 20px; margin: 0 !important; } */
    .custom-iframe {
        width: 320px;
        margin: 0 auto
    }

    /* Product - Smart Platina 22/6/2021 */
    .product-pre-label {
        font-size: 16px;
    }

    .smart-platina .card-horizontal .card-nesting span {
        font-size: 20px;
    }

    .smart-platina .card-horizontal .card-nesting h2.h2 {
        font-size: 20px;
    }

    .smart-platina .card-horizontal .icon-md {
        width: 24px;
        height: 24px;
    }

    .smart-platina .card-horizontal .card-body > div {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content
    }

    .smart-platina .card-horizontal .card-body-title h3 {
        font-size: 16px;
        line-height: 18x;
    }

    .smart-platina .retrieve-table-block .table-scroll-wba thead th {
        font-size: 12px;
        line-height: 15px;
    }

    .smart-platina .table-with-shadow .retrieve-table-block .table-scroll-wba thead th {
        height: 40px;
        padding-left: 15px;
    }

    .smart-platina .table-with-shadow .retrieve-table-wrapper .table-scroll-wba td {
        padding: 15px 10px;
        min-width: 100px;
        max-width: 100px;
    }

    .smart-platina .table-with-shadow .retrieve-table-wrapper .table-scroll-wba tr:not(:last-child) td h3,
    .smart-platina .table-with-shadow .retrieve-table-wrapper .table-scroll-wba tr td p,
    .smart-platina .table-with-shadow .retrieve-table-wrapper .table-scroll-wba tr td span {
        font-size: 12px;
        line-height: 15px;
    }

    .smart-platina .table-with-shadow .retrieve-table-wrapper .table-scroll-wba tr:last-child td h3.h2 {
        font-size: 16px;
    }

    .smart-platina .table-with-shadow .retrieve-table-wrapper .table-scroll-wba th:nth-child(3) {
        padding-right: 5px;
        text-align: center !important;
    }

    .smart-platina .table-with-shadow .retrieve-table-wrapper .table-scroll-wba tr td h3 {
        text-align: center !important;
    }

    .smart-platina .table-with-shadow .table-responsive-grid {
        width: 95%;
    }
    /* Proposer Detail */
    .proposer-detail {
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .proposer-detail > li {
            display: inline-block;
            flex: 1;
        }

        .proposer-detail li:first-child, .proposer-detail li:nth-child(2) {
            padding-right: 28px;
            border-right: 1px solid #999999;
        }

        .proposer-detail li:nth-child(2), .proposer-detail li:nth-child(3) {
            margin-left: 28px;
        }

    .stripe-below-blue-card .qoute-page-stripe-second {
        top: 25%;
    }

    .stripe-below-blue-card .qoute-page-stripe-first {
        top: 32%;
    }

    .common-heading-xs {
        max-width: 202px;
        margin: 0 auto;
    }

    .tabs-custom-for-table .h3 {
        font-size: 20px;
    }

    .tabs-custom-for-table .h5 {
        font-size: 16px !important;
    }

    /* Quote page */
    .recommendation-result-card .d-flex {
        padding: 5px;
        align-items: center;
    }

    .recommendation .recommendation-result-card .card.card-horizontal {
        width: 250px;
    }

    .recommendation.smart-platina .recommendation-result-card .card.card-horizontal {
        max-width: 100%;
        width: 100%;
    }

    .recommendation.smart-platina .recommendation-result-card .d-flex {
        padding: 15px 10px;
    }

    .what-to-pay .card.card-horizontal .card-body {
        padding: 0;
    }

    /* Fund performance */
    .radio-toolbar-for-graph {
        border-radius: 8px;
    }

    .radio-button-block .radio-toolbar-for-graph [type="radio"]:checked + label, .radio-button-block .radio-toolbar-for-graph [type="radio"]:not(:checked) + label, .radio-button-block .radio-toolbar-for-graph .radio-toolbar label:last-child {
        padding: 8px 12px;
    }

    .sidebar-tab-content.fund-performance .switch-toggle {
        margin: 8px 0;
    }

    .fund-perf-graph .return-data h4.h4 {
        font-size: 12px;
        line-height: 15px;
    }

    .fund-perf-graph .graph-radio-capsules {
        max-width: 100%;
    }

    .tabs-mobile .nav-tabs::-webkit-scrollbar {
        display: none;
    }

    /* Hide scrollbar for IE, Edge and Firefox */
    .tabs-mobile .nav-tabs {
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
    }


    /* Fun performance table */
    .sidebar-tab-content.fund-performance .switch-toggle {
        margin: 0 0 24px 0;
    }


    /* Fund performance graph */
    .fund-perf-graph .card {
        padding: 8px !important
    }

    .radio-toolbar-for-graph {
        width: 100%;
    }

    .fund-perf-graph .radio-toolbar .radio-two .radio-items {
        width: 25%;
    }

    .fund-perf-graph .radio-toolbar input[type="radio"]:checked + label {
        width: 100%;
        text-align: left;
    }

    .fund-perf-graph .radio-button-block [type="radio"]:checked + label, .fund-perf-graph .radio-button-block [type="radio"]:not(:checked) + label {
        font-size: 12px;
        line-height: 15px;
    }

    .fund-perf-graph .radio-toolbar input[type="radio"] + label:last-child {
        margin-left: 0px;
    }

    .fund-perf-graph {
        height: 375px !important;
    }

    .chartdiv {
        width: 100%;
    }

    /* Styling Datepicker */
    .datepicker-parent {
        max-width: 100%;
    }

    /* Why us */
    .why-us-icons .icons-block .h1 {
        font-size: 28px;
        line-height: 34px;
    }

    .why-us-icons .icons-block {
        margin-bottom: 20px;
    }



    /* Retrieve quote upload functionality */
    .file-upload-new .upload {
        position: absolute;
        top: 15px;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 10px;
        cursor: pointer;
        opacity: 0;
        left: 0;
        width: 126px;
        filter: alpha(opacity=0);
    }

    .ckyc-modal-popop.retrieve-modal .table-card-item .btn-cancel {
        text-decoration: none;
    }

    .file-upload-new {
        margin-bottom: 10px;
    }



    /* NRI Baic mobile popup */
    .nri-modal .modal-content {
        padding: 32px 0 !important;
    }

    .nri-modal-small h2 {
        font-size: 16px !important;
        line-height: 25px !important;
        margin-bottom: 16px;
    }

    .nri-modal .tabs-custom {
        box-shadow: none;
        border: none;
    }

        .nri-modal .tabs-custom .nav-pills {
            padding: 1px;
        }

    .nri-modal .tab-content > .tab-pane {
        padding: 25px 15px;
    }

    .nri-modal .tabs-custom .tab-content {
        padding: 0;
    }

    .nri-modal .select-placeholder {
        font-size: 14px;
        line-height: 17px;
    }

    .nri-modal .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #999999;
        font-size: 14px;
    }

    .nri-modal .form-control::-moz-placeholder { /* Firefox 19+ */
        color: #999999;
        font-size: 14px;
    }

    .nri-modal .form-control:-ms-input-placeholder { /* IE 10+ */
        color: #999999;
        font-size: 14px;
    }

    .nri-modal .form-control:-moz-placeholder { /* Firefox 18- */
        color: #999999;
        font-size: 14px;
    }

    .nri-modal .form-select, .nri-modal .form-select-lg {
        padding: 7px 8px;
    }

    .nri-modal .nri-modal-small .radio-capsule .radio-toolbar {
        max-width: 100%;
    }

    .nri-modal .nri-modal-small .outline-capsules .radio-capsule .radio-toolbar label,
    .nri-modal .nri-modal-small .outline-capsules .radio-capsule .radio-toolbar input[type="radio"]:checked + label {
        padding: 7px 12px;
    }

    .nri-modal-small .form-block .radio:first-child input[type="radio"] + .radio-label:before {
        width: 43px;
    }

    .nri-modal-small .form-block .radio:last-child input[type="radio"] + .radio-label:before {
        width: 39px;
    }

    .nri-modal-small .form-block .radio input[type="radio"] + .radio-label:before {
        margin-top: 0;
    }

    .nri-modal .nri-modal-small .nri_bank_details .form-block .radio-label {
        font-size: 14px;
        line-height: 17px;
    }

    .nri-modal-small .datepicker-ip {
        padding: 6px 10px;
    }

    .nri-modal-small .input-label-rupee {
        top: 17px;
    }

    .nri-modal-small .input-box input[type="text"], .nri-modal-small .form-control {
        padding: 6px 10px;
    }

    .nri-modal-small .input-with-icon-left {
        padding: 6px 10px 6px 40px;
    }

    .nri-modal-small .primary-btn {
        width: 123px;
        font-size: 16px;
        line-height: 20px;
        text-align: center;
    }

    .nri-modal-small .fema-rules h2 {
        font-size: 14px !important;
        line-height: 17px !important;
        margin: 0 !important;
    }

    .nri-modal-small .fema-rules h3 {
        font-size: 12px !important;
        line-height: 15px !important;
        margin: 0 !important;
    }

    .nri-modal-small .fema-details h3 {
        font-size: 16px !important;
        line-height: 20px !important;
        margin-bottom: 15px !important;
    }

    .nri-modal-small .fema-details .claim-list p {
        color: #131313 !important
    }

    .nri-modal-small .fema-rules .form-group p {
        font-size: 12px !important;
    }

    .nri-modal-small .continue-btn .primary-btn {
        width: 160px;
    }

    /* Product - purn suraksha */
    .purna-suraksha .content-details-sm {
        max-width: 100% !important;
    }

    .purna-suraksha .radio-capsule .radio-toolbar {
        max-width: 95px;
    }

    .product-plan-card h1 {
        font-size: 14px;
        line-height: 17px;
    }

    .purna-suraksha .product-plan-card input[type="radio"]:checked + label h2 {
        font-size: 14px;
        line-height: 17px;
    }

    .purna-suraksha .product-plan-card h2 {
        padding: 34px 10px 10px;
        font-size: 12px;
        line-height: 15px;
    }

    .product-plan-card input[type="radio"]:checked + label h1 {
        font-size: 18px;
        line-height: 22px;
    }

    .purna-suraksha .product-plan-card .vertical-card-radio {
        width: 20px;
        height: 20px;
    }

    .purna-suraksha .product-plan-card .vertical-card-radio {
        right: 5px;
        top: 5px;
    }

    .purna-suraksha .product-plan-card input[type="radio"]:checked + label h2 .vertical-card-radio {
        padding: 2px;
    }

    .purna-suraksha .vertical-radio-cards .col-4:first-child {
        padding-right: 0;
    }

    .purna-suraksha .vertical-radio-cards .col-4:last-child {
        padding-left: 0;
    }

    .purna-suraksha .vertical-radio-cards .col-4:nth-child(2) {
        padding: 0 10px;
    }

    /* 21st June: Purna Suraksha */
    .purna-suraksha .radio-capsule .radio-toolbar label, .purna-suraksha .radio-capsule .radio-toolbar input[type="radio"]:checked + label {
        padding: 9px 8px;
    }

    .purna-suraksha .retrieve-table-block .table-scroll-wba td:nth-child(5) {
        text-align: unset;
    }

    .purna-suraksha .table-with-shadow .retrieve-table-wrapper .table-scroll-wba td {
        padding: 24px 5px;
        vertical-align: middle;
    }

    .table-with-shadow.v2 td .h2 {
        font-size: 16px;
    }

    .table-with-shadow.v2 td .h4 {
        font-size: 12px;
    }

    .table-with-shadow.v2 td span.font-14 {
        font-size: 10px;
    }

    .table-with-shadow.v2 .retrieve-table-wrapper .table-scroll-wba tr td.valign-center {
        padding-bottom: 10px !important;
    }

    .table-with-shadow.v2 .opcotitle td:nth-child(2), .table-with-shadow.v2 .opcotitle td:nth-child(4) {
        width: 10%;
    }

    .table-with-shadow.v2 .opcotitle td:nth-child(1) {
        width: 30%;
        vertical-align: bottom;
        padding-left: 10px;
    }

    .table-with-shadow.v2 .opcotitle td:nth-child(3),
    .table-with-shadow.v2 .opcotitle td:nth-child(5) {
        width: 25%;
        vertical-align: bottom;
    }

    .table-with-shadow.v2 .retrieve-table-block .table-scroll-wba thead th {
        font-size: 14px;
        line-height: 20px;
    }

    .purna-suraksha .total-block {
        max-width: 95%;
        padding: 8px 16px;
    }

        .purna-suraksha .total-block h2 {
            font-size: 18px;
            line-height: 22px;
        }

            .purna-suraksha .total-block h2 span {
                font-size: 12px;
            }

        .purna-suraksha .total-block h3 {
            font-size: 24px;
            line-height: 29px;
        }
    /* .dark-table .table thead tr > th:not(:first-child) { max-width: 175px; } */
    .dark-table thead th > span {
        font-size: 10px;
    }

    .dark-table thead th {
        font-size: 12px;
        line-height: 17px;
    }

    .dark-table .table thead th {
        padding: 1px;
    }

    .purna-suraksha .table-with-shadow .retrieve-table-wrapper .table-scroll-wba tr:not(:last-child) td h3,
    .purna-suraksha .table-with-shadow .retrieve-table-block .table-scroll-wba th {
        font-size: 12px;
        line-height: 15px;
    }

    .purna-suraksha .table-with-shadow .retrieve-table-wrapper .table-scroll-wba tr:last-child td h3 {
        font-size: 14px;
        line-height: 17px;
    }

    .purna-suraksha .table-with-shadow .retrieve-table-wrapper .table-scroll-wba td:nth-child(1) {
        padding: 5px 0px 5px 5px;
    }

        .purna-suraksha .table-with-shadow .retrieve-table-wrapper .table-scroll-wba td:nth-child(1) p {
            font-size: 12px;
            font-weight: 700 !important;
            line-height: 17px;
        }

        .purna-suraksha .table-with-shadow .retrieve-table-wrapper .table-scroll-wba td:nth-child(1) span {
            font-size: 12px;
        }

    .purna-suraksha .table-with-shadow .retrieve-table-wrapper .table-scroll-wba .total-premium td:last-child {
        vertical-align: middle;
    }

    .purna-suraksha .table-with-shadow .retrieve-table-block .table-scroll-wba thead th {
        padding-left: 5px;
    }

        .purna-suraksha .table-with-shadow .retrieve-table-block .table-scroll-wba thead th:last-child {
            padding-right: 5px;
        }

    .purna-suraksha .table-with-shadow .table-responsive-grid {
        max-width: 95%;
    }

    .purna-suraksha .table-with-shadow .retrieve-table-wrapper .table-scroll-wba td:nth-child(2), .purna-suraksha .table-with-shadow .retrieve-table-wrapper .table-scroll-wba td:nth-child(3) {
        padding: 20px 5px;
    }

    .purna-suraksha .table-with-shadow .retrieve-table-wrapper .table-scroll-wba tr td h3 {
        margin-left: 0;
    }

    .purna-suraksha .table-with-shadow .retrieve-table-wrapper .table-scroll-wba th:nth-child(3) {
        padding-right: 0;
        padding-left: 5px;
    }

    .purna-suraksha .sub-title {
        font-size: 12px;
        max-width: 229px;
        margin: 0 auto;
        line-height: 17px;
    }

    .product-plan-card label {
        min-width: 86px;
        max-width: 150px;
        width: 100%;
    }

    .purna-suraksha .tag {
        padding: 4px;
        top: 10px;
        background: #F9E292;
        transform: rotate(-45deg);
        width: 100px;
        left: -33px;
    }

        .purna-suraksha .tag.font-12 {
            font-size: 8px;
            line-height: 12px;
        }

    .purna-suraksha .terms-and-conditions > h5 {
        font-size: 14px !important;
    }

    .purna-suraksha .dark-table .table {
        user-select: none;
    }

        .purna-suraksha .dark-table .table tr td:nth-child(1),
        .purna-suraksha .dark-table .table tr th:nth-child(1) {
            min-width: 52px;
            max-width: 52px;
        }

    .purna-suraksha .qoute-info-label {
        font-size: 18px;
        line-height: 22px;
    }

    .purna-suraksha .dark-table .table-main {
        height: auto !important;
        position: relative;
        padding-bottom: 10px;
    }

    .purna-suraksha .dark-table .table-header .table {
        padding: 15px 10px 0;
        margin-bottom: 10px;
    }

    .purna-suraksha .dark-table .table tr td.h4 {
        font-size: 12px;
    }

    .purna-suraksha .dark-table .table-main .table {
        padding: 0 10px;
    }

    .purna-suraksha .dark-table .table-main .view-all {
        font-size: 12px;
        position: absolute;
        bottom: -10px;
        left: 50%;
        transform: translateX(-50%);
        padding: 5px 15px;
        background: #00A1E3;
        color: #fff;
        font-family: 'Lato-Medium';
        font-weight: 500;
        border-radius: 28px;
        line-height: 15px;
    }

    .purna-suraksha .dark-table .table tbody tr td:first-child {
        border-right: 1px solid #96D9F4;
    }

    .purna-suraksha .dark-table .table tbody tr {
        border-bottom: 0.5px solid #DCDCDC;
    }

    .purna-suraksha .dark-table .table-header .table tr th {
        padding: 10px 5px 0;
    }

        .purna-suraksha .dark-table .table-header .table tr th:not(:last-child) {
            border-right: 0.5px solid #DCDCDC;
        }

    .purna-suraksha-personal-details .spouce-or-you {
        margin-left: 25px !important;
    }

    .spouce-or-you .radio-capsule .radio-toolbar label, .spouce-or-you .radio-capsule .radio-toolbar input[type="radio"]:checked + label, .spouce-or-you .radio-toolbar input[type="radio"]:not(:checked) + label {
        padding: 9px 20px;
    }

    .spouce-or-you .radio-capsule .radio-toolbar {
        max-width: 100px;
    }

    /* radio capsules */
    .radio-capsule .radio input[type="radio"] + .radio-label:before {
        display: none;
        opacity: 0;
    }

    .radio-capsule .radio-toolbar input[type="radio"]:checked + label {
        margin-left: 0;
        border-radius: 36px;
        -webkit-border-radius: 36px;
        -moz-border-radius: 36px;
        -ms-border-radius: 36px;
        -o-border-radius: 36px;
    }

    â€‹â€‹â€‹â€‹â€‹â€‹â€‹â€‹.radio-capsule .radio-toolbar input[type="radio"] + label:last-child {
        margin-left: 0;
    }

    .radio-capsule .radio-toolbar {
        border: 1px solid #DCDCDC;
        box-shadow: none;
        overflow: hidden;
    }

        .radio-capsule .radio-toolbar label, .radio-capsule .radio-toolbar input[type="radio"]:checked + label {
            padding: 8px 20px;
        }

        .radio-capsule .radio-toolbar label {
            border: 1px solid #fff;
            border-radius: 36px;
            cursor: pointer;
        }

        .radio-capsule .radio-toolbar input[type="radio"]:checked + label {
            border: 1px solid #fff;
            border-radius: 36px;
            margin-top: -0.4px;
        }

    /* Product - Smart insure wealth plus*/
    .block-container .block-item h3 {
        font-size: 10px;
        line-height: 12px;
    }

    .block-container .radbox.active .block-item h3 {
        font-size: 14px;
        line-height: 17px;
    }

    .block-container .radbox input[type="radio"]:checked + .rad-text, .block-container .radbox .rad-text {
        width: 107px;
        height: auto;
        min-height: 99px;
    }

    .block-container .radbox.active input[type="radio"]:checked + .rad-text, .block-container .radbox.active .rad-text {
        max-width: 117px;
    }

    .block-container .block-item {
        padding: 16px 3px;
    }

    .block-container .radbox input[type="radio"]:checked + .rad-text, .block-container .radbox .rad-text {
        margin-left: 0;
    }

    .block-container .block-item p {
        margin-top: 6px;
        font-size: 10px;
        line-height: 13px;
    }

    .block-container .block-item h3 {
        margin-top: 8px;
        ;
    }

    .block-container .radbox.order-2 {
        margin-top: -10px;
    }

    .recommendations-plan-for-desktop > .row > .col-xl-4 {
        margin-bottom: 0 !important;
    }

    .smart-insure .input-group-mn-height {
        min-height: 170px;
    }

    .smart-insure .mt-55 {
        margin-top: 0;
    }

    /* Product - Retire smart web */
    .retire-smart-web .card-horizontal .tag {
        top: 10px;
        left: -26px;
        padding: 7px;
    }

        .retire-smart-web .card-horizontal .tag.lh-14 {
            line-height: 15px;
        }

        .retire-smart-web .card-horizontal .tag.font-12 {
            font-size: 12px;
        }

    .retire-smart-web .card.card-horizontal {
        border-radius: 0;
        padding: 10px;
    }

        .retire-smart-web .card.card-horizontal .card-body {
            flex-direction: row;
        }

    /* Questionnaire - alcohol */
    .all-qn-small {
        padding: 0px 15px;
    }

    .ui-datepicker.adjust-top-position {
        position: fixed !important;
    }

    /* Questionnaire - Blood pressure */
    .all-qn-small.blood-pressure .h4 {
        font-size: 16px;
    }

    /* Sampoorna cancer suraksha */
    .plan-options {
        max-width: 92%;
    }

        .plan-options .product-plan-card label {
            max-width: 100%;
        }

            .plan-options .product-plan-card label h2,
            .plan-options .product-plan-card input[type="radio"]:checked + label h2 {
                font-size: 14px;
                line-height: 17px;
                padding: 0 0 10px 26px;
            }

        .plan-options .product-plan-card .vertical-card-radio {
            width: 18px;
            height: 18px;
            margin-top: 0;
        }

        .plan-options .product-plan-card input[type="radio"]:checked + label h2 .vertical-card-radio {
            padding: 1px;
        }

        .plan-options .product-card-contents {
            padding: 8px;
        }

            .plan-options .product-card-contents h3 {
                font-size: 10px !important;
                line-height: 12px;
                padding-bottom: 2px !important;
            }

            .plan-options .product-card-contents .tax-label {
                font-size: 8px;
                line-height: 10px;
            }

        .plan-options .product-card-contents {
            text-align: left;
        }

            .plan-options .product-card-contents h3.text-right {
                font-size: 12px !important;
                line-height: 14px !important;
            }

            .plan-options .product-card-contents .d-flex div:last-child h3.text-right {
                font-size: 16px !important;
                line-height: 20px;
            }

        .plan-options .product-plan-card label {
            padding: 8px 6px;
        }

        .plan-options .badge {
            font-size: 8px;
            line-height: 10px;
            padding: 3px 5px;
            margin-left: 4px;
        }


    /* Sampoorna cancer suraksha personal details */
    .purna-suraksha-personal-details .card {
        padding: 16px
    }

    .purna-suraksha-personal-details .spouce-or-you .radio-capsule .radio-toolbar label,
    .purna-suraksha-personal-details .spouce-or-you .radio-capsule .radio-toolbar input[type="radio"]:checked + label,
    .purna-suraksha-personal-details .spouce-or-you .radio-toolbar input[type="radio"]:not(:checked) + label {
        padding: 5px 20px;
    }

    .purna-suraksha-personal-details .input-box input[type="text"], .form-control {
        padding: 7px 10px;
        font-size: 14px;
        line-height: 16px;
    }

    .purna-suraksha-personal-details .form-control.input-with-icon-left-p-lg {
        padding: 7px 10px 7px 50px;
        font-size: 14px;
        line-height: 16px;
    }

    /* Product - Saral Jeevan Beema */
    .saral-jeevan-beema .vertical-radio-cards .col-3 {
        padding: 0 3px;
    }

    header .purna-suraksha, header .smart-platina {
        height: auto;
    }

    header .smart-insure-wealth-plus {
        height: auto;
    }

    .saral-jeevan-beema .product-plan-card .vertical-card-radio {
        width: 16px;
        height: 16px;
    }

    .saral-jeevan-beema .product-plan-card input[type="radio"]:checked + label h2 .vertical-card-radio {
        padding: 2px;
    }

    .saral-jeevan-beema .product-plan-card input[type="radio"]:checked + label h2,
    .saral-jeevan-beema .product-plan-card input[type="radio"]:checked + label h1 {
        font-size: 14px;
        line-height: 17px;
    }

    .saral-jeevan-beema .product-plan-card input[type="radio"]:not(:checked) + label h2,
    .saral-jeevan-beema .product-plan-card input[type="radio"]:not(:checked) + label h1 {
        font-size: 12px;
        line-height: 14px;
    }

    .saral-jeevan-beema .product-plan-card h2 {
        padding: 32px 10px 8px;
    }

    .saral-jeevan-beema .tag {
        padding: 4px;
        top: 7px;
        left: -34px;
    }

        .saral-jeevan-beema .tag.font-12 {
            font-size: 8px;
            line-height: 12px;
        }

    .saral-jeevan-beema .product-plan-card label {
        padding-bottom: 0;
    }

    .saral-jeevan-beema .product-plan-card .vertical-card-radio {
        top: 5px;
    }

    .saral-jeevan-beema .sjb-table .vertical-radio-cards-details .vertical-radio-card-detail:nth-child(1),
    .saral-jeevan-beema .sjb-table .vertical-radio-cards-details .vertical-radio-card-detail:nth-child(3),
    .saral-jeevan-beema .sjb-table .vertical-radio-cards-details .vertical-radio-card-detail:last-child {
        max-width: none;
    }

    .saral-jeevan-beema .sjb-table .card.vertical-radio-cards-details {
        width: 95%;
    }

    .saral-jeevan-beema .sjb-table .vertical-radio-cards-details .vertical-radio-card-detail h1.h3 {
        font-size: 16px;
        line-height: 21px;
    }

    .saral-jeevan-beema .sjb-table .vertical-radio-cards-details .vertical-radio-card-detail h1.h2 {
        font-size: 20px;
        line-height: 24px;
    }

    /* Questionnaire */
    .nri-modal .occupation_questionnaire .form-section-divider {
        padding-bottom: 14px;
    }

        .nri-modal .occupation_questionnaire .form-section-divider.last {
            border-bottom: 1px solid #DCDCDC
        }
    /* Occupation questionnaire */
    .occupation_questionnaire {
        padding: 0 15px;
    }

        .occupation_questionnaire .radio-capsule {
            flex-wrap: wrap;
        }

        .occupation_questionnaire .radio-capsule-change .radio-capsule .radio-toolbar {
            max-width: 100%;
            width: auto;
            margin-bottom: 10px;
        }
    /* Armed service questionnaire */
    .armed-service-question .radio-capsule-change .radio-capsule .radio-toolbar {
        min-width: unset;
        margin-bottom: 0;
    }

    .armed-service-question p.h6 {
        font-size: 14px;
        line-height: 17px;
    }

    .all-qn-small h3.h4 {
        font-size: 16px;
        line-height: 21px;
    }

    /* E-shield quote page */
    .blue-card.blue-card-for-2 li:last-child {
        border-right: 0;
        padding-right: 0;
    }

    .blue-card.blue-card-for-2 .card {
        max-width: 223px;
    }

    .qoute-page-stripe {
        position: static;
    }

    .e-shield-quote .radio-button-block.radio-label-with-content [type="radio"]:checked + label, .e-shield-quote .radio-button-block.radio-label-with-content [type="radio"]:not(:checked) + label {
        padding: 5px 10px;
    }

        .e-shield-quote .radio-button-block.radio-label-with-content [type="radio"]:checked + label:last-child, .e-shield-quote .radio-button-block.radio-label-with-content [type="radio"]:not(:checked) + label:last-child, .e-shield-quote .radio-button-block.radio-label-with-content label:last-child {
            padding: 11px 10px 11px 10px;
        }

    .e-shield-quote .e_shield_selection {
        font-size: 10px;
        line-height: 12px;
    }

    .recommendation.e-shield-quote .recommendation-right-arrow {
        top: -6%;
    }

    .plan-options.plan-cover .product-plan-card input[type="radio"]:checked + label h2 {
        font-size: 14px;
        line-height: 17px;
    }

    .custom-checkbox-card .custom-checkbox-card-header {
        padding: 10px 5px 5px 5px;
    }

    .e-shield-quote .custom-checkbox-card-content .col-lg-6 {
        padding: 0;
    }

    .custom-checkbox-card .premium-amount {
        padding: 10px 5px 10px 5px;
    }

        .custom-checkbox-card .premium-amount.pl-3-on-mobile {
            padding-left: 16px;
        }

        .custom-checkbox-card .premium-amount .col-6 {
            padding: 0 5px;
        }

        .custom-checkbox-card .premium-amount span.font-12, .custom-checkbox-card .premium-detail .ind-premium span.font-12 {
            font-size: 8px;
            line-height: 10px;
        }

    .custom-checkbox-card .premium-detail {
        padding: 10px 5px;
    }

        .custom-checkbox-card .premium-detail .col-4 {
            padding: 0;
        }

    .custom-checkbox-card .ind-premium {
        max-width: 115px;
    }

    .custom-checkbox-card .premium-detail .ind-premium h3.h6, .custom-checkbox-card .premium-detail .ind-premium h3.h5 {
        font-size: 10px !important;
        line-height: 12px;
    }

    .e-shield-quote .addons-summary .summary-total-premium {
        max-width: 100%;
    }

    .e-shield-quote .addons-summary .addons-summary-table {
        padding: 16px 0 0 16px;
    }

    .e-shield-quote .addons-summary .summary-data {
        max-width: 100%;
        width: 100%;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }

        .e-shield-quote .addons-summary .summary-data h3.h5 {
            font-size: 14px !important;
            line-height: 17px;
            font-weight: 500 !important;
        }

        .e-shield-quote .addons-summary .summary-data h3.h5, .e-shield-quote .addons-summary .summary-data .summary-data-total {
            min-height: auto;
            flex: 0.7;
        }

        .e-shield-quote .addons-summary .summary-data .h3 {
            flex: 0.3;
            margin-top: 0 !important;
            padding-top: 0;
            font-size: 16px;
        }

        .e-shield-quote .addons-summary .summary-data:not(:last-child) {
            margin-bottom: 16px;
        }

    .e-shield-quote .sub-heading-v2 {
        font-size: 16px;
        line-height: 20px;
        font-weight: 600 !important;
    }
    /* E-shield - radio card */
    .e-shield-quote .plan-options-xl {
        max-width: 97%;
        margin: 0 auto;
    }

        .e-shield-quote .plan-options-xl .product-plan-card label {
            min-height: 157px;
        }

        .e-shield-quote .plan-options-xl .product-plan-card label, .e-shield-quote .plan-options-xl .product-plan-card:not(:last-child) label {
            padding: 30px 5px 32px;
        }

        .e-shield-quote .plan-options-xl .product-plan-card:last-child label {
            padding: 30px 5px 0;
        }

        .e-shield-quote .plan-options-xl .product-plan-card label h5.h4 {
            font-size: 12px;
            line-height: 15px;
        }

        .e-shield-quote .plan-options-xl .product-plan-card label p {
            font-size: 8px;
            line-height: 10px;
        }

        .e-shield-quote .plan-options-xl .product-plan-card:not(:last-child) {
            margin-right: 4px;
        }

        .e-shield-quote .plan-options-xl .product-plan-card .icon-md {
            width: 24px;
            height: 24px;
        }

        .e-shield-quote .plan-options-xl .product-plan-card input[type="radio"]:checked + label .icon-md {
            width: 30px;
            height: 30px;
        }

        .e-shield-quote .plan-options-xl .product-plan-card input[type="radio"]:checked + label {
            width: 100%;
        }

            .e-shield-quote .plan-options-xl .product-plan-card input[type="radio"]:checked + label p {
                font-size: 10px;
                line-height: 12px;
            }

        .e-shield-quote .plan-options-xl .product-plan-card .vertical-card-radio {
            width: 22px;
            height: 22px;
            left: 5px;
            top: 5px;
        }

        .e-shield-quote .plan-options-xl .product-plan-card input[type="radio"]:checked + label .vertical-card-radio {
            padding: 2px;
        }

        .e-shield-quote .plan-options-xl .product-plan-card input[type="radio"]:checked + label {
            transform: scale(1.02);
        }
}

/* diabetes Questiona */
.diabetes-questionare ::placeholder {
    font-family: 'lato-medium';
}

.tabel_row ::placeholder {
    font-family: 'lato-medium';
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #999999;
}

.tabel_row td input {
    border: none;
    outline: none;
    font-family: 'lato-medium'; /* text-align: center; */
}

.tabel_row .has-content {
    border: none !important;
    font-size: 8px;
}

.table_row .datepicker-ip {
    background-color: #d41616;
}

.dib_modal .form-section-divider {
    padding-bottom: 12px;
}
/* end diabetes Questiona */
/* Installment Cards Bk */

/* end Installment Card Bk */
@media only screen and (max-width: 768px) { /* Recommendatio ns */
    .recommendations .common-heading-sm {
        padding-left: 35px;
    }

    .recommendations .main-title {
        margin-bottom: 0px;
    }

    .recommendations-plan-for-desktop > .row {
        padding-top: 30px;
        overflow-x: auto;
        scroll-behavior: smooth;
        flex-wrap: nowrap;
    }

        .recommendations-plan-for-desktop > .row > .col-xl-4 {
            display: inline-block;
            min-width: 325px;
            width: 350px;
            padding: 30px 10px 0
        }

    .recommendations-plan-for-desktop .card.plan-card {
        padding: 20px 15px;
    }

    .recommendations-plan-for-desktop {
        display: block;
    }

    .input-label-country-code {
        font-size: 14px;
    }

    .recommendations-plan-for-desktop h1 {
        font-size: 22px;
        line-height: 26px;
    }

    .recommendations-plan-for-desktop h3 {
        font-size: 16px;
        line-height: 19px;
    }

    .recommendations-plan-for-desktop .right-tick-bullet {
        font-size: 14px;
        line-height: 26px;
    }

    .recommendations-plan-for-desktop .plan-card .plan-btn-v2 {
        font-size: 16px;
        padding: 8px 31px;
    }

    .recommendations-plan-for-desktop .plan-card .plan-btn-v1 {
        padding: 11px 52px;
        font-size: 16px;
    }

    .recommendations-plan-for-desktop .plan-card.active .plan-floating-content {
        padding: 10px 15px;
        top: -30px;
    }

    .recommendations-plan-for-desktop > .row ::-webkit-scrollbar {
        display: none;
    }

    .recommendations-plan-for-desktop > .row {
        -ms-overflow-style: none;
        scrollbar-width: none;
        scrollbar-color: transparent transparent;
        padding: 0px 8px;
    }

        .recommendations-plan-for-desktop > .row::-webkit-scrollbar {
            height: 0px;
        }

    .recommendations-plan-for-desktop .plan-card .list {
        min-height: 150px;
    }
}

@media only screen and (max-width: 576px) {
    .radio-toolbar-lg [type="radio"]:checked + label,
    .radio-toolbar-lg [type="radio"]:not(:checked) + label { /*padding: 8px 8px; */
        padding: 11px 20px;
    }

    .card {
        padding: 20px;
    }
    /* Qoute page */
    .recommendation .radbox input[type="radio"]:checked + .rad-text, .recommendation .radbox .rad-text {
        max-width: 100%;
    }

    .recommendation .recommendation-result-card .card.card-horizontal {
        padding: 0;
    }

    .recommendation .recommendation-result-card .card.card-horizontal {
        width: 150px;
    }

    .recommendation .card-horizontal .card-body-title {
        padding: 20px 2px 16px 2px;
    }

    .recommendation .card-horizontal .card-nesting.card-nesting-min-width {
        padding: 24px 0;
    }

    /* Fund Performance table */
    .sidebar-tab-content.fund-performance .tabs-mobile .tbl-content {
        height: 170px !important;
    }
    /* Product - smart platina */
    .card-horizontal .card-nesting.card-nesting-min-width-v2 {
        min-width: 129px;
    }
    /* Nesting card */
    .card-horizontal .tag {
        top: 6px;
        left: -33px;
        padding: 3px;
    }

        .card-horizontal .tag.font-12 {
            font-size: 10px;
        }

        .card-horizontal .tag.lh-14 {
            line-height: 12px;
        }

    /* recommendations */
    .recommendation .radio-button-block [type="radio"]:checked + label, .recommendation .radio-button-block [type="radio"]:not(:checked) + label, .recommendation .radio-toolbar input[type="radio"]:checked + label {
        padding: 8px 8px;
    }

    /* Product - Retire-smart-web */
    .retire-smart-web .radio-button-block [type="radio"]:checked + label, .retire-smart-web .radio-button-block [type="radio"]:not(:checked) + label, .retire-smart-web .radio-toolbar input[type="radio"]:checked + label {
        padding: 10px 12px;
    }

    /* Product - Smart insure wealth plus */
    .smart-insure .smart-choice .row > .col-4 {
        padding: 3px;
    }
}

/*NEW SCRIPT ADDED*/
.bodyBg:before {
    position: fixed;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: linear-gradient(45deg, rgba(214,13,71,10%) 0%, rgba(40,0,113,10%) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdb3ce', endColorstr='#b3b1d4', GradientType=1 );
    overflow-x: hidden;
    z-index: -1;
}


.bodyBg {
    position: relative;
}


/*---------------------------------PERSONAL DETAILS PAGE START-------------------------------*/
.tabWrap {
    margin: -50px 80px 18px auto;
    display: table; /*border-radius: 50px; */
    overflow: scroll;
    border: 0px solid rgba(156,200,255,.5);
}

    .tabWrap .tabs {
        background: #fff;
        width: 3px;
        position: absolute;
        right: 0;
        top: 0;
        height: 55px;
        z-index: 100;
        padding: 6px 16px 6px 15px;
        display: flex;
        display: table-cell;
        position: relative; /* transform: skew(359deg) scale(1.02); */
    }

        .tabWrap .tabs br {
            display: none;
        }

        .tabWrap .tabs span img {
            margin-right: 10px;
            width: 27px;
        }

        .tabWrap .tabs span {
            color: #280071; /* transform: skew(20deg); */
            display: inline-flex;
            font-size: 14px;
            font-weight: 600;
            line-height: 16px;
            justify-content: flex-start;
            align-items: center;
            z-index: 1;
            position: relative;
            left: -7px;
            width: 100%;
            top: 4px;
            padding-left: 5px;
        }


        .tabWrap .tabs:before {
            content: '';
            position: absolute;
            top: 0px;
            height: 55px;
            width: 23px;
            right: 0px;
            background: #280071 url("../assests_New/images/tab-arrow.png") no-repeat right center;
            background-size: 100% 100%;
        }

        .tabWrap .tabs:last-child:before {
            display: none
        }

        .tabWrap .tabs.active {
            background: #280971;
            content: "";
        }

            .tabWrap .tabs.active span {
                color: #fff;
            }

                .tabWrap .tabs.active span img {
                    /*filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(118%) contrast(119%);*/
                }

            .tabWrap .tabs.active:before {
                content: "";
                background: #280971 url("../assests_New/images/tab-arrow-active.png") no-repeat 0px center;
                width: 23px;
                position: absolute;
                right: 0px;
                top: 0;
                height: 55px;
                z-index: 100;
                background-size: 100% 100%;
            }

        .tabWrap .tabs.complate:before {
            content: "";
            background: #00a9e0 url("../assests_New/images/tab-arrow-completed.png") no-repeat right center;
            width: 23px;
            position: absolute;
            right: 0px;
            top: 0;
            height: 55px;
            z-index: 100;
            background-size: 100% 100%;
        }

        .tabWrap .tabs span i {
            position: relative;
            display: inline-flex;
            width: 27px;
            height: 31px;
            margin-right: 10px;
        }

            .tabWrap .tabs span i.active-icon-1 {
                background: url("../assests_New/images/nav-icon-1-not-active.svg") no-repeat left center;
            }

        .tabWrap .tabs.active span i.active-icon-1 {
            background: url("../Logo/Common_Logo/nav-icon-1.svg") no-repeat left center;
        }

        .tabWrap .tabs span i.active-icon-2 {
            background: url("../Logo/Common_Logo/nav-icon-2.svg") no-repeat left center;
        }

        .tabWrap .tabs.active span i.active-icon-2 {
            background: url("../assests_New/images/Group 1.svg") no-repeat left center;
        }

        .tabWrap .tabs span i.active-icon-3 {
            background: url("../Logo/Common_Logo/nav-icon-3.svg") no-repeat left center;
        }

        .tabWrap .tabs.active span i.active-icon-3 {
            background: url("../assests_New/images/active-icon-3.svg") no-repeat left center;
        }

        .tabWrap .tabs span i.active-icon-4 {
            background: url("../Logo/Common_Logo/nav-icon-4.svg") no-repeat left center;
        }

        .tabWrap .tabs.active span i.active-icon-4 {
            background: url("../assests_New/images/active-icon-4.svg") no-repeat left center;
        }

        .tabWrap .tabs span i.active-icon-5 {
            background: url("../Logo/Common_Logo/nav-icon-5.svg") no-repeat left center;
        }

        .tabWrap .tabs.active span i.active-icon-5 {
            background: url("../assests_New/images/active-icon-5.svg") no-repeat left center;
        }

.form-box-wrap {
    width: 985px;
    margin: 0 auto;
}


/* diabetes-modal medical-reports */
.diabetes-questionare {
    font-family: 'Lato-medium';
}

.dib_tabel .testDiv, .dib_tabel .slimScrollDiv {
    height: auto;
}

.retrieve-table-block .tabel2 th:nth-child(1) {
    width: 100px;
    font-family: 'Lato-medium';
}

.retrieve-table-block .tabel2 th:nth-child(2) {
    width: 141px;
    font-family: 'Lato-medium';
}

.retrieve-table-block .tabel2 th:nth-child(3) {
    width: 143px;
    font-family: 'Lato-medium';
}

.retrieve-table-block .tabel2 th:nth-child(4) {
    width: 174px;
    font-family: 'Lato-medium';
}

.retrieve-table-block .tabel3 th:nth-child(1) {
    width: 100px;
    font-family: 'Lato-medium';
}

.retrieve-table-block .tabel3 th:nth-child(2) {
    width: 141px;
    font-family: 'Lato-medium';
}

.retrieve-table-block .tabel3 th:nth-child(3) {
    width: 143px;
    font-family: 'Lato-medium';
}

.retrieve-table-block .tabel3 th:nth-child(4) {
    width: 174px;
    font-family: 'Lato-medium';
}

.retrieve-table-block .tabel2, .tabel3 {
    overflow: hidden;
    font-family: 'Lato';
}

.dib_radio_btn_block.radio-label-with-content [type="radio"]:checked + label:last-child, .dib_radio_btn_block .radio-button-block [type="radio"]:not(:checked) + label:last-child {
    padding: 10px 20px 10px 20px;
}

.tabel_row ::placeholder {
    font-family: 'lato-medium';
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #999999;
}

.tabel_row td input {
    border: none;
    outline: none;
    font-family: 'lato-medium'; /* text-align: center; */
}

.tabel_row .has-content {
    border: none !important;
    font-size: 12px;
}

.table_row .datepicker-ip {
    background-color: #d41616;
}

.dib_modal .form-section-divider {
    padding-bottom: 12px;
}
/* table heading */
.form-group .table_head_text {
    font-size: 18px;
    color: #666666;
    margin-bottom: 0px;
}

.form-group .monitoring_p {
    font-size: 18px;
    color: #666666;
}

@media only screen and (max-width: 360px) {
    .recommendations .common-heading-sm {
        padding-left: 0;
    }
    /* diabetes-modal medical-reports */
    .retrieve-table-block .tabel2 th:nth-child(1) {
        width: 75px;
        font-size: 8px;
        line-height: 10px;
        font-family: 'Lato-medium';
    }

    .retrieve-table-block .tabel2 th:nth-child(2) {
        width: 75px;
        font-size: 8px;
        line-height: 10px;
        font-family: 'Lato-medium';
    }

    .retrieve-table-block .tabel2 th:nth-child(3) {
        width: 75px;
        font-size: 8px;
        line-height: 10px;
        font-family: 'Lato-medium';
    }

    .retrieve-table-block .tabel2 th:nth-child(4) {
        width: 75px;
        font-size: 8px;
        line-height: 10px;
        font-family: 'Lato-medium';
    }

    .retrieve-table-block .tabel3 th:nth-child(1) {
        width: 75px;
        font-size: 8px;
        line-height: 10px;
        font-family: 'Lato-medium';
    }

    .retrieve-table-block .tabel3 th:nth-child(2) {
        width: 75px;
        font-size: 8px;
        line-height: 10px;
        font-family: 'Lato-medium';
    }

    .retrieve-table-block .tabel3 th:nth-child(3) {
        width: 75px;
        font-size: 8px;
        line-height: 10px;
        font-family: 'Lato-medium';
    }

    .retrieve-table-block .tabel2, .tabel3 {
        overflow: hidden;
        font-family: 'Lato-medium';
    }

    .form-group .monitoring_p {
        font-size: 16px;
    }

    .dib_tabel2 {
        width: 204px;
        margin: 13px 0;
    }

    .dib_tabel tr td {
        font-size: 8px;
    }

    .dib_tabel2 tr td {
        font-size: 8px;
    }

    .label-info-lg {
        font-size: 14px;
    }

    .custom-check p {
        font-size: 12px;
    }

    .form-group .table_head_text {
        font-size: 16px;
        color: #666666;
    }

    .dib_tabel_responsive {
        width: 75%;
        margin-left: 0px;
    }

    .tabel_row td input::placeholder {
        font-family: 'lato-medium';
        font-style: normal;
        font-weight: normal;
        font-size: 8px !important;
        line-height: 14px;
        display: flex;
        align-items: center;
        text-align: center;
        color: #999999;
    }

    .tabel_row td {
        font-size: 8px !important;
        font-family: 'Lato-Regular';
        color: #333333;
    }
}

/* For Safari */
@media not all and (min-resolution:.001dpcm) {
    @media only screen and (max-width: 1300px) {
        .recommendation-note h4 {
            font-size: 10px;
        }
    }

    @media only screen and (max-width: 1280px) {
        .purna-suraksha .tag {
            left: -22px;
            font-size: 10px;
        }

        .purna-suraksha .content-details.pl-5 {
            padding-left: 0 !important;
        }
    }

    @media only screen and (min-width: 1200px) {
        .recommendation .recommendation-right-arrow {
            top: 45%;
            left: 0;
            transform: translateX(-50%);
        }

        .recommendation-result-card .card-horizontal h3.h3 {
            font-size: 14px;
        }

        .card-horizontal .card-nesting.card-nesting-min-width {
            max-width: 211px;
        }

        .sidebar-tab-content.fund-performance table tr th:first-child, .sidebar-tab-content.fund-performance .tbl-content tr td:first-child {
            width: 35%;
        }

        .recommendations-plan-for-desktop .plan-card.active .plan-floating-content {
            padding: 16px 20px;
        }

        .card-horizontal .card-nesting.card-nesting-min-width-v2 {
            min-width: 160px;
        }
    }

    @media only screen and (max-width: 767px) {
        .recommendation-note {
            padding: 0 10px;
        }

            .recommendation-note > div {
                padding: 10px !important;
            }

        .recommendation .card-horizontal .card-nesting > h3.h3 {
            font-size: 12px;
            line-height: 15px;
        }

            .recommendation .card-horizontal .card-nesting > h3.h3 > span {
                font-size: 12px;
                line-height: 15px;
            }

        .recommendation .card.card-horizontal .card-nesting {
            padding: 10px 5px;
        }

        .recommendation .card-horizontal .card-nesting.card-nesting-min-width {
            padding: 20px 0;
        }

        .proposer-detail li:first-child, .proposer-detail li:nth-child(2) {
            padding-right: 20px;
        }

        .smart-platina .table-with-shadow .retrieve-table-wrapper .table-scroll-wba tr:last-child td h3.h2 {
            font-size: 14px;
        }

        .smart-platina .table-with-shadow .retrieve-table-block .table-scroll-wba thead th {
            padding-left: 10px;
        }

        .card-horizontal .tag.font-12 {
            font-size: 8px;
        }
    }

    @media only screen and (max-width: 576px) {
        .dark-table .table tr td:nth-child(1), .dark-table .table tr th:nth-child(1) {
            width: 50px;
        }
    }
}

/**[+][04-06-2021][Yogesh Topale][Added css for scrolling on Declaration page]**/
    /**Start*/
#divScrollbar.scrollbar
{
	float: left;
	height: 376px;
	overflow-y: scroll;
	margin-bottom: 100px;
}


.force-overflow
{
	min-height: 450px;
}

#wrapper
{
	text-align: center;
	width: 500px;
	margin: auto;
}


#divScrollbar::-webkit-scrollbar {
  width: 7px;
  height:50%;
}
 

#divScrollbar::-webkit-scrollbar-thumb {
background:#fff;
    width: 7px;
    position: absolute;
    height:93px;
    top: 0px; 
    opacity: 0.1;
    display: block;
    z-index: 99;
}


#divScrollbar::-webkit-scrollbar-thumb:hover {
  background:rgba(209,233,245, .3); 
}
    
/**End*/
/**[+][04-06-2021][Yogesh Topale][Added css for scrolling on Declaration page]**/
/** Reset Css **/
* { margin: 0; padding: 0; outline: none; box-sizing: border-box; text-decoration: none; } 

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: top; } 
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section { display: block; } 
body { line-height: 1.25; font-family: 'Lato-Regular'; font-size: 14px; color: #666666; } 
ol,
ul { list-style: none; } 
blockquote,
q { quotes: none; } 
blockquote:before,
blockquote:after,
q:before,
q:after { content: ''; content: none; } 
table { border-collapse: collapse; border-spacing: 0; } 
a,
a:hover { text-decoration: none; } 
textarea { resize: none; } 

.no-spin::-webkit-inner-spin-button, .no-spin::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } 
.no-spin { -moz-appearance:textfield !important; } 

/* Font Family */
@font-face { font-family: 'latolight'; src: url('../assets/fonts/lato-light-webfont.woff2') format('woff2'), url('../assets/fonts/lato-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } 
@font-face { font-family: 'Lato-Regular'; src: url('../assets/fonts/Lato-Regular.eot'); src: url('../assets/fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), url('../assets/fonts/Lato-Regular.ttf') format('truetype'), url('../assets/fonts/Lato-Regular.woff') format('woff'), url('../assets/fonts/Lato-Regular.woff2') format('woff2'); font-weight: normal; font-style: normal; } 
@font-face { font-family: 'Lato-Medium'; src: url('../assets/fonts/Lato-Medium.eot'); src: url('../assets/fonts/Lato-Medium.eot') format('embedded-opentype'), url('../assets/fonts/Lato-Medium.ttf') format('truetype'), url('../assets/fonts/Lato-Medium.woff') format('woff'), url('../assets/fonts/Lato-Medium.woff2') format('woff2'); font-weight: normal; font-style: normal; } 
@font-face { font-family: 'Lato-Bold'; src: url('../assets/fonts/Lato-Bold.eot'); src: url('../assets/fonts/Lato-Bold.eot') format('embedded-opentype'), url('../assets/fonts/Lato-Bold.ttf') format('truetype'), url('../assets/fonts/Lato-Bold.woff') format('woff'), url('../assets/fonts/Lato-Bold.woff2') format('woff2'); font-weight: normal; font-style: normal; } 
@font-face { font-family: 'Lato-Semibold'; src: url('../assets/fonts/Lato-Semibold.eot'); src: url('../assets/fonts/Lato-Semibold.eot') format('embedded-opentype'), url('../assets/fonts/Lato-Semibold.ttf') format('truetype'), url('../assets/fonts/Lato-Semibold.woff') format('woff'), url('../assets/fonts/Lato-Semibold.woff2') format('woff2'); font-weight: normal; font-style: normal; } 
@font-face { font-family: 'Lato-Extrabold'; src: url('../assets/fonts/Lato-Heavy.eot'); src: url('../assets/fonts/Lato-Heavy.eot') format('embedded-opentype'), url('../assets/fonts/Lato-Heavy.ttf') format('truetype'), url('../assets/fonts/Lato-Heavy.woff') format('woff'), url('../assets/fonts/Lato-Heavy.woff2') format('woff2'); font-weight: normal; font-style: normal; } 

/* Font Family Class */
.lato-light { font-family: 'latolight'; } 
.lato-regular { font-family: 'Lato-Regular'; } 
.lato-medium { font-family: 'Lato-Medium'; } 
.lato-bold { font-family: 'Lato-Bold'; } 
.lato-semibold { font-family: 'Lato-Semibold'; } 
.lato-extrabold { font-family: 'Lato-Extrabold'; } 


/* Font Weight */
.font-weight-extrabold { font-weight: 900; } 
.font-weight-bold { font-weight: 700 !important; } 
.font-weight-semibold { font-weight:600; } 
.font-weight-medium { font-weight:500 !important; } 
.font-weight-regular { font-weight:400 !important; } 
.font-weight-light { font-weight: normal; font-style: normal; } 

/* Font Size */
.h1 { font-size:28px; } 
.h2 { font-size:24px; } 
.font-22 { font-size: 22px; } 
.h3 { font-size:20px; } 
.h4 { font-size:18px; } 
.h5 { font-size:16px; } 
.h6 { font-size:14px; } 
.font-32 { font-size: 32px; } 
.font-28 { font-size: 28px; } 
.font-22 { font-size: 22px; } 
.font-20 { font-size: 20px; } 
.font-18{ font-size: 18px;}
.font-17 { font-size: 17px; } 
.font-16 { font-size: 16px; } 
.font-15 { font-size:15px!important; } 
.font-14 { font-size:14px; } 
.font-13 { font-size: 13px; } 
.font-12 { font-size:12px; } 
.font-11{font-size: 11px;}
.font-10 { font-size: 10px; } 
.font-8 { font-size: 8px; } 
.font-6 { font-size: 6px; } 
.font-7 { font-size: 7px; } 
.font-9 { font-size: 9px; } 
.font-19{font-size: 19px;}
.text-adjust{font-size-adjust: 0.5;}
/* Line Height */
.lh-55 { line-height: 55px; } 
.lh-37 { line-height: 37px; } 
.lh-48 { line-height: 48px; } 
.lh-42 { line-height: 42px; } 
.lh-40 { line-height: 40px; } 
.lh-35 { line-height: 35px; } 
.lh-34 { line-height: 34px; } 
.lh-29 { line-height: 29px; } 
.lh-28 { line-height:28px; } 
.lh-27 { line-height: 27px; } 
.lh-26 { line-height: 26px; } 
.lh-24 { line-height: 24px; } 
.lh-25 { line-height: 25px; } 
.lh-23 { line-height: 23px; } 
.lh-22 { line-height: 22px; } 
.lh-20 { line-height: 20px; } 
.lh-19 { line-height: 19px; } 
.lh-18 { line-height: 18px; } 
.lh-17 { line-height: 17px; } 
.lh-16 { line-height:16px; } 
.lh-15 { line-height: 15px; } 
.lh-14 { line-height:14px; } 
.lh-12 { line-height: 12px; } 
.lh-11 { line-height: 11px; } 

/* Letter spacing */
.ls-1 { letter-spacing: 1px; } 


/* Container */
.container { max-width: 1366px !important; margin: 0 auto; padding: 0; } 
/* .container { max-width: 100% !important; width: 100%; margin: 0 auto; } */

/* Background */
.bg-patternsblue { background: #D1E9F5; } 
.bg-alice-blue { background:#F4FBFF; } 
.bg-white-blue { background: #F7FCFF; } 
.bg-transparent { background: transparent; } 
.bg-light-yellow { background:#FFFEDA; } 
.bg-pacific-blue { background: #00A1E3; } 
.bg-secondary-green { background: #92C947 !important; } 
.bg-white-smoke { background: #F5F5F5; } 

/* Text Color */
.text-secondary-green { color: #92C947; } 
.text-patternsblue { color: #D1E9F5; } 
.text-manatee { color: #8F909D; } 
.text-pacific-blue { color: #00A1E3; } 
.text-toryblue { color:#104C88; } 
.text-charcoal { color:#333333; }
.text-darkblue {
    color: #280971;
} 

.text-vivid-red { color: #EE0004; } 
.text-charcoal-v2 { color: #454545; } 
.text-matterhorn { color :#4C4C4C; } 
.text-Kettle-black { color: #131313; } 
.text-gradient { color:#999999; } 
.text-gray77 { color: #c4c4c4; } 
.text-dark-gray { color:#8F909D; } 
.text-light-gray { color:#848484; } 
.text-gray { color:#666666; } 
.text-seal-brown { color: #131313; } 
.text-manatee { color: #8F909D; } 
.border-toryblue { border: 1px solid #104C88 } 
.text-Pantone { color:#A5A5A5; } 
.text-black { color: #000000; } 
.text-grey-small { color: #848484; } 
.text-grey-v2 { color: #d8d8d8; } 

/* Border Radius */
.br-36 { border-radius: 36px; } 
.br-25 { border-radius: 25px; } 
.br-20 { border-radius: 20px; } 
.br-8 { border-radius: 8px; } 
.br-4 { border-radius:4px; } 

/* Border */
.border-bottom-secondary { border-bottom: 1px solid #DCDCDC; } 
.border-bottom-light-silver { border-bottom: 1px solid #D8D8D8; } 
.border-toryblue { border: 1px solid #104C88 } 
.border-bottom-grey75 { border-bottom: 1px solid #BFBFBF; } 
.border-alice-blue { border: 1px solid #00A1E3; } 
.border-gradient { border: 1px solid #999999 !important; } 

/* padding */
.pt-100 { padding-top: 100px; } 
.p-24 { padding: 24px 24px 0 24px; } 
.pt-24 { padding-top: 24px; } 
.pt-22 { padding-top: 22px; } 
.p-16 { padding: 16px 0; } 
.pl-30 { padding-left: 30px; } 
.p-15 { padding: 0px 15px; } 

/* Cursor */
.cursor { cursor: pointer; } 

/* Link */
.link {
    color: #280971;
} 
.link:focus,.link:hover { color: #104C88; } 
.link-underline { position: relative; } 
.link-underline:before { position: absolute; content: ''; top: 100%; border-bottom: 2px solid #2858FF; width: 100%; padding-top: 3px; left: 0; } 
.text-decoration-underline { text-decoration: underline; } 

.italics { font-style: italic; } 

/* Button */
[type=button], [type=reset], [type=submit], button { box-shadow: none; outline: none; } 
.btn.focus, .btn:focus { box-shadow: none; } 
.btn { font-family:'Lato-Semibold'; font-size:18px; line-height: 21px; outline: none; box-shadow: 0px 0px 12px 0px #47474740; border-radius: 24px; font-weight: 700; display: inline-block; transition: all .3s ease; }
.secondary-btn {
    padding: 7px 23px;
    color: #280971;
    box-shadow: none;
    transition: all .3s ease;
    font-size: 16px;
    font-weight: 700;
    font-family: 'Lato-Bold';
    line-height: 20px;
    min-width: unset;
    border: 1px solid #280971;
    background-color: #fff;
} 
.secondary-btn-otp { padding: 9px 30px; max-width: 200px; width: 100%; } 
.secondary-btn:hover { background: #104C88; color: #fff !important; } 
.secondary-btn:focus { background: #104C88; color: #fff !important; } 
.secondary-btn:active { background: #104C88; color: #fff !important; } 
.summary-btn { padding: 9px 30px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); } 

/* Anchor */
.a-link { color: #104C88; font-size: 12px; line-height: 14px; font-weight: 400; text-decoration: underline; font-family: Lato; } 

/* Input Form Control */
.form-group { margin-bottom: 10px; position: relative; } 
.form-control { border: 1px solid #D8D8D8; border-radius: 4px; outline: none; transition: none; box-shadow: none; color: #030303; font-size: 16px; line-height: 19px; padding: 10px; height: auto; } 
.form-control:focus { box-shadow: none; } 
.form-control-lg { max-width: 316px; } 
.form-control-xl { max-width: 619px; } 
.form-control-large { max-width: 316px; } 
.form-control-small { max-width: 220px; height: auto; } 
.form-control-sm { max-width: 270px; } 

/* Select */
.form-select { border: 1px solid #d8d8d8; border-radius: 4px; max-width: 220px; width: 100%; -moz-appearance: none; -webkit-appearance:none; background: url(../Logo/Common_Logo/select-arrow.svg) no-repeat; background-position: 95% 50%; padding: 10px 30px 10px 10px; cursor: pointer; } 
.form-select-lg { max-width: 316px; } 
.form-select-lg-v2 { max-width: 735px; } 
.form-select-lg-v3 { max-width: 758px; } 
.form-select-mw-100 { max-width: 100%; } 
/* Basic Custom checkbox */
.form-group .checkbox-label { position: relative; cursor: pointer; overflow: hidden; } 
.form-group .checkbox-label:before { content:''; -webkit-appearance: none; background-color: transparent; border: 1px solid #848484; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); padding: 8px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right:10px; margin-top: 3px; border-radius: 2px; } 
.form-group .custom-checkbox:checked + .checkbox-label:before { background: #d1e9f5; } 
.form-group .custom-checkbox { display: none; } 
.form-group .custom-checkbox:checked + .checkbox-label:after,
.form-group.custom-check .checked:after { content: ''; display: block; position: absolute; top: 3px; left: 8px; width: 5px; height: 12px; border: solid #0079bf; border-width: 0 2px 2px 0; transform: rotate(45deg); animation: slowDown; animation-duration: 0.3s; animation-timing-function: linear; animation-direction: normal; animation-play-state: running; animation-fill-mode: forwards; transition: all .3s ease; } 
.form-group.custom-check .custom-checkbox { display: block; width: 20px; height: 20px; cursor: pointer; border: 1px solid #666666; box-sizing: border-box; border-radius: 2px; } 
.form-group.custom-check .checked:before { content: ''; position: absolute; left: 0; top: 0px; background: #d1e9f5; width: 20px; height: 20px; cursor: pointer; border: 1px solid #666666; box-sizing: border-box; border-radius: 2px; } 
.form-group.custom-check .checked .custom-checkbox { display: none; } 
.form-group.custom-check .checked p { padding-left: 28px; } 


/* Advance Custom checkbox */
.customized-check-box { margin-top: 27px; } 
.customized-check-box .form-group.first { margin-bottom: 32px; } 
.customized-check-box .form-group.custom-checkbox { max-width: 100%; } 
.customized-check-box .form-group { margin-bottom: 24px; } 
.custom-checkbox { display: block; margin-bottom: 15px; } 
.customized-check-box .form-group.custom-checkbox input { padding: 0; height: initial; width: initial; margin-bottom: 0; cursor: pointer; } 
.customized-check-box .custom-checkbox input { position: absolute; opacity: 0; cursor: pointer; } 
.customized-check-box .form-group.custom-checkbox.first label { margin-bottom: 0; } 
.customized-check-box .form-group.custom-checkbox label { position: relative; cursor: pointer; font-weight: 100; margin-bottom: 21px; padding-left: 27px; text-align: left; padding-right: 50px; } 
.customized-check-box .form-group.custom-checkbox label:before { content: ""; -webkit-appearance: none; background-color: transparent; display: inline-block; position: absolute; vertical-align: middle; cursor: pointer; left: 0; margin-right: 5px; background: #fff; width: 22px; height: 22px; border: 2.5px solid #4c4c4c; margin-top: 8px; } 
.custom-checkbox input:checked + label:after { background: url(../Logo/Common_Logo/tick-icon.svg),white; top: 8px; left: 6px; background-repeat: no-repeat; /* background-size: 100% 100%; */
width: 100%; background-position: center; border: none; content: ""; position: absolute; right: 33px; width: 18px; height: 14px; /* padding: 8px; */ } 
.customized-check-box .form-group.custom-checkbox span { font-size: 24px; line-height: 28px; color: #4c4c4c; font-family: "Lato-Semibold"; padding: 2px 0 0 11px; } 
.customized-check-box span { display: block; line-height: 16px; padding: 0; } 
.customized-check-box .form-group.custom-checkbox span i { font-style: normal; } 

/* Custom Radio Button Group */
.radio-toolbar { display: inline-block; padding: 2px; background: #ffffff; box-shadow: 0px 0px 8px rgba(193, 206, 218, 0.49); border-radius: 36px; } 
.radio-toolbar input[type="radio"] { opacity: 0; position: fixed; width: 0; } 
.radio-toolbar label { display: inline-block; padding: 6px 6px 5px 6px; color: #666666; line-height: normal; text-align: center; cursor: pointer; }
    .radio-toolbar input[type="radio"]:checked + label {
        background: #280971;
        border-color: #280971;
        font-size: 14px;
        line-height: normal;
        font-family: "Lato-Regular";
        color: #FFFFFF;
        padding: 10px 13px;
        text-align: center;
    } 
.radio-toolbar input[type="radio"] + label:last-child { margin-left: -4px; } 
.radio-button-block [type="radio"]:checked + label:before,
.radio-button-block [type="radio"]:not(:checked) + label:before,
.radio-button-block [type="radio"]:checked + label:after { display: none; } 
.radio-button-block [type="radio"]:checked + label,
.radio-button-block [type="radio"]:not(:checked) + label { color: #666666; line-height: normal; font-size: 14px; padding: 10px 13px; border-radius: 36px; } 
.radio-button-block .radio-toolbar label:first-child,
.radio-button-block [type="radio"]:not(:checked) + label { border-top-left-radius: 36px; border-bottom-left-radius: 36px; } 
.radio-button-block .radio-toolbar label:last-child { border-top-right-radius: 36px; border-bottom-right-radius: 36px; border-top-left-radius: 0; border-bottom-left-radius: 0; border-left: 0; border-radius: 36px; } 
.radio-toolbar.radio-three input[type="radio"]:checked + label:first-child,
.radio-toolbar input[type="radio"]:checked + label:first-child { border-top-left-radius: 36px; border-bottom-left-radius: 36px; } 
.radio-toolbar input[type="radio"]:first-child:checked + label { border-top-left-radius: 36px; border-bottom-left-radius: 36px; } 
.radio-toolbar-lg input[type="radio"]:checked + label,
.radio-toolbar-lg input[type="radio"]:not(:checked) + label,
.radio-toolbar-lg label { padding: 10px 21px; } 
.radio-toolbar-sm input[type="radio"]:checked + label,
.radio-toolbar-sm input[type="radio"]:not(:checked) + label,
.radio-toolbar-sm label { padding: 11px 17px; } 

/* Input With Icons */
.input-label-rupee { position: absolute; top: 21px; left: 0; transform: translateY(-50%); border-right: 1px solid #DCDCDC; padding: 0 7px 0 13px; color: #848484; font-size: 18px; font-weight: 400; font-family: 'Lato-Regular'; } 
.input-label-country-code { position: absolute; top: 21px; left: 0; transform: translateY(-50%); border-right: 1px solid #DCDCDC; padding: 0 7px 0 7px; color: #848484; font-size: 16px; font-weight: 500; font-family: 'Lato-Regular'; } 
/* .input-with-icon-left { } */
.form-control.input-with-icon-left { padding: 10px 10px 10px 40px; max-width: 180px; } 
.form-control.has-content { border: 1px solid #104C88 !important; } 
.form-control.input-default-value { border: 1px solid #104C88 !important; } 
.form-control.has-content { border: 1px solid #104C88; } 
.form-select.has-content { border: 1px solid #104C88 !important; } 
.form-select-input-default-value { border: 1px solid #104C88 !important; } 
.form-control-input-default-value { border: 1px solid #104C88 !important; } 
.form-control.input-with-icon-left-p-lg { padding: 10px 10px 10px 50px; } 
.form-control.input-with-icon-left-p-lg.m-p-l { padding: 10px 10px 10px 10px; } 
.form-select.error { color: #333333; } 

/* Input Placeholder */
.form-control::-webkit-input-placeholder { color: #999999; font-size: 16px; line-height: 19px; font-family: 'Lato-Regular'; } 
.form-control::-moz-placeholder { color: #999999; font-size: 16px; line-height: 19px; font-family: 'Lato-Regular'; } 
.form-control:-ms-input-placeholder { color: #999999; font-size: 16px; line-height: 19px; font-family: 'Lato-Regular'; } 
.form-control::placeholder { color:#999999; font-size: 16px; line-height: 19px; font-family: 'Lato-Regular'; } 

/* Common input label */
.label {
    font-family: 'lato-medium';
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    color: #280971;
    text-align: left;
    max-width: 265px;
    margin-bottom: 8px;
} 
.label-lg-width { max-width: 325px; } 
.label-width-auto { max-width: 100%; }
.label-info-sm {
    font-family: 'lato-regular';
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    text-align: left;
    color: #280971;
}
.label-info-lg {
    font-family: 'lato-regular';
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    text-align: left;
    color: #280971;
} 
.label-info-lg.text-gray { color: #666666; } 
.inputdetail-label { font-family: 'lato-regular'; font-size: 12px; font-weight: 400; line-height: 15px; text-align: left; color: #848484; display: inline-block; } 

/* Margin */
.mb-35 { margin-bottom: 35px; } 
.ml-55 { margin-left: 55px; } 
.mt-40 { margin-top: 40px; } 
.mb-32 { margin-bottom: 32px; } 
.mb-30 { margin-bottom: 30px; } 
.mt-24 { margin-top: 24px; } 
.mb-60 { margin-bottom: 60px; } 

/* Maxwidth */
.mw-625 { max-width: 619px; } 
.mw-780 { max-width: 782px; } 
.mw-316 { max-width: 316px; } 

/* Header */
header { box-shadow: 0px 2px 10px 0px rgba(197, 197, 197, 0.315); position: relative; z-index: 999; height: auto; background: #fff; position: fixed; margin: 0 auto; left: 0; right: 0; } 
header .header-container { display: flex; align-items: center; justify-content: space-between; padding: 10px 15px; } 
.product .header-container { padding: 15px 15px; } 
header .sbi-logo:before { position: absolute; content: ''; border-right: 1px solid #DEDEDE; right: 0; top: 0; width: 100%; height: 100%; } 
header .sbi-logo { padding-right: 36px; width: 120px; } 
header .wealth-logo { margin-left: 28px; width: 81px; } 

header .purna-suraksha,header .smart-platina { width: 94px; height: 40px; } 
header .smart-insure-wealth-plus { width: 110px; height: 40px; } 
header .language { width: 24px; } 
header .notification { width: 16px; } 
header .notification:hover { animation-name: shaker; animation-duration: .3s; animation-iteration-count: 2; animation-play-state: running; animation-direction: alternate; } 
@keyframes shaker { 
 0% { transform: translate(0px) rotate(0); } 
50% { transform: translate(2px) rotate(-5deg); } 
50% { transform: translate(-2px) rotate(5deg); } 
100% { transform: translate(0px) rotate(0); } 
 }


/* Icons */
.icon { display: inline-block; background-size: contain; } /*width: 25px; height: 25px; padding:15px; */
.icon-right-tick { background: url('../Logo/Common_Logo/right-tick.svg') no-repeat center; }
.icon-benifits-plan {
    background: url('../Logo/Common_Logo/header-icon-1.svg') no-repeat center;
} 
.icon-fund-performance { background: url('../Logo/Common_Logo/fund-performance.svg') no-repeat center; }
.icon-why-us {
    background: url('../Logo/Common_Logo/header-icon-2.svg') no-repeat center;
}
.icon-contact-us {
    background: url('../Logo/Common_Logo/header-icon-3.svg') no-repeat center;
} 
.icon-back-arrow { background: url('../Logo/Common_Logo/back-arrow.svg') no-repeat center; transition: all 0.5s ease; }
.icon-premium-amount {
    background: url('../Logo/Common_Logo/icon-income.svg') no-repeat center;
    background-size: 24px !important;
} 
.icon-input-rupee-icon { background: url('../Logo/Common_Logo/input-rupee-icon.svg') no-repeat center; }
.icon-invest-duration {
    background: url('../Logo/Common_Logo/icon-dob.svg') no-repeat center;
    background-size: 24px !important;
}
.icon-pan {
    background: url('../Logo/Common_Logo/icon-pan.svg') no-repeat center;
    background-size: 24px !important;
}
.icon-btn-arrow { background: url('../Logo/Common_Logo/right-arrow.svg') no-repeat center; } 
.icon-benefit-grey { background: url('../assets/images/footer-mobile/benefits-grey.svg') no-repeat left top; } 
.icon-fund-grey { background: url('../assets/images/footer-mobile/fund-perf-grey.svg') no-repeat left top; } 
.icon-whyus-grey { background: url('../assets/images/footer-mobile/why-us-grey.svg') no-repeat left top; } 
.icon-contact-grey { background: url('../assets/images/footer-mobile/contact-us-grey.svg') no-repeat left top; } 
.icon-download { background: url('../Logo/Common_Logo/download-icon-black.svg') no-repeat center; } 
.icon-download-white { background: url('../Logo/Common_Logo/download-icon-white.svg') no-repeat center; } 
.icon-sm-download-white { background: url('../Logo/Common_Logo/download-icon-sm-white.svg') no-repeat center; } 
.icon-upload { background: url('../assets/images/medical-report/upload-link.svg') no-repeat center; } 
.icon-multiple-upload { background: url('../assets/images/medical-report/upload-add-icon.svg') no-repeat center; } 
.icon-delete { background: url('../Logo/Common_Logo/icon-delete.svg') no-repeat center; } 
.icon-doc-upload-close { background: url('../Logo/Common_Logo/doc-upload-close-btn.svg') no-repeat center; }
.icon-benefits-zero-premium {
    background: url('../Logo/Common_Logo/benefits-icon-1.svg') no-repeat center;
}
.icon-liquidity-assets {
    background: url('../Logo/Common_Logo/benefits-icon-4.svg') no-repeat center;
} 
.icon-premium-assets { background: url('../Logo/Common_Logo/premium-assets.svg') no-repeat center; }
.icon-tax-assets {
    background: url('../Logo/Common_Logo/benefits-icon-6.svg') no-repeat center;
}
.icon-benefits-cover {
    background: url('../Logo/Common_Logo/benefits-icon-2.svg') no-repeat center;
}
.icon-benefits-tax {
    background: url('../Logo/Common_Logo/benefits-icon-2.svg') no-repeat center;
}
.icon-benefits-assets {
    background: url('../Logo/Common_Logo/benefits-list-1.svg') no-repeat center;
} 
.icon-chat-with-us { background: url('../Logo/Common_Logo/chat-with-us.svg') no-repeat center; } 
/* recommendation */
.icon-growth { background: url('../Logo/Common_Logo/recommendation-growth.svg') no-repeat center; } 
.icon-balanced { background: url('../Logo/Common_Logo/recommendation-balanced.svg') no-repeat center; } 
.icon-note { background: url('../Logo/Common_Logo/recommendation-note.svg') no-repeat center; } 
.icon-right-arrow { background: url('../Logo/Common_Logo/icon-right-arrow.svg') no-repeat center; } 
.icon-life-cover { background: url('../Logo/Common_Logo/life-cover.svg') no-repeat center; } 
/* revamp-retire-smart */

.icon-rip-death { background: url('../assets/images/revamp-retire-smart/rip-white.svg') no-repeat center; } 
/* Icon Doc upload file type */
.icon-png { background: url('../Logo/Common_Logo/png-icon.svg') no-repeat center; } 
.icon-tiff { background: url('../Logo/Common_Logo/tiff-icon.svg') no-repeat center; } 
.icon-jpg { background: url('../Logo/Common_Logo/jpg.svg') no-repeat center; } 
.icon-pdf { background: url('../Logo/Common_Logo/pdf.svg') no-repeat center; } 
.icon-pdf-v2 { background: url('../Logo/Common_Logo/dc_pdf.svg') no-repeat center; } 
.icon-word { background: url('../Logo/Common_Logo/word.svg') no-repeat center; } 
/* icon-personal-details-minor */
.icon-cake { background: url('../assets/images/personal-details-minor/cake.svg') no-repeat center; } 
.icon-child-relation-v2 { background: url('../Logo/Common_Logo/icon-child-relation-v2.svg') no-repeat center; } 
.icon-child-birth-v2 { background: url('../Logo/Common_Logo/child-birth-icon-v2.svg') no-repeat center; } 
/* Responsive Design bottom patch */
.icon-patch-voice { background: url('../Logo/Common_Logo/bottom-patch-voice.svg') no-repeat center; } 
.icon-patch-chat { background: url('../Logo/Common_Logo/bottom-patch-chat.svg') no-repeat center; } 
/* icon rupees */
.icon-rupees { background: url('../Logo/Common_Logo/icon-rupees.svg') no-repeat center; } 
.icon-edit-blue { background: url('../Logo/Common_Logo/edit-icon-blue.svg') no-repeat center; } 
.icon-rupees-lg { background: url('../Logo/Common_Logo/rupees-lg-icon.svg') no-repeat center; } 
/* Purn suraksha personal details self */
.icon-policy-for {
    background: url('../Logo/Common_Logo/personal-details-2.svg') no-repeat center;
}
.icon-gender-v2 {
    background: url('../Logo/Common_Logo/icon-gender.svg') no-repeat center;
}
.icon-first-name-v2 {
    background: url('../Logo/Common_Logo/icon-name.svg') no-repeat center;
}
.icon-mobile-v2 {
    background: url('../Logo/Common_Logo/icon-mobile.svg') no-repeat center;
}
.icon-staff {
    background: url('../Logo/Common_Logo/icon-bank-group.svg') no-repeat center;
}
.icon-mail-v2 {
    background: url('../Logo/Common_Logo/icon-mail.svg') no-repeat center;
} 
.icon-smoke { background: url('../Logo/Common_Logo/icon-smoke.svg') no-repeat center; } 
.icon-location-v2 { background: url('../Logo/Common_Logo/icon-location-v2.svg') no-repeat center; } 
.icon-relation { background: url('../Logo/Common_Logo/relation-status.svg') no-repeat center } 
.icon-child-dob { background: url('../Logo/Common_Logo/child-birth-date.svg') no-repeat center } 
.icon-plus-v2 { background: url('../Logo/Common_Logo/plus-v2.svg') no-repeat center; } 
.icon-plus-v3 { background: url('../Logo/Common_Logo/plus-v3.svg') no-repeat center; } 
.icon-equal-v2 { background: url('../Logo/Common_Logo/equal-v2.svg') no-repeat center; } 
.icon-equal-v3 { background: url('../Logo/Common_Logo/equal-v3.svg') no-repeat center; } 

/* icons for pay for 1 month */
.icon-credit-card { background: url(../Logo/Common_Logo/credit-card-icon.svg) no-repeat center; } 
.icon-bank-account { background: url(../Logo/Common_Logo/bank-account-icon.svg) no-repeat center; } 
.credit-icon-position { width: 32px; height: 32px; background-size: contain; margin-right: 18px; } 
.pay-for-1month .radbox .rad-text { max-width: 300px; width: 100% !important; padding: 20px 16px; } 
.gray-card { max-width: 627px; border: 2px dashed #00ACEA } 
.gray-card .details { padding-right: 32px; border-right: 1px solid #D8D8D8; } 
.gray-card .amount { margin-left: 32px; } 



/* communication Details case 1 */
.icon-popover { background: url('../assets/images/communication-details-case-1/popover-icon.svg') no-repeat left top; } 
/* modal popup right tick */
.modal .popup-btn-lg { padding: 9px 70px; font-size: 18px; line-height: 22px; } 
.icon-right-popup-tick { background: url('../Logo/Common_Logo/right-popup-star.svg') no-repeat; } 


/* Icons for why us */
.icon-branches-across {
    background: url('../Logo/Common_Logo/why-us-icon-2.svg') no-repeat left top;
}
.icon-policy-holders {
    background: url('../Logo/Common_Logo/why-us-icon-3.svg') no-repeat left top;
}
.icon-claim-paid {
    background: url('../Logo/Common_Logo/why-us-icon-1.svg') no-repeat left top;
} 







/* Investment Details */
.investment-detail .radio-capsule .radio-toolbar label,
.investment-detail .radio-capsule .radio-toolbar input[type="radio"]:checked + label { min-width: 130px; padding: 10px; border: 1px solid #D8D8D8; box-shadow: none; } 
.investment-detail .outline-capsules .radio-toolbar { box-shadow: none; } 
.investment-detail .d-flex .content-detail { flex: 1; } 
.investment-detail .list-style-number { list-style-type: decimal; padding: 0 20px; } 

/* Icon sizes */
.icon-xs { width: 12px; height: 12px; background-size: contain; } 
.icon-xs-v1 { width: 20px; height: 17px; background-size: contain; } 
.icon-xs-v2 { width: 20px; height: 20px; background-size: contain; } 
.icon-xs-v3 { width: 14px; height: 16px; background-size: contain; } 
.icon-xs-v4 { width: 10px; height: 15px; } 
.icon-xs-v5 { width: 15px; height: 18px; background-size: contain; } 
.icon-xs-v6 { width: 18px; height: 18px; background-size: contain; } 
.icon-sm { width: 23px; height: 23px; background-size: contain; } 
.icon-xsm { width: 14px; height: 14px; background-size: contain; } 
.icon-sm-v1 { width: 22px; height: 22px; background-size: contain; } 
.icon-md { width: 32px; height: 32px; background-size: contain; } 
.icon-lg { width: 42px; height: 42px; background-size: contain; } 
.icon-xl { width: 52px; height: 52px; background-size: contain; } 
.icon-position-center { position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; bottom: 0; transform: translateY(-50%); } 
.icon-sm-24 { width: 24px; height: 24px; background-size: contain; } 
/* icon-personal-details */
.icon-sm-main { width: 17px; height: 22px; background-size: contain; vertical-align: middle; } 
.icon-md-main { width: 24px; height: 24px; background-size: contain; } 
.icon-xs-main { width: 20px; height: 20px; background-size: contain; } 
.icon-md-email { width: 24px; height: 22px; background-size: contain; } 

/* Content Logo */
.content-icon { background:#E6F1FF; box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1); padding: 5px; border-radius: 50%; width: 42px; height: 42px; } 
.content-icon-sm { width: 32px; height: 32px; border-radius: 100%; } 
.content-icons { background:#E6F1FF; box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1); padding: 10px; border-radius: 50%; width: 42px; height: 42px; text-align: center; } 
.content-icon-center { display: flex; align-items: center; justify-content: center; } 
.content-icon-sm { width: 32px; height: 32px; border-radius: 100%; background:#E6F1FF; padding: 5px; border-radius: 50%; } 


/* Back Arrow */
.back-arrow { position: absolute; height: max-content; top: 0; left: 0; } /*margin-right: 55px; */
.back-arrow::after { position: absolute; content: 'Back'; top: 50%; left: 50%; transform: translate(-50%,-50%); border-bottom: 2px solid #D1E9F5; width: 100%; height: auto; text-align: center; opacity: 0; font-family: 'Lato-Regular'; } 
.back-arrow:hover .icon-back-arrow { position: relative; transform: translateX(-92%); } 
.back-arrow:hover::after { opacity: 1; transition: .5s ease .2s; } 

/* Submit button */
.primary-btn {
    position: relative;
    background: #280971;
    text-align: left;
    color: #fff;
    border-radius: 50px;
    transition: all .3s ease;
    padding: 15px 30px;
} 
.primary-btn-right-icon { padding: 16px 98px 16px 30px; } 
.primary-btn:hover { color: #fff; } 
.btn-arrow { width: 54px; height: 54px; background: rgba(255, 255, 255, 0.2); border-radius: 50%; position: absolute; display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; overflow: hidden; transition: all .3s ease; } 
.primary-btn-sm { padding: 7px 31px; font-size: 16px; line-height: 19px; } 

/* Sidebar */
.sidebar { max-width: 300px; position: fixed; top: 0; width: 100%; height: 100%; transition: all .2s ease; z-index: 888; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; } 
.sidebar .sidebar-list { width: 100%; } 
.sidebar li { width: 100%; }
    .sidebar .sidebar-tab-link {
        display: block;
        font-family: 'Lato-Regular';
        font-size: 16px;
        font-weight: 600;
        line-height: 19px;
        color: #280971;
        padding: 15px 20px;
        transition: all .3s linear;
    } 
.sidebar .sidebar-tab-link:hover { background:#F4FBFF; } 
.sidebar .sidebar-tab-link.active { background: #F4FBFF; } 
.sidebar .sidebar-tab-link-icon { margin-right: 8px; } 
.sidebar .sidebar-tab-link.active .sidebar-tab-link-content { color: #104C88; } 
/* sidebar-tab-link border-bottom */
.sidebar .sidebar-tab-link.border-bottom { position: relative; } 
.sidebar .sidebar-tab-link.border-bottom:before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); background: #BFBFBF; height: 0.5px; width: 80%; display: block; } 
.sidebar .sidebar-tab-link.border-bottom { border: none !important; } 

/* Sidebar Interaction */
.sidebar.shrink-sidebar { max-width:84px; } 
.sidebar.shrink-sidebar .sidebar-tab-link { text-align: center; padding: 10px; } 
.sidebar.shrink-sidebar .sidebar-tab-link-container { flex-direction: column; } 
.sidebar.shrink-sidebar .sidebar-tab-link-icon { margin-right: 0; margin-bottom: 5px; border: 0.5px solid transparent; } 
.sidebar.shrink-sidebar .sidebar-tab-link.active .sidebar-tab-link-icon { margin-right: 0; margin-bottom: 5px; border: 0.5px solid #00A1E3; } 
.sidebar.shrink-sidebar .sidebar-tab-link .sidebar-tab-link-icon.bg-white,
.sidebar.shrink-sidebar .sidebar-tab-link .sidebar-tab-link-icon .icon.bg-white { background-color: transparent !important; } 
.sidebar.shrink-sidebar .sidebar-tab-link-content { font-size: 12px; text-align: center; line-height: 15px; } 

/* Sidebar Detail */
.sidebar-details { position: fixed; width: calc(100% - 84px); height: 100%; top:0; background: rgba(0,0,0,0.7); z-index: 5; transition: all .3s ease; overflow: hidden; }
    .sidebar-details .sidebar-detail {
        height: 100%;
        background: #f7e6ed;
        max-width: 1150px;
        padding: 80px 24px 0;
        width: max-content;
        transition: all .2s ease;
        transform: translateX(-100%);
        opacity: 0;
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        -ms-transition: all .2s ease;
        -o-transition: all .2s ease;
    } 
.sidebar-details .sidebar-detail.open-sidebar-details { transform: translateX(0%); opacity: 1; } 
.sidebar-details .sidebar-detail .sidebar-detail-ind { padding: 100px 20px 0; } 
.sidebar-details .sidebar-tab-content { padding-top: 10px; } 
.sidebar-details .sidebar-close-btn { top:0; right: 0; } 
.overflow-hidden { overflow-y: hidden; } 

/* Custom-card */
.custon-card { max-width: 250px; background: #ffffff; box-shadow: 0px 0px 8px rgb(177 177 177 / 25%); border-radius: 8px; min-width: 250px; padding: 16px; } 
.custon-card .flex-100 { flex: 1; } 
.custon-card .flex-60 { flex: 0.6; } 
.custom-investment-card { padding: 16px; background: #D1E9F5; } 
.line-below-custom-card { width: 250px; height: 1px; margin: 0 auto; } 
.custon-card .flex-fixed { flex: 0.6; } 

/* Main */
.main { position: relative; } 

/* Main page */
.main-page { margin-left: 300px; padding: 100px 0 20px 80px }
.heading-title {
    max-width: 733px;
    color: #280971;
    width: 100%;
} 
.main-stepper-content.main-page { padding: 70px 0 20px 80px; }
.common-heading {
    max-width: 100%;
    color: #280971;
    width: 100%;
}
.common-heading-v2 {
    max-width: 645px;
    color: #280971;
    width: 100%;
} 
.main-title { margin-bottom: 30px; max-width: 100%; position: relative; width: 100%; } 

/* Card */
.card { background: #fff; box-shadow: 0px 0px 12px 0px rgba(172, 172, 172, 0.25); border: none; border-radius: 8px; padding: 32px 24px; max-width: 100%; width: 100%; } 
.card-body { padding: 0; } 

/* Footer mobile */
.footer-mobile { background: #D1E9F5; position: fixed; bottom: 0; width: 100%; padding: 8px 20px; display: none; } 
.footer-mobile ul li { width: 25%; } 

/* declaration html */
.card-content { border: 1px solid #C4C4C4; border-radius: 8px; position: relative; overflow: hidden; } 
.card-details { padding: 24px; } 

/* .card-content { border: 1px solid #C4C4C4; border-radius: 8px; padding: 24px; position: relative; overflow: hidden; } */

/* datepicker */
.date-picker { background-image: url(../Logo/Common_Logo/icon-calender.svg) !important; background-repeat: no-repeat !important; background-position: 97% center !important; background-size: 22px !important; cursor: pointer; } 
/* .input-group-addon { background-image: url(../Logo/Common_Logo/icon-calender.svg) !important; background-repeat: no-repeat !important; background-position: 97% center !important; background-size: 22px !important; cursor: pointer; display: block; width: 30px; height: 40px; position: absolute; transform: translate(-50%,-50%); top: 50%; right: 23%; } */
.datepicker { cursor: pointer; padding: 10px; } 
.input-box { position: relative; } 
/* .input-box input[type="text"],.input-box input[type="tel"] { min-width: 316px; } */
.input-field-lg { max-width: 316px; width: 100%; } 

/* slimScrollBar */
.slimScrollBar { right: 0px !important; height: 93px !important; cursor: pointer; background: #D8D8D8 !important; } 
.button-hide { display: none; } 
.hide-block { display: none; } 
.otp-generation .input-box input[type="text"] { width: 316px; } 
.checkmark-animate { width: 30px; height: 30px; border-radius: 50%; display: block; stroke-width: 2; stroke: #fff; stroke-miterlimit: 10; box-shadow: inset 0px 0px 0px #2ccf74; animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both; margin: 0 auto; } 
@keyframes scale { 0%, 100% { transform: none; } 50% { transform: scale3d(1.1, 1.1, 1); } 
 }
@keyframes fill { 100% { box-shadow: inset 0px 0px 0px 30px #2CCF74; } 
 }

.hide-block.active { display: block; } 

/* thank you page */
.btn-secondary-icon { padding: 8px 16px; display: inline-block; border-radius: 20px; font-weight: 600; } 
.btn-secondary-icon:hover .icon-download { background: url(../Logo/Common_Logo/download-icon-white.svg) no-repeat center; background-size: contain; } 
.icon-download-position { width: 18px; height: 18px; background-size: contain; margin-right: 8px; } 
.card-filled { background: #F7FCFF; box-sizing: border-box; border-radius: 8px; } 
.card-filled .card-heading, .filled-table .card-heading { background: #D1E9F5; border-bottom: 1px solid #D1E9F5; border-radius: 8px 8px 0px 0px; padding: 16px; } 
.card-filled .card-body { padding: 21px 24px; border: 1px solid #D1E9F5; border-radius: 0px 0px 8px 8px } 
.card-filled .card-body span { vertical-align: bottom; } 

/* table */
.filled-table table { width: 100%; background: #FFFFFF; box-sizing: border-box; border-radius: 8px !important; height: 269px; } 
.filled-table table td { padding: 10px; } 
.filled-table table tbody.payment-details-table { border-top: 0px !important; border-radius: 0px 0px 8px 8px !important; width: 100%; border: 1px solid #D8D8D8; display: inline-block; } 
.filled-table table td.mw-66 { width: 66% !important; } 
.filled-table table tr { padding: 15px 14px; } 
/* .filled-table table tr:hover { background: #F2F2F2; } */

/* Accordion - Filled Accordian */
.summary .main-title { max-width: 100%; } 
.filled-accordion .card { box-shadow: 0px 0px 12px 0px #ACACAC40; border-radius: 8px; padding: 0; } 
.filled-accordion .card-header { border: none; }
.filled-accordion .acc-card-header, .filled-accordion .default-card-header {
    position: relative;
    display: block;
    color: #280971;
    text-transform: uppercase;
    margin-bottom: 0;
} 
.filled-accordion .acc-card-header:hover,.filled-accordion .default-card-header:hover { color: #131313; } 
.filled-accordion .acc-card-header:after { position: absolute; content: url(../Logo/Common_Logo/top-arrow.svg); top: 50%; right:5%; transform: translateY(-50%); transition: all .3s ease; } 
.filled-accordion .acc-card-header.collapsed:after { content: url(../Logo/Common_Logo/down-arrow.svg); } 
.filled-accordion .badge-sm { border-radius: 36px; max-width: 80px; width: 100%; padding: 10px 28px; } 
.filled-accordion .badge-primary { background: #D1E9F5; } 
.filled-accordion .acc-content-header { position: relative; margin-bottom: 20px; } 
.filled-accordion .acc-content-header::before { content: ''; position: absolute; top: Calc(100% - -50%); left: 0; border-bottom: 1px solid #DCDCDC; width: 100%; height: auto; } 
.filled-accordion .acc-content-lg-header::before { top: calc(100% - -15%); } 
.filled-accordion .default-card-collapse-arrow.collapsed:before { content: url(../Logo/Common_Logo/down-arrow.svg); } 
.filled-accordion .default-card-collapse-arrow:before { content: url(../Logo/Common_Logo/top-arrow.svg); } 
.filled-accordion .card.card-collapse { background: #F7FCFF; } 
.filled-accordion .hide-otp-content .form-box { max-width: 316px; width: 100%; } 


/* Full Screen page */
.full-screen .main-page { margin-left: 0; padding: 80px 20px 90px 20px; } 
.full-screen .main-container { max-width: 100%; } 
.thank-you-page .full-screen .main-page { padding: 110px 20px 90px 20px; } 

/* Medical report */

a:hover { color: #00A1E3; } 
.btn-medical { font-size: 14px; line-height: 16px; min-width: 241px; border: 1.5px solid #104C88; border-radius: 20px; padding: 8px; } 
.btn-submit { padding: 16px 70px 16px 30px; } 

/* File */
.custom-doc-upload-field input[type="file"] { display: none; } 
.custom-doc-upload-field.attached input[type="file"]+label { display: none; } 
.doc-uploading-progress-main { display: none; } 
.doc-uploading-progress-wrapper { flex: 1; max-width: 252px; margin-right: 20px; } 
.doc-uploading-progress-wrapper .progress { height: 2px; background: #efefef; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; box-shadow: none; margin-bottom: 2px; } 
.doc-uploading-progress-wrapper .progress-bar { background: #104C88; } 
.upload-multiple-files { display: none; align-items: center; margin-top: 10px; margin-bottom: 10px; } 
.upload-multiple-files .icon { display: inline-block; } 
.upload-multiple-files .upload-details,
.upload-multiple-files .upload-files .file-input-button { display: flex; } 
.doc-uploading-progress-main .close-icon { width: 18px; margin-top: 15px; cursor: pointer; } 
.doc-uploading-progress-main .delete-icon { width: 32px; height: 32px; margin-top: 15px; cursor: pointer; } 
.uploaded-doc { flex: 50%; } 


/* Modal */
/* .custom-modal-popop .modal { top: 35%; left: 8%; } */
.custom-modal-popop .modal-header { z-index: 999; border-bottom: none; padding: 0px; position: absolute; right: 21px; top:15px; cursor: pointer; } 
.custom-modal-popop .modal-body { padding: 0px; } 
.custom-modal-popop .modal-content { max-width: 577px; margin: 0 auto; padding: 24px 27px 32px; background: #FFFFFF; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3); border-radius: 8px; } 
.custom-modal-popop .browse-btn { display: none; } 
.ckyc-modal-popop .ckyc-modal-content { max-width: 712px; } 
.ckyc-modal-popop .ckyc-modal-heading { max-width: 511px; margin: 0 auto; } 
.ckyc-modal-popop .ckyc-fetch-btn { padding: 8px 20px !important; border-radius: 28px; } 
.ckyc-modal-popop .btn-cancel { padding: 8px 26px; min-width: 160px; border-radius: 28px; font-size: 18px; } 
/* .ckyc-modal-popop .ckyc-modal { top: 35%; left: 8%; } */

/* Vertical card */
.vertical-card-sm { width: 100%; } 
.vertical-card-sm .card { max-width: 276px; border: 1px solid #DCDCDC; width: 100%; height: 100%; overflow: hidden; box-shadow: none; } 
.vertical-card-sm .upload-card { box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18); max-width: 232px; width: 100%; margin: 0 auto; border-radius: 8px; border: 2px dashed #00ACEA; overflow: hidden; min-height: 115px; } 
.vertical-card-sm .upload-card.border-shadow { border: 1px solid #DCDCDC; box-shadow: none; } 
.vertical-card-sm .upload-card .upload-watermark { user-select: none; position: relative; height: 100%; } 
.vertical-card-sm .upload-card-ip { position: absolute; width: 100%; height: 100%;; top: 0; left: 0; opacity: 0; } 
.vertical-card-sm .label-info-sm { color: #4c4c4c; line-height: 25px; } 
.vertical-card-sm .upload-progress,
.upload-progress { position: relative; width: 100%; height: 2px; background: #DCDCDC; border-radius: 100%; margin: 5px 0 8px; } 
.vertical-card-sm .upload-progress::before,
.upload-progress::before { position: absolute; content: ''; width: 72%; background: #104C88; top: 0; left: 0; height: 2.5px; transition: width 3s ease; } 
.upload-data-del-btn { cursor: pointer; } 
.doc-upload-btn-desktop:hover { animation-duration: 0.4s; animation-name: expand-button; animation-timing-function: ease; animation-iteration-count: 1; animation-fill-mode: forwards; transition: all .3s ease; } 
.doc-upload-btn-desktop { width:auto; height: auto; text-indent: -9999px; background: #104C88 url('../Logo/Common_Logo/upload-logo.svg') no-repeat; background-size: 20px; background-position: center; padding: 10px 20px; } 


@keyframes expand-button { 100% { text-indent: 0; width: auto; background-color: #104C88; font-size: 14px; } 
 }

/* Btn micro-animation */
.btn.primary-btn:hover { transform: scale(1.02); } 
.btn.primary-btn:hover + .btn-arrow { transform: translateX(3px) scale(1.01); } 
.btn.primary-btn:hover + .btn-arrow .icon-btn-arrow,.btn.primary-btn:hover .icon-btn-arrow { animation: moveLeftRight; animation-duration: 0.7s; animation-timing-function: ease; animation-direction: alternate; animation-fill-mode: both; transition: all .3s ease; animation-iteration-count: infinite; } 
@keyframes moveLeftRight { 
 0% { transform: translateX(8px); } 
100% { transform: translateX(-8px); } 
 }


/* Thank-you annimation */
.success-checkmark { width: 80px; height: 115px; margin: 0 auto; position: relative; } 

/* blink animation starts */
@keyframes blinker { 
 0% { opacity: 1; } 

50% { opacity: 1; } 

100% { opacity: 0; } 
 }

.blink1 { text-decoration: blink; animation-name: blinker; animation-duration: 0.6s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; animation-direction: alternate; position: absolute; top: 17px; width: 16px; opacity: 0; left: -87px; } 

.blink2 { text-decoration: blink; animation-name: blinker; animation-duration: 0.6s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; animation-direction: alternate; position: absolute; top: 63px; width: 8px; opacity: 0; left: -74px; } 

.blink3 { text-decoration: blink; animation-name: blinker; animation-duration: 0.5s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; animation-direction: alternate-reverse; position: absolute; top: 19px; width: 24px; opacity: 0; left: -59px; } 

.blink4 { text-decoration: blink; animation-name: blinker; animation-duration: 0.6s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; animation-direction: alternate; position: absolute; top: 23px; opacity: 0; left: 96px; } 

.blink5 { text-decoration: blink; animation-name: blinker; animation-duration: 0.5s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; animation-direction: alternate-reverse; position: absolute; top: 53px; width: 16px; opacity: 0; left: 110px; } 

.blink6 { text-decoration: blink; animation-name: blinker; animation-duration: 0.6s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; animation-direction: alternate; position: absolute; top: 25px; opacity: 0; left: 155px; } 

.blink7 { text-decoration: blink; animation-name: blinker; animation-duration: 0.6s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; animation-direction: alternate; position: absolute; top: -4px; opacity: 0; left: 134px; } 

.blink8 { text-decoration: blink; animation-name: blinker; animation-duration: 0.6s; animation-iteration-count: infinite; animation-timing-function: step-end; animation-direction: alternate; position: absolute; top: 47px; opacity: 0; left: -19px; } 
.blink9 { text-decoration: blink; animation-name: blinker; animation-duration: 0.6s; animation-iteration-count: infinite; animation-timing-function: step-end; animation-direction: alternate; position: absolute; top: -4px; opacity: 0; left: -37px; } 

/* thank you annimation end */

/* Sidebar */
.custon-card { max-width: 250px; background: #F4FBFF; box-shadow: 0px 0px 8px rgba(177, 177, 177, 0.25); border-radius: 8px; padding: 16px; } 
.custon-card span { vertical-align: bottom; } 
.sidebar-content { border-bottom: 1px solid #BFBFBF; } 
.btn-request { padding: 8px 31px; font-size: 16px; color: white; line-height: 19px; display: inline-block; background: #104c88; border-radius: 28px; outline: none; border: 1px solid #104c88 !important; font-family: "Lato-Semibold"; font-weight: 700; } 
.btn-request:hover,.btn-request:focus { background: #104c88; border: 1px solid #104c88 !important; color: white; border-radius: 28px; outline: none; } 

/* personal-details-minor */
.personal-details-minor .content-details { flex: 1; } 
.policy-details { min-width: 120px; } 
.policy-details label { min-width: 65px; } 
.form-control:disabled, .form-control[readonly] { background-color: white; } 
.personal-details .input-box input[type="text"] { border-radius: 4px; } 


/* Outline accordion */
.accordion-outline { box-shadow: none; } 
.accordion-outline .card { padding: 32px 24px 32px 24px; box-shadow: none; border: 1px solid #D8D8D8; box-sizing: border-box; border-radius: 8px; } 
.accordion.accordion-outline > .card:not(:last-of-type), .accordion.accordion-outline > .card:not(:first-of-type) { border: 1px solid #D8D8D8; border-radius: 8px; } 
.accordion-outline .card-header { background: none; border-bottom: none; padding: 25px 50px; color: #333333; } 
.accordion-outline .card-header h3 { position: relative; } 
.accordion-outline .card-header h3::before { position: absolute; content: ""; right: 10px; border: solid #a5a5a5; border-width: 0 2px 2px 0; display: inline-block; padding: 4px; transform: rotate(225deg); top: 10px; -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); } 
.accordion-outline .card-header .collapsed h3::before { top: 4px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } 
.accordian-card.active { border: 1px solid #00A1E3 !important; } 
.accordion-outline .desktop-hide { display: none; } 

/* Normal radio button */
.radio input[type="radio"] { position: absolute; opacity: 0; } 
.form-block .radio-label { color: #4c4c4c; font-family: "Lato-Regular"; padding: 0px; cursor: pointer; font-size: 20px; } 
.form-block .radio input[type="radio"] + .radio-label:before { width: 23px; height: 23px; margin-top: -4px; margin-right: 13px; box-shadow: inset 0 0 0 5px #fff; background: #fff; } 
.radio input[type="radio"] + .radio-label:before { content: ""; background: #f4f4f4; border-radius: 100%; border: 1px solid #00a1e3; display: inline-block; width: 15px; height: 15px; position: relative; top: 2px; margin-right: 5px; vertical-align: top; cursor: pointer; text-align: center; transition: all 250ms ease; } 
.form-block .radio input[type="radio"]:checked + .radio-label:before { background: #00a1e3; } 
.form-block .radio input[type="radio"] + .radio-label:before { width: 23px; height: 23px; margin-top: -4px; margin-right: 13px; box-shadow: inset 0 0 0 5px #fff; background: #fff; } 
.radio input[type="radio"]:checked + .radio-label:before { background-color: #00a1e3; border: 2px solid #00a1e3; } 
.form-block .radio input[type="radio"] + .radio-label:before { width: 20px; height: 20px; margin-top: 0px; margin-right: 13px; box-shadow: inset 0 0 0 5px #fff; background: #fff; } 
.radio input[type="radio"] + .radio-label:before { content: ""; background: #f4f4f4; border-radius: 100%; border: 2px solid #00a1e3; display: inline-block; width: 10px; height: 10px; position: relative; top: 2px; margin-right: 5px; vertical-align: top; cursor: pointer; text-align: center; transition: all 250ms ease; } 

/* Post quote 01 */
.btn-proceed { font-size: 18px; line-height: 21px; min-width: 203px !important; padding: 8px 44px !important; border: 1.5px solid #104C88; border-radius: 28px; text-align: center; } 
.doc-modal-popop .modal-content { max-width: 466px; padding: 14px 13px; background: #FFFFFF; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3); border-radius: 8px; } 
.post-qoute .close { position: absolute; top: 10px; right: 10px; } 
.post-qoute .icon-next-arrow { background: url('../assets/images/post-quote-01/next-arrow-icon.svg') no-repeat center; background-size: contain; border: none; } 
/* .doc-modal-popop .modal-body { padding-left: 0px; } 
.doc-modal-popop .modal-header { padding-top: 0px; } 
.doc-modal-popop .badge-custom .btn { padding: 10px 38px !important; min-width: 173px; font-size: 14px; line-height: 16px; } 
.doc-modal-popop .doc-upload-card { border: 1px dashed #00A1E3; border-radius: 8px; padding: 8px 14px; } 
.doc-modal-popop .doc-card { margin-left: 27px; } */

/* badge custom */
.badge-custom { border: 1px solid #DCDCDC !important; display: inline-block; margin-right: 16px; border-radius: 36px; -webkit-border-radius: 36px; -moz-border-radius: 36px; -ms-border-radius: 36px; -o-border-radius: 36px; } 
.badge-custom .btn-primary { background: #D1E9F5; border: 1px solid #DCDCDC; box-sizing: border-box; border-radius: 36px; } 
.badge-custom .btn .badge { top: -4px; right: -8px; } 
.badge-custom .btn { line-height: 28px; padding: 8px 40px; color:#333333 !important; font-weight: 500; font-family: 'Lato-Medium'; border: 1px solid #fff !important; } 
.badge-custom .btn-primary:not(:disabled):not(.disabled).active,
.badge-custom .btn-primary:not(:disabled):not(.disabled):active, 
.badge-custom .show>.btn-primary.dropdown-toggle { background: #D1E9F5; color: #333333; box-shadow: none; outline: 0; } 
.badge-custom .btn:not(:disabled):not(.disabled) { cursor: pointer; box-shadow: none; } 

/* Tabs capsule*/
.tabs-capsule .nav-pills .nav-link { background: #FFFFFF; box-sizing: border-box; padding: 11px 33px; font-family: "Lato-Regular"; font-weight: 400; font-size: 14px; line-height: 16px; color: #666666; border-radius: 36px; border: 1px solid #fff; } 
.tabs-capsule .nav-pills .nav-link:hover,
.tabs-capsule .nav-pills .nav-link:focus,
.tabs-capsule .nav-pills .nav-link.active { background: #D1E9F5; color: #333333; font-family: "Lato-Medium"; font-weight: 500; } 
.tabs-capsule .nav-pills .nav-item { margin: 0 8px 8px 0; border-radius: 36px; border: 1px solid #DCDCDC; } 

/* Communication details case 1*/
.communication-details-tab .nav-pills .nav-link { padding: 10px 35px; } 


/* filled popover */
.filled-popover .popover-body { padding: 0; } 
.filled-popover { box-shadow: 4px 2px 9px rgba(0, 0, 0, 0.1); border: 1px solid #104C88; } 
.filled-popover { background: #E6F1FF; box-sizing: border-box; border-radius: 8px; padding: 22px; max-width: 162px; } 
.filled-popover.bs-popover-auto[x-placement^=right] > .arrow::after, .filled-popover.bs-popover-right > .arrow::after { border-right-color: #E6F1FF; } 
.filled-popover.bs-popover-auto [x-placement^=right] >.arrow::before, .filled-popover.bs-popover-right>.arrow::before { left: 0; border-width: 8px 8px 8px 0; border-right-color: #104C88; } 
.filled-popover ul { list-style: disc; padding-left: 15px; } 
.filled-popover ul li { font-family: 'Lato-Medium'; font-weight: 500;; font-size: 14px; line-height: 17px; color:#104C88; padding: 0 0 5px 0; } 
.filled-popover.bs-popover-auto[x-placement^=right] > .arrow::after, .filled-popover.bs-popover-right > .arrow::after { left: 1.5px; } 
.chat-voice { bottom: 0; left: 0; width: 100%; height: auto; background: #D1E9F5; z-index: 999; } 
.chat-voice li:first-child { border-right: 1px solid #BFBFBF; } 
.chat-voice li a { transition: all .3s ease; border-radius: 50%; } 
.chat-voice li a:hover { background: #fff; } 


/* Document upload modal */
.doc-card { max-width: 400px; margin: 0 auto; border: 1px dashed #00A1E3; border-radius: 8px; } 
.doc-card .doc-upload-btn-v2 { border: 1px solid #DCDCDC; padding: 12px 30px; min-width: 175px; border-radius: 20px; display: inline-block; margin-bottom: 12px; } 
.doc-card .doc-upload-btn-v2:hover,
.doc-card .doc-upload-btn-v2.active { background: #D1E9F5; } 
.doc-card .doc-upload-btn-v2.text-truncate { max-width: 100px; } 
.doc-card .doc-upload-btn-v2 .icon-doc-upload-close { width: 20px; height: 17px; background-size: contain; top: 50%; right: calc(100% - 92%); transform: translateY(-50%); } 

/* vertical align custom class */
.vertical-align-baseline { vertical-align: baseline; } 

/* Select dropdowns */
select,
select option { color: #000000; } 
select:invalid,
select option[value=""] { color: #A5A5A5; } 

/* Proposal form */
.proposal-form .card { padding: 24px; } 
.proposal-form label { margin-bottom: 12px; } 
.proposal-form .input-with-icon-left.input-field-lg { max-width: 316px; } 
.proposal-form .radio-toolbar input[type="radio"]:checked + label,
.proposal-form .radio-button-block [type="radio"]:checked + label, 
.proposal-form .radio-button-block [type="radio"]:not(:checked) + label { padding: 10px 18px; } 
.question-list .input-field-lg, .question-list .form-select-lg { max-width: 770px; background-position: 98% 50%; } 
.question { margin-bottom: 32px; } 
.input-field-lg.height-auto { height: auto; padding: 10px 15px; } 
.input-field-lg.input-with-icon-left.height-auto { padding: 10px 15px 10px 42px; } 

.business { margin: 12px 0 24px; } 

/* Chat Icon left panel */
.chat-block { left: 27px; bottom: 15px; } 


/* Tabs custom */
.tabs-custom { border: 1px solid #D1E9F5; box-sizing: border-box; border-radius: 8px; background: #FFFFFF; box-shadow: 0px 0px 12px rgba(172, 172, 172, 0.25); } 
.tabs-custom .nav-item { width: 50%; } 
.tabs-custom .nav-pills { background: #FFFFFF; box-shadow: 0px 0px 8px rgba(193, 206, 218, 0.35); border-radius: 8px 8px 0px 0px; } 
.tabs-custom .nav-link { border-radius: 8px 8px 0px 0px; border: 1px solid transparent; padding: 11px 20px; text-align: center; font-size: 14px; line-height: 17px; color: #666666; font-weight: 400; font-family: 'Lato-Regular'; } 
.tabs-custom .nav-link.active { background: #D1E9F5; border: 1px solid #fff; border-left: 2px solid #fff; color: #333333; font-family: 'Lato-Medium'; font-weight:500; } 
.tabs-custom .tab-content { padding: 6px 14px 25px; } 
/* Add nominee filled */

/*Tabs interactive*/
.tabs-interactive .tab-links .nav-pills { float: left; clear: both; border-radius: 20px; background: #FFFFFF; box-shadow: 0px 0px 8px rgba(193, 206, 218, 0.35); } 
.tabs-interactive .nav-pills .nav-link.active { background: #D1E9F5; border-radius: 20px; font-family: 'Lato-Medium'; font-weight:500; color: #333333; border: 2px solid #fff; } 
.tabs-interactive .nav-pills .nav-link { padding: 10px 40px 10px 20px; font-size: 16px; line-height: 20px; font-family: 'Lato-Regular'; font-weight: 400; color: 
#666666; border: 2px solid transparent; position: relative; } 
.tabs-interactive .nav-pills .nav-link .delete-dynamic-tab { position: absolute; top: 55%; right: 10px; transform: translateY(-50%); display: none; } 
.tabs-interactive .nav-pills .nav-link.active .delete-dynamic-tab { display: inline-block; } 

/* customized card with radio button */
.radbox { position: relative; cursor: pointer; border: none; outline :none; } 
.radbox input[type='radio'] { display:none; } 
.radbox .rad-text { content: ''; width: 250px; background-color : #fff; border: 2px solid #f2f2f2; padding: 16px; border-radius: 8px; box-sizing: border-box; } 
.first-radio-card ,.second-credit-card { margin-right: 24px; } 
.radbox input[type="radio"]:checked + .rad-text { content: ''; width: 250px; background: #FFFFFF; border: 1px solid #00A1E3; box-sizing: border-box; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.15); border-radius: 8px; } 
.radbox .add-another-address { padding: 19px 30px; } 

.btn.btn-add-nominee { padding: 10px 23px; font-size: 16px; line-height: 20px; box-shadow: 0px 0px 8px rgb(193 206 218 / 35%); border-radius: 20px; font-family: 'Lato-Regular'; font-weight: 400; color: #666666; border-bottom-left-radius: 0px; border-top-left-radius: 0px; } 
.btn.btn-add-main { padding: 10px 23px; font-size: 16px; line-height: 20px; font-family: 'Lato-Regular'; font-weight: 400; color: #666666; box-shadow: none; } 

/* add nomminee multiple */
.percent-amount { position: absolute; right: 32%; top: 21px; transform: translate(-50%,-50%); } 
.mobile-no-prefix { position: absolute; left: 2%; top: 50%; transform: translateY(-50%) } 

/* lifestyle and habits */
.lifestyle-habits .mw-820 { max-width: 820px; margin-right: auto; } 
.lifestyle-habits .nav-link { padding: 10px 25px; } 

/*Progress Stepper Desktop*/
/* .stepper-desktop { margin-left: 295px; } */
.progress-stepper { position: relative; display: flex; height: 55px; margin-left: -80px; padding-right: 96px; margin-right: -80px; } 
.progress-stepper .progress-track { position: absolute; top: 0px; width: 100%; height: 12px; background-color: #d8d8d8; background-image: -webkit-linear-gradient(
45deg,rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,rgba(255, 255, 255, 0.15) 75%, transparent 75%,transparent); background-image: -o-linear-gradient(
45deg,rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(
45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%,rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px; z-index: -1; overflow: hidden; } 
.progress-step { width: 100%; position: relative; display: flex; justify-content: space-between; } 
.inner-stepper { height: 12px; background: #92c947; background: #92c947; -webkit-transition: width 1s ease-in; -moz-transition: width 1s ease-in-out; -o-transition: width 1s ease-in-out; transition: width 1s ease-in; background-image: -webkit-linear-gradient(
45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%,rgba(255, 255, 255, 0.15) 50%,rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(
45deg,rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%,rgba(255, 255, 255, 0.15) 50% rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(
45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,rgba(255, 255, 255, 0.15) 75%,transparent 75%, transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; overflow: hidden; } 
.step-1 .inner-stepper { width: 10%; } 
.stepper-name { position: absolute; top: -7px; width: 100%; text-align: right; } 
.stepper-point { position: relative; z-index: 999; width: 24px; height: 24px; background: #d8d8d8; border: 2px solid #ffffff; border-radius: 50%; text-align: right; margin-left: auto; cursor: pointer; } 
.stepper-point::after { content: ""; position: absolute; top: 6px; left: 6px; width: 8px; height: 8px; border-radius: 50%; background: #fff; } 
.stepper-text { color: #666666; font-size: 16px; font-weight: 400; margin-top: 15px; text-align: right; margin-right: -40px; } 
.progress-step.is-active .stepper-point { background: #848484; animation: pulse 2s infinite; } 
/* .progress-step.is-pending .stepper-point { background: #848484; } */
.progress-step.is-active .stepper-text { font-weight: 700; } 
.progress-step.is-complete .stepper-point { background: #92c947; } 
.progress-step.is-complete .stepper-point::after { width: 6px; height: 13px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); background: transparent; border-radius: 0; top: 2px; left: 7px; } 
@keyframes pulse { 
 0% { box-shadow: 0 0 0 0 rgba(33, 131, 221, 0.4); } 
70% { box-shadow: 0 0 0 10px rgba(33, 131, 221, 0); } 
100% { box-shadow: 0 0 0 0 rgba(33, 131, 221, 0); } 
 }
.your-detail-section { width: 24px; height: 24px; border: 1px solid #00A1E3; border-radius: 4px; } 
.your-detail-section.is-active { background: #00A1E3; margin-left: 8px; } 
.your-detail-section.is-complete { background: #92C947; border: 1px solid #92C947; } 
.form-content,
#nomineeDetailsSec,
#healthDetailsSec,
#otherDetailsSec,
#bankDetailsSec,
#childsDetailsSec { display: none; } 
.form-content.is-active { display: block; } 
/* Your summary indicator css */
.summary-wrap { position: absolute; top: 20px; right: 30px; } 
.your-summary { position: relative; width: 166px; height: 40px; overflow: hidden; background-color: #fff; text-align: center; border: 2px solid #d8d8d8; border-radius: 28px; } 
.your-summary-fill { width: 0; height: 100%; background-color: #00a1e3; -webkit-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } 
.summary-text { position: absolute; display: inline-block; top: 7px; width: 100%; left: 0; font-size: 18px; font-weight: 700; color: #dcdcdc; line-height: 22px; } 
.your-detls-smry { width: 10%; } 

/* tooltip on pointers */
.icon-trasparent-circle { position: absolute; top: 0; right: 0; width: 24px; height: 24px; border-radius: 50%; background: transparent; z-index: 1; display: none; } 
.progress-step.is-pending .icon-trasparent-circle { display: block; } 

/* Stepper Mobile */
.stepper-mobile { display: none !important; max-width: 95%; width: 100%; margin: 0 auto; } 
.main-step { width: 28px; height: 28px; background: #ffffff; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15); border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; cursor: pointer; } 
/* .stepper-mobile .line { position: relative; } */
/* .stepper-mobile .line::before { position: absolute; content: ""; height: 2px; background: #d8d8d8; width: 50px; top: 14px; left: 0; } */

.stepper-mobile .line { height: 2px; background: #d8d8d8; width: 100%; position: relative; top: 13px; } 
.stepper-mobile .main-block { width: 25%; } 
/* .stepper-mobile .main-block.active .line { background: #92c947; } */
.stepper-mobile .main-block.active .main-step { text-align:center; margin-top: -3px; width: 32px; height: 32px; transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; border: 1px solid #999999; box-sizing: border-box; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15); } 
.stepper-mobile .main-block.is-complete .main-step { width: 18px; height: 18px; background: #92c947; border: 1px solid #92c947; margin-top: 4px; } 
.stepper-mobile .main-block.is-complete .main-step::after { content: ""; content: ""; position: absolute; width: 5px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate( 
45deg
); background: transparent; border-radius: 0; top: 7px; left: 6.5px; } 
.step { width: 24px; height: 24px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border: 1px solid #3D3F76; box-sizing: border-box; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15); } 
.step1 { position: absolute; left: -20px; top: -28px; display: none; } 
.step2 { position: absolute; left: 2px; top: -52px; display: none; } 
/* .step3 { position: absolute; top: -28px; right: -4px; display: none; } */
.step3 { position: absolute; top: -28px; right: auto; display: none; left: 24px; } 
.stepper-mobile .main-block.active .step1,
.stepper-mobile .main-block.active .step2,
.stepper-mobile .main-block.active .step3 { display: none; } 
.step.is-active { background: #3D3F76; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3); } 
.step.is-complete { background: #92c947 !important; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3); border: 1px solid #92c947; } 
.step.is-complete::after { content: ""; position: absolute; width: 6px; height: 13px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); background: transparent; border-radius: 0; top: 3px; left: 7px; } 
.mob-form-content { display: none; } 
.mob-form-content.is-active { display: block; } 
#mobNomineeDetails,
#mobHealthDetails,
#mobOtherDetails,
#mobBankDetails { display: none; } 
.mob-summary { position: relative; min-width: 95px; height: 30px; overflow: hidden; background-color: #fff; text-align: center; border: 2px solid #dcdcdc; border-radius: 28px; } 
.mob-summary-fill { width: 10%; height: 100%; background-color: #00a1e3; -webkit-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } 
.mob-summary-text { position: absolute; display: inline-block; top: 4px; width: 100%; left: 0; font-size: 14px; font-weight: 400; color: #dcdcdc; } 
.stepper-mobile .main-block.is-pending .main-step { width: 32px; height: 32px; border: 1px solid #C94747; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15); margin-top: 0; } 

/* your details icon with inner icons */
.mob-your-details.active .icon-your-details { background: url("../assets/images/step1/your-details-active.svg") no-repeat top 7px center; } 
.mob-your-details .step1.is-active { background: #3D3F76 url("../assets/images/step1/your-details-inner-1.svg") no-repeat top 4px left 4px; background-size: 15px; } 
.mob-your-details .step2 { background: url("../assets/images/step1/your-details-inner-2.svg") no-repeat top 3px left 3px; background-size: 15px; } 
.mob-your-details .step2.is-active { background: #3D3F76 url("../assets/images/step1/your-details-inner-2-active.svg") no-repeat top 3px left 3px; background-size: 15px; } 
.mob-your-details .step3 { background: url("../assets/images/step1/your-details-inner-3.svg") no-repeat top 3px left 3px; background-size: 15px; } 
.mob-your-details .step3.is-active { background: #3D3F76 url("../assets/images/step1/your-details-inner-3-active.svg") no-repeat top 3px left 3px; background-size: 15px; } 

/* nominee details icon */
/* .show-nominee-address { display: none; } */
.mob-nominee-details .icon-nominee-details { background: url("../assets/images/step2/nominee-details-active.svg") no-repeat top 6px left 5px; } 
.mob-nominee-details.active .icon-nominee-details { background: url("../assets/images/step2/nominee-details-active.svg") no-repeat top 7px left 3px; } 
.mob-nominee-details.is-complete .icon-nominee-details { background: none; } 

/* health details icon with inner icons */
.mob-health-details .icon-health-details { background: url("../assets/images/step3/health-lifestyle-active.svg") no-repeat top 6px left 3px; } 
.mob-health-details.active .icon-health-details { background: url("../assets/images/step3/health-lifestyle-active.svg") no-repeat top 7px left 0px; } 
.mob-health-details .step1.is-active { background: #3D3F76 url("../assets/images/step3/health-lifestyle-inner-1-active.svg") no-repeat top 3px left 3px; background-size: 16px; } 
.mob-health-details .step2 { background: url("../assets/images/step3/health-lifestyle-inner-2.svg") no-repeat top 1px left 4px; background-size: 13px; } 
.mob-health-details .step2.is-active { background: #3D3F76 url("../assets/images/step3/health-lifestyle-inner-2-active.svg") no-repeat top 1px left 4px; background-size: 13px; } 
.mob-health-details .step3 { background: url("../assets/images/step3/health-lifestyle-inner-3.svg") no-repeat top 3px left 3px; background-size: 15px; } 
.mob-health-details .step3.is-active { background: #3D3F76 url("../assets/images/step3/health-lifestyle-inner-3-active.svg") no-repeat top 3px left 3px; background-size: 15px; } 
.mob-health-details.is-complete .icon-health-details { background: none; } 

/* other details icon with inner icons */
.mob-other-details .icon-other-details { background: url("../assets/images/step4/other-details-active.svg") no-repeat top 6px left 8px; } 
.mob-other-details.active .icon-other-details { background: url("../assets/images/step4/other-details-active.svg") no-repeat top 7px left 5px; } 
.mob-other-details .step1.is-active { background: #3D3F76 url("../assets/images/step4/other-details-inner-1-active.svg") no-repeat top 3px left 3px; background-size: 16px; } 
.mob-other-details .step3 { background: url("../assets/images/step4/other-details-inner-2.svg") no-repeat top 4px left 5px; background-size: 13px; } 
.mob-other-details .step3.is-active { background: #3D3F76 url("../assets/images/step4/other-details-inner-2-active.svg") no-repeat top 4px left 5px; background-size: 13px; } 
.mob-other-details.is-complete .icon-other-details { background: none; } 

/* bank details icon */
.mob-bank-details .icon-bank-details { background: url("../assets/images/step5/bank-details-active.svg") no-repeat top 6px left 7px; } 
.mob-bank-details.active .icon-bank-details { background: url("../assets/images/step5/bank-details-active.svg") no-repeat top 7px left 4px; } 
.mob-bank-details.is-complete .icon-bank-details { background: none; } 

/* bank pennydrop don't have penny drop facilitate*/
.no-penny-drop-facility { max-width: 750px; } 


/* tooltip on pointers */
.mob-icon-trasparent-circle { position: absolute; top: 0; right: 0; left: 0; width: 32px; height: 32px; border-radius: 50%; background: transparent; z-index: 1; display: none; } 
.stepper-mobile .main-block.is-pending .mob-icon-trasparent-circle { display: block; transition: 2s ease-in-out; } 
.opacity-div { opacity: 0.5; pointer-events:none; } 
.mob-stepper-name { font-size: 11px; font-size: 11px; color: #999999; font-weight: 400; text-align: center; margin-top: 5px; display: none; position: absolute; width: 100px; bottom: -17px; right: 0; left: -32px; } 
.stepper-mobile .main-block.active .mob-stepper-name { display: block; left: -28px; } 

.your-details { position: absolute; top: -50px; left: -95px; } 
/* top: 0; */



/* Outline popover */
.outline-popover { background: #FFFFFF; border: 1px solid #979797; box-sizing: border-box; border-radius: 8px; padding: 16px; box-shadow: 4px 2px 9px rgba(0, 0, 0, 0.1); } 
.outline-popover span { color: #C94747; } 
.outline-popover .arrow { left: 40px !important; } 


.popover.outline-popover-sm { max-width: 125px; position: absolute; top: -50px; left: auto; right: -46px; padding: 10px; display: none; } 
.in-complete .popover.outline-popover-sm { display: block; } 
.progress-step.is-active.in-complete .stepper-point { background: #C94747; } 
.popover.outline-popover-sm .arrow::before { bottom: -41px; content: " "; display: block; height: 20px; left: 3px; position: absolute; border-style: solid; border-width: 11px; } 
/* border-color: #a9a9a9 transparent transparent transparent; */
.popover.outline-popover-sm .arrow::after { border-left: solid transparent 11px; border-right: solid transparent 11px; border-top: solid #fff 10px; bottom: -31px; content: " "; height: 0; left: 3px; margin-left: 0; position: absolute; width: 0; } 


/* E-insurance-details */
.custom-address-card { max-width: 250px; padding: 16px; border: 1px solid #F2F2F2; border-radius: 4px; } 
.insurance-radio-toolbar .radio-toolbar { border: 1px solid #DCDCDC; padding-left: 6px; box-shadow: none; } 
.insurance-radio-toolbar .radio-toolbar input[type="radio"] + label { min-width: 110px; } 
.add-nominee-button { background: #FFFFFF; box-shadow: 0px 0px 8px rgb(193 206 218); border-radius: 20px; } 

/* Diabetes Control diet radio button */
.diabetes-radio-toolbar .radio-toolbar { border: 1px solid #DCDCDC; padding-left: 6px; box-shadow: none; } 
.diabetes-radio-toolbar .radio-toolbar input[type="radio"] + label { min-width: 110px; } 
/* Diabetes Control diet radio button */
/* treatment radio control */
.treatment-radio-toolbar .radio-toolbar { border: 1px solid #DCDCDC; padding-left: 6px; box-shadow: none; } 
.treatment-radio-toolbar .radio-toolbar input[type="radio"] + label { min-width: 110px; } 
/* end treament radio control */
/* Capsule radio button */
.radio-capsule .radio input[type="radio"] + .radio-label:before { display: none; opacity: 0; } 
.radio-capsule .radio-toolbar input[type="radio"]:checked + label { margin-left:0; border-radius: 36px; -webkit-border-radius: 36px; -moz-border-radius: 36px; -ms-border-radius: 36px; -o-border-radius: 36px; } 
.radio-capsule .radio-toolbar input[type="radio"] + label:last-child { margin-left: 0; } 
.radio-capsule .radio-toolbar { border: 1px solid #DCDCDC; box-shadow: none; overflow: hidden; } 
.radio-capsule .radio-toolbar label,.radio-capsule .radio-toolbar input[type="radio"]:checked + label { padding: 8px 20px; } 
.radio-capsule .radio-toolbar label { border: 1px solid #fff; border-radius: 36px; cursor: pointer; } 
.radio-capsule .radio-toolbar input[type="radio"]:checked + label { border: 1px solid #fff; border-radius: 36px; } 
.proposal-form .radio-capsule .radio-toolbar input[type="radio"] + label { margin-bottom: 0 } 


/* Validations */
.alert { display: none; } 
.error { color: #e74c3c; display: block; } 
/* for submit proofs */
.submit-proofs .error,
.select-proofs-minor .error,
.single-doc-upload .error { font-family: 'lato-medium'; font-weight: 550; margin-bottom: 20px; display: inline-block; background: #fff; color: #e74c3c; padding: 10px; position: absolute; width: 100%; height: 100%; top:0; left:0; display: flex; align-items: center; justify-content: center; } 
.upload-one-doc .error { display: block; font-family: 'lato-medium'; font-weight: 550; } 

/* Desktop stepper fixed */
.progress-stepper { position: fixed; width: 78%; z-index: 9999; height: auto; top: 69px; height: 75px; background: #fff; } 
.main-stepper-content.main-page { padding: 140px 0 20px 80px; } 
.your-details { top: 0; } 

/* otp block changes */
.otp-block .input-box { width: 316px; margin-right: 22px; } 
.otp-block .primary-btn { padding: 9px 44px; } 

/* e-otp block */
.e-otp-block .input-box { width: 316px; } 

/* error pages css start */
.number-info { font-size: 20px; } 
.number-tel-text { font-size: 22px; } 
.time-info { font-size: 18px; } 
.fradulent-offers-wrap { max-width: 830px; width: 100%; margin:24px auto; padding: 32px 28px; border: 1.68966px solid #DCDCDC; border-radius: 14px; } 
.beware-title { font-size: 18px; text-decoration: underline; } 
.beware-info { font-size: 16px; } 
.error-page-container .error-sub-text-width { max-width: 650px; margin: 0 auto; } 


/* Add nominee minor */
.add-nom-minor .row:first-child .form-group { margin-top: 0 !important; } 

/* Investment details */
.outline-capsules .radio-toolbar { margin: 0 8px 8px 0; box-shadow: 0px 0px 12px 0px rgb(172 172 172 / 25%); outline: 0; border: none; } 

/* Summary */
.sum-title .icon-edit-blue { width: 20px; height: 20px; cursor: pointer; } 
.sum-title { margin-bottom: 16px; padding-bottom: 16px; } 
.icon-edit-blue-right { position: absolute; right: 15px; top: 15px; } 

/* Health details for female */
.filled-accordion.health-details .acc-card-header { color :#4C4C4C; background: #F7FCFF; border: 1px solid #D8D8D8; box-sizing: border-box; border-radius: 8px 8px 0px 0px; text-transform: none; } 
.filled-accordion.health-details .card-body { background: #FFFFFF; border: 1px solid #DCDCDC; box-sizing: border-box; border-radius: 0 0 8px 8px; border-top: none; padding: 8px 16px 15px!important; } 
.filled-accordion.health-details .acc-card-header:after { right: 3%; } 
.filled-accordion.health-details .card { box-shadow: none; } 
.filled-accordion.health-details .acc-card-header.collapsed { border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; } 
.card .card-secondary-border { border: 1px solid #DCDCDC; } 
.medical-details .radio-capsule .radio-toolbar { margin-right: 4px; } 
.medical-details .radio-toolbar label { padding: 8px 12px; } 
.medical-details .radio-toolbar input[type="checkbox"]:checked + label { background: #d1e9f5; border-color: #d1e9f5; font-size: 14px; line-height: normal; font-family: "Lato-Regular"; color: #333333; padding: 8px 12px; text-align: center; } 
.medical-details input[type="checkbox"] { position: absolute; display: none; } 
/* opacity: 0; */
.medical-details .medical-details-capsules { border-bottom: 1px dashed #D8D8D8; } 
.selected-medical-detail-capsule { border: 1px solid #DCDCDC; padding: 2px; border-radius: 36px; overflow: hidden; margin-right: 5px; display: inline-block; } 
.ind-capsule { background: #D1E9F5; padding: 10px 30px 10px 20px; border: 1px solid #DCDCDC; cursor: pointer; border-radius: 36px; } 
.ind-capsule .position-absolute { top: 50%; transform: translateY(-50%); right: calc(100% - 95%); } 
.medical-alert-box { background: #F4FBFF; bottom: 0; left: 0; padding: 24px 15px 35px 20px; z-index: 9999; border-top-left-radius: 8px; border-top-right-radius: 8px; box-shadow: 0px -4px 10px 0px #00000033; transition: all .3s ease; width: 100%; height: auto; } 
.icon-close { background: url('../Logo/Common_Logo/icon-close.svg') no-repeat center; } 
.medical-alert-box .medical-alert-box-close { position: absolute; top: 20px; right: 20px; cursor: pointer; } 
.medical-alert-box .radio-label.custom-popover { box-shadow: none; } 
.error.desktop_checkbox_group { background: rgb(221 36 36); padding: 10px 15px; border-radius: 20px; color: #fff; padding: 10px 15px; border-radius: 20px; color: #fff; } 
/* custom popover */
.popover { max-width: 535px; width: 100%; border: none; } 
.custom-popover { border: none; background: #FFFFFF; box-shadow: 0px 0px 12px rgba(172, 172, 172, 0.25); border-radius: 4px; padding: 8px; max-width: 536px; } 
.custom-popover span { margin: 0; } 
.custom-popover .arrow { display: none; } 
.popover.custom-popover .arrow::after, .popover.custom-popover .arrow::before { border-bottom-color: #fff; } 

/* added 31052021 */
.several-disease-wrap { border: 1px solid #DCDCDC; border-radius: 8px; } 

.several-disease-wrap .tab-links { background: #F7FCFF; border-bottom: 1px solid #D8D8D8; padding: 7px 15px; border-radius: 8px 8px 0px 0px; } 

.sev-inner-tab-content { padding: 15px 15px 0 15px; } 

.hide-add-members { color: #8F909D; } 

.border-bottom-dash { border-bottom: 1px dashed #D8D8D8; } 




/* Investment details */
.content-list { list-style: disc; } 
.scrollbar .sidebar-tab-content .slimScrollDiv,.scrollbar .slimScrollDiv, .scrollbar .testDiv { height: 500px !important; } 
/* width: 95% !important; */
.content-list .content-icon-sm {
    background: #FFFFFF;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
} 
.content-list .icon-xs-v1 { width: 24px; height: 20px; } 
.content-list-footer { margin: 64px 0 100px; } 
.icons-row { max-width: 710px; } 
.icon-block .icon { position: relative; margin-bottom: 12px; width: 64px; height: 64px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; } 
.icon-customised-quote { background: #fff url('../Logo/Common_Logo/customized-quote.svg') no-repeat center center; } 
.icon-digital-payment { background: #fff url('../Logo/Common_Logo/digital-signature-orange.svg') no-repeat center center; } 
.icon-upload-document { background: #fff url('../Logo/Common_Logo/upload-doc-orange.svg') no-repeat center center; } 
.icon-block:after { content: ''; position: absolute; width: 72px; height: 20px; background: url('../Logo/Common_Logo/arrow-orange.svg') no-repeat center center; top: 30px; right: -48px; } 
.icon-block { width: 35%; } 
.icon-block:last-child { width: 25%; } 
.icon-block:last-child:after { display: none; } 
.icon-block h4 { max-width: 215px; margin: 0 auto; } 
.icon-block:last-child h4 { max-width: 100px; margin: 0 auto; } 


/* Retrieve quote popup */
.ckyc-modal-popop.retrieve-modal .ckyc-fetch-btn { padding: 10px 20px !important; font-size: 18px; line-height: 22px; } 
.ckyc-modal-popop.retrieve-modal .btn-cancel { padding: 10px 26px; min-width: 203px; } 

/* Generate BI: Card custom */ 
.w-20 { width: 20%; padding-right: 15px; } 
.card.card-custom { padding: 23px 24px; } 
/* Card vertical */
.card-vertical { cursor: pointer; background: #FFFFFF; position: relative; border: 2px solid #D8D8D8; box-sizing: border-box; box-shadow: 0px 0px 10px rgba(172, 172, 172, 0.2); border-radius: 8px; } 
.card-vertical .card { padding: 25px 13px; } 
.card-vertical .card-logo { margin-bottom: 36px; } 
.card-vertical .card ul { margin: 50px 0 34px; } 
.card-vertical .card ul li { background: url('../Logo/Common_Logo/tick-mark-green.svg') no-repeat left 14px top; padding-left: 45px; } 
.card-vertical .btn-secondary-large { width: 100%; max-width: 240px; } 
.generate-bi .card-vertical .tag { position: absolute; top: -14px; left: 0; right: 0; text-align: center; margin: 0 auto; } 
.card-vertical .tag span { display: inline-block; background: #104C88; border-radius: 8px; padding: 17px 32px; margin: 0; } 
.card-vertical:hover .tag { display: block; } 
.generate-bi .card-vertical { border: 1px solid #104C88; box-sizing: border-box; box-shadow: 0px 0px 10px rgba(172, 172, 172, 0.5); } 
.generate-bi .grey-bottom-arrow { margin: 10px 0 30px; } 
.generate-bi .card-vertical { max-width: 200px; width: 100%; box-shadow: none; } 
.generate-bi .or { margin: 0 21px; } 
.generate-bi .card-vertical .tag span { display: inline-block; background: #104C88; border-radius: 4px; padding: 4px 19px; margin: 0; } 
.generate-bi .card-vertical .card-logo { margin-bottom: 8px; } 
.generate-bi .card-vertical ul { margin: 0; background: none; } 
.generate-bi .card-vertical ul li { background: none; padding: 0; text-align: center; background-color: #D1E9F5; padding: 2px 10px; } 
.generate-bi .card-vertical .card { box-shadow: none; } 
.generate-bi .card-vertical .card { padding: 25px 13px 0; } 
.generate-bi .card-vertical ul li:nth-child(2) { background: #fff; } 
.generate-bi .card-vertical .end-line { padding: 15px 10px; text-align: center; } 
.generate-bi .card-vertical:last-child ul li { margin: 15px 0 37px; padding: 4px 10px; } 

/* Fund Performance */
/* custom switch toggle button */
.switch-toggle { background: #FFFFFF; box-shadow: 0px 0px 8px rgb(193 206 218 / 49%); border-radius: 36px; display: inline-block; } 
.switch-toggle .btn-color-mode-switch { display: inline-block; margin: 0px; position: relative; min-width: 160px; border: 1px solid transparent; border-radius: 16px; } 
.switch-toggle .btn-color-mode-switch input[type="checkbox"] { cursor: pointer; width: 50px; height: 25px; opacity: 0; position: absolute; top: 0; z-index: 1; margin: 0px; } 
.switch-toggle .btn-color-mode-switch>label.btn-color-mode-switch-inner { margin: 0px; width: 100%; height: 40px; background: #fff; border-radius: 26px; overflow: hidden; position: relative; transition: all 0.3s ease; /* box-shadow: 0px 0px 8px 0px rgb(17 17 17 / 34%) inset; */
display: block; cursor: pointer; } 
.switch-toggle .btn-color-mode-switch>label.btn-color-mode-switch-inner:before { content: attr(data-on); position: absolute; font-size: 16px; line-height: 20px; font-family: "Lato-Semibold"; font-weight: 600; color: #333; opacity: 0.7; top: 9px; right: 21px; } 
.switch-toggle .btn-color-mode-switch>label.btn-color-mode-switch-inner:after { content: attr(data-off); width: 78px; height: 36px; position: absolute; left: 2px; top: 2px; text-align: center; transition: all 0.3s ease; padding: 7px 0px; font-size: 16px; line-height: 20px; font-family: "Lato-Semibold"; font-weight: 600; color: #333; background: #D1E9F5; border-radius: 36px; } 
.switch-toggle .btn-color-mode-switch input[type="checkbox"]:checked+label.btn-color-mode-switch-inner:after { content: attr(data-on); left: 79px; } 
.switch-toggle .btn-color-mode-switch input[type="checkbox"]:checked+label.btn-color-mode-switch-inner:before { content: attr(data-off); right: auto; left: 17px; } 

/* Fund Performance - Graph */
.graph-radio-capsules .radio-toolbar { margin-right: 5px; } 
.radio-toolbar-for-graph { border-radius: 8px; border: 1px solid #DCDCDC; } 
.radio-button-block .radio-toolbar-for-graph [type="radio"]:checked + label, .radio-button-block .radio-toolbar-for-graph [type="radio"]:not(:checked) + label, .radio-button-block .radio-toolbar-for-graph .radio-toolbar label:last-child { padding: 10px 60px; border-radius: 8px; } 
.radio-button-block .radio-toolbar-for-graph input[type="radio"]:first-child:checked + label { border-top-left-radius: 8px; border-bottom-left-radius: 8px; } 
.fund-perf-graph .graph-radio-capsules { max-width: 980px; } 
.fund-perf-graph .radio-toolbar input[type="radio"] + label:last-child { margin-left: 0; } 

/* Suitability analysisi popup */
.suitability-analysis .modal-main { padding-bottom: 40px; } 
.suitability-analysis.custom-modal-popop .modal-content { max-width: 908px; } 
.suitability-analysis .outline-capsules .radio-toolbar { box-shadow: none; border: 1px solid #DCDCDC; padding: 1px; } 
.suitability-analysis .outline-capsules .radio-label,.suitability-analysis .outline-capsules input[type="radio"]:checked+.radio-label { min-width: 130px; padding: 11px 23px; } 
.suitability-analysis .secondary-btn.view-recommendation-btn { padding: 10px 40px; } 

/* qoute-page */
/* Card horizontal */
/* .qoute-page-stripe-first .whatsapp-detail,.qoute-page-stripe-second .whatsapp-detail { display: none; transition: all 0.4s ease 1s; } */
.card-horizontal {
    background: #280971;
    border-radius: 8px;
    padding: 25px 24px 25px 28px;
    max-width: 463px;
    overflow: hidden;
} 
.card-res .card-padd{padding: 0px 15px 15px 15px; }
.icon-maturity-benefit { background: url('../Logo/Common_Logo/maturity-benefit.svg') no-repeat left top; } 
.icon-sum-assured { background: url('../Logo/Common_Logo/sum-assured.svg') no-repeat center; } 
/* Fixed top right stripe */
.icon-whatsapp { background: url('../Logo/Common_Logo/whatsapp-icon.svg') no-repeat center; } 
.icon-share { background: url('../Logo/Common_Logo/share-icon.svg') no-repeat center; } 
.qoute-page-stripe { display: inline-block; position: fixed; z-index: 4; padding: 0px 5px; transition: all .3s ease; border-radius: 4px; } 
.qoute-page-stripe-first { top: 23%; right: -4px; background: #1BD741; }
.qoute-page-stripe-second {
    top: 15%;
    right: -4px;
    background: #280971;
} 
/* .qoute-page-stripe-first:hover,.qoute-page-stripe-second:hover { right: 0; } */
/* .qoute-page-stripe-first:hover .whatsapp-detail,.qoute-page-stripe-second:hover .whatsapp-detail { display: block; } */
.bg-light-blue { background: #D1E9F5; } 
.card-horizontal .card-nesting { padding: 15px 25px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; } 
.card-horizontal .card-nesting.card-nesting-min-width-v2 { min-width: 190px; padding: 21px 0px; text-align: center; } 
.card-horizontal .card-nesting.card-nesting-min-width { min-width: 236px; text-align: center; padding: 35px 0; } 
.card-horizontal .tag { padding: 5px; top: 13px; background: #F9E292; transform: rotate(-45deg); width: 100px; left: -27px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); } 
.recommendation .form-control.input-with-icon-left { max-width: 100%; } 
.recommendation .radbox input[type="radio"]:checked + .rad-text,.recommendation .radbox .rad-text { max-width: 200px; padding: 15px; width: 100%; } 
.recommendation .radbox .rad-text { border: 2px solid #f2f2f2; padding: 15px; } 
.width-max-content { width: max-content; } 
.recommendation .recommendation-right-arrow { top: 51%; left: 107%; transform: translateY(-50%); } 
.recommendation .right-arrow-top{top: 40% !important;}
.recommendation .right-arrow-top-champ{top:53%;left: -7px;}
.recommendation .s-i-rightarrow { top: 39%; left: -20px; transform: translateY(-50%); } 
.recommendation .s-b-rightarrow{top:39%;left:-7px}
.recommendation .smar-bulider-arrow{top:44%;left:-7px;margin-top: 0%;}
/* iframe */
.custom-iframe { width: 100%; height: 400px; background: #D1D1D1; padding: 0px; box-shadow: 0px 0px 12px 0px rgb(172 172 172 / 25%); border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; } 


/* Fund performance */
.sidebar-tab-content.fund-performance .slimScrollDiv, .sidebar-tab-content.fund-performance .table-responsive-lg { height: auto !important; } 
.sidebar-tab-content.fund-performance .table td, .sidebar-tab-content.fund-performance .table th { border-top: none; } 

.sidebar-tab-content.fund-performance table { width:100%; table-layout: fixed; } 

.sidebar-tab-content.fund-performance .tbl-content { height:300px; overflow-x:auto; margin-top: 0px; border: 1px solid rgba(255,255,255,0.3); } 
.sidebar-tab-content.fund-performance .switch-toggle { margin: 34px 0; } 

.sidebar-tab-content.fund-performance .tbl-content tr td { padding: 24px 15px 0 0; } 

.sidebar-tab-content.fund-performance .tbl-content { padding-bottom: 60px; } 

.sidebar-tab-content.fund-performance .tbl-header { border-bottom: 1px solid #dcdcdc; padding-bottom: 16px; } 
.sidebar-tab-content.fund-performance table tr th:first-child { width: 300px; } 
.sidebar-tab-content.fund-performance .tbl-content tr td:first-child { width: 300px; } 
.sidebar-tab-content.fund-performance .tbl-content tr td:nth-child(2) { width: 120px; } 
.sidebar-tab-content.fund-performance table tr th:nth-child(2), 
.sidebar-tab-content.fund-performance table tr th:nth-child(3) ,
.sidebar-tab-content.fund-performance table tr th:nth-child(4),
.sidebar-tab-content.fund-performance table tr th:nth-child(5),
.sidebar-tab-content.fund-performance table tr th:nth-child(6) { width: 120px; } 
.sidebar-tab-content.fund-performance .tbl-content tr td:nth-child(3),
.sidebar-tab-content.fund-performance .tbl-content tr td:nth-child(4),
.sidebar-tab-content.fund-performance .tbl-content tr td:nth-child(5),
.sidebar-tab-content.fund-performance .tbl-content tr td:nth-child(6) { width: 120px; } 

.sidebar-tab-content.fund-performance table tr th:last-child,
.sidebar-tab-content.fund-performance .tbl-content tr td:last-child { width: 130px; } 



/* Quote page */
.what-to-pay .card.card-horizontal { max-width: 100%; } 



/* Fund performance table mobile version */
.tabs-mobile .nav-tabs { border-bottom: none; flex-wrap: nowrap; overflow: hidden; overflow-x: scroll; padding-bottom: 20px; } 
.tabs-mobile .nav-tabs .nav-link { background: #FFFFFF; border: 0.5px solid #D8D8D8; box-sizing: border-box; border-radius: 8px; font-weight: 500; font-size: 12px; line-height: 15px; text-align: center; min-width: 100px; color: #848484; padding: 10px 12px; } 
.tabs-mobile { overflow: hidden; overflow-x: scroll; } 

.tabs-mobile .nav-tabs .nav-link.active { border: 0.5px solid #104C88; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); color: #4C4C4C; font-weight: 700; } 
.tabs-mobile .nav-tabs .nav-item { margin-right: 8px; flex: 1; } 
.tabs-mobile .nav-tabs .nav-item:nth-child(1) .nav-link { padding: 18px 12px; } 
.tabs-mobile .nav-tabs .nav-item:nth-child(2) .nav-link { padding: 18px 12px; } 
.tabs-mobile .nav-tabs .nav-item:nth-child(3) .nav-link { padding: 18px 12px; } 

.tabs-mobile .tbl-content table tr td { border-top: none; } 
.tabs-mobile .tbl-header table, .tabs-mobile .tbl-content table tr td { border: 1px solid #DCDCDC; } 
.tabs-mobile .tbl-header { padding-bottom: 0 !important; border-bottom: none !important; } 
.tabs-mobile .tbl-header tr th:first-child { background: #E8E8E8; border-bottom: 1.5px solid #E8E8E8; vertical-align: middle; border-left: none; } 
.tabs-mobile .tbl-header tr th:last-child { background: #104C88; border-bottom: 1.5px solid #104C88; vertical-align: middle; } 
.tabs-mobile .tbl-header table tr th { padding: 8px; } 
.tabs-mobile .tbl-content tr td { padding: 9px 11px 8px !important; } 
.tabs-mobile .tbl-content h4 { font-size: 12px !important; line-height: 15px !important; color: #333333; } 
.tabs-mobile .tbl-content h6 { font-size: 9px !important; line-height: 11px !important; color: #666666; } 
.sidebar-tab-content.fund-performance .tabs-mobile table tr th:first-child, .sidebar-tab-content.fund-performance .tabs-mobile .tbl-content tr td:first-child { width: 29%; } 
.sidebar-tab-content.fund-performance .tabs-mobile .tbl-content tr td:first-child { background: #F5F5F5; vertical-align: middle; } 
.sidebar-tab-content.fund-performance .tabs-mobile .tbl-content tr td:last-child { text-align: right; vertical-align: middle; } 
.sidebar-tab-content.fund-performance .tabs-mobile .tbl-content { padding-bottom: 0; height: 236px !important; border-bottom: 1px solid #DCDCDC; border-left: none; } 


/* Fund performance switch toggle */
.radio-toolbar.fund-perf input[type="radio"]:checked + label { padding: 8px 21px; font-size: 16px; line-height: 20px; font-family: "Lato-Semibold"; font-weight: 600; color: #333; } 
.radio-button-block .radio-toolbar.fund-perf [type="radio"]:not(:checked) + label { padding: 8px 21px; font-size: 16px; line-height: 20px; font-family: "Lato-Semibold"; font-weight: 600; color: #666666; opacity: 0.7; } 


/* Fund performance graph */
.fund-perf-graph .radio-toolbar .radio-two { display: flex; } 
.chartdiv { width: 850px; height: 250px; } 
.amcharts-chart-div a { display: none !important; } 

/* Recommendations */
.recommendations .main-title { margin-bottom: 55px; } 
.plan-card { max-width: 404px !important; border: 1px solid #D8D8D8; position: relative; height: 100%; margin: 0 auto; padding: 32px 25px; } 
.plan-card .list { max-width: 340px; margin: 0 auto; min-height: 140px; } 
.right-tick-bullet { position: relative; padding-left: 35px; margin-bottom: 10px; font-family: 'lato-medium'; font-weight: 500; font-size: 18px; line-height: 24px; color: #4C4C4C; } 
.right-tick-bullet:before { position: absolute; content: url(../Logo/Common_Logo/green-right-tick.svg); width: 20px; height: 15px; top: 0; left: 0; } 
.plan-card .plan-btn-v1 { padding: 16px 98px; font-size: 18px; } 
.plan-card.active { border: 2px solid #104C88; } 
.plan-card .plan-btn-v2 { padding: 16px 53px; font-size: 18px; display: none; } 
.plan-floating-content { display: none; } 
.plan-card.active .plan-btn-v2 { display: inline-block; } 
.plan-card.active .plan-btn-v1 { display: none; } 
.plan-card.active .plan-floating-content { padding: 16px 32px; background: #104C88; color: #fff; border-radius: 8px; position: absolute; top: -35px; left: 50%; transform: translateX(-50%); width: 90%; text-align: center; display: block; } 

/* Datepicker */
.datepicker-parent { max-width: 316px; } 
.datepicker-parent.d-p-div{width: 230px;}
/* .d-s .datepicker-parent.datepicker-size{max-width: 187px !important;} */
/* Styling datepicker */
.ui-widget-header {
    background: #280971;
} 
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; border: 1px solid #D8D8D8; border-radius: 4px; outline: none; transition: none; box-shadow: none; color: #030303; font-size: 16px; line-height: 19px; padding: 4px; height: auto; margin-right: 6px; } 
.ui-widget-header .ui-icon { background-image: none; } 
.ui-icon-circle-triangle-w { background-position: none; } 
.ui-widget-header .ui-datepicker-prev span { background: url('../Logo/Common_Logo/down-arrow.svg') no-repeat left top !important; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); } 
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { cursor: pointer; display: block; position: absolute; left: 50%; margin-left: -10px; top: 50%; margin-top: -4px; } 
.ui-datepicker .ui-datepicker-next span { background: url('../Logo/Common_Logo/down-arrow.svg') no-repeat left top !important; transform: rotate(270deg); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); margin-left: -19px; margin-top: 8px; } 
.ui-datepicker .ui-datepicker-next.ui-state-hover.ui-datepicker-next-hover, 
.ui-datepicker .ui-datepicker-prev.ui-state-hover.ui-datepicker-prev-hover { padding: 0; border: none; background: none } 
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { height: 0; width: 0; } 
.ui-datepicker .ui-datepicker-prev span { margin-left: 2px; margin-top: 9px; } 
.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default, 
.ui-button, html .ui-button.ui-state-disabled:hover, 
html .ui-button.ui-state-disabled:active { border: none; background: #fbfbfb; font-weight: normal; color: #454545; text-align: center; } 
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { background: #D1E9F5 } 
/*.ui-widget.ui-widget-content { border: 1px solid #eaeaea; z-index: 3 !important;} */
.ui-datepicker th { font-family: 'Lato-Medium'; font-weight:500 !important; } 
.ui-datepicker-trigger { position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; right: 10px; width: 20px; height: 20px; z-index: 3; box-shadow: none; outline: none; } 
/* Select option placeholder css */
.select-placeholder:required:invalid { color: #999999; } 
.select-placeholder option[value=""][disabled] { display: none; } 
.select-placeholder option { color: #030303; font-size: 16px; line-height: 19px; } 
.select-placeholder { font-size: 16px; line-height: 19px; } 

/* Popover filled */
.popover.filled-popover { max-width: 162px; } 

/* Why us */
.why-us-icons { padding-right: 20px; } 
.why-us-icons .icon { margin: 0 12px 0 9px; } 
.why-us-icons .icons-block { border-left: 1px solid #00A1E3; padding: 5px 0; margin-bottom: 32px; } 
.why-us-text { max-width: 319px; } 
.why-us-text p { margin-bottom: 24px; } 


/* Retrieve modal */ 
.retrieve-modal .modal-lg, .retrieve-modal .modal-xl { max-width: 1300px; } 
.ckyc-modal-popop.retrieve-modal .ckyc-modal-content { max-width: 100%; }
.ckyc-modal-popop.retrieve-modal .ckyc-modal-content_1 {
    max-width: 50%;
}
.ckyc-modal-popop.retrieve-modal form { max-width: 750px; margin: 0 auto; } 
.ckyc-modal-popop.retrieve-modal .ckyc-fetch-btn,
.ckyc-modal-popop.retrieve-modal .btn-cancel { padding: 8px 20px 8px!important; min-width: 160px; text-align: center; } 
.form-section-divider { border-bottom: 1px solid #DCDCDC; padding-bottom: 32px; margin: 0 0 32px; } 

/* Fixed header table */
.table-responsive-grid { margin: 13px auto; border: 1px solid #DCDCDC; border-radius: 4px; } 
.table-responsive-grid-new { position: relative; } 
.table-scroll-wba { position: relative; width: 100%; z-index: 1; margin: auto; overflow: auto; height: 350px; } 
.table-scroll-wba table { width: 100%; min-width: 100%; margin: auto; border-collapse: separate; border-spacing: 0; } 
th.opco-owner-title { position: relative; background: linear-gradient(to top right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 0.8px), rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) calc(50% + 0.8px), rgba(0, 0, 0, 0) 100%) !important; padding: 0 65px !important; background-color: #eaf4fa !important; line-height: normal !important; } 
.retrieve-table-block .table-scroll-wba thead th { text-align: center; vertical-align: middle; background: #D1E9F5; color: #fff; position: -webkit-sticky; position: sticky; top: 0; padding: 0; height: 40px; border-bottom: 1px solid #DCDCDC; color: #333333; font-size: 12px; line-height: 15px; z-index: 99999; } 
.retrieve-table-block .main-table-wba thead th:first-child, .main-table-wba tfoot th:first-child { z-index: 999999; } 
.retrieve-table-block .table-scroll-wba td, 
.retrieve-table-wrapper .table-scroll-wba td, 
.retrieve-table-block .retrieve-table-wrapper .table-scroll-wba .opcotitle th, 
.retrieve-table-block .table-scroll-wba thead th, 
.retrieve-table-wrapper .table-scroll-wba thead th, 
.retrieve-table-wrapper .table-scroll-wba .opcotitle th { border: 1px solid #DCDCDC; border-top: none; border-right: none; } 
.table-scroll-wba th, .table-scroll-wba td { padding: 0 10px; background: #fff; padding: 15px 6px; text-align: center; } 
.retrieve-table-block .table-scroll-wba td { font-size: 12px; line-height: 15px; color: #333333; font-family: 'Lato-Regular'; font-weight: 400; border-right: none; } 
.retrieve-table-block .table-scroll-wba td a { text-decoration: underline; } 

.retrieve-table-block .table-scroll-wba td:nth-child(5) { text-align: right; } 
.retrieve-table-block .table-scroll-wba th:nth-child(1) { width: 70px; } 
.retrieve-table-block .table-scroll-wba th:nth-child(2) { width: 190px; } 
.retrieve-table-block .table-scroll-wba th:nth-child(3) { width: 100px; } 
.retrieve-table-block .table-scroll-wba th:nth-child(4) { width: 110px; } 
.retrieve-table-block .table-scroll-wba th:nth-child(5) { width: 114px; } 
.retrieve-table-block .table-scroll-wba th:nth-child(6) { width: 95px; } 
.retrieve-table-block .table-scroll-wba th:nth-child(7) { width: 75px; } 
.retrieve-table-block .table-scroll-wba th:nth-child(8) { width: 124px; } 
.retrieve-table-block .table-scroll-wba th:nth-child(9) { width: 120px; } 
.retrieve-table-block .table-scroll-wba th:nth-child(10) { width: 75px; } 
.retrieve-table-block .table-scroll-wba th:nth-child(11) { width: 155px; } 

.retrieve-table-block .table-scroll-wba td:nth-child(5) { text-align: right; } 
.retrieve-table-block .table-scroll-wba td:first-child,
.retrieve-table-block .table-scroll-wba th:first-child { border-left: none; } 

.ckyc-modal-popop.retrieve-modal .ckyc-modal-heading { max-width: 100%; } 
.ckyc-modal-popop.retrieve-modal table tr:hover td { background: #F3F3F3; } 



/* Retrieve popup mobile version */
.upload-btn-wrapper { position: relative; overflow: hidden; display: inline-block; } 
.upload-btn-wrapper .btn { border: 2px solid gray; color: gray; background-color: white; padding: 8px 20px; border-radius: 8px; font-size: 20px; font-weight: bold; } 
.upload-btn-wrapper input[type=file] { font-size: 100px; position: absolute; left: 0; top: 0; opacity: 0; } 


/* upload documents on retrieve upload popup */
.file-upload-new { position: relative; overflow: hidden; display: inline-block; vertical-align: middle; max-width: 200px; cursor: pointer; color: #00A1E3; line-height: 16px; font-size: 12px; font-size: 14px; font-weight: 400 !important; font-family: 'Lato-Regular'; } 
.file-upload-new span { text-decoration: underline; } 
.file-upload-new .upload { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 10px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } 
.file-upload-new .file-name { display: none; border:none; outline: 0; vertical-align: middle; background: none; box-shadow: none; font-size: 11px; padding-left: 0; width: auto; padding-right: 0; -webkit-appearance: none; -moz-appearance: none; } 
.file-upload-new .file-name.show { display: inline-block; width: 84px; } 
.file-upload-new span.hide { display: none; } 
.file-upload-new .delete { background: url(../Logo/Common_Logo/delete-btn.svg) no-repeat left top; width: 18px; height: 18px; background-size: 100%; display: inline-block; vertical-align: middle; } 
.file-upload-new .delete.hide { display: none; } 
.file-upload-new .error-file,
.file-upload-new .error-size { color: #e74c3c; font-size: 12px; line-height: 15px; font-family: 'Lato-Regular'; font-weight: 400; display: block; text-decoration: none; } 
.file-upload-new input:focus { outline: none; } 
.upload.hide { display: none; } 


/* NRI Basic popup */
.custom-modal-popop.nri-modal .modal-content { max-width: 908px; } 
.nri-modal .outline-capsules .radio-toolbar { box-shadow: none; border: 1px solid #DCDCDC; padding: 1px; } 
.nri-modal .input-with-icon-left { max-width: 316px; } 
.form-select.form-select-sm { max-width: 150px; width: 100%; } 
.nri-modal .nri_bank_details .form-block .radio-label { font-size: 16px; color: #666666; line-height: 20px; display: flex; align-items: flex-start; } 
.nri_bank_details .form-block .radio input[type="radio"] + .nri_bank_details .radio-label:before { width: 18px; height: 18px; } 
.nri-modal .claims-list { max-width: 788px; } 
.nri-modal .form-section-divider { padding-bottom: 20px; } 

/* Product plan card - radio*/
.product-plan-card label { display: block; box-shadow: 0px 0px 12px 0px #ACACAC40; text-align: center; min-width: 206px; cursor: pointer; transition: all .3s ease; border-radius: 4px; position: relative; } 
.product-plan-card h2 { padding: 32px 10px 24px; position: relative; margin-bottom: 0; text-align: center; } 
.product-plan-card h1 { padding: 7px 10px; } 
.text-secondary-green { color: #92C947; } 
.product-plan-card input[type="radio"] { display: none; } 
.product-plan-card .vertical-card-radio { position: absolute; width: 32px; height: 32px; content: ''; border-radius: 50px; border: 2px solid #D8D8D8; top: 10px; right: 10px; } 
.product-plan-card .vertical-card-radio.vertical-sjb-left{position: absolute; width: 32px; height: 32px; content: ''; border-radius: 50px; border: 2px solid #D8D8D8; top: 10px; left: 10px;}
.product-plan-card input[type="radio"]:checked + label h2 .vertical-card-radio { content: url(../Logo/Common_Logo/vertical-radio-input.svg); padding: 5px; background: #fff; } 
.product-plan-card input[type="radio"]:checked + label { background-color: #00A1E3; width: 100%; transform: scale(1.05); } 
.product-plan-card input[type="radio"]:checked + label h2 { color: #fff; } 
.product-plan-card input[type="radio"]:checked + label h1 { font-size: 32px; line-height: 39px; } 
.product-plan-card input[type="radio"]:checked + label h2 { font-size: 24px; line-height: 29px; font-weight: bold !important; } 
/* saaral jeevan beema revamp */
/* Product plan card - checkbox */
.product-plan-card.checkbox input[type="checkbox"] { display: none; } 
.product-plan-card.checkbox .vertical-card-radio { border-radius: 4px; } 
.product-plan-card.checkbox input[type="checkbox"]:checked + label h2 .vertical-card-radio { content: url(../Logo/Common_Logo/vertical-radio-input.svg); padding: 5px; background: #fff; border: 2px solid #00A1E3; } 
.plan-options .product-plan-card.checkbox label { padding: 0; } 
.plan-options .product-plan-card.checkbox label h2 { padding: 23px 0 0 60px; } 
.plan-options .product-plan-card.checkbox .vertical-card-radio { top: 23px; left: 23px; } 


/* Product - purna suraksha */
.purna-suraksha .content-details-sm { max-width: 280px !important; } 
.purna-suraksha-personal-details .radio-toolbar-lg input[type="radio"]:checked + label, .purna-suraksha-personal-details .radio-toolbar-lg input[type="radio"]:not(:checked) + label { padding: 10px 20px; } 
.purna-suraksha-personal-details .content-details { flex: 1; } 
.table-with-shadow.v2 .retrieve-table-wrapper .table-scroll-wba tr td h3 { margin-top: 10px; } 
.table-with-shadow.v2 .retrieve-table-wrapper .table-scroll-wba tr td.valign-center { vertical-align: bottom; padding-bottom: 31px; } 
.table-with-shadow.v2 .retrieve-table-block .table-scroll-wba th:nth-child(1) { width: 110px; } 
.table-with-shadow.v2 .retrieve-table-block .table-scroll-wba th:nth-child(2) { width: 130px; } 
.table-with-shadow.v2 .retrieve-table-wrapper .table-scroll-wba th:nth-child(3) { width: 235px; } 
.total-block { padding: 24px 34px; background: #00A1E3; border: 1px solid #00A1E3; box-sizing: border-box; box-shadow: 0px 0px 12.973px rgba(172, 172, 172, 0.25); border-radius: 8px; max-width: 933px; margin: 0 auto; width: 100%; } 
.total-block h2 { font-size: 26px; line-height: 32px; color: #fff; } 
.total-block h2 span { font-size: 16px; color: #fff; padding-top: 5px; } 
.total-block h3 { font-size: 35px; color: #fff; } 
.purna-suraksha .label-info-lg { color: #666666; } 
.purna-suraksha .vertical-radio-cards { max-width: 700px; margin: 0 auto; } 
.tag { padding: 5px; top: 14px; background: #F9E292; transform: rotate(-45deg); width: 100px; left: -24px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); } 
.purna-suraksha .table-with-shadow .retrieve-table-block .table-scroll-wba thead th:last-child { padding-right: 32px; } 
.purna-suraksha .table-with-shadow .retrieve-table-wrapper .table-scroll-wba th:nth-child(3) { padding-right: 15px; padding-left: 15px; } 
.purna-suraksha .table-with-shadow .retrieve-table-wrapper .table-scroll-wba td:nth-child(2),
.purna-suraksha .table-with-shadow .retrieve-table-wrapper .table-scroll-wba td:nth-child(3) { padding: 24px 15px; } 
.purna-suraksha .retrieve-table-block .table-scroll-wba th:nth-child(3) { width: 165px; } 
.purna-suraksha .table-with-shadow .retrieve-table-wrapper .table-scroll-wba td:nth-child(1) { padding: 24px 10px 24px 32px; width: 170px; } 
.purna-suraksha .table-with-shadow .table-responsive-grid { box-shadow: none; border: 2px solid #dcdcdc; } 
.purna-suraksha .table-with-shadow .retrieve-table-wrapper .table-scroll-wba .total-premium td { border-top: 2px solid #dcdcdc; } 
.purna-suraksha .table-with-shadow .retrieve-table-wrapper .table-scroll-wba .total-premium td:last-child { background: #00A1E3; color: #fff; } 
.purna-suraksha .table-with-shadow .retrieve-table-wrapper .table-scroll-wba .total-premium td:last-child h3 { color: #fff; } 
.purna-suraksha .sub-title { margin: 32px 0 16px; } 
.terms-and-conditions ul li { font-family: 'Lato-Regular'; font-weight: 400; font-size: 14px; line-height: 20px; color: #4c4c4c; list-style-type: disc; } 
.terms-and-conditions ul { padding-left: 20px; } 
.terms-and-conditions { margin: 25px 0; } 
.purna-suraksha .table-with-shadow.active { display: block; } 
.purna-suraksha .table-with-shadow { display: none; } 
.sidebar.shrink-sidebar .poorna-suraksha { display: none; } 
.label-info-lg.select-range-label { font-size: 18px; line-height: 22px; } 
.purna-suraksha-personal-details .spouce-or-you { margin-left: 43px !important; } 
.spouce-or-you .radio-capsule .radio-toolbar label, .spouce-or-you .radio-capsule .radio-toolbar input[type="radio"]:checked + label, .spouce-or-you .radio-toolbar input[type="radio"]:not(:checked) + label { padding: 8px 34px; } 

/* diabetes */
.form-group .dib_label { color:#666666;; } 
.tabel_row ::placeholder { font-family: 'lato-medium'; font-style: normal; font-weight: normal; font-size: 8px; line-height: 14px; display: flex; align-items: center; text-align: center; color: #999999; } 

/* Product - Purna Suraksha dark table */
.dark-table { max-width: 933px; margin: 0 auto; background: #E8F5FC; width: 100%; border-radius: 8px; } 
.dark-table .table-header .table { padding: 20px 15px 20px; margin-bottom: 0; } 
.dark-table .table-header .table tr th { padding: 10px 0 0; } 
.dark-table .table thead th { border: none; vertical-align: top; } 
.dark-table .table td, .table th { border: none; } 
.dark-table .table tbody tr { border-bottom: 1px solid #DCDCDC; } 
.dark-table .table tbody tr td:first-child { border-right: 3px solid #96D9F4; } 
.dark-table .table thead,.dark-table .table tbody { width: 100%; display: inline-table; } 
.dark-table .table-main .slimScrollBar { right: 10px !important; height: 250px !important; } 
.dark-table .table-main .table { margin-bottom: 0; padding: 0 15px; } 
.dark-table .table-main { height: 232px !important; } 
.dark-table .slimScrollBar { right: 10px !important; } 
.dark-table .table tr td:nth-child(1),.dark-table .table tr th:nth-child(1) { width: 100px; } 
.dark-table .table tr td:nth-child(2),.dark-table .table tr th:nth-child(2) { width: 245px; } 
.dark-table .table tr td:nth-child(3),.dark-table .table tr th:nth-child(3) { width: 308px; } 
.dark-table .table tr td:nth-child(4),.dark-table .table tr th:nth-child(4) { width: 280px; } 


/* 21st June: smart platina */
.table-with-shadow .retrieve-table-block .table-scroll-wba thead th { font-size: 20px; line-height: 24px; } 
.table-with-shadow .table-responsive-grid { background: #FFFFFF; box-shadow: 0px 0px 12px rgba(172, 172, 172, 0.25); border-radius: 14px; overflow: hidden; border: none; max-width: 933px; width: 100%; } 
.table-with-shadow .retrieve-table-block .table-scroll-wba thead th { height: 56px; padding-left: 32px; } 
.table-with-shadow .retrieve-table-block .table-scroll-wba td, 
.table-with-shadow .retrieve-table-wrapper .table-scroll-wba td, 
.table-with-shadow .retrieve-table-block .retrieve-table-wrapper .table-scroll-wba .opcotitle th, 
.table-with-shadow .retrieve-table-block .table-scroll-wba thead th, 
.table-with-shadow .retrieve-table-wrapper .table-scroll-wba thead th, 
.table-with-shadow .retrieve-table-wrapper .table-scroll-wba .opcotitle th { border: none; } 
.table-with-shadow .retrieve-table-block .table-scroll-wba th:nth-child(1) { width: 120px; } 
.table-with-shadow .retrieve-table-block .table-scroll-wba th:nth-child(2) { width: 120px; padding-left: 20px; } 
.table-with-shadow .retrieve-table-wrapper .table-scroll-wba td { padding: 24px 32px; } 
.table-with-shadow .retrieve-table-wrapper .table-scroll-wba th:nth-child(3) { padding-right: 32px; } 
.table-with-shadow .table-scroll-wba { height: auto; } /*scroll hide*/
.table-with-shadow .retrieve-table-wrapper .table-scroll-wba .border-bottom td { border-bottom: 1px solid #D8D8D8; } 
.table-with-shadow .retrieve-table-wrapper .table-scroll-wba tr td h3 { margin-left: 15px; margin-bottom: 0; } 

.smart-platina .table-with-shadow .retrieve-table-block .table-scroll-wba tr:last-child td { background: #D1E9F5; } 
.smart-platina .retrieve-table-block .table-scroll-wba thead th,
.purna-suraksha .retrieve-table-block .table-scroll-wba thead th { background: #F5F5F5; } 
.smart-platina .table-with-shadow .table-responsive-grid { border: 2px solid #DCDCDC; } 
.smart-platina .mw-900 { max-width: 90%; margin: 0 auto; } 
.tabs-custom-for-table { max-width: 90%; margin: 0 auto; } 
.tabs-custom-for-table.tabs-custom .nav-link { padding: 7px 10px; } 
.product-plan-card label { margin: 0 auto; padding-bottom: 16px; overflow: hidden; } 
/* .radio-toolbar.policy-term label.active, .policy-payment-term label.active { border-top-left-radius: 36px; border-bottom-left-radius: 36px; } 
.radio-toolbar.policy-term label.active, .policy-payment-term label.active { background: #d1e9f5; border-color: #d1e9f5; font-size: 14px; line-height: normal; font-family: "Lato-Regular"; color: #333333; padding: 10px 13px; text-align: center; } */



/* Product - Smart insure wealth plus 21st JUNE */
.smart-insure .prevent-click { pointer-events: none; } 
.block-container .block-item { cursor: pointer; width: 100%; text-align: center; background: #FFFFFF; border: 0px solid #D8D8D8; box-sizing: border-box; border-radius: 8px; padding: 16px 8px 12px 8px; } 
.icon-asset-allocation { background: url('../Logo/Common_Logo/asset-allocation-stratergy.svg') no-repeat left top; background-size: 100%; width: 23px; height: 23px; } 
.icon-trigger-stratergy { background: url('../Logo/Common_Logo/trigger-stratergy.svg') no-repeat left top; background-size: 100%; width: 33px; height: 33px; } 
.icon-smart-choice { background: url('../Logo/Common_Logo/smart-choice.svg') no-repeat left top; background-size: 100%; height: 23px; width: 20px; } 
.block-container .block-item h3 { margin-top: 16px; } 
.block-container .block-item p { margin-top: 12px; display: none; } 
.form-block.block-container .radio input[type="radio"] + .radio-label:before { opacity: 0; } 
.block-container .radbox .rad-text { padding: 0; } 
/* .block-container .radbox.active { z-index: 9; transform: scale(1.05); transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; margin-top: -18px; -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); } */
.block-container .active .block-item h3 { margin-top: 6px; } 
.block-container .radbox.active .block-item p { display: block; } 
.block-container .radbox.active .block-item h3 { font-size: 16px; line-height: 22px; font-weight: 700; font-family: 'Lato-Bold';; } 
.block-container .radbox.active input[type="radio"]:checked + .rad-text, .block-container .radbox.active .rad-text { width: 149px; height: auto; margin-top: -20px;} 

.block-container .radbox input[type="radio"]:checked + .rad-text,
.block-container .radbox .rad-text { width: 140px; margin-left: -3px; height: 105px; } 
.smart-insure.recommendation .radbox input[type="radio"]:checked + .rad-text,.smart-insure.recommendation .radbox .rad-text { padding: 5px; } 
.percent-amount-sm { top: 50%; right: 15px; transform: translateY(-50%); position: absolute; } 
.smart-insure .input-group-mn-height { min-height: 200px; } 
.block-container .radbox.order-2 { z-index: 9; transform: scale(1.05); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; margin-top: 5px; -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); } 
/* .block-container .radbox.order-1-smart{z-index: 0;}
.block-container .radbox.order-2-smart{z-index: 0;}
.block-container .radbox.order-3-smart{z-index: 0;} */
.block-container .radbox.active .block-item { padding: 8px 0; } 
.smart-insure .mt-55 { margin-top: 0px; } 
input[disabled].form-control.has-content { color: #beb7b7; border: 1px solid #D8D8D8 !important } 
.form-select option[disabled] { color: #beb7b7; } 
.block-container .radiobox-smart.active input[type="radio"]:checked + .rad-text + .radbox.order-1-smart + .radbox.order-2-smart +.radbox.order-3-smart, .block-container .radiobox-smart.active .rad-text .radbox.order-1-smart + .radbox.order-2-smart +.radbox.order-3-smart{ width: 196px !important; height: auto;margin-top: -20px; } 

/* Product - Retire smart web */
.retire-smart-web .radio-button-block [type="radio"]:checked + label, .retire-smart-web .radio-button-block [type="radio"]:not(:checked) + label { padding: 10px 12px; } 
.retire-smart-web input[type="radio"][disabled] + label, .retire-smart-web select[disabled] { color: #beb7b7; } 
.retire-smart-web select[disabled] { border: 1px solid #D8D8D8 !important; } 
.retire-smart-web .recommendation-right-arrow { top: 25px; left: 50%; transform: translate(-50%,-50%) rotate(90deg); } 
.retire-smart-web .card-horizontal { max-width: 735px; margin: 0 auto; } 
.retire-smart-web .card-horizontal .card-nesting { padding: 15px 16px; } 
.retire-smart-label { color:#666666 } 
header .wealth-logo.retire-smart-logo { width: 95px; height: 40px; } 
header .wealth-logo img { width: 100%; height: 100%; object-fit: contain; } 

/* Product - Saral Jeevan Beema */
.saral-jeevan-beema .product-plan-card { position: relative; } 
.saral-jeevan-beema .product-plan-card .recommendation-right-arrow { top: calc(100% + 13px); left: 50%; transform: translateX(-50%) rotate(90deg); } 
.saral-jeevan-beema .vertical-radio-cards { padding-bottom: 45px; } 
.saral-jeevan-beema .sjb-table .card.vertical-radio-cards-details { max-width: 800px; margin: 0 auto; overflow: hidden; border-radius: 14px; border: 1px solid #00A1E3; width: 100%; } 
.saral-jeevan-beema .sjb-table .vertical-radio-cards-details .vertical-radio-card-detail:last-child { max-width: 250px; width: 100%; } 
/* .saral-jeevan-beema .sjb-table .vertical-radio-cards-details .vertical-radio-card-detail { width: 20%; } */
.saral-jeevan-beema .sjb-table .vertical-radio-cards-details .vertical-radio-card-detail:nth-child(1) { max-width: 175px; width: 100%; } 
.saral-jeevan-beema .sjb-table .vertical-radio-cards-details .vertical-radio-card-detail:nth-child(3) { max-width: 155px; width: 100%; } 
.saral-jeevan-beema input[type="radio"][disabled] + label { opacity: 0.4; } 
.saral-jeevan-beema .vertical-radio-card-detail-icon { align-self: flex-end; margin-bottom: 15px; } 
.saral-jeevan-beema .product-plan-card label { max-width: 206px; } 

/* Alcohol Questionnaire */
.radio-capsule-change .radio-capsule .radio-toolbar label, 
.radio-capsule-change .radio-capsule .radio-toolbar input[type="radio"]:checked + label { padding: 8px 15px; text-align: center; width: 100%; } 
.radio-capsule-change .radio-capsule .radio-toolbar { min-width: 110px; } 
.ui-datepicker.adjust-top-position { position: absolute !important; } 
.armed-service-question .radio-capsule-change .radio-capsule .radio-toolbar { min-width: 100px; margin-bottom: 10px; } 


/* Sampoorna Cancer suraksha */
.sampoorna-cancer-suraksha .radio-button-block [type="radio"]:checked + label, .sampoorna-cancer-suraksha .radio-button-block [type="radio"]:not(:checked) + label { padding: 10px 8px; } 
.plan-options { max-width: 760px; margin: 0 auto; } 
.plan-options .product-plan-card input[type="radio"]:checked + label { transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; } 
.plan-options .product-plan-card .vertical-card-radio { width: 28px; height: 28px; left: 0; top: 0; margin-top: 2px; } 
.plan-options .product-plan-card label { padding: 10px; } 
.plan-options .product-plan-card label h2 { padding: 0; text-align: left; padding: 2px 0 10px 38px } 
.plan-options .product-plan-card label h2 + .plan-for { text-align: left; padding-left: 38px; } 
.plan-options .product-plan-card input[type="radio"]:checked + label h2 + .plan-for { color: #FFF; } 
.plan-options .product-card-contents { background: #D1E9F5; border-radius: 8px; padding: 10px 32px; } 
.plan-options .badge { background: #F9E292; border-radius: 8px; font-size: 12px; line-height: 15px; color: #4C4C4C; padding: 5px 10px; height: max-content; } 


/* E-shield Qoute page */
.e-shield-quote .radio-button-block.radio-label-with-content [type="radio"]:checked + label,.e-shield-quote .radio-button-block.radio-label-with-content [type="radio"]:not(:checked) + label { padding: 10px 24px; } 
.e-shield-quote .radio-button-block.radio-label-with-content [type="radio"]:checked + label:last-child,.e-shield-quote .radio-button-block.radio-label-with-content [type="radio"]:not(:checked) + label:last-child ,.e-shield-quote .radio-button-block.radio-label-with-content label:last-child { padding: 20px 20px 10px 20px; } 
.plan-options.plan-cover .product-plan-card label { max-width: 455px; } 
.plan-options.plan-cover .product-plan-card input[type="radio"]:checked + label h2 { font-size: 18px; line-height: 29px; } 
.custom-checkbox-card { border: 1px solid #DCDCDC; border-radius: 8px; overflow: hidden; } 
.custom-checkbox-card .custom-checkbox-card-header { padding: 24px 20px 5px 24px; cursor: pointer; } 
.vartical-card-checkbox { position: absolute; width: 28px; height: 28px; content: ''; border-radius: 4px; border: 2px solid #D8D8D8; top: 0; left: 0; background: #fff; } 
.custom-checkbox-card input[type="checkbox"]:checked + label .vartical-card-checkbox { content: url(../Logo/Common_Logo/vertical-radio-input.svg); padding: 5px; background: #fff; border: 2px solid #00A1E3; } 
.custom-checkbox-card .label-content { padding-left: 35px; } 
.custom-checkbox-card .premium-amount { padding: 16px 20px 24px 60px; height: 100%; } 
.custom-checkbox-card .premium-detail { padding:10px; height: 100%; } 
.custom-checkbox-card .ind-premium { padding: 8px 10px; } 

/* E-shield Qoute page - Summary */
.e-shield-quote .addons-summary { border: 2px solid #00A1E3; } 
.e-shield-quote .addons-summary .addons-summary-table { padding: 15px 0 0 24px; } 
.e-shield-quote .addons-summary .sub-heading-v2 { padding: 15px 15px 10px; border-bottom: 1px dotted rgba(0, 0, 0, 0.575); } 
.e-shield-quote .addons-summary .summary-data { max-width: 120px; } 
.e-shield-quote .addons-summary .summary-total-premium { max-width: 205px; width: 100%; } 
.e-shield-quote .addons-summary .summary-data .h5,
.e-shield-quote .addons-summary .summary-data .summary-data-total { min-height: 80px; } 
.e-shield-quote .addons-summary .summary-data .summary-data-total { padding-right: 17px; } 
.e-shield-quote .addons-summary .summary-data .summary-data-total + h3 { padding: 12px 17px 12px 0; } 
.e-shield-quote .addons-summary .summary-data .h3 { padding-top: 15px; } 
.icon-lumsum-amount { background: url('../Logo/Common_Logo/icon-lumsum-amount.svg') no-repeat center; background-size: contain; } 
.icon-regular-installment { background: url('../Logo/Common_Logo/icon-regular-installment.svg') no-repeat center; background-size: contain; } 
.icon-lumsum-regular { background: url('../Logo/Common_Logo/icon-lumsum-regular.svg') no-repeat center; background-size: contain; } 
.e-shield-quote p.e_shield_selection { max-width: 200px; } 
.e-shield-quote p.e_shield_selection_2 { max-width: 100%; } 
.recommendation .main-qoute-block { position: sticky; top: 75px; } 

/* E-shield Qoute page - recieve benefits */
.e-shield-quote .plan-options-xl { max-width: 100%; } 
.e-shield-quote .plan-options.plan-cover .product-plan-card .product-card-contents { padding: 10px 15px; } 
.e-shield-quote .plan-options-xl .product-plan-card { flex: auto; } 
.e-shield-quote .plan-options-xl .product-plan-card:not(:last-child) label { margin-right: 24px; padding: 32px 15px; } 
.e-shield-quote .plan-options-xl .product-plan-card:last-child label { padding: 32px 15px 0; } 
.e-shield-quote .plan-options-xl .product-plan-card label { border-radius: 8px; min-height: 175px; border: 1px solid #DCDCDC; } 
.e-shield-quote .plan-options-xl .product-plan-card .vertical-card-radio { right: 0; left: 10px; width: 28px; height: 28px; } 
.e-shield-quote .plan-options-xl .product-plan-card input[type="radio"]:checked + label .vertical-card-radio { content: url(../Logo/Common_Logo/vertical-radio-input.svg); padding: 5px; background: #fff; } 
.e-shield-quote .plan-options-xl .product-plan-card input[type="radio"]:checked + label { background-color: #00A1E3; width: auto; transform: scale(1.05); background: #D1E9F5; box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1); } 
.e-shield-quote .plan-options-xl .product-plan-card input[type="radio"]:checked + label p { color: #666666; } 
.e-shield-quote .plan-options-xl .product-plan-card input[type="radio"]:checked + label h5.h4 { font-weight: bold !important; } 
.e-shield-quote .plan-options-xl .product-plan-card:first-child label p { max-width: 110px; } 
.e-shield-quote .plan-options-xl .product-plan-card:nth-child(2) label p { max-width: 160px; } 
.e-shield-quote .plan-options-xl .product-plan-card:nth-child(3) label p { max-width: 340px; } 
.e-shield-quote input[type="radio"][disabled] + label { opacity: 0.4; } 
.e-shield-quote .form-select.has-content[disabled] { border:1px solid #D8D8D8 !important; } 


/* Updated Document Upload */
.dotted-list ul { list-style-type: disc; padding-left: 20px; } 
.upload-data .upload-data-del-btn { position: absolute; top: 10px; right: 10px; } 
.upload-data .icon-doc-upload-close { position: absolute; top: 10px; right: 10px; cursor: pointer; } 
.upload-report-list { min-width: 250px; max-width: 250px; } 
.upload-report-list .upload-data .upload-data-del-btn, .upload-report-list .upload-data .icon-doc-upload-close { top: 0; right: 0; } 
.custom-card-v2 { max-width: 860px; width: 100%; border-radius: 8px; border: 1px solid #DCDCDC; box-shadow: 0px 0px 12px 0px #ACACAC40; padding: 24px; background: #F4FBFF; } 
.document-upload .row .medical-test-category { padding: 0 15px; position: relative; } 
.document-upload .row .medical-test-category:not(:last-child) { border-right: 1px solid #DCDCDC; } 
.document-upload .row .medical-test-category.category-a,.document-upload .row .medical-test-category.category-c,.document-upload .row .medical-test-category.category-d { max-width: 120px; } 
.document-upload .medical-test-appointment .row .medical-test-category.category-b { max-width: 561px; padding: 0 20px; } 
.document-upload .medical-test-appointment .row .medical-test-category.category-ind { max-width: 90px; height: 52.8px; display: flex; align-items: center; justify-content: center; } 
.document-upload .medical-test-appointment .btn.secondary-btn { padding: 7px 30px; } 
.document-upload .tabs-custom .nav-item { width: 33.33%; } 
.document-upload .tabs-custom .tab-content { padding: 26px 24px 25px; } 
.custom-modal-popop .modal-content.document-upload-thank-you { padding: 24px; } 
.custom-modal-popop .modal-content.document-upload-thank-you .success-checkmark { height: 100px; } 

/* Document upload - Custom select dropdown */
.custom-select-wrapper { position: relative; user-select: none; width: 100%; } 
.custom-select { position: relative; display: flex; flex-direction: column; height: auto; padding: 0; border: none; } 
.custom-select__trigger { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 10px; background: #F2F2F2; cursor: pointer; border: 1px solid #104C88; border-radius: 4px; } 
.custom-options { border: 1px solid #104C88; border-top: 0; background: #fff; transition: all 0.5s ease; display: none; pointer-events: none; } 
.custom-select.open .custom-options { display: block; pointer-events: all; } 
.custom-select.open .custom-select__trigger { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 1px solid #DCDCDC; } 
.custom-option { position: relative; display: block; cursor: pointer; transition: all 0.5s ease; padding: 10px; border-bottom: 1px solid #DCDCDC; } 
.custom-option.selected { background: #F2F2F2; } 
.custom-option > p { max-width: 730px; width: 100%; } 
.custom-option:hover { cursor: pointer; background-color: #f3fcfc; } 
.arrow { position: relative; height: 20px; width: 20px; } 
.arrow::before { content: ""; position: absolute; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); bottom: 0px; width: 13px; height: 13px; transition: all 0.5s; background: url(../Logo/Common_Logo/custom-dropdown-icon.svg); background-size: contain; background-repeat: no-repeat; left: 0; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); } 
.open .arrow::before { bottom: 8px; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); } 
.document-upload .tp { max-width: 150px; padding: 8px 10px; display: block; border-radius: 4px; border: 1px solid #104C88 !important; font-family: 'lato-medium'; font-size: 16px; line-height: 22px; } 
.document-upload .tp .tp_hr,.document-upload .tp .tp_min,.document-upload .tp .tp_am_pm { width: 25% !important; } 
/* Document upload additional-questionnaire */
.additional-questionnaire .download-dsc-btn { padding: 7px 23px; color: #FFFFFF; box-shadow: none; transition: all .3s ease; font-size: 16px; font-weight: 700; font-family: 'Lato-Bold'; line-height: 20px; min-width: unset; /* border: 1px solid #104C88; */
background: #00A1E3; } 
.payment_download_buttonss label { background-color: #0079bf; } 
.medical-details-capsuless .upload-one-doc h2 { font-size: 16px; } 
.medical-details-capsuless .upload-one-doc h4 { font-size: 16px; } 
.document-upload .questionnaire-btn-group div { margin-right: 10px; margin-bottom: 10px; } 
.document-upload .secondary-btn.min-width-100 { min-width: 100px; } 
.modal-main-sm .modal-dialog { margin-top: 70px; } 

/* Coach mark */
.coachmark { position: fixed; background: rgba(0,0, 0, 0.75); top: 0; left: 0; bottom: 0; right: 0; z-index: 999; } 
.stepper-coachmark { position: absolute; left: -12%; top: 50%; text-align: center; transform: translate(-50%,-50%); letter-spacing: 1px; } 
.coachmark-content { max-width: 205px; } 
.suumary-cta-coachmark { position: absolute; top: 50px; left: 50%; transform: translateX(-50%); width: 100%; text-align: center; } 
.icon-coach-arrow { background: url('../Logo/Common_Logo/coach-arrow.svg') no-repeat center; } 
.icon-coach { background-size: contain; width: 30px; height: 60px; } 
.stepper-step-1-coachmark { position: absolute; top: 108%; right: -90%; width: 100%; transform: translateX(-50%); } 
.coach-cta { position: absolute; top: 50%; left: 50%; z-index: 9999; } 


/* Coach mark - Fill summary */
.YDS-summary-cta.filled-summary-cta .fill-summary-coachmark { top: -10px; left: -100%; transform: translateX(-50%); width: 300px; } 
.YDS-summary-cta.filled-summary-cta .icon-coach-arrow { transform: rotate(90deg); } 

/*bk Revamp Retire-Smart-css  */
.pre_pay-term .space_hidden{
    visibility: hidden;
}
/* bk---changes */
.fund_value_head .fund_value{
    position: relative;
    top:7px;
}
.ad_card_parent{
    width: 60%;
}
.ad_card_bilder_parent{
    width: 63%;
}
.ad_card_parent .ad_card_padding{
        padding:15px 8px !important;
}
.annuity-term input[type="radio"]:checked + label{
    background: #d1e9f5;
    border-color: #d1e9f5;
    font-size: 14px;
    line-height: normal;
    font-family: "Lato-Regular";
    color: #333333;
    padding: 10px 20px;
    text-align: center;
}
.e_smart_select_sec .e_smart_select_size{
    max-width: 454px;
    font-size: 15px;
}
.opt-Parnt .opt{
    display: none;
}
.show_opt{
    display: inline-block;
}
.pre_pay-term .prem{
    display: none;
}
.f_13{
    font-size: 13px !important;
}
.opt-desc .descHead{
    font-size: 14px;
   
}

.opt-desc2 .descHead{
    font-size: 14px;
}
header .retire-smart-logo-sizess { margin-left: 28px; width: 106px ; }
.label_res{font-size: 11px;}
.text_ec{
    text-overflow: ellipsis;
}
#an_p2{
    min-width:259px;
}

/*bk end Revamp Retire-Smart-css  */
/* bk Revamp Product Smart-insure-wealth */
.meaturity_sec .m_b-ul{
    list-style-type: disc;
    color:#FFFFFF;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
#m_b-ul_id{
    list-style-type: disc;
    text-align: left;
    
}
.block-container .radbox.active .block-item ul {
    display: block;
   list-style-type:disc !important ;
}
.block-container .block-item ul{
    display: none;
} 
/* end bk Revamp Product Smart-insurewealth */
/* bk Revamp Smart Champ - Quote Page */
    .smart-champ-logo-sizess .smart-champ-logo{
        width: 90px;
    }
    .champ_total_amount .vertical-radio-card-detail-icon-champ{
        align-self: flex-end;
        margin-bottom: 20px;
    }
    .sm-card-sec .sm-card-size{
        padding:15px 44px ;
    }
    .smart-champ-amount-size{
        max-width: 888px;
        margin: 0 auto;
        
    }
    .smart-champ-amount-size .smar-champ-card-border{
        border: 1px solid #00A1E3;
        box-sizing: border-box;
        box-shadow: 0px 0px 12px rgba(172, 172, 172, 0.2);
        border-radius: 8px;
    }
    .b-r8{
        border-radius: 8px;
    }
    .vh{
        visibility: hidden;
    }
    .scrollbar
    {
        overflow-y: scroll;   
    }
    #smart_bulider_policy_terms::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#smart_bulider_policy_terms::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

#smart_bulider_policy_terms::-webkit-scrollbar-thumb
{
	background-color: #00A1E3;	
    
	background-image: -webkit-gradient(linear, 0 0, 0 100%,
	                   color-stop(.5, rgba(255, 255, 255, .2)),
					   color-stop(.5, transparent), to(transparent));
}
.left_card-hor .card-body-size{
    width: 261px;
}
.recommendation-result-card .card-res{
    max-width: 463px;
}
.bbr .bbr-8{
    border-radius: 0px 0px 8px 0px;
}
.ophh{
    display: none;
}
.mrl-0{
    width: 100%;
}
#smart-wealth-bulider-plus{
    /* margin-right: 15px;
    width: 100%; */
}
#wordSumbulider,#w-y,#w-y2 {font-size: 12px;}
.pois-stic{
    position: sticky;
    top:50px;
}
/* saaral jeevan beema */
.right_arrow-side .recommendation-right-arrow.saral-jeeavn-arrow{
    /* left:0%; */
}
/* saaral jeevan beema revamp - radio*/
.product-plan-card2{max-width: 491px;margin:0 auto}
.product-plan-card2 label { opacity:0.5;display: block; box-shadow: 0px 0px 12px 0px #ACACAC40; text-align: center; min-width: 206px; cursor: pointer; transition: all .3s ease; border-radius: 4px; position: relative; } 
.product-plan-card2 h2 { width:50px;padding: 13px 46px 8px; position: relative; margin-bottom: 0; text-align: center; } 

.product-plan-card2 h1 { padding: 7px 10px; } 
.text-secondary-green { color: #92C947; } 
.product-plan-card2 input[type="radio"] { display: none; } 
.product-plan-card2 .vertical-card-radio { position: absolute; width: 32px; height: 32px; content: ''; border-radius: 50px; border: 2px solid #D8D8D8; top: 10px; right: 10px; } 
.product-plan-card2 .vertical-card-radio.vertical-sjb-left{position: absolute; width: 28px; height: 28px; content: ''; border-radius: 50px; border: 2px solid #D8D8D8; top: 10px; left: 10px;}
.product-plan-card2 input[type="radio"]:checked + label h2 .vertical-card-radio { content: url(../Logo/Common_Logo/vertical-radio-input.svg); padding: 5px; background: #fff; } 
.product-plan-card2 input[type="radio"]:checked + label { opacity:1;background-color: #00A1E3; width: 100%; transform: scale(1.05); } 
.product-plan-card2 input[type="radio"]:checked + label h2 { color: #fff; } 
.product-plan-card2 input[type="radio"]:checked + label h1 { font-size: 25px; line-height: 39px; } 
.product-plan-card2 input[type="radio"]:checked + label h2 { font-size: 24px; line-height: 29px; font-weight: bold !important; } 
.product-plan-card2 .sjb-table{max-width: 471px;margin: 0 auto; border-radius:8px;}

/* annuity-plus */
.annuity-plus-right-side .vertical-radio-card-detail div h1.total-p-br{border-radius: 0px 0px 8px 0px;padding-top:15px;padding-bottom: 12px;}
.annuity-plus-right-side .bg-patternsblue{border: 1px solid #00A1E3;border-radius: 8px;box-shadow: 0px 0px 12px rgba(172, 172, 172, 0.2);}
.annuity-plus-left-side #refund .form-select{max-width: 100%;}
.label-100{max-width: 100%;}
.annuity-plus-right-side .recommendation-right-arrow.s-i-rightarrow{left:0%; top:54%;} 
.container .sidebar .s-up {position: relative; top:-10%;}
/* end annuity plus */

/* cancer surksha */
.product-plan-card3{max-width: 491px;}
.product-plan-card3 label { opacity:1;display: block; box-shadow: 0px 0px 12px 0px #ACACAC40; text-align: center; min-width: 206px; cursor: pointer; transition: all .3s ease; border-radius: 4px; position: relative; } 
.product-plan-card3 h2 { width:100px;padding: 13px 46px 8px; position: relative; margin-bottom: 0; text-align: center; } 

.product-plan-card3 h1 { padding: 7px 10px; } 
.text-secondary-green { color: #92C947; } 
.product-plan-card3 input[type="radio"] { display: none; } 
.product-plan-card3 .vertical-card-radio { position: absolute; width: 32px; height: 32px; content: ''; border-radius: 50px; border: 2px solid #D8D8D8; top: 10px; right: 10px; } 
.product-plan-card3 .vertical-card-radio.vertical-sjb-left{position: absolute; width: 28px; height: 28px; content: ''; border-radius: 50px; border: 2px solid #D8D8D8; top: 10px; left: 10px;}
.product-plan-card3 input[type="radio"]:checked + label h2 .vertical-card-radio { content: url(../Logo/Common_Logo/vertical-radio-input.svg); padding: 5px; background: #fff; } 
.product-plan-card3 input[type="radio"]:checked + label { opacity:1;background-color: #00A1E3; width: 100%; transform: scale(1.05); } 
.product-plan-card3 input[type="radio"]:checked + label h2 { color: #fff; } 
.product-plan-card3 input[type="radio"]:checked + label h1 { font-size: 20px; line-height: 39px; } 
.product-plan-card3 input[type="radio"]:checked + label h2 { font-size: 20px; line-height: 29px; font-weight: bold !important; } 
.product-plan-card3 .sjb-table{max-width: 471px;margin: 0 auto; border-radius:8px;}
.product-plan-card3 input[type="radio"]:checked + label .dot_img .ul_li-sec .bullet{background-color: #ffffff;}
.product-plan-card3 input[type="radio"]:checked + label .dot_img .ul_li-sec{color: #ffffff;}
.sin-head .save-box{
    background-color: black;
    padding: 6px 18px;
    background-color: #92C947;
    border-radius: 8px;
}
.vertical-radio-card-detail .ath{
    visibility: hidden;
}
.opsv{opacity: 1 !important;}
/* canver surksha */
.radio-toolbar-lg input[type="radio"]:checked + .cslb,
.radio-toolbar-lg input[type="radio"]:not(:checked) + .cslb,
.radio-toolbar-lg .cslb { padding: 10px 8px; } 
.dot_img .bullet{width: 4px;height:4px;border-radius: 250px;background-color: #848484;}
.form-cs-s{max-width: 100%;}
.cancer-icon-box{position: relative;}
.cancer-icon-box .cancer-p-icon{position: absolute; top:65%;right:6%}
/* .dot_class .dot_img span:before { content: "."; font-size: 25px; position: relative;bottom: 1px; padding-right: 2px;}  */
/* .dot_class .dot_img .ul_li-sec:before{content: url(../assets/images/header/Ellipse\ 43.png);width: 3px; height: 3px;padding-right: 8px;} */
/* .sjb_yearly{max-width: 491px;} */
/* end bk Revamp Smart Champ - Quote Page */
/* Media Query */
@media screen and (max-width: 1390px){
 .card { max-width: 100%; } 
.main-page { padding: 100px 0 20px 37px; } 
.pois-stic{
    position: sticky;
    top:50px;
}
 }
@media only screen and (max-width: 1300px){
 .summary-wrap { right: 10px; } 

/* Fund performance */
.break-word-td { width: 200px; word-break: break-word; } 
.sidebar-tab-content.fund-performance table tr th:first-child,
.sidebar-tab-content.fund-performance .tbl-content tr td:first-child { width: 235px; } 
.sidebar-tab-content.fund-performance table tr th:nth-child(3) ,
.sidebar-tab-content.fund-performance table tr th:nth-child(4),
.sidebar-tab-content.fund-performance table tr th:nth-child(5),
.sidebar-tab-content.fund-performance table tr th:nth-child(6) { width: 120px; } 
.sidebar-tab-content.fund-performance .tbl-content tr td:nth-child(3),
.sidebar-tab-content.fund-performance .tbl-content tr td:nth-child(4),
.sidebar-tab-content.fund-performance .tbl-content tr td:nth-child(5),
.sidebar-tab-content.fund-performance .tbl-content tr td:nth-child(6) { width: 120px; } 


.sidebar-tab-content.fund-performance table tr th:first-child,
.sidebar-tab-content.fund-performance .tbl-content tr td:first-child { width: 30%; } 
.sidebar-tab-content.fund-performance .tbl-content tr td:nth-child(2),
.sidebar-tab-content.fund-performance table tr th:nth-child(2) { width: 20%; } 
.sidebar-tab-content.fund-performance table tr th:nth-child(3) ,
.sidebar-tab-content.fund-performance table tr th:nth-child(4),
.sidebar-tab-content.fund-performance table tr th:nth-child(5),
.sidebar-tab-content.fund-performance table tr th:nth-child(6) { width: 12%; } 
.sidebar-tab-content.fund-performance .tbl-content tr td:nth-child(3),
.sidebar-tab-content.fund-performance .tbl-content tr td:nth-child(4),
.sidebar-tab-content.fund-performance .tbl-content tr td:nth-child(5),
.sidebar-tab-content.fund-performance .tbl-content tr td:nth-child(6) { width: 12%; } 

.sidebar-tab-content.fund-performance table tr th:last-child,
.sidebar-tab-content.fund-performance .tbl-content tr td:last-child { width: 15%; } 
.sidebar-tab-content.fund-performance table tr th:last-child { text-align: center; width: 13%; } 
.sidebar-tab-content.fund-performance .tbl-content tr td:last-child { width: 13%; } 
.pois-stic{
    position: sticky;
    top:50px;
}
 }

@media only screen and (max-width: 1200px){
 .recommendation .recommendation-right-arrow { top: 210%; left: 50%; transform: translateX(-50%) rotate(90deg); z-index: 3; } 
 .recommendation .recommendation-right-arrow.saral-jeeavn-arrow2{top: 236%;}
.recommendation.e-shield-quote .recommendation-right-arrow { top: -4%; } 
.recommendation .main-qoute-block { position: static; } 
.recommendation .main-qoute-block.smart-insure-sticky { position: relative; top: -7px; } 
.pois-stic{
    position: relative;
}
 }
@media only screen and (max-width: 992px) { header .header-container { padding: 15px 15px; } 
.input-group-addon { right: 0%; } 
.card { max-width: 100%; } 
.investment-detail .radio-capsule .radio-toolbar label { border: 1px solid #fff; } 
.investment-detail .fradulent-offers-wrap { width: 100%; } 
.investment-detail .radio-button-block [type="radio"]:checked + label,
.investment-detail .radio-button-block [type="radio"]:not(:checked) + label,
.investment-detail .radio-toolbar input[type="radio"]:checked + label { padding: 10px 8px; } 
.investment-detail .disclaimer span.h3 { font-size: 12px; } 
.investment-detail .disclaimer h3.h3 { font-weight: 600 !important; line-height: 17px; } 
.investment-detail .disclaimer p { line-height: 17px; } 
.investment-detail .ml-55 > a { padding-left: 35px; } 
/* e-shield radiobutton */
.form-group.custom-check .custom-checkbox-mobile-size { width: 16px; height: 16px; } 
.vartical-card-checkbox { width :18px; height: 18px; } 
/* sampoorna-cancer-suraksha-heading */
.custom-checkbox-card input[type="checkbox"]:checked + label .vartical-card-checkbox { padding:2px; } 
.custom-checkbox-card .label-content-mobile-padding { padding-left: 25px; } 
/* main-content */
.main-page { margin-left: 0; padding: 85px 0 150px; } 

/* backarrow (back-button) */
.back-arrow { margin-right: 10px; position: absolute; top:0; left: 10px; } 
.back-arrow::after { content: ''; border-bottom: none; } 
.back-arrow:hover .icon-back-arrow { transform: translateX(0px) } 
.card .ml-55 { margin-left: 0; } 

/* checkbox */
.form-group .checkbox-label:before { padding: 6px; } 
.form-group .custom-checkbox:checked + .checkbox-label:after { top: 4px; left: 5px; width: 5px; height: 10px; } 
.label { max-width: 100%; } 

/* header */
header .wealth-logo { margin-left: 10px; width: 55px; } 
header .wealth-logo.wealth-bulider-logo{width: 91px;}
header .wealth-logo.annuity-plus{width: 109px;}
header .wealth-logo.sampoorna-cancer-logo{width: 61px;}
header .sbi-logo { padding-right: 15px; width: 70px; height: 20px; } 

/*Btn */
.btn { font-size: 14px; } 
.primary-btn { padding: 9px 20px; } 
.primary-btn-right-icon { padding: 9px 50px 9px 18px; } 
.secondary-btn { min-width: 84px !important; font-size: 12px; line-height: 14px; padding: 9px 10px; } 

.btn-arrow { width: 40px; height: 40px; } 
.footer-mobile { display: block; } 
.form-select,.form-select-lg,.form-control { max-width: 100%; } 
.content-icon { width: 28px; height: 28px; } 
.icon-md { width: 16px; height: 16px; background-size: cover; } 
.right-arrow-top-champ .right-arrow-res{width: 32px;}
.investment-details .radio-toolbar [type="radio"]:checked + label, .investment-details .radio-toolbar [type="radio"]:not(:checked) + label,.investment-details .radio-toolbar input[type="radio"]:checked + label { padding: 10px 8px; } 
.investment-detail .radio-capsule .radio-toolbar label, .investment-detail .radio-capsule .radio-toolbar input[type="radio"]:checked + label { min-width: auto; } 
.investment-details .form-select-mobile-sm { max-width: 180px; } 
.container-sm { padding: 0; max-width: 100% !important; } 
.main-container { padding-top: 42px; } 
.main-title { margin-bottom: 15px; position: relative; } 
/* .common-heading { padding-left: 35px; } */
.icon-lg { width: 32px; height: 32px; } 
.content-icons { width: 28px; height: 28px; padding: 7px; } 
.icon-sm-main { width: 11px; height: 14px; } 
.icon-md-main { width: 16px; height: 16px; } 
.icon-xs-main { width: 16px; height: 16px; } 
.icon-md-email { width: 16px; height: 14px; } 
.icon-ms{width: 35px;height: 20px;background-size: contain;}


/* Declaration */
.card-details { padding-top: 16px; padding: 16px; } 
.card-content-sm .h3,.card-content-sm .h6 { font-size: 12px; } 
.card-content-sm .lh-29,.card-content-sm .h-20 { line-height: 17px; } 
.declaration h2 { font-size: 16px; } 
.btn-secondary { font-size: 12px; line-height: 14px; padding: 8px 23px; } 
.btn-otp-submit { padding: 8px 20px !important; } 
.otp-generation .input-box input[type="text"] { width: 232px; } 
.declaration h2 { font-size: 16px; } 
.h1 { font-size: 16px; line-height: 22px; } 
.h3 { font-size: 14px; } 
.h4 { font-size: 14px; } 
.h5 { font-size: 12px !important; } 
.h6 { font-size: 12px; } 
.lh-16 { line-height: 15px; } 
.lh-20 { line-height: 15px; } 
.lh-35 { line-height: 20px; } 

/* Thank-you */
.header-card .font-32 { font-size: 18px; } 
.header-card .lh-55 { line-height: 24px; } 
.header-card .font-22 { font-size: 15px; } 
.header-card .lh-37 { line-height: 18px; } 
.thank-you-page .full-screen .main-page { margin-left: 0; padding: 90px 0px 20px 0px; } 
.full-screen .back-arrow { left: 0; } 
.card-main-sm .h2 { font-size: 16px; } 
.card-main-sm .lh-29 { line-height: 19px; } 
.card-main-sm .h4 { font-size: 12px; } 
.card-main-sm .lh-22 { line-height: 14px; } 
.card-filled .h2, .card-filled .h3 { font-size: 18px !important; } 
.card-filled .lh-28, .card-filled .lh-24 { line-height: 21px; } 
.card-filled .font-12 { font-size: 10px; } 
.card-filled .lh-14 { line-height: 12px; } 
.card-filled .card-body span { vertical-align: middle; } 
.card-filled .pt-22 { padding-top: 14px; } 
.card-filled .pt-24 { padding-top: 16px; } 
.card-filled .premiun-data { padding-right: 8px; } 
.link-without-underline { max-width: 280px; } 
.link-without-underline .h5 { font-size: 14px !important; } 
.link-without-underline .lh-19 { line-height: 20px; } 

/* Accordion */

.filled-accordion .acc-content-lg-header.acc-content-header:before { top: Calc(100% - -14%); } 
.filled-accordion .card-header { border-radius: 8px 8px 0 0; } 
.summary .common-heading { max-width: 170px; } 
.btn-secondary-icon { padding: 6px 10px; } 
.filled-accordion .secondary-btn-otp { max-width: 124px; font-size: 10px; } 
.filled-accordion .hide-otp-content .mt-40 { margin-top: 24px; } 
.filled-accordion .hide-otp-content .mb-32 { margin-bottom: 24px; } 
.filled-accordion .hide-otp-content .form-box { width: auto; } 



/* Submit Proofs (Doc Upload) */
.vertical-card-sm .doc-upload-btn { padding: 7px 20px; } 
.vertical-card-sm .card { max-width: 328px; } 
.vertical-card-sm .upload-card { max-width: 100%; } 
.blue-card .card { max-width: 328px; margin: 0 auto; padding: 10px 15px; background: #D1E9F5; border: 1px solid #00A1E3; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15); } 
.blue-card .investment-details .span:not(:last-child) { display: inline-block; padding-right: 5px; border-right: 2px solid #848484; } 
.blue-card .investment-details .span:not(:first-child) { margin-left: 5px; } 



/* modal popop */
.custom-modal-popop .modal-content { max-width: 100% !important; margin: 0 auto !important; } 
.custom-modal-popop .modal-content { padding: 24px 16px !important; } 
.custom-modal-popop .browse-btn { display: block; } 
.custom-modal-popop .modal-body { padding: 0px; } 
.custom-modal-popop .modal-header { right: 15px; top: 10px; width: 20px; height: 20px; } 
.custom-modal-popop .modal-header .close { padding: 0; float: none; margin: 0; } 
.custom-modal-popop .modal-header .close img { width: 25px; height: 25px; } 
.custom-modal-popop .btn-block { margin-top: 24px !important; } 
.custom-modal-popop .popup-subheading-md { max-width: 250px; margin: 0 auto; } 
.ckyc-modal-popop .ckyc-fetch-btn { padding: 5px 20px !important; } 
.modal-main-sm .h4 { font-size: 12px; } 
.modal-main-sm .lh-22 { line-height: 14px; } 
.modal-main-sm .font-22 { font-size: 14px; } 
.modal-main-sm .lh-26 { line-height: 16px; } 
.btn-browse { font-size: 12px; line-height: 14px; min-width: 136px !important; border: 1px solid #104C88; border-radius: 20px; } 
.ckyc-modal-popop .h1 { font-size: 16px; } 
.ckyc-modal-popop .lh-34 { line-height: 19px; } 
.ckyc-modal-popop .btn-cancel { font-size: 14px; padding: 9px 20px; } 

/* Modal popup (banking details pennydrops) */
.bank-pennydrop-popup .modal-body > h3 { font-size: 14px; } 
.bank-pennydrop-popup .popup-btn-lg { font-size: 12px; padding: 3px 30px; } 

/* IFSC popup */
.ifsc-modal-popop .h1 { font-size: 18px; } 
.ifsc-modal-popop .label { margin-bottom: 0; } 


/*covid report */
.btn-medical { min-width: 212px !important; font-size: 12px; line-height: 14px; padding-top: 6px; padding-bottom: 6px; } 
.mb-16 { margin-bottom: 16px; } 
.medical-sm-report .h3 { font-size: 14px; } 
.medical-sm-report .lh-24 { line-height: 24px; } 
.medical-sm-report .h2 { font-size: 16px; } 
.medical-sm-report .lh-28 { line-height: 19px; } 
.medical-sm-report .h6 { font-size: 12px; } 
.medical-sm-report .lh-16 { line-height: 14px; } 
.uploaded-doc { width: 100%; } 

/* Personal-details minor */
.input-box input[type="text"], .form-control { padding: 10px; font-size: 14px; } 
.form-select, .form-select-lg { padding: 10px; } 
.form-control.input-with-icon-left-p-lg { padding: 10px 10px 10px 50px; } 
.form-control.input-with-icon-left-p-lg.m-p-l { padding: 10px 10px 10px 10px; } 
.form-group { margin-bottom: 0px; } 
.input-box input[type="text"]
.content-details { width: 100%; } 
.common-personal-heading .h1 ,.common-personal-heading .h3 { font-size: 16px; } 
.common-personal-heading .lh-40 ,.common-personal-heading .lh-34 { line-height: 22px; } 
.policy-details { min-width: 120px; } 
.policy-details label { min-width: 58px; } 
.personal-details .radio-button-block [type="radio"]:checked + label,
.personal-details .radio-button-block [type="radio"]:not(:checked) + label,
.personal-details .radio-toolbar input[type="radio"]:checked + label { padding: 8px 14px; } 
.mb-24 { margin-bottom: 24px; } 
.custom-investment-card .h6 { font-size: 14px !important; } 
.custom-investment-card .h3 { font-size: 18px !important; } 
.custom-investment-card span { vertical-align: baseline; } 


/* Post quote -01 */
.mt-24 { margin-top: 12px; } 
.pan-details { width: 100%; } 
.card-post-quote { padding: 16px; } 
.button[type="submit"] { outline: none; } 
.form-block .radio-label { font-size: 14px; } 
.form-block .radio input[type="radio"] + .radio-label:before { margin-top: -5px; } 
.post-qoute .card { padding: 15px; } 
/* .qoute-page-stripe { display: none; } */
.qoute-page-stripe .icon-md { width: 25px; height: 30px; background-size: contain; } 
.qoute-page-stripe-first { top: 19% } 
.qoute-page-stripe-second { top: 13% } 
.post-qoute .card-post-quote p { font-size: 14px; } 
.post-qoute .accordion-outline .card { margin-bottom: 5px !important; } 
.doc-card .doc-upload-btn-v2 { min-width: 130px; } 
.post-qoute .icon.icon-md.icon-next-arrow { width: 25px; height: 25px; } 
/* otline accordian */
.accordion.accordion-outline > .card:not(:last-of-type), .accordion.accordion-outline > .card:not(:first-of-type) { border: none; border-radius: 8px; background: #FFFFFF; box-shadow: 0px 0px 12px rgb(172 172 172 / 25%); } 
.accordion-outline .card-header h3 { font-size: 14px; line-height:17px; font-weight:600; font-family: 'Lato-Semibold'; padding-right: 25px; } 
.accordion-outline .card { padding: 16px; margin-bottom: 16px !important; } 
.accordion-outline .card-header h3::before { right: 0; top: 7px; } 
.accordion-outline .card-header h6, .accordion-outline .card-body h6 { font-size: 12px; line-height: 15px; } 
.accordion-outline .card-header .collapsed h3::before { top: 0; } 
.accordion-outline .desktop-hide { display: block; } 

/*Responsive Sidebar + Bottom navigation */
.sidebar { background: #D1E9F5; position: fixed; left: 0; bottom: 0; top: unset; max-width: 100%; width: 100%; padding: 0; height: auto; z-index: 9999; } 
.sidebar-details { width: 100%; left: 0; } 
.sidebar li { width: 25%; } 
.sidebar-tab-link-container { flex-direction: column; } 
.sidebar .sidebar-tab-link,
.sidebar.shrink-sidebar .sidebar-tab-link { padding: 8px; } 
.sidebar li:not(:last-child) { border-bottom: none; } 
.sidebar .sidebar-list { align-items: flex-end; }
    .icon-benifits-plan-mobile {
        background: url('../../Logo/Common_Logo/header-icon-1.svg') no-repeat center;
    }
    .icon-why-us-mobile {
        background: url('../../Logo/Common_Logo/header-icon-2.svg') no-repeat center;
    } 
.icon-fund-performance-mobile { background: url('../Logo/Common_Logo/fund-performance-mobile.svg') no-repeat center; } 
.icon-chat-with-us-mobile { background: url('../Logo/Common_Logo/chat-with-us-mobile.svg') no-repeat center; }
    .icon-contact-us-mobile {
        background: url('../../Logo/Common_Logo/header-icon-3.svg') no-repeat center;
    } 
.sidebar-details .sidebar-detail { max-width: 100%; width: 100%; } 
.sidebar.shrink-sidebar { max-width: 100%; } 
.sidebar-details .sidebar-tab-content { padding-top: 0px; } 
.sidebar-details .sidebar-close-btn .icon-md { width: 32px; height: 32px; } 
.sidebar .sidebar-tab-link.active h2 { color: #104C88; } 
.sidebar .sidebar-tab-link.active .icon-benifits-plan-mobile { background: url('../Logo/Common_Logo/benefits-of-plan.svg'); }
    .sidebar .sidebar-tab-link.active .icon-why-us-mobile {
        background: url('../../Logo/Common_Logo/header-icon-2.svg') no-repeat center;
    } 
.sidebar .sidebar-tab-link.active .icon-fund-performance-mobile { background: url('../Logo/Common_Logo/fund-performance.svg') no-repeat center; } 
.sidebar .sidebar-tab-link.active .icon-chat-with-us-mobile { background: url('../Logo/Common_Logo/chat-with-us.svg') no-repeat center; }
    .sidebar .sidebar-tab-link.active .icon-contact-us-mobile {
        background: url('../../Logo/Common_Logo/header-icon-3.svg') no-repeat center;
    } 
.sidebar-details { background: none; left: 0 !important } 
.sidebar-details .sidebar-detail { transform: translateY(100%); opacity: 0; } 
.sidebar-details .sidebar-detail.open-sidebar-details { transform: translateY(0); opacity: 1; } 
.sidebar-details .sidebar-close-btn { top: -7px } 


/* Tabs capsule*/
.tabs-capsule .nav-pills .nav-link { padding: 7px 11px !important; font-size: 13px; } 
.tabs-capsule .nav-pills { margin-bottom: 12px !important; } 


/* Filled popover */
.filled-popover ul li { font-size: 12px; line-height: 15px; } 

/* Communication detail case 1 */
.form-select-lg { max-width: 100% !important; } 
.tooltip-heading h2 { font-size: 16px; } 
.tooltip-heading .lh-28 { line-height: 21px; } 
.main-title .h1 ,.main-title .h3 { font-size: 16px; } 
.main-title .lh-40 ,.main-title .lh-34 { line-height: 19px; } 
.communication-details-sm .mobile-sm-main .h3 { font-size: 14px; } 
.communication-details-sm .mobile-sm-main .lh-24 { line-height: 16px; } 
.communication-details-sm .form-select-lg { padding: 10px 11px; } 
.tabs-border-bottom { border-bottom: 1px solid #DCDCDC; padding-bottom: 24px; } 


/* Proposal form */
.proposal-form h1 { text-align: center !important; margin-bottom: 0 !important; } 
.proposal-form label { font-size: 14px !important; line-height: 17px !important; } 
.proposal-form .form-control-mobile-sm { max-width: 100% !important; } 
.question-list h3 { line-height: 17px; } 
.proposal-form .radio-toolbar input[type="radio"]:checked + label, 
.proposal-form .radio-button-block [type="radio"]:checked + label, 
.proposal-form .radio-button-block [type="radio"]:not(:checked) + label { padding: 8px 18px; } 
.question-list .input-field-lg, .question-list .form-select-lg { background-position: 94% 50%; } 
.form-content.is-active { overflow-x: hidden; } 


/* Tabs custom */
.tabs-custom .nav-link { padding: 7px 20px; } 
.tabs-custom .tab-content { padding: 6px 8px; } 




/* Add nominee filled */

/* Tabs interactive */
.tabs-interactive .nav-pills .nav-link { padding: 4px 35px 4px 15px;; font-size: 14px; line-height: 17px; } 
.radbox .rad-text { padding: 7px; max-width: 100px; } 
.custom-radion-box .rad-text .h4 { font-size: 14px; } 
.custom-radion-box .rad-text .lh-22 { line-height: 16px; } 
.custom-radion-box .rad-text .h6 { font-size: 10px; } 
.custom-radion-box .rad-text .lh-16 { line-height: 12px; } 
.first-radio-card ,.second-credit-card { margin-right: 2px; } 
.radbox .add-another-address { padding: 24px 8px; } 
.radbox input[type="radio"]:checked + .rad-text { max-width: 100px; padding: 8px; } 
.custom-radion-box label { display: inline-block; } 
.hide-add-nominees { display: none; } 
.btn.btn-add-nominee { padding: 3px 8px; } 
.add-nomminee-sm .form-select-lg { padding: 10px 11px; } 
.tabs-interactive .tab-links .nav-pills { height: max-content; overflow-x: auto; overflow-y: hidden; white-space: nowrap; flex-wrap: nowrap; scrollbar-width: none; scroll-behavior: smooth; } 
.tabs-interactive .tab-links ::-webkit-scrollbar { display: none; } 

/* Add nomminee multiple */
.appointee-sm-details .h2 { font-size: 16px; line-height: 20px; } 
.appointee-sm-details .lh-24 { line-height: 21px; } 
.appointee-sm-details .lh-19 { line-height: 16px; } 
.percent-amount { right: 4%; } 
.appointee-sm-details .lh-20 { line-height: 17px; } 

/* E-insurance details */
.e-insurance-title .h1,.e-insurance-title .h3 { font-size: 14px; } 
.e-insurance-title .lh-48,.e-insurance-title .lh-34 { line-height: 20px; } 
.insurance-radio-toolbar .radio-toolbar input[type="radio"] + label { min-width: 135px; padding: 7px 15px; } 

.hide-tax-redient-no .hide-desktop { display: none; } 

/* Stepper desktop */
.stepper-desktop { display: none; } 

/* Stepper Mobile */
.stepper-mobile { display: flex !important; position: fixed; bottom: 56px; background: #fff; max-width: 100%; padding: 10px 10px 22px 10px; z-index: 9991; box-shadow: 0px 0px 12px 0px rgb(172 172 172 / 25%); } 
.stepper-mobile.active { padding: 33px 10px 22px 22px; } 
.stepper-mobile.input-focus { bottom: 0; } 
.stepper-mobile .opacity-div .line { opacity: .2; } 
.stepper-mobile .main-block.is-complete .line { background: #92c947; } 

/* Advance Custom checkbox */
.lifestyle-habits .form-group.custom-checkbox label:before { width: 18px; height: 18px; } 
.lifestyle-habits .form-group.custom-checkbox input:checked + label:after { top: 5px; } 
.summary-wrap { display: none; } 


/* Stepper*/
.your-details { display: none; } 
.main-stepper-content.main-page { padding: 80px 0; } 

/* radio capsule css */
.radio-capsule .radio-toolbar { max-width: 130px; width: 100%; } 
.radio-capsule .radio-label { width: 100%; } 
.main-stepper-content.main-page { padding: 80px 0 150px; } 
.customized-check-box .form-group.custom-checkbox span { font-size: 16px; } 

.input-label-country-code { top: 50%; transform: translateY(-50%); } 

/* Insurance history for females */
.insurance-history { padding: 16px; margin-bottom: 16px; } 
.insurance-history .paricipation h3, .insurance-history .bad-habits h3 { margin-bottom: 11px !important; } 
.insurance-history .bad-habits.mb-32 { margin-bottom: 0; } 
.insurance-history .bad-habits .radio-button-block { margin-bottom: 0 !important; } 
.insurance-history .tabs-interactive { margin-top: 16px !important; } 
.insurance-history .row:last-child .content-details { margin-bottom: 0 !important; } 
.insurance-history .bad-habits .form-data { margin-top: 8px } 
.insurance-history .bad-habits .mb-3 { margin-bottom: 0 !important } 
.inputdetail-label { margin-top: 4px; } 
.label_res{font-size: 9px;}


/* otp block changes */
.otp-block .input-box { width: 100%; margin-right: 0; } 
.otp-block .primary-btn { margin: 15px auto 0px; } 
.otp-block .mt-2 { margin: 0 auto; } 
.otp-block .d-flex { flex-direction: column; } 

/* e-otp changes */
.e-otp-block .mob-verified { flex-direction: column; align-items: flex-start !important; } 
.e-otp-block .check-otp { margin-top: 8px !important; margin-left: 0 !important } 
.e-otp-block .check-otp span { font-size: 14px; line-height: 17px; } 
.checkmark-animate { width: 20px; height: 20px; } 

.insurance-radio-toolbar .radio-toolbar { margin-bottom: 9px; } 

/* error pages css start */
.error-page-container .font-32 { font-size: 20px; } 
.error-page-container .font-22 { font-size: 16px; } 
.error-page-container .error-sub-text { line-height: 21px; padding: 0 45px; } 
.error-page-container .btn { font-size: 16px; } 
.number-info { display: block; font-size: 16px; } 
.number-tel-text { font-size: 18px; } 
.time-info { font-size: 14px; } 
.contact-us-info.lh-37 { line-height: 24px; } 
.fradulent-offers-wrap { max-width: 620px; width: 90%; margin: 16px auto; padding: 16px 18px; border: 1.68966px solid #DCDCDC; border-radius: 14px; } 
.beware-title { font-size: 14px; line-height: 24px; } 
.beware-info { font-size: 12px; line-height: 20px; } 
.error-page-container .error-sub-text-width { max-width: 100%; padding: 0 15px; } 
/* bank pennydrop don't have penny drop facilitate*/
.no-penny-drop-facility .radio-capsule .radio-toolbar label, .no-penny-drop-facility .radio-capsule .radio-toolbar input[type="radio"]:checked + label { padding: 6px 13px; } 
.no-penny-drop-facility .radio-capsule .radio-toolbar { max-width: 150px; } 

/* pay for 1 month */
.gray-card .details { border-right: 0; padding-right: 0; } 
.pay-for-1month .radbox input[type="radio"]:checked + .rad-text,.pay-for-1month .radbox .rad-text { max-width: 100%; padding: 15px; } 
.pay-for-1month h2.h2 { font-size: 14px; } 
.pay-for-1month .lh-29 { line-height: 17px; } 
.credit-icon-position { width: 25px; height: 25px; } 
.pay-for-1month .gray-card .h5 { font-size: 14px !important; } 
.pay-for-1month .gray-card .h4 { font-size: 16px !important; } 
.gray-card .amount { margin-left: 20px; } 

/* Add nominee minor */
.add-nom-minor .row:first-child .form-group { margin-top: 1.5rem !important; } 
.add-nom-minor .row:first-child .col-lg-4:first-child .form-group { margin-top: 0 !important; } 


/* Investment details */
.outline-capsules .radio-capsule .radio-toolbar label, .outline-capsules .radio-capsule .radio-toolbar input[type="radio"]:checked + label { padding: 8px 12px; } 
.icon-invest-duration { background-size: 15px !important; } 
.icon-premium-amount { background-size: 16px !important; } 
.investment .content-detail { width: 100%; } 

/* summary */
.icon-edit-blue-right { top: 8px; width: 14px; height: 14px; } 
.sum-title h4 { font-size: 16px; line-height: 20px; } 
.sum-title { padding-bottom: 8px; } 
.sum-title .icon-edit-blue { width: 18px; height: 18px; } 
.summary-details .label { font-size: 12px; line-height: 15px; margin-bottom: 4px; } 
.summary-details h4 { font-size: 14px; line-height: 17px; } 
.filled-accordion .summary-details .badge-sm { max-width: 70px; padding: 6px 26px; } 

/* Summary with OTP */
.filled-accordion .otp-generation .secondary-btn-otp { max-width: auto !important; font-size: 12px !important; padding: 4px ​10px !important; } 
.hide-block .h4 { font-size: 12px !important; line-height: 16px !important; } 

/* added 31052021 */
.hide-add-members { display: none; } 

/* Health Details for female */
.health-details-female .medical-details-checkbox-mobile .customized-check-box .form-group.custom-checkbox label { padding-right: 0; } 
.health-details-female .medical-details-checkbox-mobile .customized-check-box .form-group.custom-checkbox span { padding-left: 5px; } 
.health-details-female .medical-details-checkbox-mobile .customized-check-box .form-group.custom-checkbox label:before { width: 20px; height: 20px; } 
.health-details-female .medical-details-checkbox-mobile .custom-checkbox input:checked + label:after { top: 7px; } 
.health-details-female .lh-24 { line-height: 19px; } 
.health-details-female .medical-details-capsules .h2 { font-size: 16px; } 
.health-details-female .medical-details-capsules .lh-29 { line-height: 19px; } 
.health-details-female .medical-details-capsules .h5 { font-size: 14px !important; } 
.health-details-female .medical-details-capsules .lh-20 { line-height: 17px; } 
.health-details-female .h3 > span { font-size: 12px; } 
.health-details-female .covid-questions .h2 { font-size: 16px; } 
.health-details-female .covid-questions .lh-29 { line-height: 19px; } 
.health-details-female .medical-details-checkbox-mobile input[type="checkbox"] { position: relative; opacity: 1 } 
.icon-tooltip-mobile { background: url('../Logo/Common_Logo/info-tooltip-icon.svg') no-repeat center; } 
.common-subheading-mobile { max-width: 271px; margin: 0 auto; } 


/* Investment details */
.sidebar-details .sidebar-detail { padding: 80px 16px 0; } 
.sidebar-tab-content .h2 { margin-bottom: 16px; font-size: 18px; line-height: 22px; } 
.sidebar-tab-content .h4 { line-height: 17px; } 
.sidebar-tab-content p, .content-list li { margin-bottom: 16px; } 
.content-list li p { margin-bottom: 0; } 
.sidebar-tab-content p { line-height: 18px; } 
.content-list li:last-child { margin-bottom: 0; } 
.content-list-footer { margin: 30px 0 } 
.content-list-footer h3 { margin-bottom: 16px !important; } 
/* .icons-row { padding-bottom: 170px; } */
.icon-block h4 { font-size: 12px; line-height: 16px; } 
.icon-block .icon { width: 32px; height: 32px; } 
.icon-customised-quote, .icon-digital-payment, .icon-upload-document { background-size: 18px; } 
.icon-block:after { content: ''; width: 76px; height: 20px; top: 10px; right: -38px; background-size: 36px; } 
.scrollbar .sidebar-tab-content .slimScrollDiv, .scrollbar .slimScrollDiv, .scrollbar .testDiv { height: 450px !important; width: 100% !important; } 

/* Retreive quote popup */
.ckyc-modal-popop.retrieve-modal .ckyc-fetch-btn, .ckyc-modal-popop.retrieve-modal .btn-cancel { padding: 7px 20px !important; font-size: 14px; line-height: 17px; min-width: 106px !important; } 
.retrieve-modal p { width: 190px; margin: 5px auto 15px; } 
.form-section-divider { margin-bottom: 24px; padding-bottom: 0; } 
/* .ckyc-modal-popop.retrieve-modal .ckyc-modal-content { border-radius: 0; box-shadow: none; border-bottom: none; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border: none; } 
.ckyc-modal-popop.retrieve-modal .modal-dialog { background: #fff;; border-radius: 8px; border: 1px solid rgba(0,0,0,.2); } */
.retrieve-mobile-table { background: #D1E9F5; padding: 0; margin: 0; width: 100%; padding: 16px 8px; } 
.ckyc-modal-popop .retrieve-mobile-table .h1 { font-size: 14px; line-height: 17px; color: #4c4c4c; padding: 0 20px } 
.ckyc-modal-popop.retrieve-modal .modal-content { padding: 24px 16px 6px 16px !important; } 

.table-card { margin-bottom: 16px; } 
.table-card-item { background: #FFFFFF; border-radius: 8px; padding: 8px; } 
.table-card-item .table-card-item-header { padding-bottom: 9px; border-bottom: 1px dashed #D1E9F5;; } 

.retrieve-modal .table-card-item p { width: auto; margin: 0; } 
.table-card-item .table-card-body { padding: 8px; text-align: center; } 
.table-card-item .table-card-body .row { padding-bottom: 12px; } 
.table-card-item .table-card-body .row:last-child { padding-bottom: 0 } 
.retrieve-modal .table-card-item .table-card-body p { margin-bottom: 4px; } 
.ckyc-modal-popop.retrieve-modal .table-card-item .btn-cancel { padding: 5px ​20px !important; font-size: 10px; line-height: 12px; margin: 12px auto; } 
.interactive-table-arrow { bottom: -20px; left: 0; right: 0; } 
.ckyc-modal-popop.retrieve-modal .modal-content { padding: 0 !important; overflow: hidden; } 
.ckyc-modal-popop.retrieve-modal .modal-content .modal-body { padding:24px 16px 6px 16px !important } 
.table-card-body .interactive-table .row { display: none; } 
.interactive-table-arrow.rotate { transform:rotate(0deg); -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); } 
.interactive-table-arrow { transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); } 


/* Generate BI: card custom */
.card.card-custom .card-body { flex-direction: column; } 
.card.card-custom .card-body .w-20 { width: 100%; padding-right: 0; } 


/* Suitability Analysis */
.suitability-analysis .outline-capsules .radio-label,.suitability-analysis .outline-capsules input[type="radio"]:checked+.radio-label { min-width: unset; font-size: 13px; padding: 8px 8px !important; } 
.suitability-analysis .modal-main h2.h2 { font-size: 16px; } 
.suitability-analysis .modal-main .h2.lh-29 { line-height: 19px; } 
.suitability-analysis .outline-capsules .radio-toolbar-md-max-content { max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; } 
.suitability-analysis .modal-main { padding-bottom: 25px; } 


/* Generate-Bi */
.card.card-custom.card-mobile { padding: 16px; } 
.card-mobile .card-body { padding: 0 16px } 
.card-mobile .card-body span { font-size: 14px; } 
/* .generate-bi .form-group { padding: 0 16px; } */


.stepper-mobile .main-block.active.in-complete .main-step { border: 1px solid #C94747; } 
.in-complete .popover.outline-popover-sm { display: block; } 
.popover.outline-popover-sm .arrow::before { bottom: -39px; left: -30px } 
.popover.outline-popover-sm .arrow::after { bottom: -29px; left: -30px } 
.in-complete .popover.outline-popover-sm { display: block; left: 0; min-width: 100px; } 

/* Card horizontal */
.card-horizontal .card-body { flex-direction: column; } 
.card-horizontal .card-body > div { margin-right: 0 !important; width: 100%; } 
.card-horizontal { padding: 0; } 
.card-horizontal .card-body-title { padding: 20px 8px 16px 8px; } 
.card-horizontal .card-body-content { padding-bottom: 16px; } 
.card-horizontal .card-body-content p { font-size: 10px; line-height: 12px; } 

.card-horizontal .card-nesting { text-align: center; } 
.card-horizontal .card-body-title h3 { font-size: 16px; line-height: 17px; font-weight: 700; font-family: 'Lato-Bold'; } 
.card-horizontal .card-body-title h6 { font-size: 12px; line-height: 15px; font-weight: 500; font-family: 'Lato-Medium'; } 

.card-horizontal .card-nesting h3 { font-size: 14px; line-height: 17px; } 
.card-horizontal .card-nesting span { font-size: 14px; line-height: 20px; margin: 0 !important; vertical-align: baseline; } 
/* Qoute page */
.recommendation .row { margin: 0 auto; } 
.recommendation-note h4 { font-size: 10px; } 
.recommendation .radio-button-block [type="radio"]:checked + label, .recommendation .radio-button-block [type="radio"]:not(:checked) + label, .recommendation .radio-toolbar input[type="radio"]:checked + label { padding: 8px 10px; } 
.recommendation .pre-label,.recommendation .policy-term-note { font-size: 10px; line-height: 12px; } 
.recommendation .recommendation-right-arrow { top: -10%; left: 50%; transform: translateX(-50%) rotate(90deg); z-index: 3; } 
/* saaral jeevan beema */
.right_arrow-side .recommendation-right-arrow.saral-jeeavn-arrow{
    top:219%;
    bottom: 0px;
    left:10%;
}
.recommendation .right-arrow-top-champ { top: 0%; left: 50%; transform: translateX(-50%) rotate(90deg); z-index: 3; } 
.recommendation .s-i-rightarrow {top:-5%;}
.recommendation .smar-bulider-arrow{top:-5%;left:50%;margin-top: 0%;}
.recommendation .right-arrow-top {
    top: 0% !important;
    
}
.right-arrow-top .right-arrow-res{width: 32px !important;}
.recommendation .recommendation-result-card { position: relative; } 
.recommendation .recommendation-result-card .card.card-horizontal { padding: 15px; } 
.recommendation .card.card-horizontal .card-nesting { padding: 8px 6px; } 
.recommendation .card.card-horizontal .card-nesting.bulider-card-nesting{width:181px}
.card-horizontal .card-nesting.card-nesting-min-width-v2 { max-width: 129px; padding: 16px 0 !important; margin: 0 auto; } 
.recommendation .card-horizontal .card-nesting.card-nesting-min-width { min-width: unset; padding: 25px 0; } 
.recommendation .icon-md.icon-life-cover,.recommendation .icon-md.icon-maturity-benefit { width: 32px; height: 32px; } 
.recommendation .card-horizontal .label-or { font-size: 8px; line-height: 12px !important; } 
.recommendation .card-horizontal .card-nesting.card-nesting-min-width > h3 { font-size: 20px; } 
.recommendation .card-horizontal .card-nesting.card-nesting-min-width > h3>span { font-size: 20px; } 
.recommendation .t-and-c { font-size: 12px; line-height: 15px; } 
.recommendation .t-and-c span.h2 { line-height: 15px; vertical-align: -webkit-baseline-middle; } 
.recommendation .recommendation-card-or { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } 
/* .card-horizontal .card-nesting span { font-size: 8px; line-height: 20px; margin: 0 !important; } */
.custom-iframe { width: 320px; margin: 0 auto } 
.res_text_main{text-align: left !important;}
.res_text_main .res_test_1{font-size: 9px !important;}
.res_test_2 .res_text_span{font-size: 9px !important;}
.fund_value_head .fund_value {top:0px;}
/* Product - Smart Platina 22/6/2021 */
.product-pre-label { font-size: 16px; } 
.smart-platina .card-horizontal .card-nesting span { font-size: 20px; } 
.smart-platina .card-horizontal .card-nesting h2.h2 { font-size: 20px; } 
.smart-platina .card-horizontal .icon-md { width: 24px; height: 24px; } 
.smart-platina .card-horizontal .card-body > div { width: -webkit-max-content; width: -moz-max-content; width: max-content } 
.smart-platina .card-horizontal .card-body-title h3 { font-size: 16px; line-height: 18x; } 
.smart-platina .retrieve-table-block .table-scroll-wba thead th { font-size: 12px; line-height: 15px; } 
.smart-platina .table-with-shadow .retrieve-table-block .table-scroll-wba thead th { height: 40px; padding-left: 15px; } 
.smart-platina .table-with-shadow .retrieve-table-wrapper .table-scroll-wba td { padding: 15px 10px; min-width: 100px; max-width: 100px; } 
.smart-platina .table-with-shadow .retrieve-table-wrapper .table-scroll-wba tr:not(:last-child) td h3,
.smart-platina .table-with-shadow .retrieve-table-wrapper .table-scroll-wba tr td p,
.smart-platina .table-with-shadow .retrieve-table-wrapper .table-scroll-wba tr td span { font-size: 12px; line-height: 15px; } 
.smart-platina .table-with-shadow .retrieve-table-wrapper .table-scroll-wba tr:last-child td h3.h2 { font-size: 16px; } 
.smart-platina .table-with-shadow .retrieve-table-wrapper .table-scroll-wba th:nth-child(3) { padding-right: 5px; text-align: center !important; } 
.smart-platina .table-with-shadow .retrieve-table-wrapper .table-scroll-wba tr td h3 { text-align: center !important; } 
.smart-platina .table-with-shadow .table-responsive-grid { width: 95%; } 
/* Proposer Detail */
.proposer-detail { display: flex; align-items: center; justify-content: center; } 
.proposer-detail > li { display: inline-block; flex: 1; } 
.proposer-detail li:first-child, .proposer-detail li:nth-child(2) { padding-right: 15px; border-right: 1px solid #999999; } 

.proposer-detail li:nth-child(2),.proposer-detail li:nth-child(3) { margin-left: 15px; } 
.proposer-detail-v2 li:not(:first-child) { margin-left: 10px; } 
.proposer-detail-v2 li:not(:last-child) { padding-right: 10px; border-right: 1px solid #999999; } 
.proposer-detail-v3 li:not(:last-child) { padding-right: 1px; border-right: 1px solid #999999; -webkit-padding-right: 1px; } 
.stripe-below-blue-card .qoute-page-stripe-second { top: 25%; } 
.stripe-below-blue-card .qoute-page-stripe-first { top: 32%; } 
.common-heading-xs { max-width: 202px; margin: 0 auto; } 
.tabs-custom-for-table .h3 { font-size: 20px; } 
.tabs-custom-for-table .h5 { font-size: 16px !important; } 
.card-body ul.proposer-detail-v2li .b-n{border-right:none !important;}
.b-r-n{border-right:none !important;}
/* Quote page */
.recommendation-result-card .d-flex { padding: 0px 5px 0px 5px; align-items: center; } 
.recommendation .recommendation-result-card .card.card-horizontal { width: 250px; } 
.recommendation .recommendation-result-card .card.car-horizontal-revamp{width: 340px;}
.recommendation .recommendation-result-card .card.death-b{width: 360px;}
.recommendation.smart-platina .recommendation-result-card .card.card-horizontal { max-width: 100%; width: 100%; } 
.recommendation.smart-platina .recommendation-result-card .d-flex { padding: 15px 10px; } 
.what-to-pay .card.card-horizontal .card-body { padding: 0; } 

/* Fund performance */
.radio-toolbar-for-graph { border-radius: 8px; } 
.radio-button-block .radio-toolbar-for-graph [type="radio"]:checked + label, .radio-button-block .radio-toolbar-for-graph [type="radio"]:not(:checked) + label, .radio-button-block .radio-toolbar-for-graph .radio-toolbar label:last-child { padding: 8px 12px; } 
.sidebar-tab-content.fund-performance .switch-toggle { margin: 8px 0; } 
.fund-perf-graph .return-data h4.h4 { font-size: 12px; line-height: 15px; } 
.fund-perf-graph .graph-radio-capsules { max-width: 100%; } 
.tabs-mobile .nav-tabs::-webkit-scrollbar { display: none; } 

/* Hide scrollbar for IE, Edge and Firefox */
.tabs-mobile .nav-tabs { -ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */ } 


/* Fun performance table */
.sidebar-tab-content.fund-performance .switch-toggle { margin: 0 0 24px 0; } 


/* Fund performance graph */
.fund-perf-graph .card { padding: 8px !important } 
.radio-toolbar-for-graph { width: 100%; } 
.fund-perf-graph .radio-toolbar .radio-two .radio-items { width: 25%; } 
.fund-perf-graph .radio-toolbar input[type="radio"]:checked + label { width: 100%; text-align: left; } 
.fund-perf-graph .radio-button-block [type="radio"]:checked + label, .fund-perf-graph .radio-button-block [type="radio"]:not(:checked) + label { font-size: 12px; line-height: 15px; } 
.fund-perf-graph .radio-toolbar input[type="radio"] + label:last-child { margin-left: 0px; } 
.fund-perf-graph { height: 375px !important; } 
.chartdiv { width: 100%; } 

/* Styling Datepicker */
.datepicker-parent { max-width: 100%; } 

/* Why us */
.why-us-icons .icons-block .h1 { font-size: 28px; line-height: 34px; } 
.why-us-icons .icons-block { margin-bottom: 20px; } 



/* Retrieve quote upload functionality */
.file-upload-new .upload { position: absolute; top: 15px; right: 0; margin: 0; padding: 0; font-size: 10px; cursor: pointer; opacity: 0; left: 0; width: 126px; filter: alpha(opacity=0); } 
.ckyc-modal-popop.retrieve-modal .table-card-item .btn-cancel { text-decoration: none; } 
.file-upload-new { margin-bottom: 10px; } 



/* NRI Baic mobile popup */
.nri-modal .modal-content { padding: 32px 0 !important; } 
.nri-modal-small h2 { font-size: 16px !important; line-height: 25px !important; margin-bottom: 16px; } 
.nri-modal .tabs-custom { box-shadow: none; border: none; } 
.nri-modal .tabs-custom .nav-pills { padding: 1px; } 
.nri-modal .tab-content > .tab-pane { padding: 25px 15px; } 
.nri-modal .tabs-custom .tab-content { padding: 0; } 
.nri-modal .select-placeholder { font-size: 14px; line-height: 17px; } 
.nri-modal .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #999999; font-size: 14px; } 
.nri-modal .form-control::-moz-placeholder { /* Firefox 19+ */
color: #999999; font-size: 14px; } 
.nri-modal .form-control:-ms-input-placeholder { /* IE 10+ */
color: #999999; font-size: 14px; } 
.nri-modal .form-control:-moz-placeholder { /* Firefox 18- */
color: #999999; font-size: 14px; } 
.nri-modal .form-select, .nri-modal .form-select-lg { padding: 10px } 
.nri-modal .nri-modal-small .radio-capsule .radio-toolbar { max-width: 100%; } 
.nri-modal .nri-modal-small .outline-capsules .radio-capsule .radio-toolbar label, 
.nri-modal .nri-modal-small .outline-capsules .radio-capsule .radio-toolbar input[type="radio"]:checked + label { padding: 7px 12px; } 
.nri-modal-small .form-block .radio:first-child input[type="radio"] + .radio-label:before { width: 43px; } 
.nri-modal-small .form-block .radio:last-child input[type="radio"] + .radio-label:before { width: 39px; } 
.nri-modal-small .form-block .radio input[type="radio"] + .radio-label:before { margin-top: 0; } 
.nri-modal .nri-modal-small .nri_bank_details .form-block .radio-label { font-size: 14px; line-height: 17px; } 
.nri-modal-small .datepicker-ip { padding:6px 10px; } 
.nri-modal-small .input-label-rupee { top: 17px; } 
.nri-modal-small .input-box input[type="text"], .nri-modal-small .form-control { padding: 10px; } 
.nri-modal-small .input-with-icon-left { padding: 10px 10px 10px 40px; } 
.nri-modal-small .primary-btn { width: 123px; font-size: 16px; line-height: 20px; text-align: center; } 
.nri-modal-small .fema-rules h2 { font-size: 14px !important; line-height: 17px !important; margin: 0 !important; } 
.nri-modal-small .fema-rules h3 { font-size: 12px !important; line-height: 15px !important; margin: 0 !important; } 
.nri-modal-small .fema-details h3 { font-size: 16px !important; line-height: 20px !important; margin-bottom: 15px !important; } 
.nri-modal-small .fema-details .claim-list p { color: #131313 !important } 
.nri-modal-small .fema-rules .form-group p { font-size: 12px !important; } 
.nri-modal-small .continue-btn .primary-btn { width: 160px; } 

/* Product - purn suraksha */
.purna-suraksha .content-details-sm { max-width: 100% !important; } 
.purna-suraksha .radio-capsule .radio-toolbar { max-width: 95px; } 
.product-plan-card h1 { font-size: 14px; line-height: 17px; } 
.purna-suraksha .product-plan-card input[type="radio"]:checked + label h2 { font-size: 14px; line-height: 17px; } 
.purna-suraksha .product-plan-card h2 { padding: 34px 10px 10px; font-size: 12px; line-height: 15px; } 
.product-plan-card input[type="radio"]:checked + label h1 { font-size: 18px; line-height: 22px; } 
.purna-suraksha .product-plan-card .vertical-card-radio { width: 20px; height: 20px; } 
.purna-suraksha .product-plan-card .vertical-card-radio { right: 5px; top: 5px; } 
.purna-suraksha .product-plan-card input[type="radio"]:checked + label h2 .vertical-card-radio { padding: 2px; } 
.purna-suraksha .vertical-radio-cards .col-4:first-child { padding-right: 0; } 
.purna-suraksha .vertical-radio-cards .col-4:last-child { padding-left: 0; } 
.purna-suraksha .vertical-radio-cards .col-4:nth-child(2) { padding: 0 10px; } 

/* 21st June: Purna Suraksha */
.purna-suraksha .radio-capsule .radio-toolbar label, .purna-suraksha .radio-capsule .radio-toolbar input[type="radio"]:checked + label { padding: 9px 8px; } 
.purna-suraksha .retrieve-table-block .table-scroll-wba td:nth-child(5) { text-align: unset; } 
.purna-suraksha .table-with-shadow .retrieve-table-wrapper .table-scroll-wba td { padding: 24px 5px; vertical-align: middle; } 
.table-with-shadow.v2 td .h2 { font-size: 16px; } 
.table-with-shadow.v2 td .h4 { font-size: 12px; } 
.table-with-shadow.v2 td span.font-14 { font-size: 10px; } 
.table-with-shadow.v2 .retrieve-table-wrapper .table-scroll-wba tr td.valign-center { padding-bottom: 10px !important; } 
.table-with-shadow.v2 .opcotitle td:nth-child(2),.table-with-shadow.v2 .opcotitle td:nth-child(4) { width: 10%; } 
.table-with-shadow.v2 .opcotitle td:nth-child(1) { width: 30%; vertical-align: bottom; padding-left: 10px; } 
.table-with-shadow.v2 .opcotitle td:nth-child(3),
.table-with-shadow.v2 .opcotitle td:nth-child(5) { width: 25%; vertical-align: bottom; } 
.table-with-shadow.v2 .retrieve-table-block .table-scroll-wba thead th { font-size: 14px; line-height: 20px; } 
.purna-suraksha .total-block { max-width: 95%; padding: 8px 16px; } 
.purna-suraksha .total-block h2 { font-size: 18px; line-height: 22px; } 
.purna-suraksha .total-block h2 span { font-size: 12px; } 
.purna-suraksha .total-block h3 { font-size: 24px; line-height: 29px; } 
/* .dark-table .table thead tr > th:not(:first-child) { max-width: 175px; } */
.dark-table thead th > span { font-size: 10px; } 
.dark-table thead th { font-size: 12px; line-height: 17px; } 
.dark-table .table thead th { padding: 1px; } 
.purna-suraksha .table-with-shadow .retrieve-table-wrapper .table-scroll-wba tr:not(:last-child) td h3,
.purna-suraksha .table-with-shadow .retrieve-table-block .table-scroll-wba th { font-size: 12px; line-height: 15px; } 
.purna-suraksha .table-with-shadow .retrieve-table-wrapper .table-scroll-wba tr:last-child td h3 { font-size: 14px; line-height: 17px; } 
.purna-suraksha .table-with-shadow .retrieve-table-wrapper .table-scroll-wba td:nth-child(1) { padding: 5px 0px 5px 5px; } 
.purna-suraksha .table-with-shadow .retrieve-table-wrapper .table-scroll-wba td:nth-child(1) p { font-size: 12px; font-weight: 700 !important; line-height: 17px; } 
.purna-suraksha .table-with-shadow .retrieve-table-wrapper .table-scroll-wba td:nth-child(1) span { font-size: 12px; } 
.purna-suraksha .table-with-shadow .retrieve-table-wrapper .table-scroll-wba .total-premium td:last-child { vertical-align: middle; } 
.purna-suraksha .table-with-shadow .retrieve-table-block .table-scroll-wba thead th { padding-left: 5px; } 
.purna-suraksha .table-with-shadow .retrieve-table-block .table-scroll-wba thead th:last-child { padding-right: 5px; } 
.purna-suraksha .table-with-shadow .table-responsive-grid { max-width: 95%; } 
.purna-suraksha .table-with-shadow .retrieve-table-wrapper .table-scroll-wba td:nth-child(2), .purna-suraksha .table-with-shadow .retrieve-table-wrapper .table-scroll-wba td:nth-child(3) { padding: 20px 5px; } 
.purna-suraksha .table-with-shadow .retrieve-table-wrapper .table-scroll-wba tr td h3 { margin-left: 0; } 
.purna-suraksha .table-with-shadow .retrieve-table-wrapper .table-scroll-wba th:nth-child(3) { padding-right: 0; padding-left: 5px; } 
.purna-suraksha .sub-title { font-size: 12px; max-width: 229px; margin: 0 auto; line-height: 17px; } 
.product-plan-card label { min-width: 86px; max-width: 150px; width: 100%; } 
.purna-suraksha .tag { padding: 4px; top: 10px; background: #F9E292; transform: rotate(-45deg); width: 100px; left: -33px; } 
.purna-suraksha .tag.font-12 { font-size: 8px; line-height: 12px; } 
.purna-suraksha .terms-and-conditions > h5 { font-size: 14px !important; } 
.purna-suraksha .dark-table .table { user-select: none; } 
.purna-suraksha .dark-table .table tr td:nth-child(1),
.purna-suraksha .dark-table .table tr th:nth-child(1) { min-width: 52px; max-width: 52px; } 
.purna-suraksha .qoute-info-label { font-size: 18px; line-height: 22px; } 
.purna-suraksha .dark-table .table-main { height: auto !important; position: relative; padding-bottom: 10px; } 
.purna-suraksha .dark-table .table-header .table { padding: 15px 10px 0; margin-bottom: 10px; } 
.purna-suraksha .dark-table .table tr td.h4 { font-size: 12px; } 
.purna-suraksha .dark-table .table-main .table { padding: 0 10px; } 
.purna-suraksha .dark-table .table-main .view-all { font-size: 12px; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); padding: 5px 15px; background: #00A1E3; color: #fff; font-family: 'Lato-Medium'; font-weight: 500; border-radius: 28px; line-height: 15px; } 
.purna-suraksha .dark-table .table tbody tr td:first-child { border-right: 1px solid #96D9F4; } 
.purna-suraksha .dark-table .table tbody tr { border-bottom: 0.5px solid #DCDCDC; } 
.purna-suraksha .dark-table .table-header .table tr th { padding: 10px 5px 0; } 
.purna-suraksha .dark-table .table-header .table tr th:not(:last-child) { border-right: 0.5px solid #DCDCDC; } 
.purna-suraksha-personal-details .spouce-or-you { margin-left: 25px !important; } 
.spouce-or-you .radio-capsule .radio-toolbar label, .spouce-or-you .radio-capsule .radio-toolbar input[type="radio"]:checked + label, .spouce-or-you .radio-toolbar input[type="radio"]:not(:checked) + label { padding: 9px 20px; } 
.spouce-or-you .radio-capsule .radio-toolbar { max-width: 100px; } 

/* radio capsules */
.radio-capsule .radio input[type="radio"] + .radio-label:before { display: none; opacity: 0; } 
.radio-capsule .radio-toolbar input[type="radio"]:checked + label { margin-left:0; border-radius: 36px; -webkit-border-radius: 36px; -moz-border-radius: 36px; -ms-border-radius: 36px; -o-border-radius: 36px; } 
​​​​​​​​.radio-capsule .radio-toolbar input[type="radio"] + label:last-child { margin-left: 0; } 
.radio-capsule .radio-toolbar { border: 1px solid #DCDCDC; box-shadow: none; overflow: hidden; } 
.radio-capsule .radio-toolbar label,.radio-capsule .radio-toolbar input[type="radio"]:checked + label { padding: 8px 20px; } 
.radio-capsule .radio-toolbar label { border: 1px solid #fff; border-radius: 36px; cursor: pointer; } 
.radio-capsule .radio-toolbar input[type="radio"]:checked + label { border: 1px solid #fff; border-radius: 36px; margin-top: -0.4px; } 

/* Product - Smart insure wealth plus*/
.block-container .block-item h3 { font-size: 10px; line-height: 12px; } 
.block-container .radbox.active .block-item h3 { font-size: 14px; line-height: 17px; } 
.block-container .radbox input[type="radio"]:checked + .rad-text, .block-container .radbox .rad-text { width: 107px; height: auto; min-height: 99px; } 
.block-container .radbox.active input[type="radio"]:checked + .rad-text, .block-container .radbox.active .rad-text { max-width: 117px; } 
.block-container .block-item { padding: 16px 3px; } 
.block-container .radbox input[type="radio"]:checked + .rad-text, .block-container .radbox .rad-text { margin-left: 0; } 
.block-container .block-item p { margin-top: 6px; font-size: 10px; line-height: 13px; } 
.block-container .block-item h3 { margin-top: 8px;; } 
.block-container .radbox.order-2 { margin-top: 6px; } 
.recommendations-plan-for-desktop > .row > .col-xl-4 { margin-bottom: 0 !important; } 
.smart-insure .input-group-mn-height { min-height: 170px; } 
.smart-insure .mt-55 { margin-top: 0; } 
.recommendation.smart-insure .card-horizontal .card-nesting.card-nesting-min-width > h3,
.recommendation.smart-insure .card-horizontal .card-nesting.card-nesting-min-width > h3>span { font-size: 16px; } 


/* Product - Retire smart web */
.retire-smart-web .card-horizontal .tag { top: 10px; left: -26px; padding: 7px; } 
.retire-smart-web .card-horizontal .tag.lh-14 { line-height: 15px; } 
.form-select-mw-100 { font-size: 12px; } 
.retire-smart-web .card-horizontal .tag.font-12 { font-size: 12px; } 
.retire-smart-web .card.card-horizontal { border-radius: 0; padding: 10px; } 
.retire-smart-web .card.card-horizontal .card-body { flex-direction: row; } 
header .wealth-logo.retire-smart-logo { height: auto; } 
.common-heading-sm-v2 { max-width: 223px; } 
.common-heading-sm-v3 { max-width: 75%; font-size: 18px;} 

/* Questionnaire - alcohol */
.all-qn-small { padding: 0px 15px; } 
.ui-datepicker.adjust-top-position { position: fixed !important; } 

/* Questionnaire - Blood pressure */
.all-qn-small.blood-pressure .h4 { font-size: 16px; } 

/* Sampoorna cancer suraksha */
.plan-options { max-width: 92%; } 
.plan-options .product-plan-card label { max-width: 100%; } 
.plan-options .product-plan-card label h2,
.plan-options .product-plan-card input[type="radio"]:checked + label h2 { font-size: 14px; line-height: 17px; padding: 0 0 10px 26px; } 
.plan-options .product-plan-card label h2 + .plan-for { padding-left: 26px; font-size: 10px; line-height: 12px; } 
.plan-options .product-plan-card .vertical-card-radio { width: 18px; height: 18px; margin-top: 0; } 
.plan-options .product-plan-card input[type="radio"]:checked + label h2 .vertical-card-radio { padding: 1px; } 
.plan-options .product-card-contents { padding: 8px; } 
.plan-options .product-card-contents h3 { font-size: 10px !important; line-height: 12px; padding-bottom: 2px !important; } 
.plan-options .product-card-contents .tax-label { font-size: 8px; line-height: 10px; } 
.plan-options .product-card-contents { text-align: left; } 
.plan-options .product-card-contents h3.text-right { font-size: 12px !important; line-height: 14px !important; } 
.plan-options .product-card-contents .d-flex div:last-child h3.text-right { font-size: 16px !important; line-height: 20px; } 
.plan-options .product-plan-card label { padding: 8px 6px; } 
.plan-options .badge { font-size: 8px; line-height: 10px; padding: 3px 5px; margin-left: 4px; } 


/* Sampoorna cancer suraksha personal details */
.purna-suraksha-personal-details .card { padding: 16px } 
.purna-suraksha-personal-details .spouce-or-you .radio-capsule .radio-toolbar label, 
.purna-suraksha-personal-details .spouce-or-you .radio-capsule .radio-toolbar input[type="radio"]:checked + label, 
.purna-suraksha-personal-details .spouce-or-you .radio-toolbar input[type="radio"]:not(:checked) + label { padding: 5px 20px; } 
.purna-suraksha-personal-details .input-box input[type="text"], .form-control { padding: 10px; font-size: 12px; line-height: 16px; } 
.purna-suraksha-personal-details .form-control.input-with-icon-left-p-lg { padding: 10px 10px 10px 50px; font-size: 14px; line-height: 16px; } 
.purna-suraksha-personal-details .blue-card .card .proposer-detail li:first-child { padding-right: 28px; border-right: 1px solid #999999; } 
.purna-suraksha-personal-details .blue-card .card .proposer-detail li:last-child { padding-right: 0px; border-right: 0px solid #999999; } 
.sampoorna-cancer-card .sampoorna-cancer-card-box { max-width: 223px; } 
.plan-options .product-card-contents .icon.icon-sm { width: 12px; height: 12px; } 
/* Product - Saral Jeevan Beema */
.saral-jeevan-beema .vertical-radio-cards .col-3 { padding: 0 3px; } 
header .purna-suraksha,header .smart-platina { height: auto; } 
header .smart-insure-wealth-plus { height: auto; } 
.saral-jeevan-beema .product-plan-card .vertical-card-radio { width: 16px; height: 16px; } 
.saral-jeevan-beema .product-plan-card input[type="radio"]:checked + label h2 .vertical-card-radio { padding: 2px; } 
.saral-jeevan-beema .product-plan-card input[type="radio"]:checked + label h2,
.saral-jeevan-beema .product-plan-card input[type="radio"]:checked + label h1 { font-size: 14px; line-height: 17px; } 
.saral-jeevan-beema .product-plan-card input[type="radio"]:not(:checked) + label h2,
.saral-jeevan-beema .product-plan-card input[type="radio"]:not(:checked) + label h1 { font-size: 12px; line-height: 14px; } 
.saral-jeevan-beema .product-plan-card h2 { padding: 32px 10px 8px; } 
.saral-jeevan-beema .tag { padding: 4px; top: 7px; left: -34px; } 
.saral-jeevan-beema .tag.font-12 { font-size: 8px; line-height: 12px; } 
.saral-jeevan-beema .product-plan-card label { padding-bottom: 0; } 
.saral-jeevan-beema .product-plan-card .vertical-card-radio { top: 5px; } 
.saral-jeevan-beema .sjb-table .vertical-radio-cards-details .vertical-radio-card-detail:nth-child(1),
.saral-jeevan-beema .sjb-table .vertical-radio-cards-details .vertical-radio-card-detail:nth-child(3),
.saral-jeevan-beema .sjb-table .vertical-radio-cards-details .vertical-radio-card-detail:last-child { max-width: none; } 
.saral-jeevan-beema .sjb-table .card.vertical-radio-cards-details { width: 95%; } 
.saral-jeevan-beema .sjb-table .vertical-radio-cards-details .vertical-radio-card-detail h1.h3 { font-size: 16px; line-height: 21px; } 
.saral-jeevan-beema .sjb-table .vertical-radio-cards-details .vertical-radio-card-detail h1.h2 { font-size: 20px; line-height: 24px; } 

/* Questionnaire */
.nri-modal .occupation_questionnaire .form-section-divider { padding-bottom: 14px; } 
.nri-modal .occupation_questionnaire .form-section-divider.last { border-bottom: 1px solid #DCDCDC } 
/* Occupation questionnaire */
.occupation_questionnaire { padding: 0 15px; } 
.occupation_questionnaire .radio-capsule { flex-wrap: wrap; } 
.occupation_questionnaire .radio-capsule-change .radio-capsule .radio-toolbar { max-width: 100%; width: auto; margin-bottom: 10px; } 
/* Armed service questionnaire */
.armed-service-question .radio-capsule-change .radio-capsule .radio-toolbar { min-width: unset; margin-bottom: 0; } 
.armed-service-question p.h6 { font-size: 14px; line-height: 17px; } 
.all-qn-small h3.h4 { font-size: 16px; line-height: 21px; } 

/* E-shield quote page */
.blue-card.blue-card-for-2 li:last-child { border-right: 0; padding-right: 0; } 
.blue-card.blue-card-for-2 .card { max-width: 223px; } 
.qoute-page-stripe { position: static; } 
.e-shield-quote .radio-button-block.radio-label-with-content [type="radio"]:checked + label, .e-shield-quote .radio-button-block.radio-label-with-content [type="radio"]:not(:checked) + label { padding: 5px 12px; } 
.e-shield-quote .radio-button-block.radio-label-with-content [type="radio"]:checked + label:last-child, .e-shield-quote .radio-button-block.radio-label-with-content [type="radio"]:not(:checked) + label:last-child, .e-shield-quote .radio-button-block.radio-label-with-content label:last-child { padding: 11px 10px 11px 10px; } 
.e-shield-quote .e_shield_selection { font-size: 10px; line-height: 12px; } 
.recommendation.e-shield-quote .recommendation-right-arrow { top: -6%; } 
.plan-options.plan-cover .product-plan-card input[type="radio"]:checked + label h2 { font-size: 14px; line-height: 17px; } 
.custom-checkbox-card .custom-checkbox-card-header { padding: 10px 5px 5px 5px; } 
.e-shield-quote .custom-checkbox-card-content .col-lg-6 { padding: 0; } 
.custom-checkbox-card .premium-amount { padding: 10px 5px 10px 5px; } 
.custom-checkbox-card .premium-amount.pl-3-on-mobile { padding-left: 16px; } 
.custom-checkbox-card .premium-amount .col-6 { padding: 0 5px; } 
.custom-checkbox-card .premium-amount span.font-12,.custom-checkbox-card .premium-detail .ind-premium span.font-12 { font-size: 8px; line-height: 10px; } 
.custom-checkbox-card .premium-detail { padding: 10px 5px; } 
.custom-checkbox-card .premium-detail .col-4 { padding: 0; } 
.custom-checkbox-card .ind-premium { max-width: 115px; } 
.custom-checkbox-card .premium-detail .ind-premium h3.h6,.custom-checkbox-card .premium-detail .ind-premium h3.h5 { font-size: 10px !important; line-height: 12px; } 
.e-shield-quote .addons-summary .summary-total-premium { max-width: 100%; } 
.e-shield-quote .addons-summary .addons-summary-table { padding: 16px 0 0 16px; } 
.e-shield-quote .addons-summary .summary-data { max-width: 100%; width: 100%; display: flex; align-items: flex-start; justify-content: space-between; } 
.e-shield-quote .addons-summary .summary-data h3.h5 { font-size: 14px !important; line-height: 17px; font-weight: 500 !important; } 
.e-shield-quote .addons-summary .summary-data h3.h5, .e-shield-quote .addons-summary .summary-data .summary-data-total { min-height: auto; flex: 0.7; } 
.e-shield-quote .addons-summary .summary-data .h3 { flex: 0.3; margin-top: 0 !important; padding-top: 0; font-size: 16px; } 
.e-shield-quote .addons-summary .summary-data:not(:last-child) { margin-bottom: 16px; } 
.e-shield-quote .sub-heading-v2 { font-size: 16px; line-height: 20px; font-weight: 600 !important; } 
/* E-shield - radio card */
.e-shield-quote .plan-options-xl { max-width: 97%; margin: 0 auto; } 
.e-shield-quote .plan-options-xl .product-plan-card label { min-height: 157px; } 
.e-shield-quote .plan-options-xl .product-plan-card label,.e-shield-quote .plan-options-xl .product-plan-card:not(:last-child) label { padding: 30px 5px 32px; } 
.e-shield-quote .plan-options-xl .product-plan-card:last-child label { padding: 30px 5px 0; } 
.e-shield-quote .plan-options-xl .product-plan-card label h5.h4 { font-size: 12px; line-height: 15px; } 
.e-shield-quote .plan-options-xl .product-plan-card label p { font-size: 8px; line-height: 10px; } 
.e-shield-quote .plan-options-xl .product-plan-card:not(:last-child) { margin-right: 4px; } 
.e-shield-quote .plan-options-xl .product-plan-card .icon-md { width: 24px; height: 24px; } 
.e-shield-quote .plan-options-xl .product-plan-card input[type="radio"]:checked + label .icon-md { width: 30px; height: 30px; } 
.e-shield-quote .plan-options-xl .product-plan-card input[type="radio"]:checked + label { width: 100%; } 
.e-shield-quote .plan-options-xl .product-plan-card input[type="radio"]:checked + label p { font-size: 10px; line-height: 12px; } 
.e-shield-quote .plan-options-xl .product-plan-card .vertical-card-radio { width: 22px; height: 22px; left: 5px; top: 5px; } 
.e-shield-quote .plan-options-xl .product-plan-card input[type="radio"]:checked + label .vertical-card-radio { padding: 2px; } 
.e-shield-quote .plan-options-xl .product-plan-card input[type="radio"]:checked + label { transform: scale(1.02); } 


/*document upload additional questionarie */
.additional-questionnaire .medical-details-capsules h2 { font-size: 15px; font-weight: 500; color: #666666; line-height: 10px; } 
.additional-questionnaire .medical-details-capsulesp { font-size: 12px; } 
.additional-questionnaire .download-dsc-btn { font-size: 12px; line-height: 14px; max-width: 139px; min-width: 139px; padding: 5px 12px; } 
.medical-details-capsuless .upload-one-doc h4 { font-size: 12px; } 
.download-dsc-btn .icon-sm { width: 16px; height: 16px; } 
.medical-details-capsuless .upload-one-doc h4 { font-size: 12px; } 
.medical-details-capsuless .alternate-text { font-size: 15px; color: #666666; } 

/* responsive for diagnostic-centers section */
.document-upload .row.vertical-card-sm .col-lg-4 { padding: 0 4px; } 
.diagnostic-centers h5 { font-size: 14px; line-height: 17px; font-weight: 500; } 
.diagnostic-centers h6 { font-size: 14px; } 
.diagnostic-centers .tabs-responsive { border: 1px solid #DCDCDC; box-sizing: border-box; border-radius: 8px; background: #FFFFFF; box-shadow: none; } 
.diagnostic-centers .tabs-responsive .nav-pills .nav-link { padding: 8px 13px; } 
.document-upload .tabs-custom .tab-content { padding: 6px 8px; } 
.document-upload .tabs-custom .tab-content .tab-pane .tab-content-span { font-size: 14px; } 
.document-upload .tabs-custom .tab-content .tab-pane .tab-content-collapse-sec span { font-size: 14px; } 
.document-upload .tabs-custom .tab-content .tab-pane .tab-content-collapse-sec .tab-content-p { font-size: 10px; line-height: 12px; } 
.document-upload .multiple-report-upload .multiple-report-h2 { font-size: 16px; font-weight: 600; line-height: 19px; color: #4C4C4C; } 
.document-upload .btn-responsive-parent .btn-medical-child { min-width: 188px !important; font-size: 12px; line-height: 14px; padding-top: 6px; padding-bottom: 6px; } 
.document-upload .special-hazard-div .special-hazard-div-size { width: 339px; } 
.document-upload .photo-div-parent .photo-h3 { line-height: 17px; } 
.document-upload .photo-div-parent .photo-para { font-size: 10px; line-height: 12px; } 
.document-upload .photo-span-box .photo-span-sec,.photo-span-para { font-size: 8px; line-height: 12px; } 
.document-upload .multiple-report-upload-box .multiple-report-upload-h4 { line-height: 17px; } 
.document-upload .figure-box .figure-para { font-size: 12px; line-height: 14px; } 
.document-upload .medical-test-appointment .font-22 { font-size: 14px; line-height: 17px; } 
.document-upload .block-para { line-height: 14px; } 
/* end responsive for diagnostic-centers section */


/* diabetes Questionnairy */
.diabetes-questionare ::placeholder { font-family: 'lato-medium'; } 
.tabel_row ::placeholder { font-family: 'lato-medium'; font-style: normal; font-weight: normal; font-size: 12px; line-height: 14px; display: flex; align-items: center; text-align: center; color: #999999; } 

.tabel_row td input { border:none; outline: none; font-family: 'lato-medium'; /* text-align: center; */ } 
.tabel_row .has-content { border:none !important; font-size: 8px; } 
.table_row .datepicker-ip { background-color: #d41616; } 
.dib_modal .form-section-divider { padding-bottom: 12px; } 
/* end diabetes Questiona */

/* Document uplaod */
.document-upload .row .medical-test-category.category-a, .document-upload .row .medical-test-category.category-c, .document-upload .row .medical-test-category.category-d { min-width: 25%; } 
.document-upload .medical-test-appointment .row .medical-test-category.ECG,.document-upload .medical-test-appointment .row .medical-test-category.HbA1C,
.document-upload .medical-test-appointment .row .medical-test-category.Nicotine { min-width: 25%; } 
.document-upload .row .medical-test-category { padding: 0 10px 0 20px; } 
.document-upload .medical-test-appointment .btn.secondary-btn { padding: 10px 30px; } 
.custom-modal-popop .modal-content.document-upload-thank-you p.h3 { font-size: 12px; line-height: 20px; } 
.custom-modal-popop .modal-content.document-upload-thank-you h1.h1 { font-size: 18px; line-height: 30px; } 
.custom-modal-popop .modal-content.document-upload-thank-you .success-checkmark { width: 70px; height: 95px; } 
.document-upload .upload-doc-progress-done figure { width: 100%; height: 80px; } 
.document-upload .upload-doc-progress-done figure img { width: 100%; height: 100%; object-fit: contain; } 
.document-upload .custom-select__trigger p.h6 { font-size: 10px; line-height: 12px; max-width: 255px; } 
.document-upload .upload-report-list { max-width: 100%; } 
.upload-one-doc .lh-16 { line-height: 23px; } 
/* bk plus icon  */
.annuity-plus-right-side .vertical-radio-card-detail .plus-mob{width: 50% };
.annuity-plus-right-side .vertical-radio-card-detail h3{font-size: 14px;line-height: 17px;}
.vertical-radio-card-detail .plus-mob h1{font-size: 16px;line-height: 19px;}
.vertical-radio-card-detail .mob-h3-siz p{font-size: 12px; line-height: 14px;}
.plus-mob .icon-plus-v2,.icon-equal-v2{width: 17px;}
.annuity-plus-left-side .refund-text-mob h3{font-size: 13px;}
.annuity-plus-left-side .card-post-quote{box-shadow: none;}
.annuity-plus-right-side .recommendation-right-arrow.s-i-rightarrow {left: 50%;top: -20%;}
.annuity-smart-insure .smart-insure-submit-button{margin-top: 25%;}
.mob-h4{font-size: 13px;}
.wht-space{ white-space: normal;}
::-webkit-scrollbar { 
    display: none; 
  }
  .single-life-class-div .form-group img{width: 28px;}
 .form-group .anu-icon{width: 28px;}
 .datepicker-parent.d-p-div{width: 300px;}
/* bk end plus icon */

/* Coach mark */
.coach-mark-content { display: none; } 
.coach-cta { position: absolute; top: 10%; left: 50%; z-index: 9999; transform: translate(-50%,-50%); } 
.coachmark-details { bottom: 50px; position: absolute; left: 22%; width: fit-content; text-align: center; transform: translateX(-50%); } 
.coachmark-details > p { width: 195px; position: absolute; top: -43px; margin: 0; } 
/* Coach mark - your details */
.icon-your-details-arrow { background: url('../Logo/Common_Logo/your-details-arrow.svg') no-repeat center; background-size: contain; } 
.stepper-your-details .icon-coach { height: 203px; } 
.stepper-your-details.coachmark-details > p { left: -10px; } 
.stepper-your-details.coachmark-details { left: 8px; } 
/* Coach mark - other details */
.icon-other-details-arrow { background: url('../Logo/Common_Logo/other-details-arrow.svg') no-repeat center; background-size: contain; } 
.stepper-other-details .icon-coach { height: 102px; } 
.stepper-other-details.coachmark-details > p { left: -35px; } 
.stepper-other-details.coachmark-details { left: 15px; } 
/* Coach mark - nominee details */
.icon-nominee-details-arrow { background: url('../Logo/Common_Logo/nominee-details-arrow.svg') no-repeat center; background-size: contain; } 
.stepper-nominee-details .icon-coach { height: 150px; } 
.stepper-nominee-details.coachmark-details > p { left: -22px; } 
.coachmark-details.stepper-nominee-details { left: 8px; } 
/* Coach mark - summary details */
.mobile-summary-cta { position: relative; } 
.icon-summary-details-arrow { background: url('../Logo/Common_Logo/summary-details-arrow.svg') no-repeat center; background-size: contain; } 
.stepper-summary-details .icon-coach { height: 40px; } 
.stepper-summary-details.coachmark-details > p { left: -90px; } 
/* Coach mark - summary cta */
.coachmark-details-for-summary { top: -120px; } 
.coachmark-details-for-summary > p { max-width: 250px; position: absolute; left: -47px; } 
.coachmark-details-for-summary .icon-coach { transform: rotate(180deg); } 
/* .coachmark-details-for-summary .icon-coach { position: absolute; left: 125px; } */
.note-row .note-text .note-text-para { font-size: 11px; } 
.smart-insure-wealth-body { overflow-y: scroll !important; } 
.recommendation .pre-label,.recommendation .policy-terms-note-size { font-size: 10px; } 
.opt-desc .descHead{
    font-size: 12px;
   
}

.opt-desc2 .descHead{
    font-size: 12px;
}
.funds-sec .text-funds{font-size: 12px;margin-left: -11px;}
.funds-sec .text-funds.bulider-text-funds{font-size: 15px;}
header .retire-smart-logo-sizess {width: 80px ; }
.meaturity_sec .m_b-ul{font-size: 10px;}
/* bk Revamp Smart Champ - Quote Page */
.smart-champ-logo-sizess .smart-champ-logo{
    width: 54px;
}
.smart-champ-amount-size{
    /* width: 100%;
    margin: 0 auto; */
}
.fung-text-size{
    font-size: 12px;
}
.recommendation-right-arrow .smar-arrow-size{
    width: 32px ;
}
.card-res .padd-botm{}
/* end bk Revamp Smart Champ - Quote Page */
.sjb-h3-box .sjb-h3{font-size: 16px;}
.sin-head .save-box .save-size{font-size: 8px;}
.product-plan-card2 input[type="radio"]:checked + label h1 {
    font-size: 17px;
    line-height: 39px;
}
.product-plan-card3{margin:0 auto;}

 }
 .smart-sec-card{
     width: 254px;
 }
 .card-res .card-padd{
    padding: 0px 10px 15px 9px;
 }
 
 .ul-sec-smart-b .proposer-detail-v4 li:nth-child(2)  { padding-left: 0px;padding-right: 0px; -webkit-padding-right: 1px; } 
 .div-sec .div-years{font-size: 11px;}
 .card-horizontal .card-body-title .dp-font{font-size: 11px;}
 
/* .ad_card_bilder_parent .bulider-card-nesting{
    font-size: 11px;
} */
/* .recommendation .card.card-horizontal .card-nesting.bulider-mr {
    width: 198px;
    position: relative;
    left:15px;
    font-size-adjust: 0.5;
}
.card-body-title .rs-font{
    font-size:10px;
}
.card-horizontal .card-body .card-r-m {
  margin-right: -19px ;
} */

/* end Installment Card Bk */
@media only screen and (max-width: 768px) { /* Recommendatio ns */
.recommendations .main-title { margin-bottom: 0px; } 
.recommendations-plan-for-desktop > .row { padding-top: 30px; overflow-x: auto; scroll-behavior: smooth; flex-wrap: nowrap; } 
.recommendations-plan-for-desktop > .row >.col-xl-4 { display: inline-block; min-width: 325px; width: 350px; padding: 30px 10px 0 } 
.recommendations-plan-for-desktop .card.plan-card { padding: 20px 15px; } 
.recommendations-plan-for-desktop { display: block; } 
.input-label-country-code { font-size: 14px; } 
.recommendations-plan-for-desktop h1 { font-size: 22px; line-height: 26px; } 
.recommendations-plan-for-desktop h3 { font-size: 16px; line-height: 19px; } 
.recommendations-plan-for-desktop .right-tick-bullet { font-size: 14px; line-height: 26px; } 
.recommendations-plan-for-desktop .plan-card .plan-btn-v2 { font-size: 16px; padding: 8px 31px; } 
.recommendations-plan-for-desktop .plan-card .plan-btn-v1 { padding: 11px 52px; font-size: 16px; } 
.recommendations-plan-for-desktop .plan-card.active .plan-floating-content { padding: 10px 15px; top: -30px; } 
.recommendations-plan-for-desktop > .row ::-webkit-scrollbar { display: none; } 
.recommendations-plan-for-desktop > .row { -ms-overflow-style: none; scrollbar-width: none; scrollbar-color: transparent transparent; padding: 0px 8px; } 
.recommendations-plan-for-desktop > .row::-webkit-scrollbar { height: 0px; } 
.recommendations-plan-for-desktop .plan-card .list { min-height: 150px; } 

/* Document upload */
.document-upload .custom-card-v2 .h5 { font-size: 16px !important; line-height: 19px; } 
.document-upload .row .medical-test-category.category-a, .document-upload .row .medical-test-category.category-c, .document-upload .row .medical-test-category.category-d { max-width: 85px; height: 60px; } 
.document-upload .medical-test-appointment .row .medical-test-category.mer { max-width: 50px; } 
.document-upload .row .medical-test-category { padding: 0 10px; } 
.document-upload .medical-test-appointment .row .medical-test-category.category-b { max-width: 100%; } 
.document-upload .medical-test-appointment .row .medical-test-category.category-b { padding: 0 10px; } 
.document-upload .medical-test-appointment .row .medical-test-category.ECG,.document-upload .medical-test-appointment .row .medical-test-category.HbA1C,
.document-upload .medical-test-appointment .row .medical-test-category.Nicotine { max-width: 55px; padding: 0 20px; min-width: unset; } 
.document-upload .tp { font-size: 14px; padding: 7px 10px; line-height: 17px; } 
.document-upload .upload-error p { font-size: 12px; line-height: 15px; } 
header .retire-smart-logo-sizess {width: 80px ; } 
.recommendation .card.card-horizontal .card-nesting.bulider-card-nesting{
    width: 198px;
    margin-left: -10px;
} 
.pois-stic{
    position: relative;
    
}
.product-plan-card2 .vertical-card-radio.vertical-sjb-left { width: 18px;height: 18px;}
.product-plan-card2 input[type="radio"]:checked + label h2 .vertical-card-radio { content: url(../Logo/Common_Logo/vertical-radio-input.svg); padding: 3px; background: #fff; }
.product-plan-card2 h2{padding: 9px 40px 5px;}
.product-plan-card3{max-width: 491px;margin:0 auto;}
}
@media only screen and (max-width: 576px){
 .radio-toolbar-lg [type="radio"]:checked + label,
.radio-toolbar-lg [type="radio"]:not(:checked) + label { /*padding: 8px 8px; */
padding: 11px 20px; } 
.card { padding: 20px; } 
/* Qoute page */
.recommendation .radbox input[type="radio"]:checked + .rad-text, .recommendation .radbox .rad-text { max-width: 100%; } 
.recommendation .recommendation-result-card .card.card-horizontal { padding: 0; } 
.recommendation .recommendation-result-card .card.card-horizontal { width: 150px; } 
.card-res .left_card-hor{width: 340px !important;}
.recommendation .card-horizontal .card-body-title { padding: 20px 2px 16px 0px; } 
.recommendation .card-horizontal .card-nesting.card-nesting-min-width { padding: 24px 0; } 

/* Fund Performance table */
.sidebar-tab-content.fund-performance .tabs-mobile .tbl-content { height: 170px !important; } 
/* Product - smart platina */
.card-horizontal .card-nesting.card-nesting-min-width-v2 { min-width: 129px; } 
/* Nesting card */
.card-horizontal .tag { top: 6px; left: -33px; padding: 3px; } 
.card-horizontal .tag.font-12 { font-size: 10px; } 
.card-horizontal .tag.lh-14 { line-height: 12px; } 

/* recommendations */
.recommendation .radio-button-block [type="radio"]:checked + label, .recommendation .radio-button-block [type="radio"]:not(:checked) + label, .recommendation .radio-toolbar input[type="radio"]:checked + label { padding: 8px 8px; } 
.cancer-insure .radio-button-block [type="radio"]:checked + label, .recommendation .radio-button-block [type="radio"]:not(:checked) + label, .recommendation .radio-toolbar input[type="radio"]:checked + label { padding: 8px 13px; } 
/* Product - Retire-smart-web */
.retire-smart-web .radio-button-block [type="radio"]:checked + label, .retire-smart-web .radio-button-block [type="radio"]:not(:checked) + label, .retire-smart-web .radio-toolbar input[type="radio"]:checked + label { padding: 10px 12px; } 

/* Product - Smart insure wealth plus */
.smart-insure .smart-choice .row>.col-4 { padding: 3px; } 
/* Document upload - Additinal questinnaire */
.document-upload .questionnaire-btn-group div:not(:nth-child(2n)) { margin-right: 8px; } 
.document-upload .questionnaire-btn-group div:nth-child(2n) { margin-right: 0; } 
.document-upload .questionnaire-btn-group div .btn.btn-medical { max-width: 160px; min-width: 160px !important; font-size: 10px; line-height: 12px; padding: 9px !important; } 
.recommendation .card.card-horizontal .card-nesting.bulider-card-nesting{
    width: 198px;
    margin-left: -10px;
} 
#wordSumbulider,#w-y,#w-y2 {font-size: 10px;}
.pois-stic{
    position: relative;
    
}
/* saaral jeevan beema ve */
.sjb-table .mob-card-size h3{font-size: 10px;line-height: 12px;}
.sjb-table .mob-card-size p{font-size: 8px;line-height: 10px;}
.sjb-table .mob-card-size h1{font-size: 12px;line-height: 14px;}
.product-plan-card2 h2{padding: 9px 40px 5px;}
}

/* diabetes-modal medical-reports */
.diabetes-questionare { font-family: 'Lato-medium'; } 
.dib_tabel .testDiv, .dib_tabel .slimScrollDiv { height: auto; } 
.retrieve-table-block .tabel2 th:nth-child(1) { width: 100px; font-family: 'Lato-medium'; } 
.retrieve-table-block .tabel2 th:nth-child(2) { width: 141px; font-family: 'Lato-medium'; } 
.retrieve-table-block .tabel2 th:nth-child(3) { width: 143px; font-family: 'Lato-medium'; } 
.retrieve-table-block .tabel2 th:nth-child(4) { width: 174px; font-family: 'Lato-medium'; } 
.retrieve-table-block .tabel3 th:nth-child(1) { width: 100px; font-family: 'Lato-medium'; } 
.retrieve-table-block .tabel3 th:nth-child(2) { width: 141px; font-family: 'Lato-medium'; } 
.retrieve-table-block .tabel3 th:nth-child(3) { width: 143px; font-family: 'Lato-medium'; } 
.retrieve-table-block .tabel3 th:nth-child(4) { width: 174px; font-family: 'Lato-medium'; } 
.retrieve-table-block .tabel2,.tabel3 { overflow: hidden; font-family: 'Lato'; } 
.dib_radio_btn_block.radio-label-with-content [type="radio"]:checked + label:last-child, .dib_radio_btn_block.radio-label-with-content [type="radio"]:not(:checked) + label:last-child { padding: 10px 20px 10px 20px; } 

.tabel_row ::placeholder { font-family: 'lato-medium'; font-style: normal; font-weight: normal; font-size: 12px; line-height: 14px; display: flex; align-items: center; text-align: center; color: #999999; } 
.tabel_row td input { border:none; outline: none; font-family: 'lato-medium'; /* text-align: center; */ } 
.tabel_row .has-content { border:none !important; font-size: 12px; } 
.table_row .datepicker-ip { background-color: #d41616; } 
.dib_modal .form-section-divider { padding-bottom: 12px; } 
/* header .retire-smart-logo-sizess {width: 100px ; } */
/* table heading */
.form-group .table_head_text { font-size: 18px; color:#666666; margin-bottom: 0px; } 
.form-group .monitoring_p { font-size: 18px; color: #666666; } 
@media only screen and (max-width: 360px) {
    
/* diabetes-modal medical-reports */
.retrieve-table-block .tabel2 th:nth-child(1) { width: 75px; font-size: 8px; line-height: 10px; font-family: 'Lato-medium'; } 
.retrieve-table-block .tabel2 th:nth-child(2) { width: 75px; font-size: 8px; line-height: 10px; font-family: 'Lato-medium'; } 
.retrieve-table-block .tabel2 th:nth-child(3) { width: 75px; font-size: 8px; line-height: 10px; font-family: 'Lato-medium'; } 
.retrieve-table-block .tabel2 th:nth-child(4) { width: 75px; font-size: 8px; line-height: 10px; font-family: 'Lato-medium'; } 
.retrieve-table-block .tabel3 th:nth-child(1) { width: 75px; font-size: 8px; line-height: 10px; font-family: 'Lato-medium'; } 
.retrieve-table-block .tabel3 th:nth-child(2) { width: 75px; font-size: 8px; line-height: 10px; font-family: 'Lato-medium'; } 
.retrieve-table-block .tabel3 th:nth-child(3) { width: 75px; font-size: 8px; line-height: 10px; font-family: 'Lato-medium'; } 
.retrieve-table-block .tabel2,.tabel3 { overflow: hidden; font-family: 'Lato-medium'; } 
.form-group .monitoring_p { font-size: 16px; } 
.dib_tabel2 { width: 204px; margin: 13px 0; } 
.dib_tabel tr td { font-size: 8px; } 
.dib_tabel2 tr td { font-size: 8px; } 
.label-info-lg { font-size: 14px; } 
.custom-check p { font-size:12px; } 
.form-group .table_head_text { font-size: 16px; color:#666666; } 
.dib_tabel_responsive { width: 75%; margin-left:0px; } 
.tabel_row td input::placeholder { font-family: 'lato-medium'; font-style: normal; font-weight: normal; font-size: 8px !important; line-height: 14px; display: flex; align-items: center; text-align: center; color: #999999; } 
.tabel_row td { font-size: 8px !important; font-family: 'Lato-Regular'; color: #333333; } 
header .retire-smart-logo-sizess {width: 80px ; } 
/* This adds extra bottom padding on mobile browsers */
.safe-bottom {
    padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
  #wordSumbulider,#w-y,#w-y2 {font-size: 10px;}
  .pois-stic{
    position: relative;
    
}
/* saaral jeevan beema ve */
.sjb-table .mob-card-size h3{font-size: 10px;line-height: 12px;}
.sjb-table .mob-card-size p{font-size: 8px;line-height: 10px;}
.sjb-table .mob-card-size h1{font-size: 10px;line-height: 14px;}
/* saaral jeevan beema revamp - radio*/
.product-plan-card2 label { display: block; box-shadow: 0px 0px 12px 0px #ACACAC40; text-align: center; min-width: 206px; cursor: pointer; transition: all .3s ease; border-radius: 4px; position: relative; } 
.product-plan-card2 h2 { width:50px;padding: 7px 36px 3px; position: relative; margin-bottom: 0; text-align: center; } 

.product-plan-card2 h1 { padding: 7px 10px; } 
.text-secondary-green { color: #92C947; } 
.product-plan-card2 input[type="radio"] { display: none; } 
.product-plan-card2 .vertical-card-radio { position: absolute; width: 32px; height: 32px; content: ''; border-radius: 50px; border: 2px solid #D8D8D8; top: 10px; right: 10px; } 
.product-plan-card2 .vertical-card-radio.vertical-sjb-left{position: absolute; width: 20px; height: 20px; content: ''; border-radius: 50px; border: 2px solid #D8D8D8; top: 10px; left: 10px;}
.product-plan-card2 input[type="radio"]:checked + label h2 .vertical-card-radio { content: url(../Logo/Common_Logo/vertical-radio-input.svg); padding: 3px; background: #fff; } 
.product-plan-card2 input[type="radio"]:checked + label { background-color: #00A1E3; width: 100%; transform: scale(1.05); } 
.product-plan-card2 input[type="radio"]:checked + label h2 { color: #fff; } 
.product-plan-card2 input[type="radio"]:checked + label h1 { font-size: 10px;line-height: 14px; } 
.product-plan-card2 input[type="radio"]:checked + label h2 { font-size: 14px;  font-weight: bold !important; padding: 9px 40px 5px;} 
.product-plan-card2 .sjb-table{max-width: 471px;margin: 0 auto; border-radius:8px;}
.product-plan-card2 h2{padding: 9px 40px 5px;}
/* cancer surksha */
.product-plan-card3 .ul_li-sec{font-size: 6px;}
.product-plan-card3 label { display: block; box-shadow: 0px 0px 12px 0px #ACACAC40; text-align: center; min-width: 206px; cursor: pointer; transition: all .3s ease; border-radius: 4px; position: relative; } 
.product-plan-card3 h2 { width:50px;padding: 7px 36px 3px; position: relative; margin-bottom: 0; text-align: center; } 

.product-plan-card3 h1 { padding: 7px 10px; } 
.text-secondary-green { color: #92C947; } 
.product-plan-card3 input[type="radio"] { display: none; } 
.product-plan-card3 .vertical-card-radio { position: absolute; width: 32px; height: 32px; content: ''; border-radius: 50px; border: 2px solid #D8D8D8; top: 10px; right: 10px; } 
.product-plan-card3 .vertical-card-radio.vertical-sjb-left{position: absolute; width: 20px; height: 20px; content: ''; border-radius: 50px; border: 2px solid #D8D8D8; top: 10px; left: 10px;}
.product-plan-card3 input[type="radio"]:checked + label h2 .vertical-card-radio { content: url(../Logo/Common_Logo/vertical-radio-input.svg); padding: 3px; background: #fff; } 
.product-plan-card3 input[type="radio"]:checked + label { background-color: #00A1E3; width: 100%; transform: scale(1.05); } 
.product-plan-card3 input[type="radio"]:checked + label h2 { color: #fff; } 
.product-plan-card3 input[type="radio"]:checked + label h1 { font-size: 10px;line-height: 14px; } 
.product-plan-card3 input[type="radio"]:checked + label h2 { font-size: 14px;  font-weight: bold !important; padding: 4px 40px 5px;} 
.product-plan-card3 .sjb-table{max-width: 471px;margin: 0 auto; border-radius:8px;}
.product-plan-card3 h2{padding: 9px 40px 5px;}
.cancer-icon-box .cancer-p-icon{width: 19px;height:15px;top:10px;left: 5px;}
.recommendation .radio-button-block [type="radio"]:checked + label, .recommendation .radio-button-block [type="radio"]:not(:checked) + label, .recommendation .radio-toolbar input[type="radio"]:checked + label { padding: 8px 8px; } 
.cancer-insure .radio-button-block [type="radio"]:checked + label, .recommendation .radio-button-block [type="radio"]:not(:checked) + label, .recommendation .radio-toolbar input[type="radio"]:checked + label { padding: 8px 8px; } 
.sin-head .save-box {padding: 1px 8px;}
.save-box .save-size{line-height: 16px;}
}

/* For Safari */
@media not all and (min-resolution:.001dpcm) { @media only screen and (max-width: 1300px){
 .recommendation-note h4 { font-size: 10px; } 
 .res_text_main .text-saf{font-size: 16px !important;}
 }
@media only screen and (max-width: 1280px){
 .purna-suraksha .tag { left: -22px; font-size: 10px; } 
.purna-suraksha .content-details.pl-5 { padding-left: 0 !important; } 
 }
@media only screen and (min-width: 1200px){
 .recommendation .recommendation-right-arrow { top: 45%; left: 0; transform: translateX(-50%); } 
.recommendation-result-card .card-horizontal h3.h3 { font-size: 14px; } 
.card-horizontal .card-nesting.card-nesting-min-width { max-width: 211px; } 
.sidebar-tab-content.fund-performance table tr th:first-child, .sidebar-tab-content.fund-performance .tbl-content tr td:first-child { width: 35%; } 
.recommendations-plan-for-desktop .plan-card.active .plan-floating-content { padding: 16px 20px; } 
.card-horizontal .card-nesting.card-nesting-min-width-v2 { min-width: 160px; } 
 }
 
@media only screen and (max-width: 767px){
 .recommendation-note { padding: 0 10px; } 
.recommendation-note > div { padding: 10px !important; } 
.recommendation .card-horizontal .card-nesting > h3.h3 { font-size: 12px; line-height: 15px; } 
.recommendation .card-horizontal .card-nesting > h3.h3 >span { font-size: 12px; line-height: 15px; } 
.recommendation .card.card-horizontal .card-nesting { padding: 10px 5px; } 
.recommendation .card-horizontal .card-nesting.card-nesting-min-width { padding: 20px 0; } 
.proposer-detail li:first-child, .proposer-detail li:nth-child(2) { padding-right: 20px; } 
.smart-platina .table-with-shadow .retrieve-table-wrapper .table-scroll-wba tr:last-child td h3.h2 { font-size: 14px; } 
.smart-platina .table-with-shadow .retrieve-table-block .table-scroll-wba thead th { padding-left: 10px; } 
.card-horizontal .tag.font-12 { font-size: 8px; } 
.proposer-detail-v2 li:not(:last-child) {
    padding-right: 1px;
    -webkit-padding-right: 1px;
    border-right: 1px solid #999999;
}
 }
@media only screen and (max-width: 576px){
 .dark-table .table tr td:nth-child(1),.dark-table .table tr th:nth-child(1) { width: 50px; } 

 } 
 .proposer-detail-v2 li:not(:last-child) {
    padding-right: 1px;
    -webkit-padding-right: 1px;
    border-right: 1px solid #999999;
}
#nameclass{
    padding: 2px;
}
 }
 /* Safari 10.1 */
@media not all and (min-resolution:.001dpcm){ 
    @supports (-webkit-appearance:none) and (not (stroke-color:transparent)) {
        .safe-bottom {
            padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
          }
    }}
