/* Minification failed. Returning unminified contents. (8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (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 '-' (47,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-sans-serif' (245,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-monospace' (632,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x' (633,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x' (684,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (685,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (688,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-y' (689,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x' (690,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x' (697,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x' (698,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x' (699,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-y' (1057,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1062,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1067,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1072,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1077,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1082,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1087,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1092,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1097,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1102,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1107,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1112,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1231,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 '-' (1241,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1246,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1251,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 '-' (1261,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1266,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1271,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1276,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1281,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1286,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1406,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1411,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1416,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1421,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1426,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1431,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1436,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1441,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 '-' (1451,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1456,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1461,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1581,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1586,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1591,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1596,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1601,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1606,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1611,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1616,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1621,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1626,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1631,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 '-' (1756,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1761,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1766,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1771,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1776,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1781,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1786,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1791,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1796,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1801,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1806,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1811,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1931,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1936,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1941,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1946,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1951,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1956,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1961,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1966,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1971,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1976,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1981,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1986,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1991,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1992,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1993,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (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 '-' (2008,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-bg' (2010,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-accent-bg' (2046,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2047,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-striped-color' (2051,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2052,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-active-color' (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-hover-color' (2061,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (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 '-' (2073,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2074,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2075,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2076,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2077,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2078,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2079,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2085,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2086,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2087,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2088,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2089,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2090,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2091,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2097,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2098,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2099,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2100,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2101,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2102,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2103,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2109,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2110,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2111,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2112,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2113,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2114,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2115,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2121,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2122,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2123,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2124,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2125,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2126,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2127,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2133,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2134,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2135,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2136,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2137,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2138,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2139,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2145,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2146,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2147,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2148,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2149,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2150,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2151,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3939,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3948,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3958,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3967,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3978,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3987,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3998,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4007,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4018,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4027,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4038,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4047,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4557,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-scroll-height' (5168,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-divider' (6286,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-sans-serif' (6411,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-sans-serif' (7014,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-aspect-ratio' (7027,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7031,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7035,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7039,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8075,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-monospace' (8296,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-gradient' : run-time error CSS1036: Expected expression, found '' (15781,41): run-time error CSS1046: Expect comma, found '38' (15781,48): run-time error CSS1046: Expect comma, found '/' (16846,34): run-time error CSS1046: Expect comma, found '0' (16846,38): run-time error CSS1046: Expect comma, found '/' (19296,34): run-time error CSS1046: Expect comma, found '0' (19296,38): run-time error CSS1046: Expect comma, found '/' (22284,34): run-time error CSS1046: Expect comma, found '0' (22284,38): run-time error CSS1046: Expect comma, found '/' (22333,12): run-time error CSS1038: Expected hex color, found '#ffff' (22829,41): run-time error CSS1046: Expect comma, found '38' (22829,48): run-time error CSS1046: Expect comma, found '/' (22934,41): run-time error CSS1046: Expect comma, found '38' (22934,48): run-time error CSS1046: Expect comma, found '/' (22975,41): run-time error CSS1046: Expect comma, found '38' (22975,48): run-time error CSS1046: Expect comma, found '/' (22981,41): run-time error CSS1046: Expect comma, found '38' (22981,48): run-time error CSS1046: Expect comma, found '/' (23027,41): run-time error CSS1046: Expect comma, found '38' (23027,48): run-time error CSS1046: Expect comma, found '/' (23032,41): run-time error CSS1046: Expect comma, found '38' (23032,48): run-time error CSS1046: Expect comma, found '/' (23432,41): run-time error CSS1046: Expect comma, found '38' (23432,48): run-time error CSS1046: Expect comma, found '/' (23439,41): run-time error CSS1046: Expect comma, found '38' (23439,48): run-time error CSS1046: Expect comma, found '/' (23557,1): run-time error CSS1035: Expected colon, found '}' (23743,40): run-time error CSS1046: Expect comma, found '0' (23743,44): run-time error CSS1046: Expect comma, found '/' (23790,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (23791,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (23794,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-y' (23795,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x' (23796,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x' (23992,41): run-time error CSS1046: Expect comma, found '38' (23992,48): run-time error CSS1046: Expect comma, found '/' (24332,1): run-time error CSS1019: Unexpected token, found '}' (25302,41): run-time error CSS1046: Expect comma, found '38' (25302,48): run-time error CSS1046: Expect comma, found '/' (25318,41): run-time error CSS1046: Expect comma, found '38' (25318,48): run-time error CSS1046: Expect comma, found '/' (25633,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25635,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25636,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25637,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25638,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25639,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25640,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25641,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25642,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25644,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25645,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25646,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25647,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25649,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25650,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25654,21): run-time error CSS1039: Token not allowed after unary operator: '-h1-font-size' (25655,17): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (25666,17): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (25675,32): run-time error CSS1039: Token not allowed after unary operator: '-container-color' (25676,43): run-time error CSS1039: Token not allowed after unary operator: '-hue' (25676,55): run-time error CSS1039: Token not allowed after unary operator: '-sat' (25704,21): run-time error CSS1039: Token not allowed after unary operator: '-tiny-font-size' (25732,38): run-time error CSS1039: Token not allowed after unary operator: '-hue' (25732,50): run-time error CSS1039: Token not allowed after unary operator: '-sat' (25762,25): run-time error CSS1039: Token not allowed after unary operator: '-normal-font-size' (25767,21): run-time error CSS1039: Token not allowed after unary operator: '-first-color' (25777,32): run-time error CSS1039: Token not allowed after unary operator: '-first-color' (25807,28): run-time error CSS1039: Token not allowed after unary operator: '-container-color' (25808,19): run-time error CSS1039: Token not allowed after unary operator: '-z-fixed' (25816,41): run-time error CSS1046: Expect comma, found '38' (25816,48): run-time error CSS1046: Expect comma, found '/' (25823,41): run-time error CSS1046: Expect comma, found '38' (25823,48): run-time error CSS1046: Expect comma, found '/' (26138,45): run-time error CSS1046: Expect comma, found '9' (26138,49): run-time error CSS1046: Expect comma, found '/' (26139,48): run-time error CSS1046: Expect comma, found '9' (26139,52): run-time error CSS1046: Expect comma, found '/' (26140,40): run-time error CSS1046: Expect comma, found '9' (26140,44): run-time error CSS1046: Expect comma, found '/' (26193,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26194,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26195,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26196,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26197,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26198,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26199,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26200,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26219,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26220,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-striped-color' (26225,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26226,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-striped-color' (26231,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26232,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26233,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26234,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26235,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26236,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26237,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26238,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26261,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26262,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-striped-color' (26267,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26268,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-striped-color' (26384,44): run-time error CSS1046: Expect comma, found '188' (26384,52): run-time error CSS1046: Expect comma, found '/' (26454,41): run-time error CSS1046: Expect comma, found '38' (26454,48): run-time error CSS1046: Expect comma, found '/' */ @charset "UTF-8"; /*! * Bootstrap v5.0.2 (https://getbootstrap.com/) * Copyright 2011-2021 The Bootstrap Authors * Copyright 2011-2021 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-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --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-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", 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) ); } *, ::after, ::before { box-sizing: border-box; } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } } body { margin: 0; font-family: var(--bs-font-sans-serif); font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; } hr { margin: 1rem 0; color: inherit; background-color: currentColor; border: 0; opacity: 0.25; } hr:not([size]) { height: 1px; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.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 + 0.9vw); } @media (min-width: 1200px) { .h2, h2 { font-size: 2rem; } } .h3, h3 { font-size: calc(1.3rem + 0.6vw); } @media (min-width: 1200px) { .h3, h3 { font-size: 1.75rem; } } .h4, h4 { font-size: calc(1.275rem + 0.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[data-bs-original-title], abbr[title] { text-decoration: underline dotted; cursor: help; } 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: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } .small, small { font-size: 0.875em; } .mark, mark { padding: 0.2em; background-color: #fcf8e3; } sub, sup { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: #0d6efd; text-decoration: underline; } a:hover { color: #0a58ca; } 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; direction: ltr; unicode-bidi: bidi-override; } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: 0.875em; } pre code { font-size: inherit; color: inherit; word-break: normal; } code { font-size: 0.875em; color: #d63384; word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 0.875em; color: #fff; background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 1em; font-weight: 700; } figure { margin: 0 0 1rem; } img, svg { vertical-align: middle; } table { caption-side: bottom; border-collapse: collapse; } caption { padding-top: 0.5rem; padding-bottom: 0.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]::-webkit-calendar-picker-indicator { display: none; } [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: 0.5rem; font-size: calc(1.275rem + 0.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; } ::file-selector-button { font: inherit; } ::-webkit-file-upload-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: 0.5rem; } .initialism { font-size: 0.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: 0.875em; color: #6c757d; } .blockquote-footer::before { content: "��"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 0.875em; color: #6c757d; } .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { width: 100%; padding-right: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem); 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(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x) * -0.5); margin-left: calc(var(--bs-gutter-x) * -0.5); } .row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.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%; } @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%; } } @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%; } } @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%; } } @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%; } } @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-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-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-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-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-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-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-bg: transparent; --bs-table-accent-bg: transparent; --bs-table-striped-color: #212529; --bs-table-striped-bg: rgba(0, 0, 0, 0.05); --bs-table-active-color: #212529; --bs-table-active-bg: rgba(0, 0, 0, 0.1); --bs-table-hover-color: #212529; --bs-table-hover-bg: rgba(0, 0, 0, 0.075); width: 100%; margin-bottom: 1rem; color: #212529; vertical-align: top; border-color: #dee2e6; } .table > :not(caption) > * > * { padding: 0.5rem 0.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 > :not(:last-child) > :last-child > * { border-bottom-color: currentColor; } .caption-top { caption-side: top; } .table-sm > :not(caption) > * > * { padding: 0.25rem 0.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-striped > tbody > tr:nth-of-type(odd) { --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-bg: #cfe2ff; --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: #000; border-color: #bacbe6; } .table-secondary { --bs-table-bg: #e2e3e5; --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: #000; border-color: #cbccce; } .table-success { --bs-table-bg: #d1e7dd; --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: #000; border-color: #bcd0c7; } .table-info { --bs-table-bg: #cff4fc; --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: #000; border-color: #badce3; } .table-warning { --bs-table-bg: #fff3cd; --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: #000; border-color: #e6dbb9; } .table-danger { --bs-table-bg: #f8d7da; --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: #000; border-color: #dfc2c4; } .table-light { --bs-table-bg: #f8f9fa; --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: #000; border-color: #dfe0e1; } .table-dark { --bs-table-bg: #212529; --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: #fff; border-color: #373b3e; } .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: 0.5rem; } .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; } .form-text { margin-top: 0.25rem; font-size: 0.875em; color: #6c757d; } .form-control { display: block; width: 100%; padding: 0.375rem 0.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: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.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 0.25rem rgba(13, 110, 253, 0.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, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } .form-control::file-selector-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; -webkit-margin-end: 0.75rem; margin-inline-end: 0.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 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; } @media (prefers-reduced-motion: reduce) { .form-control::file-selector-button { transition: none; } } .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: #dde0e3; } .form-control::-webkit-file-upload-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; -webkit-margin-end: 0.75rem; margin-inline-end: 0.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 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; 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; } @media (prefers-reduced-motion: reduce) { .form-control::-webkit-file-upload-button { -webkit-transition: none; transition: none; } } .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: #dde0e3; } .form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0; margin-bottom: 0; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm { padding-right: 0; padding-left: 0; } .form-control-sm { min-height: calc(1.5em + (0.5rem + 2px)); padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; } .form-control-sm::file-selector-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; -webkit-margin-end: 0.5rem; margin-inline-end: 0.5rem; } .form-control-sm::-webkit-file-upload-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; -webkit-margin-end: 0.5rem; margin-inline-end: 0.5rem; } .form-control-lg { min-height: calc(1.5em + (1rem + 2px)); padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: 0.3rem; } .form-control-lg::file-selector-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem; } .form-control-lg::-webkit-file-upload-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem; } textarea.form-control { min-height: calc(1.5em + (0.75rem + 2px)); } textarea.form-control-sm { min-height: calc(1.5em + (0.5rem + 2px)); } textarea.form-control-lg { min-height: calc(1.5em + (1rem + 2px)); } .form-control-color { max-width: 3rem; height: auto; padding: 0.375rem; } .form-control-color:not(:disabled):not([readonly]) { cursor: pointer; } .form-control-color::-moz-color-swatch { height: 1.5em; border-radius: 0.25rem; } .form-control-color::-webkit-color-swatch { height: 1.5em; border-radius: 0.25rem; } .form-select { display: block; width: 100%; padding: 0.375rem 2.25rem 0.375rem 0.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 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 16px 12px; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.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 0.25rem rgba(13, 110, 253, 0.25); } .form-select[multiple], .form-select[size]:not([size="1"]) { padding-right: 0.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: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; } .form-select-lg { padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; } .form-check { display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: 0.125rem; } .form-check .form-check-input { float: left; margin-left: -1.5em; } .form-check-input { width: 1em; height: 1em; margin-top: 0.25em; vertical-align: top; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid rgba(0, 0, 0, 0.25); -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; color-adjust: exact; } .form-check-input[type="checkbox"] { border-radius: 0.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 0.25rem rgba(13, 110, 253, 0.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 10l3 3l6-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: 0.5; } .form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label { opacity: 0.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 0.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-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: 0.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 0.25rem rgba(13, 110, 253, 0.25); } .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-range::-moz-focus-outer { border: 0; } .form-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #0d6efd; border: 0; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.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: 0.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 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.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: 0.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-select { height: calc(3.5rem + 2px); line-height: 1.25; } .form-floating > label { position: absolute; top: 0; left: 0; height: 100%; padding: 1rem 0.75rem; pointer-events: none; border: 1px solid transparent; transform-origin: 0 0; transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-floating > label { transition: none; } } .form-floating > .form-control { padding: 1rem 0.75rem; } .form-floating > .form-control::-moz-placeholder { color: transparent; } .form-floating > .form-control::placeholder { color: transparent; } .form-floating > .form-control:not(:-moz-placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control:-webkit-autofill { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-select { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > .form-control:-webkit-autofill ~ label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-select { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; } .input-group > .form-control:focus, .input-group > .form-select:focus { z-index: 3; } .input-group .btn { position: relative; z-index: 2; } .input-group .btn:focus { z-index: 3; } .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.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: 0.25rem; } .input-group-lg > .btn, .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text { padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: 0.3rem; } .input-group-sm > .btn, .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; } .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) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) { 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 > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu) { 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; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #198754; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; color: #fff; background-color: rgba(25, 135, 84, 0.9); border-radius: 0.25rem; } .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip, .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip { display: block; } .form-control.is-valid, .was-validated .form-control:valid { border-color: #198754; padding-right: calc(1.5em + 0.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.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .form-control.is-valid:focus, .was-validated .form-control:valid:focus { border-color: #198754; box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.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 5l6 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.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-position: right 0.75rem center, center right 2.25rem; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .form-select.is-valid:focus, .was-validated .form-select:valid:focus { border-color: #198754; box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); } .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 0.25rem rgba(25, 135, 84, 0.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: 0.5em; } .input-group .form-control.is-valid, .input-group .form-select.is-valid, .was-validated .input-group .form-control:valid, .was-validated .input-group .form-select:valid { z-index: 1; } .input-group .form-control.is-valid:focus, .input-group .form-select.is-valid:focus, .was-validated .input-group .form-control:valid:focus, .was-validated .input-group .form-select:valid:focus { z-index: 3; } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #dc3545; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; color: #fff; background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; } .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip, .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip { display: block; } .form-control.is-invalid, .was-validated .form-control:invalid { border-color: #dc3545; padding-right: calc(1.5em + 0.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(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.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 5l6 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 0.75rem center, center right 2.25rem; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .form-select.is-invalid:focus, .was-validated .form-select:invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); } .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 0.25rem rgba(220, 53, 69, 0.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: 0.5em; } .input-group .form-control.is-invalid, .input-group .form-select.is-invalid, .was-validated .input-group .form-control:invalid, .was-validated .input-group .form-select:invalid { z-index: 2; } .input-group .form-control.is-invalid:focus, .input-group .form-select.is-invalid:focus, .was-validated .input-group .form-control:invalid:focus, .was-validated .input-group .form-select:invalid:focus { z-index: 3; } .btn { display: inline-block; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; border-radius: 0.25rem; 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; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: #212529; } .btn-check:focus + .btn, .btn:focus { outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .btn.disabled, .btn:disabled, fieldset:disabled .btn { pointer-events: none; opacity: 0.65; } .btn-primary { color: #fff; background-color: #0d6efd; border-color: #0d6efd; } .btn-primary:hover { color: #fff; background-color: #0b5ed7; border-color: #0a58ca; } .btn-check:focus + .btn-primary, .btn-primary:focus { color: #fff; background-color: #0b5ed7; border-color: #0a58ca; box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5); } .btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #0a58ca; border-color: #0a53be; } .btn-check:active + .btn-primary:focus, .btn-check:checked + .btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #0d6efd; border-color: #0d6efd; } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:hover { color: #fff; background-color: #5c636a; border-color: #565e64; } .btn-check:focus + .btn-secondary, .btn-secondary:focus { color: #fff; background-color: #5c636a; border-color: #565e64; box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5); } .btn-check:active + .btn-secondary, .btn-check:checked + .btn-secondary, .btn-secondary.active, .btn-secondary:active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #565e64; border-color: #51585e; } .btn-check:active + .btn-secondary:focus, .btn-check:checked + .btn-secondary:focus, .btn-secondary.active:focus, .btn-secondary:active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-success { color: #fff; background-color: #198754; border-color: #198754; } .btn-success:hover { color: #fff; background-color: #157347; border-color: #146c43; } .btn-check:focus + .btn-success, .btn-success:focus { color: #fff; background-color: #157347; border-color: #146c43; box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5); } .btn-check:active + .btn-success, .btn-check:checked + .btn-success, .btn-success.active, .btn-success:active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #146c43; border-color: #13653f; } .btn-check:active + .btn-success:focus, .btn-check:checked + .btn-success:focus, .btn-success.active:focus, .btn-success:active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #198754; border-color: #198754; } .btn-info { color: #000; background-color: #0dcaf0; border-color: #0dcaf0; } .btn-info:hover { color: #000; background-color: #31d2f2; border-color: #25cff2; } .btn-check:focus + .btn-info, .btn-info:focus { color: #000; background-color: #31d2f2; border-color: #25cff2; box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5); } .btn-check:active + .btn-info, .btn-check:checked + .btn-info, .btn-info.active, .btn-info:active, .show > .btn-info.dropdown-toggle { color: #000; background-color: #3dd5f3; border-color: #25cff2; } .btn-check:active + .btn-info:focus, .btn-check:checked + .btn-info:focus, .btn-info.active:focus, .btn-info:active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #000; background-color: #0dcaf0; border-color: #0dcaf0; } .btn-warning { color: #000; background-color: #ffc107; border-color: #ffc107; } .btn-warning:hover { color: #000; background-color: #ffca2c; border-color: #ffc720; } .btn-check:focus + .btn-warning, .btn-warning:focus { color: #000; background-color: #ffca2c; border-color: #ffc720; box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5); } .btn-check:active + .btn-warning, .btn-check:checked + .btn-warning, .btn-warning.active, .btn-warning:active, .show > .btn-warning.dropdown-toggle { color: #000; background-color: #ffcd39; border-color: #ffc720; } .btn-check:active + .btn-warning:focus, .btn-check:checked + .btn-warning:focus, .btn-warning.active:focus, .btn-warning:active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #000; background-color: #ffc107; border-color: #ffc107; } .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:hover { color: #fff; background-color: #bb2d3b; border-color: #b02a37; } .btn-check:focus + .btn-danger, .btn-danger:focus { color: #fff; background-color: #bb2d3b; border-color: #b02a37; box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5); } .btn-check:active + .btn-danger, .btn-check:checked + .btn-danger, .btn-danger.active, .btn-danger:active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #b02a37; border-color: #a52834; } .btn-check:active + .btn-danger:focus, .btn-check:checked + .btn-danger:focus, .btn-danger.active:focus, .btn-danger:active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-light { color: #000; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:hover { color: #000; background-color: #f9fafb; border-color: #f9fafb; } .btn-check:focus + .btn-light, .btn-light:focus { color: #000; background-color: #f9fafb; border-color: #f9fafb; box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5); } .btn-check:active + .btn-light, .btn-check:checked + .btn-light, .btn-light.active, .btn-light:active, .show > .btn-light.dropdown-toggle { color: #000; background-color: #f9fafb; border-color: #f9fafb; } .btn-check:active + .btn-light:focus, .btn-check:checked + .btn-light:focus, .btn-light.active:focus, .btn-light:active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #000; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-dark { color: #fff; background-color: #212529; border-color: #212529; } .btn-dark:hover { color: #fff; background-color: #1c1f23; border-color: #1a1e21; } .btn-check:focus + .btn-dark, .btn-dark:focus { color: #fff; background-color: #1c1f23; border-color: #1a1e21; box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5); } .btn-check:active + .btn-dark, .btn-check:checked + .btn-dark, .btn-dark.active, .btn-dark:active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1a1e21; border-color: #191c1f; } .btn-check:active + .btn-dark:focus, .btn-check:checked + .btn-dark:focus, .btn-dark.active:focus, .btn-dark:active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #212529; border-color: #212529; } .btn-outline-primary { color: #0d6efd; border-color: #0d6efd; } .btn-outline-primary:hover { color: #fff; background-color: #0d6efd; border-color: #0d6efd; } .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus { box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5); } .btn-check:active + .btn-outline-primary, .btn-check:checked + .btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active { color: #fff; background-color: #0d6efd; border-color: #0d6efd; } .btn-check:active + .btn-outline-primary:focus, .btn-check:checked + .btn-outline-primary:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus, .btn-outline-primary:active:focus { box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #0d6efd; background-color: transparent; } .btn-outline-secondary { color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus { box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5); } .btn-check:active + .btn-outline-secondary, .btn-check:checked + .btn-outline-secondary, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show, .btn-outline-secondary:active { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-check:active + .btn-outline-secondary:focus, .btn-check:checked + .btn-outline-secondary:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus, .btn-outline-secondary:active:focus { box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; background-color: transparent; } .btn-outline-success { color: #198754; border-color: #198754; } .btn-outline-success:hover { color: #fff; background-color: #198754; border-color: #198754; } .btn-check:focus + .btn-outline-success, .btn-outline-success:focus { box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5); } .btn-check:active + .btn-outline-success, .btn-check:checked + .btn-outline-success, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show, .btn-outline-success:active { color: #fff; background-color: #198754; border-color: #198754; } .btn-check:active + .btn-outline-success:focus, .btn-check:checked + .btn-outline-success:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus, .btn-outline-success:active:focus { box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #198754; background-color: transparent; } .btn-outline-info { color: #0dcaf0; border-color: #0dcaf0; } .btn-outline-info:hover { color: #000; background-color: #0dcaf0; border-color: #0dcaf0; } .btn-check:focus + .btn-outline-info, .btn-outline-info:focus { box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5); } .btn-check:active + .btn-outline-info, .btn-check:checked + .btn-outline-info, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show, .btn-outline-info:active { color: #000; background-color: #0dcaf0; border-color: #0dcaf0; } .btn-check:active + .btn-outline-info:focus, .btn-check:checked + .btn-outline-info:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus, .btn-outline-info:active:focus { box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #0dcaf0; background-color: transparent; } .btn-outline-warning { color: #ffc107; border-color: #ffc107; } .btn-outline-warning:hover { color: #000; background-color: #ffc107; border-color: #ffc107; } .btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus { box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5); } .btn-check:active + .btn-outline-warning, .btn-check:checked + .btn-outline-warning, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show, .btn-outline-warning:active { color: #000; background-color: #ffc107; border-color: #ffc107; } .btn-check:active + .btn-outline-warning:focus, .btn-check:checked + .btn-outline-warning:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus, .btn-outline-warning:active:focus { box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent; } .btn-outline-danger { color: #dc3545; border-color: #dc3545; } .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus { box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5); } .btn-check:active + .btn-outline-danger, .btn-check:checked + .btn-outline-danger, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show, .btn-outline-danger:active { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-check:active + .btn-outline-danger:focus, .btn-check:checked + .btn-outline-danger:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus, .btn-outline-danger:active:focus { box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #dc3545; background-color: transparent; } .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:hover { color: #000; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-check:focus + .btn-outline-light, .btn-outline-light:focus { box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5); } .btn-check:active + .btn-outline-light, .btn-check:checked + .btn-outline-light, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show, .btn-outline-light:active { color: #000; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-check:active + .btn-outline-light:focus, .btn-check:checked + .btn-outline-light:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus, .btn-outline-light:active:focus { box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent; } .btn-outline-dark { color: #212529; border-color: #212529; } .btn-outline-dark:hover { color: #fff; background-color: #212529; border-color: #212529; } .btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus { box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5); } .btn-check:active + .btn-outline-dark, .btn-check:checked + .btn-outline-dark, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show, .btn-outline-dark:active { color: #fff; background-color: #212529; border-color: #212529; } .btn-check:active + .btn-outline-dark:focus, .btn-check:checked + .btn-outline-dark:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus, .btn-outline-dark:active:focus { box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #212529; background-color: transparent; } .btn-link { font-weight: 400; color: #0d6efd; text-decoration: underline; } .btn-link:hover { color: #0a58ca; } .btn-link.disabled, .btn-link:disabled { color: #6c757d; } .btn-group-lg > .btn, .btn-lg { padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: 0.3rem; } .btn-group-sm > .btn, .btn-sm { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; } .fade { transition: opacity 0.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 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .dropdown, .dropend, .dropstart, .dropup { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; z-index: 1000; display: none; min-width: 10rem; padding: 0.5rem 0; margin: 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .dropdown-menu[data-bs-popper] { top: 100%; left: 0; margin-top: 0.125rem; } .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: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.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: 0.125rem; } .dropend .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.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: 0.125rem; } .dropstart .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropstart .dropdown-toggle::after { display: none; } .dropstart .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropstart .dropdown-toggle:empty::after { margin-left: 0; } .dropstart .dropdown-toggle::before { vertical-align: 0; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid rgba(0, 0, 0, 0.15); } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:focus, .dropdown-item:hover { color: #1e2125; background-color: #e9ecef; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #0d6efd; } .dropdown-item.disabled, .dropdown-item:disabled { color: #adb5bd; pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1rem; color: #212529; } .dropdown-menu-dark { color: #dee2e6; background-color: #343a40; border-color: rgba(0, 0, 0, 0.15); } .dropdown-menu-dark .dropdown-item { color: #dee2e6; } .dropdown-menu-dark .dropdown-item:focus, .dropdown-menu-dark .dropdown-item:hover { color: #fff; background-color: rgba(255, 255, 255, 0.15); } .dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active { color: #fff; background-color: #0d6efd; } .dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled { color: #adb5bd; } .dropdown-menu-dark .dropdown-divider { border-color: rgba(0, 0, 0, 0.15); } .dropdown-menu-dark .dropdown-item-text { color: #dee2e6; } .dropdown-menu-dark .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 > .btn-group:not(:first-child), .btn-group > .btn:not(:first-child) { margin-left: -1px; } .btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn: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: 0.5625rem; padding-left: 0.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: 0.375rem; padding-left: 0.375rem; } .btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.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 { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; color: #0d6efd; text-decoration: none; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .nav-link { transition: none; } } .nav-link:focus, .nav-link:hover { color: #0a58ca; } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-link { margin-bottom: -1px; background: 0 0; border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: #e9ecef #e9ecef #dee2e6; isolation: isolate; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { background: 0 0; border: 0; border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #0d6efd; } .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 { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding-top: 0.5rem; padding-bottom: 0.5rem; } .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: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; text-decoration: none; white-space: nowrap; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; } .navbar-text { padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; transition: box-shadow 0.15s ease-in-out; } @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 0.25rem; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; 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: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm .navbar-nav-scroll { overflow: visible; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (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: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md .navbar-nav-scroll { overflow: visible; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (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: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg .navbar-nav-scroll { overflow: visible; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (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: 0.5rem; padding-left: 0.5rem; } .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; } } @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: 0.5rem; padding-left: 0.5rem; } .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 { 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: 0.5rem; padding-left: 0.5rem; } .navbar-expand .navbar-nav-scroll { overflow: visible; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.55); } .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.55); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: 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"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.55); } .navbar-light .navbar-text a, .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.55); } .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show > .nav-link { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.55); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: 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"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.55); } .navbar-dark .navbar-text a, .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover { color: #fff; } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; } .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: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0; } .card-body { flex: 1 1 auto; padding: 1rem 1rem; } .card-title { margin-bottom: 0.5rem; } .card-subtitle { margin-top: -0.25rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1rem; } .card-header { padding: 0.5rem 1rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-footer { padding: 0.5rem 1rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .card-header-tabs { margin-right: -0.5rem; margin-bottom: -0.5rem; margin-left: -0.5rem; border-bottom: 0; } .card-header-pills { margin-right: -0.5rem; margin-left: -0.5rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1rem; border-radius: calc(0.25rem - 1px); } .card-img, .card-img-bottom, .card-img-top { width: 100%; } .card-img, .card-img-top { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-img, .card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-group > .card { margin-bottom: 0.75rem; } @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-button { position: relative; display: flex; align-items: center; width: 100%; padding: 1rem 1.25rem; font-size: 1rem; color: #212529; text-align: left; background-color: #fff; border: 0; border-radius: 0; overflow-anchor: none; 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; } @media (prefers-reduced-motion: reduce) { .accordion-button { transition: none; } } .accordion-button:not(.collapsed) { color: #0c63e4; background-color: #e7f1ff; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125); } .accordion-button:not(.collapsed)::after { background-image: 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"); transform: rotate(-180deg); } .accordion-button::after { flex-shrink: 0; width: 1.25rem; height: 1.25rem; margin-left: auto; content: ""; background-image: 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"); background-repeat: no-repeat; background-size: 1.25rem; transition: transform 0.2s ease-in-out; } @media (prefers-reduced-motion: reduce) { .accordion-button::after { transition: none; } } .accordion-button:hover { z-index: 2; } .accordion-button:focus { z-index: 3; border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .accordion-header { margin-bottom: 0; } .accordion-item { background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .accordion-item:first-of-type { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .accordion-item:first-of-type .accordion-button { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .accordion-item:not(:first-of-type) { border-top: 0; } .accordion-item:last-of-type { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .accordion-item:last-of-type .accordion-button.collapsed { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .accordion-item:last-of-type .accordion-collapse { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .accordion-body { padding: 1rem 1.25rem; } .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 { border-radius: 0; } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0 0; margin-bottom: 1rem; list-style: none; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { float: left; padding-right: 0.5rem; color: #6c757d; content: var(--bs-breadcrumb-divider, "/"); } .breadcrumb-item.active { color: #6c757d; } .pagination { display: flex; padding-left: 0; list-style: none; } .page-link { position: relative; display: block; color: #0d6efd; text-decoration: none; background-color: #fff; border: 1px solid #dee2e6; 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; } @media (prefers-reduced-motion: reduce) { .page-link { transition: none; } } .page-link:hover { z-index: 2; color: #0a58ca; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 3; color: #0a58ca; background-color: #e9ecef; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .page-item:not(:first-child) .page-link { margin-left: -1px; } .page-item.active .page-link { z-index: 3; color: #fff; background-color: #0d6efd; border-color: #0d6efd; } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; background-color: #fff; border-color: #dee2e6; } .page-link { padding: 0.375rem 0.75rem; } .page-item:first-child .page-link { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.35em 0.65em; font-size: 0.75em; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .alert { position: relative; padding: 1rem 1rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .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 { color: #084298; background-color: #cfe2ff; border-color: #b6d4fe; } .alert-primary .alert-link { color: #06357a; } .alert-secondary { color: #41464b; background-color: #e2e3e5; border-color: #d3d6d8; } .alert-secondary .alert-link { color: #34383c; } .alert-success { color: #0f5132; background-color: #d1e7dd; border-color: #badbcc; } .alert-success .alert-link { color: #0c4128; } .alert-info { color: #055160; background-color: #cff4fc; border-color: #b6effb; } .alert-info .alert-link { color: #04414d; } .alert-warning { color: #664d03; background-color: #fff3cd; border-color: #ffecb5; } .alert-warning .alert-link { color: #523e02; } .alert-danger { color: #842029; background-color: #f8d7da; border-color: #f5c2c7; } .alert-danger .alert-link { color: #6a1a21; } .alert-light { color: #636464; background-color: #fefefe; border-color: #fdfdfe; } .alert-light .alert-link { color: #4f5050; } .alert-dark { color: #141619; background-color: #d3d3d4; border-color: #bcbebf; } .alert-dark .alert-link { color: #101214; } @-webkit-keyframes progress-bar-stripes { 0% { background-position-x: 1rem; } } @keyframes progress-bar-stripes { 0% { background-position-x: 1rem; } } .progress { display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; } .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: #0d6efd; transition: width 0.6s ease; } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { 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 ); background-size: 1rem 1rem; } .progress-bar-animated { -webkit-animation: 1s linear infinite progress-bar-stripes; animation: 1s linear infinite progress-bar-stripes; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { -webkit-animation: none; animation: none; } } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: 0.25rem; } .list-group-numbered { list-style-type: none; counter-reset: section; } .list-group-numbered > li::before { content: counters(section, ".") ". "; counter-increment: section; } .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .list-group-item-action:focus, .list-group-item-action:hover { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa; } .list-group-item-action:active { color: #212529; background-color: #e9ecef; } .list-group-item { position: relative; display: block; padding: 0.5rem 1rem; color: #212529; text-decoration: none; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #0d6efd; border-color: #0d6efd; } .list-group-item + .list-group-item { border-top-width: 0; } .list-group-item + .list-group-item.active { margin-top: -1px; border-top-width: 1px; } .list-group-horizontal { flex-direction: row; } .list-group-horizontal > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal > .list-group-item.active { margin-top: 0; } .list-group-horizontal > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-sm > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-sm > .list-group-item.active { margin-top: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-md > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-md > .list-group-item.active { margin-top: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-lg > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-lg > .list-group-item.active { margin-top: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xl > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-xl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1400px) { .list-group-horizontal-xxl { flex-direction: row; } .list-group-horizontal-xxl > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xxl > .list-group-item:last-child { border-top-right-radius: 0.25rem; 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: 1px; border-left-width: 0; } .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } .list-group-flush { border-radius: 0; } .list-group-flush > .list-group-item { border-width: 0 0 1px; } .list-group-flush > .list-group-item:last-child { border-bottom-width: 0; } .list-group-item-primary { color: #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: 0.25em 0.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 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; border: 0; border-radius: 0.25rem; opacity: 0.5; } .btn-close:hover { color: #000; text-decoration: none; opacity: 0.75; } .btn-close:focus { outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); opacity: 1; } .btn-close.disabled, .btn-close:disabled { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; opacity: 0.25; } .btn-close-white { filter: invert(1) grayscale(100%) brightness(200%); } .toast { width: 350px; max-width: 100%; font-size: 0.875rem; pointer-events: auto; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .toast:not(.showing):not(.show) { opacity: 0; } .toast.hide { display: none; } .toast-container { width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 100%; pointer-events: none; } .toast-container > :not(:last-child) { margin-bottom: 0.75rem; } .toast-header { display: flex; align-items: center; padding: 0.5rem 0.75rem; color: #6c757d; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .toast-header .btn-close { margin-right: -0.375rem; margin-left: 0.75rem; } .toast-body { padding: 0.75rem; word-wrap: break-word; } .modal { position: fixed; top: 0; left: 0; z-index: 1060; display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.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% - 1rem); } .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% - 1rem); } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #212529; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .modal-header .btn-close { padding: 0.5rem 0.5rem; margin: -0.5rem -0.5rem -0.5rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; flex-wrap: wrap; flex-shrink: 0; align-items: center; justify-content: flex-end; padding: 0.75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(0.3rem - 1px); border-bottom-left-radius: calc(0.3rem - 1px); } .modal-footer > * { margin: 0.25rem; } @media (min-width: 576px) { .modal-dialog { max-width: 415px; margin: 1.75rem auto; } .modal-dialog-scrollable { height: calc(100% - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-sm { max-width: 350px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { .modal-xl { max-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-header { border-radius: 0; } .modal-fullscreen .modal-body { overflow-y: auto; } .modal-fullscreen .modal-footer { border-radius: 0; } @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-header { border-radius: 0; } .modal-fullscreen-sm-down .modal-body { overflow-y: auto; } .modal-fullscreen-sm-down .modal-footer { border-radius: 0; } } @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-header { border-radius: 0; } .modal-fullscreen-md-down .modal-body { overflow-y: auto; } .modal-fullscreen-md-down .modal-footer { border-radius: 0; } } @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-header { border-radius: 0; } .modal-fullscreen-lg-down .modal-body { overflow-y: auto; } .modal-fullscreen-lg-down .modal-footer { border-radius: 0; } } @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-header { border-radius: 0; } .modal-fullscreen-xl-down .modal-body { overflow-y: auto; } .modal-fullscreen-xl-down .modal-footer { border-radius: 0; } } @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-header { border-radius: 0; } .modal-fullscreen-xxl-down .modal-body { overflow-y: auto; } .modal-fullscreen-xxl-down .modal-footer { border-radius: 0; } } .tooltip { position: absolute; z-index: 1080; display: block; margin: 0; 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; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .tooltip-arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .tooltip-arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-auto[data-popper-placement^="top"], .bs-tooltip-top { padding: 0.4rem 0; } .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: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-auto[data-popper-placement^="right"], .bs-tooltip-end { padding: 0 0.4rem; } .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow, .bs-tooltip-end .tooltip-arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before, .bs-tooltip-end .tooltip-arrow::before { right: -1px; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-auto[data-popper-placement^="bottom"], .bs-tooltip-bottom { padding: 0.4rem 0; } .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 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-auto[data-popper-placement^="left"], .bs-tooltip-start { padding: 0 0.4rem; } .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow, .bs-tooltip-start .tooltip-arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before { left: -1px; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } .popover { position: absolute; top: 0; left: 0; z-index: 1070; display: block; max-width: 276px; 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; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover .popover-arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; } .popover .popover-arrow::after, .popover .popover-arrow::before { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow, .bs-popover-top > .popover-arrow { bottom: calc(-0.5rem - 1px); } .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before, .bs-popover-top > .popover-arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after, .bs-popover-top > .popover-arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #fff; } .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow, .bs-popover-end > .popover-arrow { left: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; } .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before, .bs-popover-end > .popover-arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after, .bs-popover-end > .popover-arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #fff; } .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow, .bs-popover-bottom > .popover-arrow { top: calc(-0.5rem - 1px); } .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after, .bs-popover-bottom > .popover-arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #fff; } .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: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f0f0f0; } .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow, .bs-popover-start > .popover-arrow { right: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; } .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before, .bs-popover-start > .popover-arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after, .bs-popover-start > .popover-arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; } .popover-header { padding: 0.5rem 1rem; margin-bottom: 0; font-size: 1rem; background-color: #f0f0f0; border-bottom: 1px solid rgba(0, 0, 0, 0.2); border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 1rem 1rem; color: #212529; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-item { position: relative; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; transition: -webkit-transform 0.6s ease; transition: transform 0.6s ease; transition: transform 0.6s ease, -webkit-transform 0.6s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } .carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block; } .carousel-item-next, .carousel-item-prev { position: absolute; top: 0; } .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { -webkit-transform: translateX(0); transform: translateX(0); } @supports ( (-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d) ) { .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .active.carousel-item-right, .carousel-item-next { -webkit-transform: translateX(100%); transform: translateX(100%); } @supports ( (-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d) ) { .active.carousel-item-right, .carousel-item-next { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .active.carousel-item-left, .carousel-item-prev { -webkit-transform: translateX(-100%); transform: translateX(-100%); } @supports ( (-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d) ) { .active.carousel-item-left, .carousel-item-prev { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .carousel-control-next, .carousel-control-prev { position: absolute; top: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; } .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' 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: 0.5; transition: opacity 0.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; } @-webkit-keyframes spinner-border { to { transform: rotate(360deg); } } @keyframes spinner-border { to { transform: rotate(360deg); } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: -0.125em; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; -webkit-animation: 0.75s linear infinite spinner-border; animation: 0.75s linear infinite spinner-border; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @-webkit-keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: -0.125em; background-color: currentColor; border-radius: 50%; opacity: 0; -webkit-animation: 0.75s linear infinite spinner-grow; animation: 0.75s linear infinite spinner-grow; } .spinner-grow-sm { width: 1rem; height: 1rem; } @media (prefers-reduced-motion: reduce) { .spinner-border, .spinner-grow { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } } .offcanvas { position: fixed; bottom: 0; z-index: 1050; display: flex; flex-direction: column; max-width: 100%; visibility: hidden; background-color: #fff; background-clip: padding-box; outline: 0; transition: transform 0.3s ease-in-out; } @media (prefers-reduced-motion: reduce) { .offcanvas { transition: none; } } .offcanvas-header { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1rem; } .offcanvas-header .btn-close { padding: 0.5rem 0.5rem; margin-top: -0.5rem; margin-right: -0.5rem; margin-bottom: -0.5rem; } .offcanvas-title { margin-bottom: 0; line-height: 1.5; } .offcanvas-body { flex-grow: 1; padding: 1rem 1rem; overflow-y: auto; } .offcanvas-start { top: 0; left: 0; width: 400px; border-right: 1px solid rgba(0, 0, 0, 0.2); transform: translateX(-100%); } .offcanvas-end { top: 0; right: 0; width: 400px; border-left: 1px solid rgba(0, 0, 0, 0.2); transform: translateX(100%); } .offcanvas-top { top: 0; right: 0; left: 0; height: 30vh; max-height: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.2); transform: translateY(-100%); } .offcanvas-bottom { right: 0; left: 0; height: 30vh; max-height: 100%; border-top: 1px solid rgba(0, 0, 0, 0.2); transform: translateY(100%); } .offcanvas.show { transform: none; } .clearfix::after { display: block; clear: both; content: ""; } .link-primary { color: #0d6efd; } .link-primary:focus, .link-primary:hover { color: #0a58ca; } .link-secondary { color: #6c757d; } .link-secondary:focus, .link-secondary:hover { color: #565e64; } .link-success { color: #198754; } .link-success:focus, .link-success:hover { color: #146c43; } .link-info { color: #0dcaf0; } .link-info:focus, .link-info:hover { color: #3dd5f3; } .link-warning { color: #ffc107; } .link-warning:focus, .link-warning:hover { color: #ffcd39; } .link-danger { color: #dc3545; } .link-danger:focus, .link-danger:hover { color: #b02a37; } .link-light { color: #f8f9fa; } .link-light:focus, .link-light:hover { color: #f9fafb; } .link-dark { color: #212529; } .link-dark:focus, .link-dark:hover { color: #1a1e21; } .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: calc(3 / 4 * 100%); } .ratio-16x9 { --bs-aspect-ratio: calc(9 / 16 * 100%); } .ratio-21x9 { --bs-aspect-ratio: calc(9 / 21 * 100%); } .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; } @media (min-width: 576px) { .sticky-sm-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } @media (min-width: 768px) { .sticky-md-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } @media (min-width: 992px) { .sticky-lg-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } @media (min-width: 1200px) { .sticky-xl-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } @media (min-width: 1400px) { .sticky-xxl-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } .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; } .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; } .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 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 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: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-top-0 { border-top: 0 !important; } .border-end { border-right: 1px solid #dee2e6 !important; } .border-end-0 { border-right: 0 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-start { border-left: 1px solid #dee2e6 !important; } .border-start-0 { border-left: 0 !important; } .border-primary { border-color: #0d6efd !important; } .border-secondary { border-color: #6c757d !important; } .border-success { border-color: #198754 !important; } .border-info { border-color: #0dcaf0 !important; } .border-warning { border-color: #ffc107 !important; } .border-danger { border-color: #dc3545 !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #212529 !important; } .border-white { border-color: #fff !important; } .border-1 { border-width: 1px !important; } .border-2 { border-width: 2px !important; } .border-3 { border-width: 3px !important; } .border-4 { border-width: 4px !important; } .border-5 { border-width: 5px !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .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; } .gap-0 { gap: 0 !important; } .gap-1 { gap: 0.25rem !important; } .gap-2 { gap: 0.5rem !important; } .gap-3 { gap: 1rem !important; } .gap-4 { gap: 1.5rem !important; } .gap-5 { gap: 3rem !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: 0.25rem !important; } .m-2 { margin: 0.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: 0.25rem !important; margin-left: 0.25rem !important; } .mx-2 { margin-right: 0.5rem !important; margin-left: 0.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: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.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: 0.25rem !important; } .mt-2 { margin-top: 0.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: 0.25rem !important; } .me-2 { margin-right: 0.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: 0.25rem !important; } .mb-2 { margin-bottom: 0.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: 0.25rem !important; } .ms-2 { margin-left: 0.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: 0.25rem !important; } .p-2 { padding: 0.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: 0.25rem !important; padding-left: 0.25rem !important; } .px-2 { padding-right: 0.5rem !important; padding-left: 0.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: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.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: 0.25rem !important; } .pt-2 { padding-top: 0.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: 0.25rem !important; } .pe-2 { padding-right: 0.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: 0.25rem !important; } .pb-2 { padding-bottom: 0.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: 0.25rem !important; } .ps-2 { padding-left: 0.5rem !important; } .ps-3 { padding-left: 1rem !important; } .ps-4 { padding-left: 1.5rem !important; } .ps-5 { padding-left: 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 + 0.9vw) !important; } .fs-3 { font-size: calc(1.3rem + 0.6vw) !important; } .fs-4 { font-size: calc(1.275rem + 0.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-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 { color: #0d6efd !important; } .text-secondary { color: #6c757d !important; } .text-success { color: #198754 !important; } .text-info { color: #0dcaf0 !important; } .text-warning { color: #ffc107 !important; } .text-danger { color: #dc3545 !important; } .text-light { color: #f8f9fa !important; } .text-dark { color: #212529 !important; } .text-white { color: #fff !important; } .text-body { color: #212529 !important; } .text-muted { color: #6c757d !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-reset { color: inherit !important; } .bg-primary { background-color: #0d6efd !important; } .bg-secondary { background-color: #6c757d !important; } .bg-success { background-color: #198754 !important; } .bg-info { background-color: #0dcaf0 !important; } .bg-warning { background-color: #ffc107 !important; } .bg-danger { background-color: #dc3545 !important; } .bg-light { background-color: #f8f9fa !important; } .bg-dark { background-color: #212529 !important; } .bg-body { background-color: #fff !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .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: 0.25rem !important; } .rounded-0 { border-radius: 0 !important; } .rounded-1 { border-radius: 0.2rem !important; } .rounded-2 { border-radius: 0.25rem !important; } .rounded-3 { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-end { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-start { border-bottom-left-radius: 0.25rem !important; border-top-left-radius: 0.25rem !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; } .gap-sm-0 { gap: 0 !important; } .gap-sm-1 { gap: 0.25rem !important; } .gap-sm-2 { gap: 0.5rem !important; } .gap-sm-3 { gap: 1rem !important; } .gap-sm-4 { gap: 1.5rem !important; } .gap-sm-5 { gap: 3rem !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: 0.25rem !important; } .m-sm-2 { margin: 0.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: 0.25rem !important; margin-left: 0.25rem !important; } .mx-sm-2 { margin-right: 0.5rem !important; margin-left: 0.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: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-sm-2 { margin-top: 0.5rem !important; margin-bottom: 0.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: 0.25rem !important; } .mt-sm-2 { margin-top: 0.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: 0.25rem !important; } .me-sm-2 { margin-right: 0.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: 0.25rem !important; } .mb-sm-2 { margin-bottom: 0.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: 0.25rem !important; } .ms-sm-2 { margin-left: 0.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: 0.25rem !important; } .p-sm-2 { padding: 0.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: 0.25rem !important; padding-left: 0.25rem !important; } .px-sm-2 { padding-right: 0.5rem !important; padding-left: 0.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: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-sm-2 { padding-top: 0.5rem !important; padding-bottom: 0.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: 0.25rem !important; } .pt-sm-2 { padding-top: 0.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: 0.25rem !important; } .pe-sm-2 { padding-right: 0.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: 0.25rem !important; } .pb-sm-2 { padding-bottom: 0.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: 0.25rem !important; } .ps-sm-2 { padding-left: 0.5rem !important; } .ps-sm-3 { padding-left: 1rem !important; } .ps-sm-4 { padding-left: 1.5rem !important; } .ps-sm-5 { padding-left: 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; } .gap-md-0 { gap: 0 !important; } .gap-md-1 { gap: 0.25rem !important; } .gap-md-2 { gap: 0.5rem !important; } .gap-md-3 { gap: 1rem !important; } .gap-md-4 { gap: 1.5rem !important; } .gap-md-5 { gap: 3rem !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: 0.25rem !important; } .m-md-2 { margin: 0.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: 0.25rem !important; margin-left: 0.25rem !important; } .mx-md-2 { margin-right: 0.5rem !important; margin-left: 0.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: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-md-2 { margin-top: 0.5rem !important; margin-bottom: 0.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: 0.25rem !important; } .mt-md-2 { margin-top: 0.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: 0.25rem !important; } .me-md-2 { margin-right: 0.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: 0.25rem !important; } .mb-md-2 { margin-bottom: 0.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: 0.25rem !important; } .ms-md-2 { margin-left: 0.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: 0.25rem !important; } .p-md-2 { padding: 0.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: 0.25rem !important; padding-left: 0.25rem !important; } .px-md-2 { padding-right: 0.5rem !important; padding-left: 0.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: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-md-2 { padding-top: 0.5rem !important; padding-bottom: 0.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: 0.25rem !important; } .pt-md-2 { padding-top: 0.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: 0.25rem !important; } .pe-md-2 { padding-right: 0.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: 0.25rem !important; } .pb-md-2 { padding-bottom: 0.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: 0.25rem !important; } .ps-md-2 { padding-left: 0.5rem !important; } .ps-md-3 { padding-left: 1rem !important; } .ps-md-4 { padding-left: 1.5rem !important; } .ps-md-5 { padding-left: 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; } .gap-lg-0 { gap: 0 !important; } .gap-lg-1 { gap: 0.25rem !important; } .gap-lg-2 { gap: 0.5rem !important; } .gap-lg-3 { gap: 1rem !important; } .gap-lg-4 { gap: 1.5rem !important; } .gap-lg-5 { gap: 3rem !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: 0.25rem !important; } .m-lg-2 { margin: 0.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: 0.25rem !important; margin-left: 0.25rem !important; } .mx-lg-2 { margin-right: 0.5rem !important; margin-left: 0.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: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-lg-2 { margin-top: 0.5rem !important; margin-bottom: 0.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: 0.25rem !important; } .mt-lg-2 { margin-top: 0.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: 0.25rem !important; } .me-lg-2 { margin-right: 0.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: 0.25rem !important; } .mb-lg-2 { margin-bottom: 0.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: 0.25rem !important; } .ms-lg-2 { margin-left: 0.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: 0.25rem !important; } .p-lg-2 { padding: 0.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: 0.25rem !important; padding-left: 0.25rem !important; } .px-lg-2 { padding-right: 0.5rem !important; padding-left: 0.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: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-lg-2 { padding-top: 0.5rem !important; padding-bottom: 0.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: 0.25rem !important; } .pt-lg-2 { padding-top: 0.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: 0.25rem !important; } .pe-lg-2 { padding-right: 0.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: 0.25rem !important; } .pb-lg-2 { padding-bottom: 0.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: 0.25rem !important; } .ps-lg-2 { padding-left: 0.5rem !important; } .ps-lg-3 { padding-left: 1rem !important; } .ps-lg-4 { padding-left: 1.5rem !important; } .ps-lg-5 { padding-left: 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; } .gap-xl-0 { gap: 0 !important; } .gap-xl-1 { gap: 0.25rem !important; } .gap-xl-2 { gap: 0.5rem !important; } .gap-xl-3 { gap: 1rem !important; } .gap-xl-4 { gap: 1.5rem !important; } .gap-xl-5 { gap: 3rem !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: 0.25rem !important; } .m-xl-2 { margin: 0.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: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xl-2 { margin-right: 0.5rem !important; margin-left: 0.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: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xl-2 { margin-top: 0.5rem !important; margin-bottom: 0.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: 0.25rem !important; } .mt-xl-2 { margin-top: 0.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: 0.25rem !important; } .me-xl-2 { margin-right: 0.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: 0.25rem !important; } .mb-xl-2 { margin-bottom: 0.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: 0.25rem !important; } .ms-xl-2 { margin-left: 0.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: 0.25rem !important; } .p-xl-2 { padding: 0.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: 0.25rem !important; padding-left: 0.25rem !important; } .px-xl-2 { padding-right: 0.5rem !important; padding-left: 0.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: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xl-2 { padding-top: 0.5rem !important; padding-bottom: 0.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: 0.25rem !important; } .pt-xl-2 { padding-top: 0.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: 0.25rem !important; } .pe-xl-2 { padding-right: 0.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: 0.25rem !important; } .pb-xl-2 { padding-bottom: 0.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: 0.25rem !important; } .ps-xl-2 { padding-left: 0.5rem !important; } .ps-xl-3 { padding-left: 1rem !important; } .ps-xl-4 { padding-left: 1.5rem !important; } .ps-xl-5 { padding-left: 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; } .gap-xxl-0 { gap: 0 !important; } .gap-xxl-1 { gap: 0.25rem !important; } .gap-xxl-2 { gap: 0.5rem !important; } .gap-xxl-3 { gap: 1rem !important; } .gap-xxl-4 { gap: 1.5rem !important; } .gap-xxl-5 { gap: 3rem !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: 0.25rem !important; } .m-xxl-2 { margin: 0.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: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xxl-2 { margin-right: 0.5rem !important; margin-left: 0.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: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xxl-2 { margin-top: 0.5rem !important; margin-bottom: 0.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: 0.25rem !important; } .mt-xxl-2 { margin-top: 0.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: 0.25rem !important; } .me-xxl-2 { margin-right: 0.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: 0.25rem !important; } .mb-xxl-2 { margin-bottom: 0.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: 0.25rem !important; } .ms-xxl-2 { margin-left: 0.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: 0.25rem !important; } .p-xxl-2 { padding: 0.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: 0.25rem !important; padding-left: 0.25rem !important; } .px-xxl-2 { padding-right: 0.5rem !important; padding-left: 0.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: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xxl-2 { padding-top: 0.5rem !important; padding-bottom: 0.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: 0.25rem !important; } .pt-xxl-2 { padding-top: 0.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: 0.25rem !important; } .pe-xxl-2 { padding-right: 0.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: 0.25rem !important; } .pb-xxl-2 { padding-bottom: 0.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: 0.25rem !important; } .ps-xxl-2 { padding-left: 0.5rem !important; } .ps-xxl-3 { padding-left: 1rem !important; } .ps-xxl-4 { padding-left: 1.5rem !important; } .ps-xxl-5 { padding-left: 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; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .text-justify { text-align: justify !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #007bff !important; } a.text-primary:focus, a.text-primary:hover { color: #0062cc !important; } .text-secondary { color: #6c757d !important; } a.text-secondary:focus, a.text-secondary:hover { color: #545b62 !important; } .text-success { color: #28a745 !important; } a.text-success:focus, a.text-success:hover { color: #1e7e34 !important; } .text-info { color: #17a2b8 !important; } a.text-info:focus, a.text-info:hover { color: #117a8b !important; } .text-warning { color: #ffc107 !important; } a.text-warning:focus, a.text-warning:hover { color: #d39e00 !important; } .text-danger { color: #dc3545 !important; } a.text-danger:focus, a.text-danger:hover { color: #bd2130 !important; } .text-light { color: #f8f9fa !important; } a.text-light:focus, a.text-light:hover { color: #dae0e5 !important; } .text-dark { color: #343a40 !important; } a.text-dark:focus, a.text-dark:hover { color: #1d2124 !important; } .text-muted { color: #6c757d !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { *, ::after, ::before { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } blockquote, pre { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } img, tr { page-break-inside: avoid; } h2, h3, p { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered td, .table-bordered th { border: 1px solid #ddd !important; } } /*# sourceMappingURL=bootstrap.min.css.map */ /*------------------------------------------------------------------ File Name: style.css -------------------------------------------------------------------*/ /*------------------------------------------------------------------ [Table of contents] 1. IMPORT FONTS 2. IMPORT FILES 3. BASIC 4. LOADER 5. HEADER - Header Top - Menu - Search Bar - Side Menu - Fix Header 6. SLIDER PARALLAX - Simple Parallax - Slider Text - Testimonial slider 7. SECTION - Counter - Form - Progress Bar - Pagination 8. Home Index 9. ACCORDION 10. PRICE TABLE 11. INNER PAGE BANNER 12. SIDEBAR - Sidebar Search 13. BLOG - Blog Detail 14. CASE STUDIES 15. SHOP 16. FOOTER 17. BG Website 18. CUSTOM -------------------------------------------------------------------*/ /*------------------------------------------------------------------ 1. IMPORT FONTS -------------------------------------------------------------------*/ @font-face { font-family: 'Roboto-Black'; src: url('../fonts/Roboto-Black.ttf') format('truetype'); } @font-face { font-family: 'Roboto-BlackItalic'; src: url('../fonts/Roboto-BlackItalic.ttf') format('truetype'); } @font-face { font-family: 'Roboto-Bold'; src: url('../fonts/Roboto-Bold.ttf') format('truetype'); } @font-face { font-family: 'Roboto-BoldItalic'; src: url('../fonts/Roboto-BoldItalic.ttf') format('truetype'); } @font-face { font-family: 'Roboto-Italic'; src: url('../fonts/Roboto-Italic.ttf') format('truetype'); } @font-face { font-family: 'Roboto-Light'; src: url('../fonts/Roboto-Light.ttf') format('truetype'); } @font-face { font-family: 'Roboto-LightItalic'; src: url('../fonts/Roboto-LightItalic.ttf') format('truetype'); } @font-face { font-family: 'Roboto-Medium'; src: url('../fonts/Roboto-Medium.ttf') format('truetype'); } @font-face { font-family: 'Roboto-MediumItalic'; src: url('../fonts/Roboto-MediumItalic.ttf') format('truetype'); } @font-face { font-family: 'Roboto-Regular'; src: url('../fonts/Roboto-Regular.ttf') format('truetype'); } @font-face { font-family: 'Roboto-Thin'; src: url('../fonts/Roboto-Thin.ttf') format('truetype'); } @font-face { font-family: 'Roboto-ThinItalic'; src: url('../fonts/Roboto-ThinItalic.ttf') format('truetype'); } @font-face { font-family: 'MaterialIcons-Regular'; src: url('../fonts/material-design-icons/MaterialIcons-Regular.woff2') format('woff2'), url('../fonts/material-design-icons/MaterialIcons-Regular.woff') format('woff'), url('../fonts/material-design-icons/MaterialIcons-Regular.ttf') format('truetype'), url('../fonts/material-design-icons/MaterialIcons-Regular.eot') format('embedded-opentype'); } material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ font-feature-settings: 'liga'; } /*------------------------------------------------------------------ 2. IMPORT FILES -------------------------------------------------------------------*/ /* @import url(font-awesome.min.css); */ /*------------------------------------------------------------------ 3. BASIC -------------------------------------------------------------------*/ * { margin: 0; padding: 0; outline: none !important; box-sizing: border-box; } html, body { font-size: 16px; font-family: Roboto-Regular; overflow-x: hidden; } .font_roboto_regular{ font-family:Roboto-Regular; } .font_roboto_medium { font-family:Roboto-Medium; } .font_roboto_medium_italic { font-family: Roboto-MediumItalic; } .font_roboto_bold { font-family:Roboto-Bold; } .font_roboto_black{ font-family:Roboto-Black; } .rounded-100px { border-radius: 100px !important; } body.demos .section { background: url(images/bg.png) repeat top center #f2f3f5; } body.demos .section-title img { max-width: 280px; display: block; margin: 10px auto; } body.demos .service-widget h3 { border-bottom: 1px solid #ededed; font-size: 18px; padding: 20px 0; background-color: #ffffff; } body.demos .service-widget { margin: 0 0 30px; padding: 30px; background-color: #fff } body.demos .container-fluid { max-width: 1080px } a { color: #1f1f1f; text-decoration: none !important; outline: none !important; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } h1, h2, h3, h4, h5, h6 { letter-spacing: 0; font-weight: normal; position: relative; padding: 0; font-weight: normal; line-height: normal; color: #1f1f1f; margin: 0 } /* limit line text and hide */ .limit_lenght_trendingnow { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; width:617px; -webkit-box-orient: vertical; } .limitlinetext { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* number of lines to show */ -webkit-box-orient: vertical; } .limit_specs { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; /* number of lines to show */ -webkit-box-orient: vertical; } .limit_line_banner { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .limit2line { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */ -webkit-box-orient: vertical; } h6 { font-size: 14px; margin-bottom: 10px; } h1 { font-size: 24px } .margin_carousel { margin-top: 20px; } .small_heading.main-heading h4 { font-size: 21px; } .small_heading.main-heading::after { top: 18px; } .small_heading.main-heading { margin-bottom: 20px; width: 100%; } h3 { font-size: 18px } h4 { font-size: 16px } h5 { font-size: 14px } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #212121; text-decoration: none !important; opacity: 1 } ol, ul { list-style: none; margin: 0; } a { text-decoration: none; outline: none; } a, .btn { outline: none !important; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .btn-custom { margin-top: 20px; background-color: transparent; border: 2px solid #ddd; padding: 12px 40px; font-size: 16px; } .button_section { float: left; width: 100%; } a.btn, button.btn { padding: 0px 15px 0px 15px; text-align: center; border: none; border-radius: 2px; line-height: 48px; font-size: 20px; text-transform: uppercase; color: #fff; position: relative; } .padding-circle-icons { padding: 20px; width: 30px; height: 30px; border-radius: 1em; justify-content: center; } .btn.dark_gray_bt { background: #252525; } a.btn.border_btn { border: solid transparent 1px; background: transparent; } button.btn.white_btn, a.btn.white_btnbutton.btn.white_btn, a.btn.white_btn { background: #ffffff; padding: 0 50px; } .btn.sqaure_bt i { margin-left: 8px; top: -1px; position: relative; } .bottom_info .btn.sqaure_bt { margin: 0; } .bottom_info .pull-right { margin-top: 0px; } .blog_grid .bottom_info .pull-right { margin-top: 0 !important; } .padding-bottom_0 { padding-bottom: 0 !important; } .padding-top_0 { padding-top: 0 !important; } .padding-bottom_1 { padding-bottom: 10px !important; } .padding-bottom_2 { padding-bottom: 20px !important; } .padding-bottom_3 { padding-bottom: 30px !important; } .padding-bottom_4 { padding-bottom: 40px !important; } .padding-bottom_5 { padding-bottom: 50px !important; } .pull-right { float: right !important; } .pull-left { float: left !important; } .img-responsive { max-width: 100%; overflow: hidden; margin: 0 auto; } .img-responsive:hover { -moz-transform: scale(1.07); -webkit-transform: scale(1.07); -o-transform: scale(1.07); transform: scale(1.07); -ms-transform: scale(1.07); filter: progid: DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=2, M12=-0, M21=0, M22=2); } @media only screen and (max-width: 620px) { .hideimage { display: none; } } .color_black p, .color_black ul, .color_black ul li { color: #000; } .header__cart { background: #29324e; display: flex; padding: 1.2px 10px 1.2px 10px; cursor: pointer; position: relative; border-radius:2px; width:73px; } .black_color { color: #000; } .lead { font-size: 18px; line-height: 30px; color: #767676; margin: 0; padding: 0; } blockquote { margin: 20px 0 20px; padding: 30px; } .margin_0 { margin: 0 !important; } .padding_0 { padding: 0 !important; } h2 { font-size: 35px; color: #000; position: relative; line-height: 1.5; margin-bottom: 15px; margin-top: 15px; } h3 { font-size: 24px; color: #000; font-family: Roboto-Medium; line-height: 1.5; text-transform: none; margin-bottom: 20px; } h4 { font-size: 18px ; color: #000; line-height: 21px; text-transform: none; line-height: 1.5; font-family: Roboto-Medium; margin: 30px 0 20px 0; } h5 { font-size: 15px ; line-height: 1.5; margin: 0; line-height: normal; color: #000; } p { font-size: 16px; line-height: 21px; } p.large { color: #898989; font-size: 20px; margin: 0 0 10px 0; } p.large_2 { font-size: 18px; color: #898989; } button, input, select, textarea, option { /*font-family: 'ChakraPetch-Medium';*/ font-family: Roboto-Regular; } a#submit { z-index: 1; } .pagination_comment_post .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: 0; line-height: normal; color: #000000; background-color: #fff; cursor:pointer; border-radius: 2px; width: 31px; text-align: center; height: 31px; } .pagination_comment_post .pagination > li { display: inline; margin: 0 0 0 5px; float: left; } a:hover, a:focus { color: unset; text-decoration: none; } .pagination_comment_post .pagination > li > a { background-color: #f5f5f5; } .pagination_comment_post .pagination > li.active a { background-color: #c0c0c0; color: rgb(74, 74, 74); } .pagination_comment_post .pagination > li > a:focus, .pagination_comment_post .pagination > li > a:hover, .pagination_comment_post .pagination > li > span:focus, .pagination_comment_post .pagination > li > span:hover { background-color: #c0c0c0; color: rgb(74, 74, 74); border-color: #c0c0c0; } .span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10 { padding: 0 15px; float: left; min-height: 25px; } .border_radius_0 { border-radius: 0 !important; } .span1 { width: 10%; } .span2 { width: 20%; } .span3 { width: 30%; } .span4 { width: 40%; } .span5 { width: 50%; } .span6 { width: 60%; } .span7 { width: 70%; } .span8 { width: 80%; } .span9 { width: 90%; } .span10 { width: 100%; } .section_padding { padding: 80px 0 100px; } .layout_2_padding { padding: 100px 0 80px; } .full { width: 100%; float: left; margin: 0; padding: 0; } .top_80 { top: 80px; } .right_side { float: right; } .text_align_right { text-align: right; } .left_side { float: left; } .text_align_left { text-align: left; } .text_align_center { text-align: center; } .center { width: 100%; display: flex; justify-content: center; } .endright { width: 100%; display: flex; justify-content: flex-end; } .center1 { margin: 0; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .border_dotted_circle { border: dotted #e1e1e1 3px; width: 170px; height: 170px; border-radius: 100%; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; } .border_dotted_circle:hover, .border_dotted_circle:focus { border: dotted #e1e1e1 3px; animation-name: rotate; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: rotate; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: rotate; -moz-animation-duration: 2s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: rotate; -ms-animation-duration: 5s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: rotate; -o-animation-duration: 2s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes rotate { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } .white_fonts p, .white_fonts h1, .white_fonts h2, .white_fonts h3, .white_fonts h4, .white_fonts h5, .white_fonts h6, .white_fonts ul, .white_fonts ul li, .white_fonts ul li a, .white_fonts ul i, .white_fonts .post_info i, .white_fonts div, .white_fonts a.read_more { color: #fff !important; } .light_silver_fonts p, .light_silver_fonts h1, .light_silver_fonts h2, .light_silver_fonts h3, .light_silver_fonts h4, .light_silver_fonts h5, .light_silver_fonts h6, .light_silver_fonts ul, .light_silver_fonts ul li, .light_silver_fonts ul li a, .light_silver_fonts ul i, .light_silver_fonts .post_info i, .light_silver_fonts div, .light_silver_fonts a.read_more { color: #ccc !important; } /** icon **/ .iconsmind-Over-Time2::before { content: "\eb2e"; } .iconsmind-Money-2::before { content: "\eac6"; } .iconsmind-People-onCloud::before { content: "\eb52"; } .iconsmind-Wallet-2::before { content: "\ede5"; } .iconsmind-Shield::before { content: "\ec4f"; } .iconsmind-Ribbon-2::before { content: "\ebf5"; } /** end icon **/ section.background_bg_bottom { background-repeat: repeat-x !important; background-position: bottom center !important; } .parallax_bg { background-repeat: no-repeat; background-position: center center; background-size: cover; } .dark_gray { background-color: #111; min-height: 400px; } .dark_gray.white_fonts h2 { color: #17a5e9 !important; } .dark_gray.light_silver_fonts h2 { color: #fff !important; } .list_style_1 { font-size: 14px; margin: 20px 0 15px; } .list_style_1 i { float: left; margin: 3px 16px 0 0; } .light_silver { background: #f8f8f8; } .light_silver_2 { background: #f8f8f8 !important; } .padding-bottom_5 { padding-bottom: 50px !important; } hr.dottad_border { border-top: dotted 3px; margin: 80px 0; } .margin_bottom_30_all { margin-bottom: 30px; } .margin_order_detail { margin-bottom: 20px; margin-top: 20px; } .margin_bottom_50_all { margin-bottom: 50px; } .margin_bottom_20_all { margin-bottom: 20px; } .margin_bottom_0 { margin-bottom: 0px !important; } .section { float: left; width: 100%; } .pagination > li.active a { color: #fff; } .contant_section { float: left; width: 100%; } .blog_feature_img { width: 100%; height: 100%; overflow: hidden; } .blog_feature_img img { width: 100%; height: 200px; border-radius:2px; object-fit:cover; } .img_brand_index { width: 130px; height: 42px; object-fit:fill; } .main_heading { position: relative; float: left; margin-bottom: 10px; } .main_heading::after { content: ""; display: block; float: left; width: 80px; height: 3px; background: #005ec4; } .main_heading.text_align_left::after { margin-left: 0; } .main_heading.text_align_right::after { margin-right: 0; } /* main heading 1 */ .main_heading1 { position: relative; margin-bottom: 10px; text-align: center; } .main_heading1::after { content: ""; display: block; margin: 20px auto 0; width: 80px; height: 5px; background: #005ec4; } .main_heading1.text_align_left::after { margin-left: 0; } .main_heading1.text_align_right::after { margin-right: 0; } /* */ .icon img { width: 100px; } /*------------------------------------------------------------------ 4. LOADER -------------------------------------------------------------------*/ .bg_load { float: left; position: fixed; width: 100%; text-align: center; height: 100%; z-index: 999; top: 0; left: 0; display: flex; justify-content: center; align-items: center; } .loader_animation { animation-name: rotatey; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: rotatey; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: rotatey; -moz-animation-duration: 1s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: rotatey; -ms-animation-duration: 1s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: rotatey; -o-animation-duration: 1s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } @-webkit-keyframes rotatey { from { -webkit-transform: rotatey(0deg); -moz-transform: rotatey(0deg); -ms-transform: rotatey(0deg); -o-transform: rotatey(0deg); transform: rotatey(0deg); } to { -webkit-transform: rotatey(360deg); -moz-transform: rotatey(360deg); -ms-transform: rotatey(360deg); -o-transform: rotatey(360deg); transform: rotatey(360deg); } } @-moz-keyframes rotatey { from { -moz-transform: rotatey(0deg); } to { -moz-transform: rotatey(360deg); } } .full_layout_without_container { padding: 80px 15px 50px; } .opacity_half_color { opacity: 0.5; } .opacity_70_color { opacity: 0.7; } .padding_75 { padding: 75px 0; } #myBtn { display: none; position: fixed; right: 31px; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 99; z-index: 1099; font-size: 38px; cursor: pointer; background: #000; height: 45px; width: 45px; bottom: 30px; color: #fff; font-size: 20px; text-align: center; border-radius: 50%; line-height: 40px; border: 2px solid transparent; opacity:0.4; } #myBtn:hover, #myBtn:focus { opacity: 1; } /*------------------------------------------------------------------ 5. HEADER -------------------------------------------------------------------*/ /*----- header fix -----*/ .fixed-header { position: fixed; top: 0; width: 100%; } .sticky { position: fixed!important; top: 0!important; width: 100%!important; } /*----- Header Top -----*/ header { position: relative; z-index: 1; } header .right_bt { float: right; } header .right_bt .btn { margin: 26px 0 0; } .header_top { max-height: 48px; background: rgba( 255, 255, 255, 0.00); } .header_bottom { min-height: auto; /*height: 70px;*/ padding: 0; border: 1px solid rgba( 255, 255, 255, 0.18); display: -webkit-flex; display: -ms-flexbox; } .header_top ul { list-style: none; margin: 10px 0; padding: 0; } .header_top ul li { font-size: 14px; color: #fff; float: left; } .header_top ul li i { margin: 0 2px 0 0; } .header_top ul li i { color: #fff; transition: ease all 0.2s; font-size: 18px; margin-right: 5px; } .header_top .social_icon ul li a { color: #fff; padding: 4px 2px 0px 0px; } .top_information.pull-left li { margin-right: 20px; } .top_information.pull-right li { margin-left: 20px; } .logo { float: left; position: relative; left: 0; } .logo img { margin-top: 10px; height: 40px; } .header_style_1 .header_top { position: relative; } .make_appo { float: right; } .tranbgimg { background-color: aquamarine; } .tranbgimg:hover { background-color: aqua; } .make_appo .btn.white_btn { margin: 0; border-radius: 0; padding: 0px 20px; } .topbar-left { float: left; } .header_top .topbar-left .list-inline { float: left; margin: 13px 0; } .header_top ul li { font-size: 14px; /*font-family: 'ChakraPetch-Light';*/ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color: #fff; float: left; margin-right: 20px; } .mechanic header#default_header { border-top: solid #3c5c9e 8px; } .mechanic .logo { margin: 25px 0 0; } .header_bottom { position: relative; z-index: 9; } /*----- Menu -----*/ .menu_side { /*float: right;*/ width: auto; } #headermenu { padding: 5px; height: 170px; width: 250px; } #navbar_menu, #navbar_menu ul, #navbar_menu ul li, #navbar_menu ul li a, #navbar_menu #menu-button { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #navbar_menu ul, #navbar_menu ul li, #navbar_menu ul li a, #navbar_menu #menu-button { position: relative; } #navbar_menu:after, #navbar_menu>ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } #navbar_menu #menu-button { display: none; } #navbar_menu>ul>li { float: left; } #navbar_menu.align-center>ul { font-size: 0; text-align: center; } #navbar_menu.align-center>ul>li { display: inline-block; float: none; } #navbar_menu.align-center ul ul { text-align: left; } #navbar_menu.align-right>ul>li { float: right; } #navbar_menu>ul>li>a { padding: 12px 12px 12px 0px; font-size: 16px; color: #29324e; text-transform: capitalize; } #navbar_menu ul ul { position: absolute; left: -9999px; z-index:9999; } #navbar_menu.align-right ul ul { text-align: right; } #navbar_menu ul ul li { height: 0; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } #navbar_menu li:hover>ul { left: auto; } #navbar_menu.align-right li:hover>ul { left: auto; right: 0; } #navbar_menu li:hover>ul>li { height: 45px; } #navbar_menu ul ul ul { margin-left: 100%; top: 0; } #navbar_menu.align-right ul ul ul { margin-left: 0; margin-right: 100%; } #navbar_menu ul ul li a { padding: 15px 20px 15px; font-size: 14px; color: #999; background: #fff; color: #666 !important; } #navbar_menu ul ul li:last-child>a, #navbar_menu ul ul li.last-item>a {} #navbar_menu ul ul li:hover>a, #navbar_menu ul ul li a:hover { color: #ffffff; } #navbar_menu ul ul { width: 275px; box-shadow: 0 5px 35px -18px #000; } .recent_post_mobile{ display:none; } #navbar_menu ul ul li a:hover, #navbar_menu ul ul li a:focus { color: #fff !important; padding: 15px 20px 15px; } #elementID { justify-content: center; font-weight:500; margin-top: 6px; } .main_bg { margin-top: 0px; min-height: 70px; position: relative; } /*-- Search Bar --*/ .searchbox { border: 1px solid #005ec4; /*height: 37px;*/ max-height:50px; display: flex; border-radius: 2px; margin-top: 10px; justify-content: space-between; box-sizing: border-box; } .searchbox .btn{ padding: 0px 10px 0px 10px; text-align: center; border: none; border-radius: unset; line-height: unset; font-size: 20px; text-transform: uppercase; color: #fff; position: relative; } .searchbox__keyword input { border: 0; display: inline-block; padding: 5px 3px 5px 15px; width: 100%; box-sizing: border-box; } .searchbox>div { width: 100%; display: flex; } /*-- Side Menu --*/ .menu_icon { float: left; padding: 48px 0 0 0; } .menu_icon ul { list-style: none; margin: 0; padding: 0; } .menu_icon ul li a { color: #000; } /*-- Fix Header --*/ .fix_header { position: fixed; width: 100%; top: 0; left: 0; } /*-- header style 2 --*/ .header_style_2 #navbar_menu { margin: 12px 0 11px; float: left; } .header_style_2 .search_icon { float: left; margin: 22px 0 0 21px; } .menu_icon { padding: 22px 0px 0 0px; } .header_bottom .info_cont h4 { font-size: 14px; /*font-family: 'ChakraPetch-Medium';*/ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-weight: 500; } .header_bottom .information_bottom p { color: #737373; /*font-family: 'ChakraPetch-Medium';*/ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 14px; } .header_bottom .information_bottom { margin: 45px 0 0; } .main_bg #navbar_menu>ul>li>a { color: #fff; } .main_bg .search_icon ul li a { color: #fff; } .main_bg .menu_icon ul li a { color: #fff; } .header_style_2 .header_top ul li, .header_style_2 .header_top a, .header_style_2 .header_top i { color: #737373; } .header_style_2 .header_bottom { background: #fff; } .header_style_2 .menu_side { float: right; width: 100%; } .header_style_4 .header_top { background: transparent; } .header_style_4 .header_bottom { min-height: 120px; background: #ffffff; padding: 0 30px 0 20px; float: left; width: 100%; } .header_style_4 .logo { left: 0px; } header .header_top, header .header_bottom, section, footer, .bottom_footer, .light_silver, .bottom_silver_section { float: left; width: 100%; } /*------------------------------------------------------------------ 6. SLIDER PARALLAX -------------------------------------------------------------------*/ #full_slider.full_slider_inner { position: relative; z-index: 0; min-height: 900px; overflow: hidden; } div#pallax_slider { width: 100%; height: 900px; margin: 0; z-index: 0; overflow: hidden; } .dott_star { background-image: url('../images/star_dots.png'); width: 100%; background-position: center center; height: 100%; } .dott_star2 { width: 100%; background-position: center center; height: 100%; } .clouds { background-image: url('../images/claud.png'); width: 100%; background-position: center center; height: 100%; } .layer { position: absolute; display: block; } #l1 { z-index: 1; top: 0; left: 0; } #l2 { z-index: 2; top: 0; left: 0; } #l3 { z-index: 3; bottom: -1px; left: 0px; top: inherit !important; } #l4 { z-index: 4; bottom: 0; left: 0; } .center_layer_img { width: 100%; text-align: center; } .blue_layer_bottom { background-image: url('../images/blue_layer_bottom.png'); height: 132px; width: 100%; background-position: center bottom; } .light_blue div#pallax_slider { height: 780px; } .light_blue div#full_slider.full_slider_inner { height: 780px; } body.light_blue #full_slider.full_slider_inner { background: url('../images/star_bg2.png'); background-size: cover; } /** Simple Parallax **/ .simple_slider_img { position: absolute; bottom: 0; width: 100%; } /** Slider Text **/ .slider_contant { position: relative; z-index: 3; } .slider_contant h2 { color: #fff; font-size: 65px; line-height: 82px; font-weight: 700; margin-bottom: 40px; text-transform: none; } .slider_contant p { margin: 0; color: #fff; font-size: 18px; font-weight: 500; } .slider_contant .button_section ul { float: right; margin-top: 7px; } .slider_contant .button_section ul li { float: left; margin: 0 5px 0 0; } .home_page_4 div#pallax_slider { height: 810px; } .home_page_4 #full_slider.full_slider_inner { min-height: 810px; } /*------------------------------------------------------------------ 7. SECTION -------------------------------------------------------------------*/ .padding_layout_1 { padding-top: 5px; padding-bottom: 20px; } .padding_layout_2 { padding-top: 120px; padding-bottom: 80px; } .padding_layout_1_small { padding-top: 80px; padding-bottom: 80px; } section.quality_ser_bg { background-repeat: repeat-x !important; background-position: bottom center !important; background: url(../images/bg_patter_1.png); } .about_info { position: relative; } .about_info img { position: absolute; padding: 48px 42px; left: 0; z-index: 0; } .qulity_ser { background: rgba(0, 0, 0, 0.1); margin-bottom: 30px; } section.dottad_star_bg { background-repeat: no-repeat !important; background-position: bottom right !important; background-image: url('../images/gray_dotts.png'); } #subscribe_form input { width: 540px; height: 50px; border-radius: 100px; border: none; padding: 0 26px; color: #898989; font-size: 14px; float: left; margin-top: 10px; margin-right: 20px; } #subscribe_form { margin-top: 10px; } .grow_business { background-position: right bottom !important; background: url(../images/bg_patter_2.png); background-repeat: no-repeat; } .bottom_silver_section { padding: 35px 0; min-height: 120px; } .information_bottom.left-side { width: auto; float: left; } .information_bottom.right-side { width: auto; float: right; } .information_bottom { float: left; display: flex; justify-content: center; } .info_cont h4 { margin: 0; } .info_cont p { color: #000; float: left; width: 100%; margin: 0; } .icon_bottom { width: 30px; margin-right: 20px; text-align: center; } .info_cont { float: left; padding: 4px 0; } .icon_bottom { width: 50px; margin-right: 15px; text-align: center; font-size: 30px; line-height: normal; } .cleaning .icon_bottom i { width: 50px; height: 50px; background: #146e6f; color: #fff; font-size: 20px; line-height: 48px; float: left; } .service_style_2 .qulity_ser { background: transparent; margin-bottom: 60px; } .heading_min_small { font-size: 24px; margin: 0 0 15px 0; } .sapport_img { margin-top: -30px; } .icon_circle { border-radius: 100%; width: 70px; height: 70px; text-align: center; display: flex; justify-content: center; align-items: center; margin-right: 20px; } .feature_contant { float: right; width: 75%; } .heading_feature { color: #000; font-weight: 600; } .feature_icons { display: flex; padding-bottom: 20px; padding-top: 10px; } .list_style_2 { margin-top: 20px; } .list_style_2 i { width: 40px; height: 40px; background: #632e62; border-radius: 100%; text-align: center; color: #fff; line-height: 40px; left: 0; position: absolute; top: 5px; } .list_style_2 li { width: 100%; position: relative; padding-left: 70px; margin-bottom: 20px; } .list_2_head { color: #000; text-transform: uppercase; margin: 0; } .list_style_1.sort li { float: left; width: 20%; } .list_style_1.sort { float: left; width: 100%; } #testimonial_slider { padding-right: 70px; } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; 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: 0.5; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators [data-bs-target] { transition: none; } } .carousel-indicators .active { opacity: 1; } #testimonial_slider .carousel-indicators { position: absolute; right: 0; bottom: -45px; left: 0; z-index: 15; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: flex-start; padding-left: 0; margin-right: 0; margin-left: 0; list-style: none; margin-bottom: 0; } .team_info h4 { margin-bottom: 0; } .testimonial-container { position: relative; padding-left: 180px; } .testimonial-container .testimonial-photo { float: left; position: absolute; top: 0; left: 0; overflow: hidden; } .testimonial-container .testimonial-photo img { border-radius: 100%; } .testimonial_qoute i { color: #dfdfdf; font-size: 135px; } .testimonial_qoute .text_align_left.testmonial_qoute i { margin-bottom: 25px; } .testimonial_qoute .text_align_right.testmonial_qoute i { margin-top: 10px; } .testimonial_qoute { float: left; } .heading_testi h4 { text-transform: uppercase; margin-bottom: 0; } .banner_slider .col-lg-7.col-md-7.col-sm-12.col-xs-12.text_align_right.pull-right img { margin-top: 50px; } .border_dottat { border: dotted 2px #704070; } .testimonial_slider_2 .testimonial_inner { padding: 40px; } .testimonial_slider_2 .heading_testi h4 { margin: 0; } .testimonial_slider_2 .carousel-indicators { bottom: -25px; } .brand_icons { float: left; width: 100%; margin-top: 15px; } .brand_icons li { float: left; width: 20%; } .member_heading h4 { margin-bottom: 0; text-transform: uppercase; } .team_section { margin-top: 20px; } .social_icon_style_2 ul { float: left; } .social_icon_style_2 ul li { float: left; } .social_icon_style_2 li { width: 50px; height: 50px; text-align: center; line-height: 50px; margin: 0 5px; font-size: 18px; } .social_icon_style_2 ul li a { float: left; width: 100%; border: solid #e3e3e3 1px; border-radius: 100%; } .social_icon_style_2 ul li a:hover, .social_icon_style_2 ul li a:focus { color: #fff; } .testimonial_simple_say { background: #f6f6f6; padding: 50px 100px 35px; margin-top: 20px; } .testimonial_simple_say p { font-size: 18px; line-height: normal; color: #000; } .qoute_testimonial { font-size: 45px; position: absolute; margin-left: -60px; margin-top: -40px; } .blog_full_width .blog_feature_cantant { padding: 40px 70px; } .adress_cont .info_cont h4 { font-size: 14px; /*font-family: 'ChakraPetch-Medium';*/ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-weight: 500; } .adress_cont .info_cont p { color: #737373; } .adress_cont>h4 { margin: 0 0 20px 0; } .adress_cont>h4+p { margin: 0 0 30px 0; font-weight: 500; color: #333; } .contant_form .form_section { margin-top: 30px; } .contact_information .information_bottom { display: block; } .contact_information { float: left; width: 100%; border-top: solid #e1e1e1 1px; border-bottom: solid #e1e1e1 1px; padding-top: 50px; padding-bottom: 60px; margin-top: 15px; margin-bottom: 70px; } .contact_information .icon_bottom { width: 100%; } .service_style_2 ul li { display: inline; } .icon_feature { width: 70px; height: 70px; float: right; border-radius: 100%; text-align: center; line-height: 70px; } .feature_text { width: 70%; float: left; } .icon_feature { float: left; margin-left: 25px; margin-top: 4px; } .feauter_list li { margin: 45px 0; float: left; width: 100%; } .text_align_left .icon_feature { margin-right: 25px; margin-left: 0; } .stars_dottat { background: url('../images/star_dots.png'); } .only_parallax { background-attachment: fixed; background-position: center center; } .circle_service_layout .service_types { float: left; width: 20%; } .boder_dottat_small { width: 75px; height: 75px; border-radius: 100%; border: dotted 2px; text-align: center; line-height: 70px; } .circle_service_layout .service_types p { text-align: center; margin-top: 15px; } .provide_qty.circle_service_layout { min-height: 550px; position: relative; margin-top: 15px; } .left_bottom { position: absolute; bottom: 100px; left: 0; } .right_bottom { position: absolute; bottom: 100px; right: 0; } .left_top { position: absolute; bottom: 300px; left: 100px; } .right_top { position: absolute; bottom: 300px; right: 100px; } .service_types.center_ser { width: 100%; } .service_types.center_ser { width: 100%; position: relative; top: 20px; } .mobile_half { position: absolute; bottom: 0; width: 100%; } .circle_service_layout_main { position: relative; overflow: hidden; } .service_style_2 .main_heading { margin-bottom: 40px; } .list_box { list-style: none; float: left; width: 100%; display: flex; } .list_box li { border: solid #e1e1e1 1px; float: left; width: 130px; height: 130px; line-height: 125px; text-align: center; margin: 0 -1px -1px 0; } .home_page_5 .simple_slider_img { top: 0; display: flex; align-items: center; } .home_page_5 .simple_slider_img { top: 115px; left: -15px; } .process_blog span { font-size: 40px; font-weight: 700; } .info_cont h4, .info_cont p { color: #343434; } /**== Counter ==**/ .counter-count { margin: 0; width: 100%; padding: 0; text-align: right; font-size: 40px; color: #000; font-weight: 600; } .counter-heading { color: #000; margin-top: 15px; margin-bottom: 0px; font-weight: 600; font-size: 18px; } .counter i { font-size: 70px; color: #17a5e9; } .margin_bottom_30 { margin-bottom: 30px; } .margin_bottom_50 { margin-bottom: 50px; } /**== Form ==**/ input.field_custom { border: solid #e1e1e1 1px; width: 100%; background: #f8f8f8; min-height: 50px; padding: 5px 20px; line-height: normal; border-radius: 0px; margin-bottom: 10px; font-size: 14px; color: #737373; } textarea.field_custom { border: solid #e1e1e1 1px; width: 100%; background: #f8f8f8; min-height: 150px; padding: 15px 20px; line-height: normal; border-radius: 0px; margin-bottom: 10px; font-size: 14px; color: #737373; } .field { padding: 0 5px; } /**== Progress Bar ==**/ .progress-bar { text-align: left; transition-duration: 3s; } .progress { height: 8px; border-radius: 0; box-shadow: none; background: #efeaef; float: left; width: 100%; margin-bottom: 15px; } .progress-bar { box-shadow: none; } .progress_bar { margin: 20px 0 0 0; } span.skill { font-size: 14px; color: #000; margin-bottom: 6px; width: 100%; float: left; } .info_valume { float: right; color: #8e8b82; font-weight: 600; } /**== Pagination ==**/ .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: 0; line-height: normal; color: #000000; background-color: #fff; border: unset; border-radius: unset; width: 40px; text-align: center; height: 40px; line-height: 28px; } .pagination>li { display: inline; margin: 0 2px; float: left; } .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover { z-index: 2; color: #fff; background-color: #005ec4; border-color: #005ec4; } .pagination { margin: 0; } /*------------------------------------------------------------------ 8. Home index -------------------------------------------------------------------*/ .banner_vertical_left { left: 9.2rem !important; float: left; position: absolute; top: 20.2rem; } .banner_vertical_right { right: 9.2rem !important; float: right; position: absolute; top: 20.2rem; } @media only screen and (max-width: 1900px) { .banner_vertical { display: none; } } .banner_vertical>a>img { width: 150px; height: 350px; } /*------------------------------------------------------------------ 9. ACCORDION -------------------------------------------------------------------*/ #accordion { margin: 15px 0 0 0; padding: 0; } #accordion .panel.panel-default { border: none; border-radius: 0; margin: 0 0 16px 0; box-shadow: none; background: transparent; float: left; width: 100%; } #accordion .panel.panel-default .panel-heading { border: none; background: transparent; border-radius: 0; min-height: 50px; padding: 0; float: left; width: 100%; } #accordion .panel-collapse { float: left; width: 100%; } #accordion .panel.panel-default .panel-heading p a[aria-expanded="true"], #accordion .panel.panel-default:nth-child(1) .panel-heading p a { background: #17a5e9; border-color: #17a5e9; color: #fff; } #accordion .panel.panel-default .panel-heading p a[aria-expanded="true"] i, #accordion .panel.panel-default:nth-child(1) .panel-heading p a i { color: #fff !important; } #accordion .panel.panel-default .panel-heading p a[aria-expanded="true"] i.fa-angle-down, #accordion .panel.panel-default:nth-child(1) .panel-heading p a i.fa-angle-down { transform: rotate(180deg); transition: ease all 0.5s; } #accordion .panel.panel-default .panel-heading p a, #accordion .panel.panel-default .panel-heading p a[aria-expanded="false"] { border: solid #e4e4e4 1px; background: #fff; border-radius: 0; min-height: 50px; padding: 17px 25px 15px; } #accordion .panel.panel-default .panel-heading p a[aria-expanded="false"] { color: #000 !important; } #accordion .panel.panel-default .panel-heading p a[aria-expanded="false"] i { color: #17a5e9 !important; } #accordion .panel.panel-default .panel-heading p a[aria-expanded="false"] i.fa-angle-down { color: #000 !important; } #accordion .panel.panel-default .panel-heading p { font-size: 15px; } #accordion .panel.panel-default .panel-body { border: none; padding: 0 25px; margin: 15px 0 0 0; box-shadow: none; height: auto; } #accordion .panel.panel-default .panel-body p { margin-bottom: 0; font-size: 14px; line-height: 24px; } #accordion .panel.panel-default .panel-heading p a { float: left; width: 100%; font-weight: 500; position: relative; } #accordion .panel.panel-default .panel-heading p a i.fa-angle-down { float: right; color: #000; margin: 0; } #accordion .panel.panel-default .panel-heading p a>i { font-size: 20px; color: #17a5e9; margin: 0 10px 0 0; } .without_border #accordion .panel.panel-default .panel-heading p a, .without_border #accordion .panel.panel-default .panel-heading p a[aria-expanded="false"] { border: none; background: #fff; border-radius: 0; min-height: 50px; padding: 15px 0 12px; } .without_border #accordion .panel.panel-default .panel-heading p a[aria-expanded="true"] i, .without_border #accordion .panel.panel-default:nth-child(1) .panel-heading p a i { color: #000 !important; } .without_border #accordion .panel.panel-default .panel-heading p a[aria-expanded="true"], .without_border #accordion .panel.panel-default:nth-child(1) .panel-heading p a { color: #000 !important; } .without_border #accordion .panel.panel-default .panel-heading p a[aria-expanded="false"] { color: #000 !important; } .without_border #accordion .panel.panel-default .panel-heading p a>i { color: #000 !important; } /*------------------------------------------------------------------ 10. PRICE TABLE -------------------------------------------------------------------*/ .price_product_detail { margin-bottom: 0.3rem; margin-top: 0.3rem; } .price_product_detail .old_price_detail { margin-right: 1rem !important; } .price_table_inner { float: left; width: 100%; background: #fff; } .price_table_active>div.row { box-shadow: 0 0 25px -15px #000; } .price_table_active .price_bottom { margin-top: 22px; margin-bottom: -25px; } .price_head { min-height: 185px; background: #ebebeb; } .price_no { font-size: 48px; } .price_table_inner { margin-top: 55px; } .price_table_active .price_table_inner { margin: 0; } .price_table_active .price_no { color: #039ee3; } .price_table_active { padding: 0; } .price_head { min-height: auto; background: #ebebeb; padding: 45px 25px; } .price_head h5 { font-size: 35px; font-weight: 600; line-height: normal; text-transform: none; margin-bottom: -15px; } .price_head p { margin: 10px 0; font-size: 18px; } .price_contant { border: solid #e1e1e1 1px; padding: 50px; } .price_table_active .price_contant { border: none; } .price_icon { float: left; width: 170px; text-align: center; height: 170px; border-radius: 100%; background: #fff; display: flex; align-items: center; justify-content: center; margin-top: -135px; box-shadow: 0 0 15px -0px rgba(0, 0, 0, 0.2); } .price_amount { margin: -25px 0 20px 0; float: left; width: 100%; text-align: center; color: #000; font-size: 24px; line-height: normal; border-bottom: solid #ccc 1px; padding-bottom: 20px; } .price_no { font-weight: 500; /*font-family: 'ChakraPetch-Medium';*/ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 55px; } .price_bottom { margin: -35px 0 0 0; } .price_cont p { border-bottom: solid #ccc 1px; padding-bottom: 21px; font-size: 17px; line-height: normal; } .price_table .price_bottom .btn { border-radius: 0 !important; border: none; } .mechanic .price_table_active .price_head { background: url('../images/mechanic_service/slide4.jpg'); background-size: cover; } /*------------------------------------------------------------------ 11. INNER PAGE BANNER -------------------------------------------------------------------*/ #default_theme .banner_slider { min-height: 270px; background-image: url('../images/inner_banner_bg.png'); background-position: center center; } .banner_slider .vertical-center { min-height: 270px; } .page_inform { float: left; width: 100%; } .page_inform ul li { float: left; } .page_inform ul li:nth-child(2), .page_inform ul li:nth-child(4), .page_inform ul li:nth-child(6), .page_inform ul li:nth-child(8), .page_inform ul li:nth-child(10) { margin: 0 12px; } .banner_slider img { margin-top: 82px; } /*------------------------------------------------------------------ 12. SIDEBAR -------------------------------------------------------------------*/ .side_bar h4 { margin-top: 0; } .side_bar_blog { margin-bottom: 10px; float: left; width: 100%; } .post_head { font-family:Roboto-Medium; margin: 0; } .post_head a { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .post_date { margin-top: 5px; font-size: 12px; } .post_date i { position: relative; top: 0px; font-size: 12px; } .recent_post li { margin-bottom: 25px; } .categary { font-size: 15px; } .categary a { color: #29324e; transition: ease all 0.5s; } .categary a i { margin-right: 2px; } .categary li { margin-bottom: 2px; transition: ease all 0.5s; background: #f6f6f6; padding: 15px 20px; color: #29324e; font-family: Roboto-Medium; font-size: 16px; } .categary li:hover, .categary li:focus { padding-left: 30px; background: #007bff; } .categary li:hover a, .categary li:focus a { color: #fff; } .tags a { border: solid 1px #e1e1e1; border-radius: 50px; padding: 0 18px; float: left; min-height: 50px; line-height: 50px; color: #29324e; } .tags a:hover, .tags a:focus { color: #fff !important; border: solid #17a5e9 1px !important; } .tags li { float: left; margin-right: 8px; margin-bottom: 8px; } /**== Sidebar Search ==**/ .side_bar_search { padding-top: 10px; } .side_bar_blog .input-group { background: #f8f8f8; width: 100%; border-radius: 50px; height: 50px; } .product_catery .row.margin_bottom_20_all { float: left; width: 100%; } .side_bar_blog .input-group input.form-control { background: transparent; border: none; box-shadow: none; padding: 15px 20px; height: auto; font-size: 14px; } .side_bar_blog .input-group span.input-group-addon { border: none; background: transparent; padding: 10px 20px; } .side_bar_blog .input-group span.input-group-addon button { background: transparent; border: none; font-size: 15px; color: #000000; top: 3px; position: relative; } /*------------------------------------------------------------------ 13. BLOG -------------------------------------------------------------------*/ .blog_section { float: left; width: 100%; } .preview_commt, .next_commt { width: 150px; } .blog_feature_cantant.theme_color_bg { padding: 30px; } .blog_page_4 .blog_section { margin-bottom: 10px; } .blog_feature_cantant { /* padding: 0px 0px 0px 0px; float: left; width: 100%; border-bottom: solid #005ec4 8px;*/ } .blog_head { font-size: 20px; color: #000; font-family: Roboto-Medium; width: 100%; margin-bottom:5px; } .post_info { color: #000; font-size: 14px; /*font-family: ChakraPetch-SemiBold;*/ font-family: Roboto-Medium; margin-bottom: 10px; width: 100%; } .blog_feature_cantant li { /*font-family: ChakraPetch-SemiBold;*/ font-size: 14px; color: #005ec4; float: left; margin-right: 15px; } .blog_feature_cantant li a { color: #000; } .blog_feature_cantant li a:hover, .blog_feature_cantant li a:focus { color: #039ee3; } .blog_feature_cantant p { width: 100%; } .stickypost_home{ color:#fff; } .limit_line_product_name { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .blog_section .blog_head { line-height: 40px; font-size: 30px; float: left; color: #333; width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .read_more { font-family: Roboto-Bold ; } .read_more:hover, .read_more:focus { color: #005ec4; } .shr { float: left; font-weight: 600; margin-top: 2px; } .blog_page_5 .shr { font-size: 14px; margin-right: 10px; } .blog_page_5 .social_icon ul li { font-size: 14px; margin-right: 8px; float: left; } .blog_page_5 .blog_feature_cantant { padding: 30px 38px; } .blog_page_5 .blog_section { margin-bottom: 30px; } .post_info+p { margin-top: 15px; } .bottom_info { float: left; width: 100%; margin-top: 30px; } .post_tags a:hover { background-color: #005ec4; color:#fff; } /**== Blog Detail ==**/ .blog_detail_page .blog_feature_cantant { padding: 30px 0; float: left; width: 100%; background: #fff; } .comment_cantrol { font-size: 14px; font-weight: 500; } .comment_cantrol span { float: left; width: 100%; margin-top: 15px; font-weight: 600; } .comment_section { float: left; width: 100%; border-bottom: dotted 2px; padding-bottom: 25px; margin-top: 20px; } .pd_reply_comment .content_com a{ color: #288ad6; cursor: pointer; font-size:15px!important; } .pd_reply_comment .content_com p { color: rgb(74, 74, 74) !important; font-size: 15px !important; font-family: Roboto-Regular !important; } .command_cont .content_com span { font-size:15px!important; font-family: Roboto-Regular!important; background-color:unset!important; } .form_contant .note-editable{ font-size:15px!important; } .command_cont .content_com p { color: rgb(74, 74, 74) !important; font-size: 15px !important; font-family: Roboto-Regular !important; } .view_commant { float: left; width: 100%; margin-top: 30px; } .command_cont { padding: 13px 13px; } .reply_comment_css a, .reply_comment_css .btn { padding: 4px 25px 4px 25px; border-radius: 1px; line-height: 1.5; } .blog_section p.comm_head { font-family:Roboto-Medium; font-size: 15px; margin-bottom:2px; } .blog_section p.comm_head span { font-size: 12px; font-weight: 400; margin-left: 5px; } .blog_section p.comm_head a.rply { float: right; font-weight: 400; text-transform: none; } .blog_section .theme_bg p.comm_head a.rply { color: #fff; } .blog_section .command_cont p { line-height: 1.5; } .command_cont { background-color: #f5f5f5; margin-bottom: 10px; } .border_reply_cmpost { padding-left: 10px; padding-right: 10px; border-bottom: dashed #e4e4e4 1px; border-left: dashed #e4e4e4 1px; } .post_commt_form { float: left; width: 100%; } .post_commt_form h4 { padding: 0 5px; } .command_cont .content_com a { color: #288ad6; font-size:16px!important; cursor: pointer; } /*------------------------------------------------------------------ 14. CASE STUDIES -------------------------------------------------------------------*/ .case_studies_box { margin: 0 0 30px 0; position: relative; overflow: hidden; cursor: pointer; } .tab_head { margin-bottom: 50px; display: flex; justify-content: center; } .tab_bar .filter-button { padding: 0 25px; font-size: 14px; cursor: pointer; } .tab_bar .tags li { float: left; margin: 0 2.5px; } .description_case_studies { padding-left: 25px; padding-right: 25px; } .description_case_studies h4 { margin: 0 0 20px 0; } .description_case_studies p { margin-bottom: 0; letter-spacing: -0.2px; } .description_case_studies { position: absolute; bottom: -100%; padding-top: 25px; padding-bottom: 25px; opacity: 0; transition: ease all 0.5s; } .case_studies_box:hover div.description_case_studies { opacity: 1; bottom: 0; } .description_case_studies_style_2 { float: left; width: 100%; border: solid #e1e1e1 1px; padding: 25px 26px; } .description_case_studies_style_2 h4 { margin-top: 0; margin-bottom: 15px; } .description_case_studies_style_2 span { color: #000; font-weight: 600; } .description_case_studies_style_2 span i { float: right; margin-top: 4px; } /*------------------------------------------------------------------ 15. SHOP -------------------------------------------------------------------*/ .product_list { min-height: 447px; transition: ease all 0.5s; } .cleaning .product_list { min-height: 340px; transition: ease all 0.5s; } .product_list:hover, .product_list:focus { box-shadow: 0 0 25px -17px #000; border-bottom: solid #005ec4 5px; } .product_img { overflow: hidden; background: #eef0f778; z-index: -1; position: relative; } .product_img img { padding: 22px; } .cleaning .product_img img { padding: 0; } .product_detail_btm p { text-overflow: ellipsis; overflow: hidden; margin: 15px 10px 10px 10px; font-size: 16px; font-family: Roboto-Regular; text-align: center; } .product_list .starratin { height: 0; overflow: hidden; transition: ease all 0.5s; } .product_list:hover .starratin, .product_list:focus .starratin { height: 20px; margin-bottom: 6px; } .product_list:hover div.product_img img, .product_list:focus div.product_img img { transform: scale(1.2); transition: ease all 0.5s; } .starratin { color: #ffcc00; font-size:20px; } .starratin .fa { margin: 0 0.5px; } @media (max-width: 1024px) { .product_list:hover div.product_img img, .product_list:focus div.product_img img { transform: unset !important; transition: unset !important; } .product_list .starratin { height: 20px; margin-bottom: 6px; transition: unset unset !important; } } .product_hot_mobile { display: none; } .product_price p { margin: 0; text-align: center; } .old_price { font-size: 15px; font-family: Roboto-Medium; color: #99a0ad; text-decoration: line-through; } .old_price_detail { font-size: 20px; font-family: Roboto-Medium; color: #99a0ad; text-decoration: line-through; } .new_price { font-size: 20px; font-family: Roboto-Medium; color: #f9495f; } .new_price_detail { font-size: 25px; font-family: Roboto-Bold; color: #f9495f; } .img_detail { border: 1px solid #dddfe6; box-sizing: border-box; } .recent_item { color: #000; font-weight: 600; margin: 0; } .price_recent_item { margin: 0; color: #000; } .adress_cont { float: left; width: 100%; } .contact_us_2 .adress_cont { float: left; width: 100%; display: flex; justify-content: center; } /*------------------------------------------------------------------ 17. TESTMONIAL -------------------------------------------------------------------*/ .testmonial_section { background-image: url('../images/it_service/test_bg.png'); background-size: cover; padding-bottom: 185px; } .cleaning .testmonial_section { background-image: url('../images/cleaning_service/test_bg.png'); background-size: cover; padding-bottom: 185px; } /*------------------------------------------------------------------ 16. FOOTER -------------------------------------------------------------------*/ footer { background: #632e62; min-height: 200px; padding: 45px 0; position: relative; } .holder { text-align: center; margin: 0px 10px 0px 0px; } #ul_top_hypers li { display: inline; } #ul_top_hypers li i:hover { color: #039ee3; } li .payment:hover {} #footer-colorimg { font-size: 24px; } #footer-colorimg:hover { color: #666; font-size: 24px; } .footer_logo { /*margin: 35px 0 30px;*/ } footer h4 { margin: 0 0 25px 0; } .footer_menu_ul { float: left; width: 33.33%; font-size: 14px; } .footer_menu_ul li { margin: 0 0 5px 0; } .footer_menu_ul li a:hover, .footer_menu_ul li a:focus { transition: ease all 0.5s; margin-left: 8px; } .footer_menu { padding-left: 55px; } .tag_list ul { list-style: none; float: left; } .tag_list ul li { display: inline; font-size: 15px; margin-right: 2px; } .tag_list ul li a { border-radius: 3px; background-color: #fff; box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.14); } .tag_list ul li a { padding: 5px 10px; } .social_icon ul { list-style: none; float: right!important; } .social_icon ul li { display: inline; font-size: 15px; margin-left: 15px; } .social_icon { float: left; margin: 2px 0 0 0; } .bottom_footer { background: #592958; /*padding: 13px 0;*/ /*min-height: 50px;*/ } .bottom_menu { font-size: 14px; } .cpy p { margin: 0; } .bottom_menu li { /* float: left; margin: 0 20px 0 0;*/ } .footer_style_2 { padding: 0; background-color: rgba( 255, 255, 255, 0.00); box-shadow: 0px 0px 15px 0px rgb(31 38 200 / 7%); display: -webkit-flex; display: -ms-flexbox; border: 1px solid rgba( 255, 255, 255, 0.18); } .bottom_footer_style_2 { background: #f8f8f8; } .footer_style_2 .footer_logo { margin: 0; } .footer_top { /* border-bottom: solid #e1e1e1 1px; padding-bottom: 55px; padding-top: 18px; margin-bottom: 65px;*/ } .footer_top ul.footer_menu { /* padding-left: 0; margin: 20px 0 0;*/ } .footer_top .social_icon { /*margin-top: 20px;*/ } .footer_top ul.footer_menu li { font-weight: 600; } .footer_top ul.footer_menu li { font-weight: 600; float: left; font-size: 14px; margin: 0 14px; } .footer_blog { float: left; height: max-content; width: 100%; padding: 50px; } footer h4 { color: #000; font-size: 14px; text-transform: uppercase; font-family: ChakraPetch-Bold; margin-top: 0; letter-spacing: 0.5px; } .footer_blog .col-md-6 {} footer h4::after { width: 30px; height: 4px; content: ""; margin: 0; display: block; position: relative; top: 7px; } footer p { color: #666; font-size: 14px; line-height: 24px; font-weight: 500; } footer p a { color: #666; font-size: 14px; line-height: 24px; font-weight: 500; } .footer-menu li { margin: 5px 0; } .footer-menu li a { color: #666; font-size: 14px; line-height: 24px; font-weight: 500; } footer ul.social_icons li { display: inline; } footer ul.social_icons li a { float: left; margin-right: 15px; text-align: center; font-size: 18px; border-radius: 100%; color: #666; } .img_button_share{ height: 20px !important; } #footer_icons { color: #666; } footer ul.social_icons { float: left; /*margin-top: 10px;*/ } .footer_mail-section { /* margin-top: 10px;*/ float: left; } .footer_mail-section .field input { border: none; padding: 10px 15px 9PX; font-size: 14px; font-weight: 500; max-width: 215px; width: 100%; } .footer_mail-section .field button.button_custom { width: 40px; height: 40px; font-size: 14px; padding: 8px 8px; border: none; float: left; color: #fff; } .footer_mail-section .field { padding: 0; } .cprt { width: 100%; text-align: center; position: absolute; bottom: 0; height: 48px; left: 0; padding: 18px 0; } .cprt p { color: #fff; margin: 0; font-size: 14px; } .cprt p { line-height: 18px; padding: 0 15px; } /* 17. BACKGROUND */ .bg-button { background: #005ec4; } .bg-button:hover, .bg-button:focus { color: #fff; background: #0371e9; } .bg-mywebsite { background: #17a5e9; } .text-website { color: #005ec4; } /*------------------------------------------------------------------ 18. CUSTOM -------------------------------------------------------------------*/ .service_blog_inner .icon img { width: 65px; } .service_blog_inner h4.service-heading { margin: 25px 0 15px 0; } .service_blog_inner { margin-bottom: 35px; margin-top: 10px; } .gross_layout { position: relative; } .gross_layout::after { position: absolute; background: url(../images/it_service/dark_bg_img.png); width: 35%; height: 100%; right: 0; content: ""; top: 0; background-size: cover; background-position: right; } .gross_layout::before { position: absolute; background: rgba(10, 139, 199, 0.8); width: 35%; height: 100%; right: 0; content: ""; top: 0; background-size: cover; background-position: right; z-index: 1; } .gross_layout.right_gross_layout::after { position: absolute; background: url(../images/it_service/dark_bg_img2.png); width: 35%; height: 100%; left: 0; content: ""; top: 0; background-size: cover; background-position: right; } .gross_layout.right_gross_layout::before { position: absolute; background: rgba(10, 139, 199, 0.8); width: 35%; height: 100%; left: 0; content: ""; top: 0; background-size: cover; background-position: right; z-index: 1; } .gross_layout { position: relative; } .post_time { margin: 0 0 5px; } .post_time p { margin: 0; font-size: 15px; } .blog_feature_head { font-family: Roboto-Medium; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .blog_feature_cont{ font-family:Roboto-Regular; } .contact_us_section .call_icon { float: left; width: 7%; } .contact_us_section .inner_cont { float: left; width: 63%; } .contact_us_section { padding: 40px 50px; margin-top: -75px; float: left; width: 100%; } .contact_us_section h2 { margin: 8px 0 5px 0; font-size: 35px; font-weight: 700; color: #fff; } .contact_us_section p { margin: 0; color: #fff; } .contact_us_section .button_Section_cont { width: 30%; float: right; } .contact_us_section .button_Section_cont a { float: right; border: none; } .contact_us_section .btn.dark_gray_bt:hover, .contact_us_section .btn.dark_gray_bt:focus { background: #fff; color: #252525; text-shadow: none; } .brand_list li { float: left; width: 19%; text-align: center; background: #f6f6f6; padding: 30px 0; margin: 0 .5%; border: solid #eee 3px; } .map_section { float: right; width: 35%; } #map { height: 100%; min-height: 540px; z-index: 1; } .inner_banner_section { background-image: url('../../Images/it_service/inner_page_banner.jpg'); height: 48px; background-size: cover; background-position: center center; } .cleaning .inner_banner_section { background: url('../images/cleaning_service/inner_page_banner.jpg'); min-height: 245px; background-size: cover; background-position: top center; } .page-title { font-size: 1.25rem; line-height: 1.4; font-family: Roboto-Medium; text-transform: capitalize; padding: 0 0 10px; position: relative; } @media (max-width: 1199.98px) { .home-title, .page-title { font-size: 1.125rem; } } @media (max-width: 767.98px) { .news-detail .news-page-title { margin-bottom: 10px; } } .compare-page .page-title { font-size: 1.125rem; margin-bottom: 15px; } .compare-products .page-title { margin-bottom: 15px; } .news-page-title { font-size: 2.25rem; line-height: 1.3; font-weight: 500; margin-bottom: 20px; } @media (max-width: 767.98px) { .news-page-title { font-size: 1.125rem; font-weight: 700; } } @media (max-width: 767.98px) { .home-title, .page-title { font-size: 1rem; } } .page-title.text-center:after { display: none; } .search-page .page-title { margin-bottom: 15px; } .breadcrumb { background: transparent; padding: 0; color: #fff; } .breadcrumb li { font-weight: 500; font-size: 16px; } .breadcrumb>li+li::before { position: relative; content: '\203A'; margin: -10px 0 0 10px; font-size: 18px; color: inherit; opacity: .7; display: inline-block; } .breadcrumb li a { position: relative; left: 0; } .title-holder { margin: 14px 0 0; } .padding_right_0 { padding-right: 0; } .padding_left_0 { padding-left: 0; } .about_blog { background: #f5f5f5; } .about_cont_blog { padding: 50px; } .about_cont_blog p { margin: 0; line-height: 24px; } .about_cont_blog ul { margin-top: 15px; } .about_cont_blog ul li { float: left; width: 100%; margin: 5px 0; font-size: 15px; color: #333; font-weight: 500; } .about_cont_blog ul li i { margin-right: 10px; } .team_feature_head { text-align: center; } .team_feature_social { float: left; width: 100%; justify-content: center; display: flex; } .team_feature_social .social_icon ul li { display: inline; font-size: 15px; margin: 0px 5px; } .team_feature_head h4 { margin-bottom: 10px; } .team_blog_colum { background: #eee; padding-bottom: 25px; border: solid #eee 1px; transition: ease all 0.5s; } .team_blog_colum:hover, .team_blog_colum:focus { background: #17a5e9; border-color: #17a5e9; } .team_blog_colum:hover h4, .team_blog_colum:focus h4 { color: #fff; transition: ease all 0.5s; } .team_blog_colum:hover a, .team_blog_colum:focus a { color: #fff; } .service_blog_inner2 .icon { width: 95px; height: 95px; text-align: center; line-height: 92px; border-radius: 100%; font-size: 40px; color: #fff; transition: ease all 0.5s; border: solid #17a5e9 2px; background: #17a5e9; } .service_blog_inner2 { margin-bottom: 50px; transition: ease all 0.5s; } .service_blog_inner2:hover .icon, .service_blog_inner2:focus .icon { border: solid #17a5e9 2px; background: #fff; color: #17a5e9; } .topbar-hightlight a { color: #fff; font-size:14px; font-family:Roboto-Regular; } .topbar-hightlight { color: #fff; font-size: 14px; font-family: Roboto-Regular; } .service_cont { margin-top: 35px; } .it_service_policy .col-md-12>div.full { margin-bottom: 30px; } .it_service_policy h3 { font-size: 16px; font-weight: 700; margin-bottom: 15px; } .breadcrumb__list li{ font-family:Roboto-Regular; } .product-heading { text-align: left; } .product-heading p { font-size: 24px; font-family:Roboto-Medium; color: #005ec4; margin: 0; line-height: 28px; font-weight:500; text-transform: none; } .brand_sku span { font-size: 15px; margin-right:2px; color: #6c757d; } .product-detail-side { border-bottom: 1px solid #f0f0f0; text-align: left; padding: 9px 0; } .product-detail-side span { font-size: 22px; font-weight: 500; margin-right: 15px; } .product-detail-side span.new-price { color: #222; font-weight: 400; } .product-detail-side span.rating { margin-right: 5px; } .rating i { color: #ffcc00; font-size: 20px; } .detail-contant { text-align: left; margin-top: 1rem; float: left; width: 100%; } .product_detail_feature_img { box-shadow: 0px 0 10px -7px #000; } .cart { margin-top: 1rem; } .cart .quantity { float: left; } .input-text.qty.text { background: #fff; padding: 5px 10px 5px 15px; border: solid #e6f2ff 1px; height: 48px; font-size: 20px; width: 65px; color: #272727; border-radius: 2px; } .share-post { float: left; width: 100%; padding: 22px 0px; /* background: #f3f3f3;*/ } .share_fb { color: #3b5998; } .share_linkedin { color: #2867B2; } .share_pinterest { color: #E60023; } .share_ins { color: #FD1D1D; } .Single-shop-page .share-text { font-size: 13px; margin: 4px 0 0; } .social-icon { float: right; list-style: none; margin: 0; } .share-post li { float: left; margin: 0 0 0 20px; } .share-post .social_icons { width: auto; margin: 0; float: left; } .share-post a.share-text { float: left; } .cart button { margin-left: 10px; transition: ease all 0.5s; } .review { font-size: 16px; color: #343a40; font-weight:500; } .product_meta { float: left; width: 100%; margin-top: 25px; } .product_meta>span { float: left; width: 100%; font-weight: 500; line-height: 28px; } .product_detail_page .tab_bar_section { float: left; width: 100%; margin-top: 50px; } .product_detail_page .tab_bar_section .nav.nav-tabs { float: left; width: 100%; display: block; justify-content: center; border-bottom: solid #ddd 1px; } .product_detail_page .tab_bar_section .nav-tabs .nav-item { margin-bottom: 0; float: left; } .product_detail_page .tab_bar_section ul.nav.nav-tabs li a { font-family: 'ChakraPetch-Medium'; font-size: 16px; font-weight: 400; padding: 0 30px; height: 50px; border: none !important; line-height: 52px; background: #f3f3f3; border-radius: 0; } .product_detail_page .tab_bar_section .tab-content { float: left; width: 100%; padding: 35px 0; } .product_detail_page .tab_bar_section .tab-content h3 { font-weight: 500; text-transform: none; } .nav-tabs { border-bottom: 1px solid #f2f8ff; background: #f0f3fc; } .commant-text { border-bottom: dashed #e4e4e4 1px; padding-bottom: 5px; padding-top: 5px; } .img_fb_product { margin-top: 10px; width: 60px; height: 60px; object-fit: cover; } .product_review h5 { text-transform: none; font-weight: 700; font-size: 18px; margin-bottom: 5px; } .product_review p { margin-bottom: 0; } .product_review p.msg { margin-top: 10px; font-family:Roboto-Regular; } .commant-text .profile { text-align: center; } .review_bt_section { margin: 25px 0; } .commant_box textarea { border-radius: 0; padding: 20px 20px; font-weight: 300; font-size: 14px; min-height: 150px; } .full_bt { float: left; margin: 25px 0; width: 100%; } .product_desc{ font-family:Roboto-Regular; } .product_detail .tab_bar_section ul.nav.nav-tabs li a { font-family: Roboto-Medium; font-size: 16px; font-weight: 400; padding: 0 25px; height: 50px; border: none !important; line-height: 52px; background: unset; border-radius: 0; } .product_detail .tab_bar_section ul.nav.nav-tabs li a.active { background: #005ec4; color: #fff; } .product_detail .tab_bar_section .nav-tabs .nav-item { margin-bottom: 0; float: left; } .product_detail .tab_bar_section { float: left; width: 100%; } .product_detail .tab_bar_section .tab-content { float: left; width: 100%; padding-top:20px; } .product_review .rating i { font-size: 13px; } .product_review .rating { float: left; width: 100%; } .shopping-cart tr th { font-size: 16px; font-weight: 500; color: #333; text-transform: none; } .shopping-cart thead { background: #f6f6f6; } .shopping-cart thead th /*.shopping-cart thead th { padding: 18px 25px 18px !important; }*/ .shopping-cart div.media a { padding: 0; margin-right: 20px; border: none; border-radius: 0; } .shopping-cart table tbody tr td { padding: 25px 0; } .shopping-cart #Quantity1, .shopping-cart #Quantity2 { width: 45px; margin: 32px auto 0; box-shadow: none; border-radius: 0; border: solid #ccc 1px; height: 45px; text-align: center; font-size: 16px; font-weight: 400; box-shadow: inset 0 0 10px -4px #ccc; } .shopping-cart td.price-cnt { font-size: 16px; font-weight: 400; padding-top: 32px; color: #333; } .coupon { float: left; } .shopping-cart table tbody tr td.caupon { padding: 20px 0 20px; } .shopping-cart table tbody tr td.caupon .coupon #coupon_code { border: solid #ccc 1px; padding: 9px 15px; float: left; font-size: 14px; font-weight: 400; color: #333; } .shopping-cart .button { padding: 10px 15px; border: none; background: #2f2f2f; color: #fff; margin-left: -1px; transition: ease all 0.5s; } .shopping-cart .button:hover, .shopping-cart .button:focus { color: #fff; background: #0163d2; } .product-table { float: left; width: 100%; height: 100%; overflow: auto; } .shopping-cart .media-object { width: auto; height: 110px; border: solid #ddd 1px; padding: 0; } .shopping-cart h4 { font-size: 16px; text-transform: none; margin-bottom: 0; line-height: 24px; font-weight: 600; margin-top: 30px; } .product-table .media-body span { font-size: 13px; font-weight: 500; margin-top: 5px; float: left; margin-right: 5px; } .price_table { margin: 44px 0 0; font-size: 16px; font-weight: 400; color: #333; font-family: 'ChakraPetch-Medium'; } .product-table table.table thead th { vertical-align: bottom; border-bottom: 3px solid #dee2e6; border-top: none; } .product-table .bt_main { font-size: 13px; font-weight: 400; min-width: auto; padding: 0px 20px; height: 45px; line-height: 45px; margin: 33px 0 0 30px; } .shopping-cart table tbody tr.cart-form td { padding: 20px 20px 20px; } .coupon { float: left; } .cart-form .coupon input#coupon_code { margin-right: 0px; padding: 8px 20px; font-size: 14px; font-weight: 400; color: #333; } .coupon .input-text { float: left; border: solid #ccc 1px; padding: 8px 15px; } .shopping-cart .button { padding: 10px 20px; border: none; background: #2f2f2f; color: #fff; margin-left: -1px; transition: ease all 0.5s; float: right; font-size: 13px; cursor: pointer; } .mechanic .service_blog_inner { text-align: center; background: #fff; padding: 35px; box-shadow: 10px 10px 25px -20px #000; } .cart-form { width: 100%; background: #f6f6f6; border-top: solid #ddd 2px; } /*.shopping-cart-cart { max-width: 350px; float: right; background: #f8f8f8; padding: 25px; width: 100%; }*/ .shopping-cart-cart { background: #fff; border-radius: 5px; overflow: hidden; padding: 15px; box-shadow: 0 5px 20px rgb(0 0 0 / 5%); } .total_checkout>tr>td { font-family: Roboto-Medium; } .shopping-cart-cart table { width: 100%; } .head-table { background: #fff; } .shopping-cart-cart table tbody tr td { padding: 10px 0px; } .shopping-cart-cart h4 { margin-top: 0; } .shopping-cart-cart tbody h5 { text-transform: none; font-weight: 600; } .shopping-cart-cart .button { padding: 9px 16px; margin-left: 0; width: 100%; } .shopping-cart-cart h3 { font-weight: 500; text-transform: none; font-size: 24px; } .layout_padding_new_letter h4 { margin: 0; } .product-table .bt_main { font-size: 13px; font-weight: 400; min-width: auto; padding: 0px 20px; height: 45px; line-height: 45px; margin: 33px 0 0 30px; background: #039ee3; transition: ease all 0.5s; border: none; color: #fff; cursor: pointer; } .shopping-cart .button { background: #039ee3; color: #fff; } .shopping-cart .button:hover, .shopping-cart .button:focus { color: #fff; background: #222; } .product-table .bt_main:hover, .product-table .bt_main:focus { background: #222; } .tab-info.login-section, .tab-info.coupon-section { padding: 5px 15px 4px; border-bottom: solid #ddd 2px; background: #f6f6f6; transition: ease all 0.5s; margin-bottom: 10px; } .tab-info.login-section p, .tab-info.coupon-section p { margin: 0; padding: 14px 10px 12px 10px !important; font-weight: 600; font-size: 14px; transition: ease all 0.5s; } .tab-info.login-section p a:hover, .tab-info.coupon-section p a:hover, .tab-info.login-section p a:focus, .tab-info.coupon-section p a:focus { color: #039ee3; } .bt_main { color: #fff; font-size: 14px; min-width: 148px; float: left; text-align: center; height: 48px; border-radius: 5px; line-height: 50px; font-weight: 500; border: none; padding: 0 35px; cursor: pointer; background: #039ee3; } .btn-login .bt_main { height: 42px; line-height: 42px; min-width: auto; margin-right: 15px; } .btn.btn-white { color: #7e8299; border-color: #fff; background-color: #fff; } .login-form-checkout, .coupen-form { border: solid #ddd 1px; padding: 25px 20px; margin-bottom: 10px; } .login-form-checkout label { width: 100%; font-size: 14px; font-weight: 400; margin: 0 0 5px 0; } .login-form-checkout input.input-text, .coupen-form input.input-text { border: solid #ccc 1px; width: 100%; padding: 8px 10px; font-size: 13px; margin-bottom: 15px; } .btn-login .remeber input { position: relative; top: 1px; margin-right: 5px; } .btn-login .remeber { font-size: 13px; margin: 11px 0 0; float: left; } .btn-login .button { float: left; margin-right: 20px; min-width: 120px; } .coupen-form button.button { float: left; min-width: 120px; } .checkout-form { float: left; width: 100%; margin: 3px 0 0; background: #fff; padding: 25px; border: solid #ddd 1px; } .checkout-form .form-field { float: left; width: 100%; margin-bottom: 20px; } .checkout_page .form-field label { font-size: 13px; font-weight: 600; color: #333; } .checkout_page .form-field input, .checkout_page .form-field select { width: 100%; border: solid #ddd 1px; padding: 5px; font-size: 13px; padding: 8px 15px; margin-top: 0; font-weight: 500; color: #333; } .checkout_page .form-field input[type="checkbox"] { float: left; width: auto; margin: 5px 10px 5px 0; } .crte-ac { font-size: 13px; color: #333; } .checkout_page .form-field textarea { min-height: 90px; width: 100%; border: solid #ddd 1px; padding: 5px; font-size: 13px; padding: 15px 15px; margin-top: 0; } .payment-form { float: left; width: 100%; padding: 15px; background: #fff; border: solid #eee 15px; margin-top: 35px; } .payment-form .panel-heading { float: left; width: 100%; border-bottom: solid #ccc 1px; margin-bottom: 20px; padding-bottom: 10px; } .payment-form .panel-body { float: left; width: 100%; padding: 0; } #payment-form .form-field.cardNumber { display: flex; } #payment-form .form-field.cardNumber .input-group-addon { width: 40px; text-align: center; line-height: 40px; background: #333; color: #fff; } .payment-form .panel-heading .display-tr { float: left; width: 100%; } .payment-form .panel-heading .display-tr h3 { float: left; font-size: 18px; text-transform: none; font-weight: 500; margin: 0; padding: 7px 0 0; } #payment-form .form-field { float: left; width: 100%; margin-bottom: 10px; } .payment-bt { margin: 15px 0; } .btn-login .bt_main { height: 42px; line-height: 42px; min-width: auto; margin-right: 15px; } .coupen-form .bt_main { height: 42px; line-height: 42px; min-width: auto; margin-top: -2px; } .contant_form { float: left; width: 100%; } .adress_cont i { color: #039ee3; } .contant_form p { color: #333; font-weight: 500; font-size: 16px; } .appointment_form { margin-top: 0; } .mechanic .counter-count { text-align: center; color: #fff; margin-top: 10px; } .list_style_1 li { margin: 8px 0; font-size: 15px; font-weight: 400; } .service_blog_2 h2 { margin-top: 0; font-size: 35px; font-weight: 700; margin-bottom: 15px; } .mechanic p { line-height: 25px; } .cleaning .logo img { height: 95px; } .menu_bottom_section { float: left; width: 100%; background: #0d1c32; } .menu_bottom_section .menu_side { float: left; width: 100%; } .menu_bottom_section #navbar_menu { margin: 0; float: left; } .menu_bottom_section #navbar_menu>ul>li>a { padding: 28px 25px 26px; font-size: 14px; color: #eee; font-weight: 600; text-transform: uppercase; } .menu_bottom_section .search_icon { float: right; margin: 0; } .menu_bottom_section .search_icon { float: right; margin: 12px 0 11px; } .menu_bottom_section .search_icon ul li a { font-size: 15px; background: #a9c5c5; color: #fff; padding: 12px 0; float: right; border-radius: 100%; width: 45px; height: 45px; text-align: center; } /* .border_cart { margin-left: 1px; border-radius: 100%; width: 14px; height: 14px; padding: 2px; background:red; border: 0.5px solid #666; color: white; } */ .label-warning[href], .badge-warning[href] { background-color: #c67605; } .left_cleaning_img { position: relative; } .contant_information { background: rgba(20, 110, 111, .95); padding: 50px 60px; text-align: center; position: absolute; top: 25%; width: 90%; margin: 0 5%; transition: ease all 0.5s; } .service_list_cleaning .contant_information { background: rgba(20, 110, 111, .98); padding: 50px 60px; text-align: center; position: absolute; bottom: 0; width: 100%; margin: 0 0; top: inherit; transition: ease all 0.5s; height: 290px; } .contant_information a { color: #fff; border: solid #fff 1px; padding: 12px 25px; margin-top: 5px; border-radius: 50px; margin-top: 10px; float: left; } .service_list_cleaning:hover .contant_information, .service_list_cleaning:focus .contant_information { height: 100%; } .right_cleaning_cont { padding: 60px 65px; background: #fefefe; min-height: 100%; border: solid #146e6f 4px; } .right_cleaning_cont h2 { font-size: 32px; font-weight: 700; margin-bottom: 25px; } .cleaning .about_blog { background: #fff; box-shadow: 0 10px 25px -25px #000; } .cleaning .map_section { width: 100%; } .cleaning .cprt { width: 100%; text-align: center; position: relative; bottom: 0; float: left; height: auto; left: 0; padding: 14px 0 13px; padding-left: 0; margin-top: 70px; } .cleaning .cprt p { color: #fff; margin: 0; font-size: 14px; } .cleaning .product_img { overflow: hidden; background: #146e6f; } .schedule_cleaning_section_inner { float: left; width: 70%; margin: 0 15%; background: #f6f6f6; } .schedule_cleaning_section_inner .left_information { float: left; width: 50%; padding: 98px 50px 0; } .schedule_cleaning_section_inner .right_information { float: left; width: 50%; padding: 50px; background: #146e6f; height: 100%; position: relative; } .schedule_cleaning_section_inner .left_information h3 { font-weight: 700; letter-spacing: 0px; } .schedule_cleaning_section_inner .left_information p { font-size: 16px; line-height: 25px; color: #222; } .contact_info_schedule_inner { font-size: 18px; margin: 5px 0; float: left; width: 100%; font-weight: 500; color: #333; } .contact_info_schedule_inner i { color: #146e6f; } .schedule_cleaning_section_inner .right_information .field input, .schedule_cleaning_section_inner .right_information .field select { width: 100%; border: none; padding: 10px 15px; margin: 5px 0; font-weight: 500; font-size: 14px; } .schedule_cleaning_section_inner button { width: 100%; border: solid #fff 2px; background: transparent; color: #fff; margin-top: 5px; padding: 10px 0; cursor: pointer; transition: ease all 0.5s; } .schedule_cleaning_section_inner button:hover, .schedule_cleaning_section_inner button:focus { background: #fff; color: #146e6f; } .schedule_cleaning_section_inner .right_information::after { width: 0; height: 0; border-width: 25px 25px 25px 0; border-color: transparent #146e6f transparent; border-style: solid; content: ""; position: absolute; top: 40%; left: -24px; } .it_team_img img { width: 100%; } .product_detail_side.detail_style1 { margin-top: 35px; } /*18. Account*/ .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters>.col, .no-gutters>[class*="col-"] { padding-right: 0; padding-left: 0; } .row.no-gutters { margin: 0 !important; } .row.no-gutters>[class*="col-"] { padding: 0 !important; } .home-product .product-list .row.no-gutters { margin: 0 -5px !important; } .home-product .product-list .row.no-gutters>[class*="col-"] { padding: 0 5px !important; margin-bottom: 10px; } .stepcomplete .center-noleftright { position: relative; background: #fff; border-radius: 5px; overflow: hidden; padding: 15px; margin-bottom: 20px; } @media (max-width: 991.98px) { .stepcomplete .center-noleftright { margin: 0 -15px 10px; padding: 15px 0; border-radius: 0; box-shadow: none; } } @media (max-width: 767.98px) { .stepcomplete .center-noleftright .payment-success .cart-info .info-overview { flex-wrap: wrap; padding: 10px 0; } } @media (max-width: 767.98px) { .stepcomplete .center-noleftright .payment-success .cart-info .info-overview .info-col { width: 100%; text-align: left !important; padding: 0 15px; } } .stepcomplete .center-noleftright .cart-btnwrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; align-content: center; justify-content: space-between; } .stepcomplete .center-noleftright .cart-btnwrap:before, .stepcomplete .center-noleftright .cart-btnwrap:after { display: none; } @media (max-width: 767.98px) { .stepcomplete .center-noleftright .cart-btnwrap .btn-backstep, .stepcomplete .center-noleftright .cart-btnwrap .btn-nextstep { font-size: 0.8125rem; line-height: 36px; } } @media (max-width: 767.98px) { .stepcomplete .center-noleftright .cart-btnwrap .btn-nextstep { padding: 0 20px; } } .user-info { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; align-content: center; position: relative; } @media (max-width: 991.98px) { .user-info { background: #fff; padding: 15px 0 0 0; } } @media (max-width: 991.98px) { .user-info:after { display: block; } } .user-info .caption { line-height: 1.2; padding-left: 15px; } .user-info .caption .title { font-size: 0.8125rem; color: #999; font-family:Roboto-Medium; } .user-info .caption .name { font-size: 0.9375rem; font-family:Roboto-Medium; } .user-sidebar ul li a { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; align-content: center; color: #666; padding: 8px 15px; overflow: hidden; border-top-left-radius: 5px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 5px; } @media (max-width: 991.98px) { .user-sidebar ul li a { border-radius: 5px; } } .user-sidebar ul li a .icon { margin-right: 10px; } .user-sidebar ul li a span { font-size: 0.875rem; font-family:Roboto-Medium; } .user-sidebar ul li.active a { background: rgba(0, 0, 0, 0.1); } .user-page .user-form { max-width: 450px; } .user-page .user-form .form-wrap .form-group { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .user-page .user-form .form-wrap .form-group label { width: 120px; padding: 0.375rem 0rem; font-family: Roboto-Medium; } .user-page .user-form .form-wrap .form-group label+div { width: calc(100% - 120px); } .user-page .user-form .form-wrap .form-group .input, .user-page .user-form .form-wrap .form-group .settingcontrol { width: calc(100% - 120px); } .user-page .user-form .form-wrap .checkbox label { width: 100%; } .user-page .user-form .change-pw .checkbox { margin-left: 120px; } .user-page .user-form .changepw-form { display: none; } .user-page .user-form input[type="submit"] { display: inline-block; width: auto; margin-left: 120px; } .user-page { background: #fff; border-radius: 5px; overflow: hidden; padding: 15px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05); } .user-page .user-form .form-wrap .form-group label+div { width: calc(100% - 120px); } .user-page .user-form .form-wrap .form-group .input, .user-page .user-form .form-wrap .form-group .settingcontrol { width: calc(100% - 120px); } .user-page .user-form .form-wrap .checkbox label { width: 100%; } .user-page .user-form .change-pw .checkbox { margin-left: 120px; } .user-page .user-form .changepw-form { display: none; } .user-page .user-form input[type="submit"] { display: inline-block; width: auto; margin-left: 120px; } .user-page .user-nav { padding: 0 15px; border: none; border-bottom: 1px solid #e6e6e6; margin: 0 -15px; } @media (max-width: 767.98px) { .user-page .user-nav { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } } @media (max-width: 767.98px) { .user-page .user-nav .nav-item { flex: 1; } } .user-page .user-nav .nav-item+.nav-item { margin-left: 5px; } @media (max-width: 767.98px) { .user-page .user-nav .nav-item+.nav-item { margin-left: 0; } } .user-page .user-nav .nav-item .nav-link { display: block; font-size: 0.875rem; font-weight: 700; color: #333; line-height: 36px; padding: 0 20px; border-radius: 50px; position: relative; border-radius: 0; line-height: 40px; padding: 0 15px; text-align: center; border: none; } .user-page .user-nav .nav-item .nav-link:after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 3px; background: linear-gradient(to right, #4facfe 0%, #00f2fe 100%); z-index: 1; opacity: 0; } .user-page .user-nav .nav-item .nav-link.active { background: 0 0; color: #333; } .user-page .user-nav .nav-item .nav-link.active:after { opacity: 1; } .user-page .user-notification .notification-list { margin: 0 -15px; } .user-page .user-notification .notification-list .item { border-bottom: 1px dashed #e6e6e6; } .user-page .user-notification .notification-list .notification-item { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: flex-start; align-content: flex-start; padding: 20px; } .user-page .user-notification .notification-list .notification-item.unread { background: rgba(24, 160, 198, 0.05); } .user-page .user-notification .notification-list .notification-item .icon { width: 80px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; align-content: center; justify-content: center; } @media (max-width: 767.98px) { .user-page .user-notification .notification-list .notification-item .icon { width: 60px; } } .user-page .user-notification .notification-list .notification-item .icon img { max-width: 100%; } .user-page .user-notification .notification-list .notification-item .caption { width: calc(100% - 80px); line-height: 1.3; } @media (max-width: 767.98px) { .user-page .user-notification .notification-list .notification-item .caption { width: calc(100% - 60px); } } .user-page .user-notification .notification-list .notification-item .caption .name { font-size: 0.875rem; } .user-page .user-notification .notification-list .notification-item .caption a { color: #18a0c6; margin-left: 5px; } .user-page .user-notification .notification-list .notification-item .caption time { font-size: 0.8125rem; color: #999; } .user-page .user-address .address-list ul { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; margin: 0 -5px; } .user-page .user-address .address-list ul li { padding: 0 5px; width: 50%; } @media (max-width: 767.98px) { .user-page .user-address .address-list ul li { width: 100%; } } .user-page .user-address .address-list ul li .address-item { display: block; border-radius: 5px; text-align: left; font-size: 0.875rem; padding: 10px; border: 1px dashed #e6e6e6; margin-bottom: 10px; position: relative; } @media (max-width: 767.98px) { .user-page .user-address .address-list ul li .address-item { font-size: 0.8125rem; } } .user-page .user-address .address-list ul li .address-item:after { content: "\f00c"; width: 14px; height: 14px; background: #18a0c6; color: #fff; border-radius: 50px; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; font-size: 0.75rem; align-items: center; align-content: center; justify-content: center; position: absolute; right: 10px; bottom: 10px; opacity: 0; } .user-page .user-address .address-list ul li .address-item .name { font-weight: 700; } .user-page .user-address .address-list ul li .address-item .btn-default { position: absolute; top: 10px; right: 10px; font-size: 0.75rem; text-transform: uppercase; font-weight: 600; color: #999; opacity: 0; } .user-page .user-address .address-list ul li .address-item .btn-default:before { content: "\f058"; margin-right: 5px; display: none; } .user-page .user-address .address-list ul li .address-item .btn-remove { position: absolute; top: 10px; right: 10px; color: #ccc; } .user-page .user-address .address-list ul li .address-item .btn-remove:hover { color: #f77066; } .user-page .user-address .address-list ul li .address-item .btn-remove:before { content: "delete"; font-size: 1rem; } .user-page .user-address .address-list ul li .address-item .btn-edit { position: absolute; top: 10px; right: 30px; color: #ccc; } .user-page .user-address .address-list ul li .address-item .btn-edit:before { content: "edit"; font-size: 1rem; } .user-page .user-address .address-list ul li .address-item:hover { border-color: #2cbde5; background: rgba(24, 160, 198, 0.05); } .user-page .user-address .address-list ul li.default .address-item { border-color: #2cbde5; background: rgba(24, 160, 198, 0.05); } .user-page .user-address .address-list ul li.default .address-item .btn-default { color: #18a0c6; opacity: 1; } .user-page .user-address .address-list ul li.default .address-item .btn-default:before { display: inline-block; } .user-page .user-address .address-list ul li.default .address-item .btn-edit, .user-page .user-address .address-list ul li.default .address-item .btn-remove { top: 30px; } .user-page .user-address .form-wrap { max-width: 500px; } .user-page .user-address .form-wrap .form-group { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .user-page .user-address .form-wrap .form-group label { width: 120px; } .user-page .user-address .form-wrap .form-group .input { width: calc(100% - 120px); } .user-page .user-address .form-wrap .checkbox label { width: 100%; } .user-page .user-address .form-wrap .checkbox { margin-left: 120px; } .user-page .user-address .changepw-form { display: none; } .user-page .user-address input[type="submit"] { display: inline-block; width: auto; margin-left: 120px; } @media (max-width: 767.98px) { .user-page .product-list { margin: -15px -15px 0; padding: 0 10px; } } .user-page .product-list .product-item { position: relative; } .user-page .product-list .product-item .btn-remove { font-size: 0; color: #999; position: absolute; right: 10px; bottom: 15px; z-index: 5; } @media (max-width: 1199.98px) { .user-page .product-list .product-item .btn-remove { bottom: 10px; } } .user-page .product-list .product-item .btn-remove:before { content: "delete"; font-size: 1.125rem; } .user-page .product-list .product-item .btn-remove:hover { color: #f77066; } .hardware-page .form-wrap .frm-btn { width: 100%; text-align: center; padding-top: 10px; } .user-page .user-address .address-list ul li .address-item .btn-edit { position: absolute; top: 10px; right: 30px; color: #ccc; } .user-page .user-address .address-list ul li .address-item .btn-edit:hover { color: #9c27b0; } .user-page .user-address .address-list ul li .address-item .btn-edit:before { content: "edit"; font-size: 1rem; } .user-info .img { width: 50px; height: 50px; } .user-order .order-list { margin: 0 -15px; } .user-order .order-item { padding: 15px 15px 0; } @media (max-width: 767.98px) { .user-order .order-item { padding: 0; } } .user-order .order-item .order-title { position: relative; background: #fafafa; border-radius: 5px; padding: 10px; display: block; } .user-order .order-item .order-title .id { font-size: 16px; color: #333; font-family:Roboto-Medium; } @media (max-width: 767.98px) { .user-order .order-item .order-title .id { font-size: 0.8125rem; } } .user-order .order-item .order-title .id strong { color: #18a0c6; } .user-order .order-item .order-title .des { font-size: 14px; color: #999; font-family:Roboto-Regular; } @media (max-width: 767.98px) { .user-order .order-item .order-title .des { font-size: 13px; } } .user-order .order-item .order-title .status { border-radius: 50px; font-size: 0.8125rem; font-family: Roboto-Medium; line-height: 1; padding: 5px 10px; text-transform: uppercase; position: absolute; top: 50%; right: 10px; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 767.98px) { .user-order .order-item .order-title .status { font-size: 0.6875rem; font-family:Roboto-Medium; padding: 5px; } } .user-order .order-item .order-information { font-size: 0.8125rem; padding: 15px 10px; border-radius: 5px; border: 1px solid #f2f2f2; height: 100%; color: #666; } @media (max-width: 767.98px) { .user-order .order-item .order-information { padding: 0 15px; border-radius: 0; border: none; } } .user-order .order-item .order-information strong { color: #333; font-size: 0.875rem; } .user-order .order-item .order-information .popup-tragop { margin-top: 15px; } .user-order .order-item .order-information .repaid-button { display: inline-block; text-transform: uppercase; font-weight: 600; color: #fff; border-radius: 5px; background: linear-gradient(to right, #4facfe 0%, #00f2fe 100%); border: none; -webkit-transition: all, 0.5s; -khtml-transition: all, 0.5s; -moz-transition: all, 0.5s; -ms-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s; line-height: 34px; padding: 0 20px; border-radius: 50px; font-size: 0.8125rem; margin-top: 10px; } .user-order .order-item .order-information .repaid-button:hover { filter: brightness(110%); box-shadow: 0 10px 20px -10px #dc3545; } .user-order .order-item .order-product .product { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; padding: 10px 0; border-bottom: 1px dashed #e6e6e6; } @media (max-width: 767.98px) { .user-order .order-item .order-product .product { padding: 10px 15px; } } .user-order .order-item .order-product .product .img { width: 60px; } .user-order .order-item .order-product .product .img img { max-width: 100%; max-height: 100%; } .user-order .order-item .order-product .product .caption { width: calc(100% - 60px); padding-left: 20px; } .user-order .order-item .order-product .product .caption .name { font-size: 14px; line-height: 1.3; font-family: Roboto-Medium; } @media (max-width: 767.98px) { .user-order .order-item .order-product .product .caption .name { font-size: 0.8125rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } } .user-order .order-item .order-product .product .caption .amount, .user-order .order-item .order-product .product .caption .price { display: inline-block; font-size: 0.875rem; color: #999; } @media (max-width: 767.98px) { .user-order .order-item .order-product .product .caption .amount, .user-order .order-item .order-product .product .caption .price { display: block; font-size: 0.8125rem; } } .user-order .order-item .order-product .product .caption .amount { width: 100px; } @media (max-width: 767.98px) { .user-order .order-item .order-product .product .caption .amount { width: 80px; } } .user-order .order-item .order-product .product .caption .price .new { display: inline; font-family: Roboto-Medium; color: #607d8b; } .user-order .order-item .order-total { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-end; align-content: flex-end; font-size: 0.875rem; padding: 10px 0; } @media (max-width: 767.98px) { .user-order .order-item .order-total { padding: 10px; } } .user-order .order-item .order-total .label { color: #333; font-family: Roboto-Medium; } .user-order .order-item .order-total .value { margin-left: 10px; } .user-order .order-item .order-total .group { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; align-content: center; font-family:Roboto-Medium; justify-content: space-between; width: 250px; } @media (max-width: 767.98px) { .user-order .order-item .order-total .group { width: 100%; } } .user-order .order-item .order-total .group.total .value { color: #f44336; font-family:Roboto-Medium; } .user-order .order-name { font-weight: 500; } @media (max-width: 767.98px) { .user-order .order-name { margin-bottom: 10px; } } .user-order .order-name strong { color: #18a0c6; font-weight: 600; } .user-order .order-name { font-weight: 500; } @media (max-width: 767.98px) { .user-order .order-name { margin-bottom: 10px; } } .user-order .order-name strong { color: #18a0c6; font-weight: 600; } .user-order .order-list { margin: 0 -15px; } .user-order .order-item .order-information { font-size: 0.8125rem; padding: 15px 10px; border-radius: 5px; border: 1px solid #f2f2f2; height: 100%; color: #666; } @media (max-width: 767.98px) { .user-order .order-item .order-information { padding: 0 15px; border-radius: 0; border: none; } } .user-order .order-item .order-information .title { font-size: 0.875rem; color: #005ec4; font-family: Roboto-Bold; } .user-order .order-item .order-information strong { color: #333; font-size: 0.875rem; } .user-order .order-item .order-information .popup-tragop { margin-top: 15px; } .user-order .order-item .order-information .repaid-button { display: inline-block; text-transform: uppercase; font-weight: 600; color: #fff; border-radius: 5px; background: #ee0979; background: -webkit-linear-gradient(to right,#ff6a00,#ee0979); background: linear-gradient(to right,#ff6a00,#ee0979); border: none; -webkit-transition: all, 0.5s; -khtml-transition: all, 0.5s; -moz-transition: all, 0.5s; -ms-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s; line-height: 34px; padding: 0 20px; border-radius: 50px; font-size: 0.8125rem; margin-top: 5px; } .spinner-grow-sm { width: 1rem; height: 1rem; } .row.row-s { margin: 0 -5px; } .row.row-s>[class*="col-"] { padding: 0 5px; } @media (max-width: 767.98px) { .cart-step .cart-payment .payment-method>ul { display: none; } } .cart-step .cart-payment .payment-method>ul>li.method-select a { display: block; padding: 10px; } .cart-step .cart-payment .payment-method>ul>li.method-select input { display: none; } .cart-step .cart-payment .payment-method>ul>li.method-select input+label { text-align: center; padding-bottom: 20px; } .cart-step .cart-payment .payment-method>ul>li.method-select input+label:before { content: ""; width: 14px; height: 14px; border-radius: 50px; border: 1px solid rgba(0, 0, 0, 0.1); position: absolute; bottom: 10px; left: 50%; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .cart-step .cart-payment .payment-method>ul>li.method-select input+label:after { content: "\f00c"; width: 14px; height: 14px; background: #18a0c6; color: #fff; border-radius: 50px; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; font-size: 0.75rem; align-items: center; align-content: center; justify-content: center; opacity: 0; position: absolute; bottom: 10px; left: 50%; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .cart-step .cart-payment .payment-method>ul>li.method-select input+label .icon { margin-bottom: 10px; } .cart-step .cart-payment .payment-method>ul>li.method-select input+label img { width: 48px; filter: grayscale(100%); } .cart-step .cart-payment .payment-method>ul>li.method-select input+label .name { font-size: 0.75rem; line-height: 1.3; font-weight: 700; } .user-order .order-item .order-information .repaid-button2 { display: inline-block; text-transform: uppercase; font-weight: 600; color: #fff; border-radius: 5px; background: #8E2DE2; /* fallback for old browsers */ background: -webkit-linear-gradient(to right, #4A00E0, #8E2DE2); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #4A00E0, #8E2DE2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ border: none; -webkit-transition: all, 0.5s; -khtml-transition: all, 0.5s; -moz-transition: all, 0.5s; -ms-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s; line-height: 34px; padding: 0 20px; border-radius: 50px; font-size: 0.8125rem; margin-top: 5px; } .user-order .order-item .order-information .repaid-button2:hover { filter: brightness(110%); box-shadow: 0 10px 20px -10px #4A00E0; } @media (max-width: 1199.98px) { .cart-step .cart-payment .payment-method>ul>li.method-select input+label .name { font-weight: 500; } } .cart-step .cart-payment .payment-method>ul>li.method-select:hover a { color: #18a0c6; } .cart-step .cart-payment .payment-method>ul>li.method-select:hover input+label img { filter: grayscale(0%); } .cart-step .cart-payment .payment-method>ul>li.method-select.r-tabs-state-active { background: #333; } .cart-step .cart-payment .payment-method>ul>li.method-select.r-tabs-state-active a { color: #fff; } .cart-step .cart-payment .payment-method>ul>li.method-select.r-tabs-state-active input+label:before { opacity: 1; } .cart-step .cart-payment .payment-method>ul>li.method-select.r-tabs-state-active input+label:after { opacity: 1; } .cart-step .cart-payment .payment-method>ul>li.method-select.r-tabs-state-active input+label img { filter: grayscale(0%); } .cart-step .cart-payment .payment-method .r-tabs-accordion-title { display: none; margin-bottom: 10px; } @media (max-width: 767.98px) { .cart-step .cart-payment .payment-method .r-tabs-accordion-title { display: block; } } .cart-step .cart-payment .payment-method .r-tabs-accordion-title a { display: block; border-radius: 5px; background: #f2f2f2; padding: 10px; } .cart-step .cart-payment .payment-method .r-tabs-accordion-title input { display: none; } .cart-step .cart-payment .payment-method .r-tabs-accordion-title input+label { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; align-content: center; position: relative; padding-left: 20px; } .cart-step .cart-payment .payment-method .r-tabs-accordion-title input+label:before { content: ""; width: 14px; height: 14px; border-radius: 50px; border: 1px solid rgba(0, 0, 0, 0.1); position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .cart-step .cart-payment .payment-method .r-tabs-accordion-title input+label:after { content: "\f00c"; width: 14px; height: 14px; background: #18a0c6; color: #fff; border-radius: 50px; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; font-size: 0.75rem; align-items: center; align-content: center; justify-content: center; opacity: 0; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .cart-step .cart-payment .payment-method .r-tabs-accordion-title input+label .icon { width: 32px; } .cart-step .cart-payment .payment-method .r-tabs-accordion-title input+label .name { width: calc(100% - 32px); padding-left: 10px; font-size: 0.875rem; font-weight: 500; } .cart-step .cart-payment .payment-method .r-tabs-accordion-title.r-tabs-state-active a { background: #333; color: #fff; } .cart-step .cart-payment .payment-method .r-tabs-accordion-title.r-tabs-state-active label:after { opacity: 1; } .cart-step .cart-payment .payment-method .method-content .method-img { display: none; } .cart-step .cart-payment .payment-method .method-content .content { font-size: 0.875rem; } @media (max-width: 767.98px) { .cart-step .cart-payment .payment-method .method-content .content { font-size: 0.8125rem; } } .cart-step .cart-payment .payment-method .method-content .prepay-select { max-width: 300px; } .Module-365 .cart-step { max-width: 1000px; margin: 0 auto 30px; } @media (max-width: 991.98px) { .Module-365 .cart-step { margin-bottom: 0; } } .subscribe .module-title { font-size: 1rem; color: gray; margin-bottom: 10px; } @media (max-width: 767.98px) { .subscribe .module-title { font-size: 0.875rem; } } .subscribe .module-title:before { content: "\f003"; margin-right: 10px; } .form-wrap .module-title { font-weight: 500; font-size: 0.875rem; color: #18a0c6; text-transform: uppercase; margin-bottom: 5px; } .modal-repay .module-title { font-size: 0.875rem; font-weight: 500; margin-bottom: 10px; } .modal-repay .module-title a { color: #18a0c6; font-weight: 700; } .cart-step .cart-title span { font-size: 1rem; font-weight: 500; } @media (max-width: 767.98px) { .cart-step .cart-title span { font-size: 0.875rem; } } .cart-step .cart-total .group { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; align-content: center; justify-content: space-between; } .cart-step .cart-btn { padding: 15px 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; align-content: center; justify-content: space-between; } @media (max-width: 991.98px) { .cart-step .cart-btn { position: fixed; right: 0; bottom: 0; left: 0; z-index: 50; padding: 10px; background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); } } .cart-step .cart-btn .total { font-size: 0.875rem; color: #333; } .cart-step .cart-btn .total .des { display: block; font-size: 0.75rem; line-height: 1; color: #999; font-style: italic; } .cart-step .btn-back { font-size: 0.875rem; color: #18a0c6; position: absolute; font-family:Roboto-Medium; top: 20px; right: 15px; } .cart-step .btn-back:hover { color: #333; } .cart-step .btn-continue { background: #039ee3; text-transform: uppercase; padding: 0 40px; } @media (max-width: 767.98px) { .cart-step .btn-continue { font-size: 0.8125rem; padding: 0 20px; } } .cart-step .btn-continue:hover { background: #007bff; } .cart-step .cart-login .form-wrap { margin-bottom: 10px; } .cart-step .cart-login .form-wrap .form-select { margin-bottom: 10px; } .cart-step .cart-login .form-wrap .form-select ul li { margin-bottom: 5px; } .cart-step .cart-login .form-wrap .form-select label { font-weight: 400; } .cart-step .cart-login .form-wrap .form-group label { display: none; } .cart-step .cart-login .form-wrap input[type="submit"] { text-transform: uppercase; font-weight: 500; border: none; } .cart-step .btn-getaddress { display: inline-block; padding: 0 15px; border-radius: 3px; font-size: 0.875rem; line-height: 30px; color: #18a0c6; font-weight: 500; margin-bottom: 10px; } .cart-step .btn-getaddress:before { content: "+"; font-weight: 700; margin-right: 5px; } .cart-step .cart-form .form-wrap .form-group { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .cart-step .cart-form .form-wrap .form-group label { width: 100px; } .cart-step .cart-form .form-wrap .form-group .input { width: calc(100% - 100px); } .cart-step .cart-form #exportbill { font-weight: 500; text-transform: uppercase; } @media (max-width: 767.98px) { .cart-step .cart-coupon { margin-bottom: 10px; } } .cart-step .cart-coupon .input-coupon { max-width: 350px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; align-content: center; margin-bottom: 5px; } .cart-step .cart-coupon .input-coupon input { width: calc(100% - 110px); font-size: 0.8125rem; padding: 7px 15px; border-radius: 50px; border: 1px solid #e6e6e6; width: 100%; color: #333; -webkit-transition: all, 0.5s; -khtml-transition: all, 0.5s; -moz-transition: all, 0.5s; -ms-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s; } .cart-step .cart-coupon .input-coupon input::-webkit-input-placeholder { color: inherit; opacity: 0.5; } .cart-step .cart-coupon .input-coupon input:active, .cart-step .cart-coupon .input-coupon input:focus { border-color: #2cbde5; box-shadow: 0 0 0 0.2rem rgba(24, 160, 198, 0.2); } .cart-step .cart-payment .payment-method>ul { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; border-radius: 5px; background: #f2f2f2; } @media (max-width: 767.98px) { .cart-step .cart-payment .payment-method>ul { display: none; } } .cart-step .cart-payment .payment-method>ul>li.method-select input { display: none; } .cart-step .cart-payment .payment-method>ul>li.method-select input+label { text-align: center; padding-bottom: 20px; } .cart-step .cart-payment .payment-method>ul>li.method-select input+label:before { content: ""; width: 14px; height: 14px; border-radius: 50px; border: 1px solid rgba(0, 0, 0, 0.1); position: absolute; bottom: 10px; left: 50%; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .cart-step .cart-payment .payment-method>ul>li.method-select input+label:after { content: "\f00c"; width: 14px; height: 14px; background: #18a0c6; color: #fff; border-radius: 50px; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; font-size: 0.75rem; align-items: center; align-content: center; justify-content: center; opacity: 0; position: absolute; bottom: 10px; left: 50%; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .cart-step .cart-payment .payment-method>ul>li.method-select input+label .icon { margin-bottom: 10px; } .cart-step .cart-payment .payment-method>ul>li.method-select input+label img { width: 48px; filter: grayscale(100%); } .cart-step .cart-payment .payment-method>ul>li.method-select input+label .name { font-size: 0.75rem; line-height: 1.3; font-weight: 700; } @media (max-width: 1199.98px) { .cart-step .cart-payment .payment-method>ul>li.method-select input+label .name { font-weight: 500; } } .cart-step .cart-payment .payment-method>ul>li.method-select:hover a { color: #18a0c6; } .cart-step .cart-payment .payment-method>ul>li.method-select:hover input+label img { filter: grayscale(0%); } .cart-step .cart-payment .payment-method>ul>li.method-select.r-tabs-state-active input+label:before { opacity: 1; } .cart-step .cart-payment .payment-method>ul>li.method-select.r-tabs-state-active input+label:after { opacity: 1; } .cart-step .cart-payment .payment-method>ul>li.method-select.r-tabs-state-active input+label img { filter: grayscale(0%); } .cart-step .cart-payment .payment-method .r-tabs-accordion-title { display: none; margin-bottom: 10px; } @media (max-width: 767.98px) { .cart-step .cart-payment .payment-method .r-tabs-accordion-title { display: block; } } .cart-step .cart-payment .payment-method .r-tabs-accordion-title a { display: block; border-radius: 5px; background: #f2f2f2; padding: 10px; } .cart-step .cart-payment .payment-method .r-tabs-accordion-title input { display: none; } .cart-step .cart-payment .payment-method .r-tabs-accordion-title input+label { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; align-content: center; position: relative; padding-left: 20px; } .cart-step .cart-payment .payment-method .r-tabs-accordion-title input+label:before { content: ""; width: 14px; height: 14px; border-radius: 50px; border: 1px solid rgba(0, 0, 0, 0.1); position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .cart-step .cart-payment .payment-method .r-tabs-accordion-title input+label:after { content: "\f00c"; width: 14px; height: 14px; background: #18a0c6; color: #fff; border-radius: 50px; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; font-size: 0.75rem; align-items: center; align-content: center; justify-content: center; opacity: 0; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .cart-step .cart-payment .payment-method .r-tabs-accordion-title input+label .icon { width: 32px; } .cart-step .cart-payment .payment-method .r-tabs-accordion-title input+label .name { width: calc(100% - 32px); padding-left: 10px; font-size: 0.875rem; font-weight: 500; } .cart-step .cart-payment .payment-method .r-tabs-accordion-title.r-tabs-state-active a { background: #333; color: #fff; } .cart-step .cart-payment .payment-method .r-tabs-accordion-title.r-tabs-state-active label:after { opacity: 1; } .cart-step .cart-payment .payment-method .method-content .method-img { display: none; } .cart-step .cart-payment .payment-method .method-content .content { font-size: 0.875rem; } @media (max-width: 767.98px) { .cart-step .cart-payment .payment-method .method-content .content { font-size: 0.8125rem; } } .cart-step .cart-payment .payment-method .method-content .prepay-select { max-width: 300px; } .cart-step .cart-payment .btn-buy { margin-top: 15px; text-transform: uppercase; } .hardware-page .cart-step { margin: 0 -15px !important; border: none; } @media (max-width: 991.98px) and (max-width: 767.98px) { .hardware-page .cart-step:before { display: none; } } .Module-365 .cart-step { max-width: 1000px; margin: 0 auto 30px; } @media (max-width: 991.98px) { .Module-365 .cart-step { margin-bottom: 0; } } .cart-step .btn-continue, .manager_order .btn-continue, .cart-step .cart-payment .btn-buy, .installment-page .btn-buy, .news-page .product .caption .btn-buy { display: inline-block; font-size: 0.875rem; line-height: 36px; color: #fff; padding: 0 30px; text-align: center; text-transform: uppercase; border-radius: 50px; background: #005ec4; -webkit-transition: all, 0.5s; -khtml-transition: all, 0.5s; -moz-transition: all, 0.5s; -ms-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s; } @media (max-width: 767.98px) { .btn-main, .btn-outline, .social-login ul li a, .news-page .product .caption .btn-tragop, .form-wrap input[type="submit"], header .cart .cart-panel .cart-checkout .btn-checkout, .cart-step .btn-continue, .cart-step .cart-payment .btn-buy, .installment-page .btn-buy, .news-page .product .caption .btn-buy { padding: 0 25px; } } @media (max-width: 767.98px) { .btn-main, .btn-outline, .social-login ul li a, .news-page .product .caption .btn-tragop, .form-wrap input[type="submit"], header .cart .cart-panel .cart-checkout .btn-checkout, .cart-step .btn-continue, .cart-step .cart-payment .btn-buy, .installment-page .btn-buy, .news-page .product .caption .btn-buy { padding: 0 25px; } } .btn-main.big, .big.btn-outline, .social-login ul li a.big, .news-page .product .caption .big.btn-tragop, .form-wrap input.big[type="submit"], header .cart .cart-panel .cart-checkout .big.btn-checkout, .cart-step .big.btn-continue, .cart-step .cart-payment .big.btn-buy, .installment-page .big.btn-buy, .news-page .product .caption .big.btn-buy { line-height: 50px; padding: 0 50px; font-size: 0.875rem; text-transform: uppercase; } .btn-main.disabled, .disabled.btn-outline, .social-login ul li a.disabled, .news-page .product .caption .disabled.btn-tragop, .form-wrap input.disabled[type="submit"], header .cart .cart-panel .cart-checkout .disabled.btn-checkout, .cart-step .disabled.btn-continue, .cart-step .cart-payment .disabled.btn-buy, .installment-page .disabled.btn-buy, .news-page .product .caption .disabled.btn-buy { background: #ccc; pointer-events: none; } .btn-main.disabled:hover, .disabled.btn-outline:hover, .social-login ul li a.disabled:hover, .news-page .product .caption .disabled.btn-tragop:hover, .form-wrap input.disabled:hover[type="submit"], header .cart .cart-panel .cart-checkout .disabled.btn-checkout:hover, .cart-step .disabled.btn-continue:hover, .cart-step .cart-payment .disabled.btn-buy:hover, .installment-page .disabled.btn-buy:hover, .news-page .product .caption .disabled.btn-buy:hover { box-shadow: none; } .cart-step { margin-top: 20px; position: relative; background: #fff; border-radius: 5px; overflow: hidden; border-top: none; padding: 15px; margin-bottom: 20px; box-shadow: 0 5px 20px rgb(0 0 0 / 5%); } .cart-step .cart-title { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; align-content: center; border-bottom: 1px solid #e6e6e6; padding: 0 15px 10px; margin: 0 -15px 10px; } .cart-step .cart-title .material-icons, .cart-step .cart-title .mi, .cart-step .cart-title .dropdown-custom .dropdown-menu .dropdown-title .btn-closedropdown:before, .dropdown-custom .dropdown-menu .dropdown-title .cart-step .cart-title .btn-closedropdown:before, .cart-step .cart-title .dropdown-custom header .cart .cart-panel .dropdown-title .btn-closedropdown:before, .dropdown-custom header .cart .cart-panel .dropdown-title .cart-step .cart-title .btn-closedropdown:before, .cart-step .cart-title header .cart .dropdown-custom .cart-panel .dropdown-title .btn-closedropdown:before, header .cart .dropdown-custom .cart-panel .dropdown-title .cart-step .cart-title .btn-closedropdown:before, .cart-step .cart-title header .check-tool.s1 a:before, header .check-tool.s1 .cart-step .cart-title a:before, .cart-step .cart-title header .check-tool.s2 a:before, header .check-tool.s2 .cart-step .cart-title a:before, .cart-step .cart-title header .login-tool .dropdown-toggle:before, header .login-tool .cart-step .cart-title .dropdown-toggle:before, .cart-step .cart-title header .notification .dropdown-toggle:before, header .notification .cart-step .cart-title .dropdown-toggle:before, .cart-step .cart-title header .cart .cart-toggle .cart-amount:before, header .cart .cart-toggle .cart-step .cart-title .cart-amount:before, .cart-step .cart-title .cart-header .btn-back:before, .cart-header .cart-step .cart-title .btn-back:before, .cart-step .cart-title .user-info:after, .cart-step .cart-title .user-page .user-address .address-list ul li .address-item .btn-remove:before, .user-page .user-address .address-list ul li .address-item .cart-step .cart-title .btn-remove:before, .cart-step .cart-title .user-page .user-address .address-list ul li .address-item .btn-edit:before, .user-page .user-address .address-list ul li .address-item .cart-step .cart-title .btn-edit:before, .cart-step .cart-title .user-page .product-list .product-item .btn-remove:before, .user-page .product-list .product-item .cart-step .cart-title .btn-remove:before { padding-right: 10px; } @media (max-width: 767.98px) { .cart-step .cart-title .material-icons, .cart-step .cart-title .mi, .cart-step .cart-title .dropdown-custom .dropdown-menu .dropdown-title .btn-closedropdown:before, .dropdown-custom .dropdown-menu .dropdown-title .cart-step .cart-title .btn-closedropdown:before, .cart-step .cart-title .dropdown-custom header .cart .cart-panel .dropdown-title .btn-closedropdown:before, .dropdown-custom header .cart .cart-panel .dropdown-title .cart-step .cart-title .btn-closedropdown:before, .cart-step .cart-title header .cart .dropdown-custom .cart-panel .dropdown-title .btn-closedropdown:before, header .cart .dropdown-custom .cart-panel .dropdown-title .cart-step .cart-title .btn-closedropdown:before, .cart-step .cart-title header .check-tool.s1 a:before, header .check-tool.s1 .cart-step .cart-title a:before, .cart-step .cart-title header .check-tool.s2 a:before, header .check-tool.s2 .cart-step .cart-title a:before, .cart-step .cart-title header .login-tool .dropdown-toggle:before, header .login-tool .cart-step .cart-title .dropdown-toggle:before, .cart-step .cart-title header .notification .dropdown-toggle:before, header .notification .cart-step .cart-title .dropdown-toggle:before, .cart-step .cart-title header .cart .cart-toggle .cart-amount:before, header .cart .cart-toggle .cart-step .cart-title .cart-amount:before, .cart-step .cart-title .cart-header .btn-back:before, .cart-header .cart-step .cart-title .btn-back:before, .cart-step .cart-title .user-info:after, .cart-step .cart-title .user-page .user-address .address-list ul li .address-item .btn-remove:before, .user-page .user-address .address-list ul li .address-item .cart-step .cart-title .btn-remove:before, .cart-step .cart-title .user-page .user-address .address-list ul li .address-item .btn-edit:before, .user-page .user-address .address-list ul li .address-item .cart-step .cart-title .btn-edit:before, .cart-step .cart-title .user-page .product-list .product-item .btn-remove:before, .user-page .product-list .product-item .cart-step .cart-title .btn-remove:before { font-size: 1.125rem; } } .cart-step .cart-title span { font-size: 1rem; font-weight: 500; } @media (max-width: 767.98px) { .cart-step .cart-title span { font-size: 0.875rem; } } .cart-step .cart-title span strong { color: #f44336; font-family: Roboto-Medium; } .cart-step .cart-total .group { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; align-content: center; justify-content: space-between; } .cart-step .cart-total .group .label { font-size: 0.8125rem; font-family:Roboto-Medium; } .cart-step .cart-total .group .value { font-size: 0.9375rem; font-family: Roboto-Medium; color: #000; } .cart-step .cart-total .group.total .value { font-size: 1.3rem; color: #dc3545; } .cart-step .cart-btn { padding: 15px 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; align-content: center; justify-content: space-between; } @media (max-width: 991.98px) { .cart-step .cart-btn { position: fixed; right: 0; bottom: 0; left: 0; z-index: 50; padding: 10px; background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); } } .cart-step .cart-btn .total { font-size: 0.875rem; color: #333; } .cart-step .cart-btn .total strong { color: #f44336; font-weight: 700; font-size: 1rem; margin-left: 5px; } .cart-step .cart-btn .total .des { display: block; font-size: 0.75rem; line-height: 1; color: #999; font-style: italic; } .cart-step .btn-back:hover { color: #333; } @media (max-width: 767.98px) { .cart-step .btn-continue { font-size: 0.8125rem; padding: 0 20px; } } .cart-step .cart-login .form-wrap { margin-bottom: 10px; } .cart-step .cart-login .form-wrap .form-select { margin-bottom: 10px; } .cart-step .cart-login .form-wrap .form-select ul li { margin-bottom: 5px; } .cart-step .cart-login .form-wrap .form-select label { font-weight: 400; } .cart-step .cart-login .form-wrap .form-group label { display: none; } .cart-step .cart-login .form-wrap input[type="submit"] { text-transform: uppercase; font-weight: 500; border: none; } .cart-step .btn-getaddress { display: inline-block; padding: 0 15px; border-radius: 3px; font-size: 0.875rem; line-height: 30px; color: #18a0c6; font-weight: 500; margin-bottom: 10px; } .cart-step .btn-getaddress:before { content: "+"; font-weight: 700; margin-right: 5px; } .cart-step .cart-form .form-wrap .form-group { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .cart-step .cart-form .form-wrap .form-group label { width: 100px; } .cart-step .cart-form .form-wrap .form-group .input { width: calc(100% - 100px); } .cart-step .cart-form #exportbill { font-weight: 500; text-transform: uppercase; } @media (max-width: 767.98px) { .cart-step .cart-coupon { margin-bottom: 10px; } } .cart-step .cart-coupon .input-coupon { max-width: 350px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; align-content: center; margin-bottom: 5px; } .cart-step .cart-coupon .input-coupon input { width: calc(100% - 110px); font-size: 0.8125rem; padding: 7px 15px; border-radius: 50px; border: 1px solid #e6e6e6; width: 100%; color: #333; -webkit-transition: all, 0.5s; -khtml-transition: all, 0.5s; -moz-transition: all, 0.5s; -ms-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s; } .cart-step .cart-coupon .input-coupon input::-webkit-input-placeholder { color: inherit; opacity: 0.5; } .cart-step .cart-coupon .input-coupon input:active, .cart-step .cart-coupon .input-coupon input:focus { border-color: #2cbde5; box-shadow: 0 0 0 0.2rem rgba(24, 160, 198, 0.2); } .cart-step .cart-payment .payment-method>ul { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; border-radius: 5px; background: #f2f2f2; } .cart-step .cart-payment .payment-method>ul>li.method-select { width: calc(100% / 6); position: relative; border-radius: 5px; } .cart-step .cart-payment .payment-method>ul>li.method-select input { display: none; } .cart-step .cart-payment .payment-method>ul>li.method-select input+label { text-align: center; padding-bottom: 20px; } .cart-step .cart-payment .payment-method>ul>li.method-select input+label:before { content: ""; width: 14px; height: 14px; border-radius: 50px; border: 1px solid rgba(0, 0, 0, 0.1); position: absolute; bottom: 10px; left: 50%; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .cart-step .cart-payment .payment-method>ul>li.method-select input+label:after { content: "\f00c"; width: 14px; height: 14px; background: #18a0c6; color: #fff; border-radius: 50px; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; font-size: 0.75rem; align-items: center; align-content: center; justify-content: center; opacity: 0; position: absolute; bottom: 10px; left: 50%; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .cart-step .cart-payment .payment-method>ul>li.method-select input+label .icon { margin-bottom: 10px; } .cart-step .cart-payment .payment-method>ul>li.method-select input+label img { width: 48px; filter: grayscale(100%); } .cart-step .cart-payment .payment-method>ul>li.method-select input+label .name { font-size: 0.75rem; line-height: 1.3; font-weight: 700; } @media (max-width: 1199.98px) { .cart-step .cart-payment .payment-method>ul>li.method-select input+label .name { font-weight: 500; } } .cart-step .cart-payment .payment-method>ul>li.method-select:hover a { color: #18a0c6; } .cart-step .cart-payment .payment-method>ul>li.method-select:hover input+label img { filter: grayscale(0%); } .cart-step .cart-payment .payment-method>ul>li.method-select.r-tabs-state-active input+label:before { opacity: 1; } .cart-step .cart-payment .payment-method>ul>li.method-select.r-tabs-state-active input+label:after { opacity: 1; } .cart-step .cart-payment .payment-method>ul>li.method-select.r-tabs-state-active input+label img { filter: grayscale(0%); } .cart-step .cart-payment .payment-method .r-tabs-accordion-title { display: none; margin-bottom: 10px; } @media (max-width: 767.98px) { .cart-step .cart-payment .payment-method .r-tabs-accordion-title { display: block; } } .cart-step .cart-payment .payment-method .r-tabs-accordion-title a { display: block; border-radius: 5px; background: #f2f2f2; padding: 10px; } .cart-step .cart-payment .payment-method .r-tabs-accordion-title input { display: none; } .cart-step .cart-payment .payment-method .r-tabs-accordion-title input+label { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; align-content: center; position: relative; padding-left: 20px; } .cart-step .cart-payment .payment-method .r-tabs-accordion-title input+label:before { content: ""; width: 14px; height: 14px; border-radius: 50px; border: 1px solid rgba(0, 0, 0, 0.1); position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .cart-step .cart-payment .payment-method .r-tabs-accordion-title input+label:after { content: "\f00c"; width: 14px; height: 14px; background: #18a0c6; color: #fff; border-radius: 50px; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; font-size: 0.75rem; align-items: center; align-content: center; justify-content: center; opacity: 0; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .cart-step .cart-payment .payment-method .r-tabs-accordion-title input+label .icon { width: 32px; } .cart-step .cart-payment .payment-method .r-tabs-accordion-title input+label .name { width: calc(100% - 32px); padding-left: 10px; font-size: 0.875rem; font-weight: 500; } .cart-step .cart-payment .payment-method .r-tabs-accordion-title.r-tabs-state-active a { background: #333; color: #fff; } .cart-step .cart-payment .payment-method .r-tabs-accordion-title.r-tabs-state-active label:after { opacity: 1; } .cart-step .cart-payment .payment-method .method-content { margin-top: 5px; } .cart-step .cart-payment .payment-method .method-content .method-img { display: none; } .cart-step .cart-payment .payment-method .method-content .content { font-size: 0.875rem; } @media (max-width: 767.98px) { .cart-step .cart-payment .payment-method .method-content .content { font-size: 0.8125rem; } } .cart-step .cart-payment .payment-method .method-content .prepay-select { max-width: 300px; } @media (max-width: 991.98px) { .cart-step.cart-step1 { margin: 10px -15px; } } .compare-panel .btn-wrap { height: 100%; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; align-items: center; padding: 0 15px; } .compare-panel .btn-wrap .btn-compare, .compare-panel .btn-wrap .btn_compare_b { display: block; width: 100%; line-height: 36px; font-size: 0.8125rem; margin-bottom: 10px; background: #18a0c6; padding: 0 20px; border-radius: 50px; text-align: center; color: #fff; text-transform: uppercase; font-weight: 500; } .compare-panel .btn-wrap .btn-compare:hover, .compare-panel .btn-wrap .btn_compare_b:hover { background: #333; } .compare-panel .btn-wrap .des { color: #666; font-size: 0.75rem; } .home-hotsale .btn-wrap { text-align: center; } .home-product .btn-wrap { padding-top: 20px; } .home-news .btn-wrap { text-align: center; } .home-news .btn-wrap { text-align: center; } .product-page .product-description .tab-pane .btn-wrap { padding-top: 15px; display: none; } .product-page .product-specification .btn-wrap .btn-viewdetail { display: block; color: #333; background: #f7f7f7; line-height: 34px; border-radius: 5px; font-size: 0.875rem; font-weight: 500; text-align: center; } .product-page .product-specification .btn-wrap .btn-viewdetail:before { content: "\f055"; margin-right: 5px; } .product-page .product-specification .btn-wrap .btn-viewdetail:hover { background: gray; color: #fff; } @media (max-width: 991.98px) { .search-page .result-news .btn-wrap { text-align: center; } } .notfound-page .btn-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; align-content: center; justify-content: center; flex-wrap: wrap; } .notfound-page .btn-wrap a { font-size: 0.875rem; font-weight: 500; color: #18a0c6; display: inline-block; padding: 10px 20px; border-radius: 50px; } @media (max-width: 767.98px) { .notfound-page .btn-wrap a { display: block; } } .notfound-page .btn-wrap a+a { margin-left: 50px; } @media (max-width: 767.98px) { .notfound-page .btn-wrap a+a { margin-left: 0; } } .notfound-page .btn-wrap a:hover { color: #fff; background: #333; } .news-page .product .caption .btn-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; align-content: center; } .cart-header .btn-back { font-size: 0; color: #333; } .cart-header .btn-back:before { content: "arrow_back"; margin-right: 15px; } @media (max-width: 767.98px) { .stepcomplete .center-noleftright .cart-btnwrap .btn-backstep, .stepcomplete .center-noleftright .cart-btnwrap .btn-nextstep { font-size: 0.8125rem; line-height: 36px; } } .cart-table .item { border-bottom: 1px dashed #f2f2f2; margin-bottom: 10px; padding-bottom: 10px; padding-right:12.5px } .cart-table .item .cart-item { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; position: relative; } .cart-table .item .cart-item .btn-remove { display: block; position: absolute; right: 0; bottom: -10px; color: #fff; padding-bottom: 3px; padding-right: 3px; } .cart-table .item .cart-item .btn-remove:before { content: ""; display: block; width: 0; height: 0; border-top: 20px solid transparent; border-left: 20px solid transparent; border-right: 20px solid #18a0c6; border-bottom: 20px solid #18a0c6; position: absolute; right: 0; bottom: 0; } .cart-table .item .cart-item .btn-remove:hover:before { border-right-color: #333; border-bottom-color: #333; } *:before, *:after { font-family: fontawesome; } .cart-table .item .cart-item .img { width: 100px; height: 100px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; align-content: center; justify-content: center; } @media (max-width: 767.98px) { .cart-table .item .cart-item .img { width: 60px; height: 60px; } } .cart-table .item .cart-item .img img { max-width: 90%; max-height: 90%; } .cart-table .item .cart-item .caption { width: calc(100% - 100px); padding-left: 20px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between; } @media (max-width: 767.98px) { .cart-table .item .cart-item .caption { width: calc(100% - 60px); } } .cart-table .item .cart-item .caption .item-info { width: calc(100% - 150px); } @media (max-width: 767.98px) { .cart-table .item .cart-item .caption .item-info { width: calc(100% - 100px); } } .cart-table .item .cart-item .caption .item-info .name { display: block; font-size: 0.875rem; font-family:Roboto-Medium; } .cart-table .item .cart-item .caption .item-info .option { font-size: 0.8125rem; color: #999; margin-top: 0; } @media (max-width: 767.98px) { .cart-table .item .cart-item .caption .item-info .option { font-size: 0.75rem; } } .cart-table .item .cart-item .caption .item-info .option span { margin-left: 5px; color: #666; } .cart-table .item .cart-item .caption .item-info .amount { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; align-content: center; font-size: 0.8125rem; color: #999; margin-top: 5px; } @media (max-width: 767.98px) { .cart-table .item .cart-item .caption .item-info .amount { font-size: 13px; } } .cart-table .item .cart-item .caption .item-info .amount .input-number { margin-left: 5px; color: #333; } .cart-table .item .cart-item .caption .item-price { text-align: right; font-family: Roboto-Medium; color: #607d8b; width: 150px; } @media (max-width: 767.98px) { .cart-table .item .cart-item .caption .item-price { font-family: Roboto-Medium; font-size: 0.85rem; width: 100px; } } .cart-table .item .cart-item .caption .item-price .old { font-size: 0.8125rem; } .cart-table .item .cart-item .caption .item-price .old del { color: #999; } .cart-table .item .cart-item .caption .item-price .old span { color: #333; margin-left: 5px; } .cart-table .item .cart-item .caption .item-price .des { margin-top: 5px; font-size: 0.75rem; font-style: italic; color: #999; } @media (max-width: 767.98px) { .cart-table .item .cart-item .caption .item-price .des { font-size: 0.625rem; } } .cart-table .item .cart-item .caption .gift-list { margin-top: 10px; border-radius: 5px; border: 1px dashed rgba(24, 160, 198, 0.5); padding: 5px 15px; width: 100%; max-width: 300px; } .cart-table .item .cart-item .caption .gift-list label { font-size: 0.875rem; line-height: 1; color: #18a0c6; font-weight: 500; background: #fff; margin-bottom: 10px; } @media (max-width: 767.98px) { .cart-table .item .cart-item .caption .gift-list label { font-size: 0.8125rem; } } .cart-table .item .cart-item .caption .gift-list label:before { content: "\f06b"; margin-right: 5px; } .cart-table .item .cart-item .caption .gift-list ul { list-style-type: disc; padding-left: 20px; } .cart-table .item .cart-item .caption .gift-list ul li { margin-bottom: 3px; } .cart-table .item .cart-item .caption .gift-list ul li:last-child { margin-bottom: 0; } .cart-table .item .cart-item .caption .gift-list ul li a { display: block; font-size: 0; } .cart-table .item .cart-item .caption .gift-list ul li a span { font-size: 0.8125rem; line-height: 1.2; } .cart-table .item .cart-item .caption .gift-list ul li a:hover { color: #18a0c6; } .cart-table .item .cart-item .caption .gift-list .gift-item { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .cart-table .item .cart-item .caption .gift-list .gift-item .gift-img { width: 40px; height: 40px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; align-content: center; justify-content: center; } .cart-table .item .cart-item .caption .gift-list .gift-item .gift-img img { max-width: 90%; max-height: 90%; } .cart-table .item .cart-item .caption .gift-list .gift-item .gift-caption { padding-left: 10px; } .cart-table .item .cart-item .caption .gift-list .gift-item .gift-caption .gift-name { font-size: 0.8125rem; font-weight: 500; } .cart-table .item .cart-item .caption .gift-list .gift-item .gift-caption .gift-price .new { font-size: 0.8125rem; font-weight: 700; color: #607d8b; } .user-page .product-list .product-item .btn-remove { font-size: 0; color: #999; position: absolute; right: 10px; bottom: 15px; z-index: 5; } .endright:hover { color: #007bff; } @media (max-width: 1199.98px) { .user-page .product-list .product-item .btn-remove { bottom: 10px; } } .spancount { cursor: pointer; } .number { margin: 100px; } .minus, .plus { width: 20px; height: 20px; background: #f2f2f2; border-radius: 4px; padding: 8px 5px 8px 5px; border: 1px solid #ddd; display: inline-block; vertical-align: middle; text-align: center; } .input { height: 34px; width: 100px; text-align: center; font-size: 26px; border: 1px solid #ddd; border-radius: 4px; display: inline-block; vertical-align: middle; } .vertical-center { margin: 0; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } .cart-step .cart-form .form-wrap .form-group label { width: 100px; } .cart-step .cart-form .form-wrap .form-group .input { width: calc(100% - 100px); } .installment-form .form-wrap .form-group { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .installment-form .form-wrap .form-group label { width: 100px; } .installment-form .form-wrap .form-group .input { width: calc(100% - 100px); } .user-page .user-form .form-wrap .form-group label+div { width: calc(100% - 120px); } .user-page .user-form .form-wrap .form-group .input, .user-page .user-form .form-wrap .form-group .settingcontrol { width: calc(100% - 120px); } .user-page .user-address .form-wrap .form-group { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .user-page .user-address .form-wrap .form-group label { width: 120px; } .user-page .user-address .form-wrap .form-group .input { width: calc(100% - 120px); } .input-number { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; border: 1px solid #f2f2f2; border-radius: 0; background: #fff; width: 72px; } .input-number .btn-spin { width: 20px; height: 22px; font-size: 0.875rem; line-height: 22px; text-align: center; font-weight: 700; cursor: pointer; } .input-number input { width: 30px; margin: 0; padding: 0; border: none; line-height: 22px; text-align: center; font-size: 0.8125rem; font-weight: 700; } .cart-table .item .cart-item .btn-remove:before { content: ''; display: block; width: 0; height: 0; border-top: 20px solid transparent; border-left: 20px solid transparent; border-right: 20px solid #18a0c6; border-bottom: 20px solid #18a0c6; position: absolute; right: 0; bottom: 0; } .cart-step .cart-coupon .input-coupon .btn-submitcoupon { border: none; width: 105px; font-size: 0.8125rem; padding: 8px 15px; color: #fff; background: -webkit-linear-gradient(to right,#ff6a00,#ee0979); background: linear-gradient(to right,#ff6a00,#ee0979); border-radius: 50px; -webkit-transition: all, 0.5s; -khtml-transition: all, 0.5s; -moz-transition: all, 0.5s; -ms-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s; margin-left: 5px; } @font-face { font-family: 'MaterialIcons-Regular'; src: url('../fonts/MaterialIcons-Regular.woff2') format('woff2'); } .cart-step .cart-coupon .input-coupon .btn-submitcoupon:hover { filter: brightness(110%); box-shadow: 0 10px 20px -10px #dc3545; } .installment-form .input-coupon .btn-submitcoupon { width: 80px; font-size: 0.8125rem; padding: 8px 10px; background: #18a0c6; color: #fff; border-radius: 5px; -webkit-transition: all, 0.5s; -khtml-transition: all, 0.5s; -moz-transition: all, 0.5s; -ms-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s; margin-left: 5px; } .installment-form .input-coupon .btn-submitcoupon:hover { background: #333; } .material-icons, .mi, .dropdown-custom .dropdown-menu .dropdown-title .btn-closedropdown:before, .dropdown-custom header .cart .cart-panel .dropdown-title .btn-closedropdown:before, header .cart .dropdown-custom .cart-panel .dropdown-title .btn-closedropdown:before, header .check-tool.s1 a:before, header .check-tool.s2 a:before, header .login-tool .dropdown-toggle:before, header .notification .dropdown-toggle:before, header .cart .cart-toggle .cart-amount:before, .cart-header .btn-back:before, .user-info:after, .user-page .user-address .address-list ul li .address-item .btn-remove:before, .user-page .user-address .address-list ul li .address-item .btn-edit:before, .user-page .product-list .product-item .btn-remove:before { font-family: material icons; font-weight: 400; font-style: normal; font-size: 24px; display: inline-block; line-height: inherit; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: "liga"; } img, iframe { vertical-align: middle; } @media only screen and (max-width: 1900px) { #fadeshow1 { display: none; } } @media only screen and (max-width: 1024px) { .fadeshow2 { display: none!important; } #fadeshow2 { display: none !important; } } .dropdown-menu.show, header .cart .show.cart-panel { display: block; } header .cart .cart-panel { min-width: 350px; background: #f2f2f2; border-top: none; border-radius: 5px; } .dropdown-menu, header .cart .cart-panel { border: none; border-radius: 0; background: #fff; border-top: 2px solid #18a0c6; margin-top: 10px; padding: 0; box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.15); } .dropdown-menu-right, header .cart .cart-panel { right: 0; left: auto; } .dropdown-menu, header .cart .cart-panel { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .dropup, .dropright, .dropdown, .dropleft { position: relative; } span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary { margin: 0; padding: 0; border: 0; font-size: 100%; font-weight: 400; vertical-align: baseline; background: 0 0; } .dropdown-custom>a { display: block; font-size: 0.875rem; font-weight: 600; line-height: 1.2; } .dropdown-custom>a:hover { color: #18a0c6; } .dropdown-custom>a+a { font-size: 0.75rem; font-weight: 400; color: #999; } .dropdown-custom>a+a:hover { color: #f77066; } @media (max-width: 767.98px) { .dropdown-custom .dropdown-menu, .dropdown-custom header .cart .cart-panel, header .cart .dropdown-custom .cart-panel { border: none; border-radius: 0; margin: 0; position: fixed !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; -webkit-transform: none !important; -khtml-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; z-index: 1000; } } @media (max-width: 767.98px) { .dropdown-custom .dropdown-menu .dropdown-title, .dropdown-custom header .cart .cart-panel .dropdown-title, header .cart .dropdown-custom .cart-panel .dropdown-title { font-size: 1.125rem; text-transform: capitalize; font-weight: 500; } } .dropdown-custom .dropdown-menu .dropdown-title .btn-closedropdown, .dropdown-custom header .cart .cart-panel .dropdown-title .btn-closedropdown, header .cart .dropdown-custom .cart-panel .dropdown-title .btn-closedropdown { position: absolute; top: 12px; right: 15px; cursor: pointer; } @media (max-width: 767.98px) { .dropdown-custom .dropdown-menu .dropdown-title .btn-closedropdown, .dropdown-custom header .cart .cart-panel .dropdown-title .btn-closedropdown, header .cart .dropdown-custom .cart-panel .dropdown-title .btn-closedropdown { position: static; height: 50px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; align-content: center; margin-right: 15px; } } .dropdown-custom .dropdown-menu .dropdown-title .btn-closedropdown:before, .dropdown-custom header .cart .cart-panel .dropdown-title .btn-closedropdown:before, header .cart .dropdown-custom .cart-panel .dropdown-title .btn-closedropdown:before { content: "close"; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; font-size: 1rem; width: 26px; height: 26px; border-radius: 50px; background: #18a0c6; color: #fff; align-items: center; align-content: center; justify-content: center; } @media (max-width: 767.98px) { .dropdown-custom .dropdown-menu .dropdown-title .btn-closedropdown:before, .dropdown-custom header .cart .cart-panel .dropdown-title .btn-closedropdown:before, header .cart .dropdown-custom .cart-panel .dropdown-title .btn-closedropdown:before { content: "arrow_back"; font-size: 1.5rem; width: unset; height: unset; display: block; background: 0 0; color: #333; } } .dropdown-custom .dropdown-menu .dropdown-title .btn-closedropdown:hover, .dropdown-custom header .cart .cart-panel .dropdown-title .btn-closedropdown:hover, header .cart .dropdown-custom .cart-panel .dropdown-title .btn-closedropdown:hover { color: #f44336; } @media (max-width: 767.98px) { .dropdown-custom .dropdown-menu .dropdown-title .btn-closedropdown:hover, .dropdown-custom header .cart .cart-panel .dropdown-title .btn-closedropdown:hover, header .cart .dropdown-custom .cart-panel .dropdown-title .btn-closedropdown:hover { color: #333; } } header .cart .cart-toggle .cart-amount { font-size: 0; font-weight: 700; text-transform: uppercase; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; align-content: center; position: relative; } .material-icons, .mi, .dropdown-custom .dropdown-menu .dropdown-title .btn-closedropdown:before, .dropdown-custom header .cart .cart-panel .dropdown-title .btn-closedropdown:before, header .cart .dropdown-custom .cart-panel .dropdown-title .btn-closedropdown:before, header .check-tool.s1 a:before, header .check-tool.s2 a:before, header .login-tool .dropdown-toggle:before, header .notification .dropdown-toggle:before, header .cart .cart-toggle .cart-amount:before, .cart-header .btn-back:before, .user-info:after, .user-page .user-address .address-list ul li .address-item .btn-remove:before, .user-page .user-address .address-list ul li .address-item .btn-edit:before, .user-page .product-list .product-item .btn-remove:before { font-family: material icons; font-weight: 400; font-style: normal; font-size: 24px; display: inline-block; line-height: inherit; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: "liga"; } .dropdown-menu.show, header .cart .show.cart-panel { display: block; } header .cart .cart-panel { min-width: 350px; background: #f2f2f2; border-top: none; border-radius: 5px; } .dropdown-menu, header .cart .cart-panel { border: none; border-radius: 0; background: #fff; border-top: 2px solid #18a0c6; margin-top: 10px; padding: 0; box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.15); } .dropdown-menu-right, header .cart .cart-panel { right: 0; left: auto; } .dropdown-menu, header .cart .cart-panel { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } header .cart .cart-panel .dropdown-title { position: relative; border-bottom: none; } .dropdown-menu .dropdown-title, header .cart .cart-panel .dropdown-title { font-size: 0.875rem; text-transform: uppercase; font-weight: 700; padding: 15px; border-bottom: 1px solid #e6e6e6; } .dropdown-custom .dropdown-menu .dropdown-title .btn-closedropdown, .dropdown-custom header .cart .cart-panel .dropdown-title .btn-closedropdown, header .cart .dropdown-custom .cart-panel .dropdown-title .btn-closedropdown { position: absolute; top: 12px; right: 15px; cursor: pointer; } .dropdown-menu, header .cart .cart-panel { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .dropdown-custom .dropdown-menu .dropdown-title .btn-closedropdown:before, .dropdown-custom header .cart .cart-panel .dropdown-title .btn-closedropdown:before, header .cart .dropdown-custom .cart-panel .dropdown-title .btn-closedropdown:before { content: "close"; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; font-size: 1rem; width: 26px; height: 26px; border-radius: 50px; background: #18a0c6; color: #fff; align-items: center; align-content: center; justify-content: center; } .material-icons, .mi, .dropdown-custom .dropdown-menu .dropdown-title .btn-closedropdown:before, .dropdown-custom header .cart .cart-panel .dropdown-title .btn-closedropdown:before, header .cart .dropdown-custom .cart-panel .dropdown-title .btn-closedropdown:before, header .check-tool.s1 a:before, header .check-tool.s2 a:before, header .login-tool .dropdown-toggle:before, header .notification .dropdown-toggle:before, header .cart .cart-toggle .cart-amount:before, .cart-header .btn-back:before, .user-info:after, .user-page .user-address .address-list ul li .address-item .btn-remove:before, .user-page .user-address .address-list ul li .address-item .btn-edit:before, .user-page .product-list .product-item .btn-remove:before { font-family: material icons; font-weight: 400; font-style: normal; font-size: 24px; display: inline-block; line-height: inherit; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: "liga"; } header .cart .cart-panel .cart-list::-webkit-scrollbar { width: 5px; background-color: transparent; } header .cart .cart-panel .cart-list::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.3); } @media (max-width: 767.98px) { header .cart .cart-panel .cart-list { max-height: unset; max-height: calc(100vh - 160px); } } header .cart .cart-panel .cart-list .item+.item { margin-top: 5px; } header .cart .cart-panel .cart-list .cart-item { display: block; padding: 10px; background: #fff; position: relative; -webkit-transition: all, 0.5s; -khtml-transition: all, 0.5s; -moz-transition: all, 0.5s; -ms-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s; } header .cart .cart-panel .cart-list .cart-item:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 2px; background: #18a0c6; opacity: 0; -webkit-transition: all, 0.5s; -khtml-transition: all, 0.5s; -moz-transition: all, 0.5s; -ms-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s; } header .cart .cart-panel .cart-list .cart-item figure { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: flex-start; align-content: flex-start; } header .cart .cart-panel .cart-list .cart-item figure .img { width: 60px; height: 60px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; align-content: center; justify-content: center; border-radius: 3px; } header .cart .cart-panel .cart-list .cart-item figure .img img { max-width: 90%; max-height: 90%; } header .cart .cart-panel .cart-list .cart-item figure figcaption { width: calc(100% - 60px); padding-left: 10px; } header .cart .cart-panel .cart-list .cart-item figure figcaption .name { font-size: 0.8125rem; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-transition: all, 0.5s; -khtml-transition: all, 0.5s; -moz-transition: all, 0.5s; -ms-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s; } header .cart .cart-panel .cart-list .cart-item figure figcaption .amount { font-size: 0.8125rem; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; align-content: center; } header .cart .cart-panel .cart-list .cart-item figure figcaption .amount .input-number { margin-left: 15px; } header .cart .cart-panel .cart-list .cart-item figure figcaption .price { margin-top: 5px; } header .cart .cart-panel .cart-list .cart-item figure figcaption .price .new { color: #18a0c6; font-size: 0.8125rem; line-height: 1; font-weight: 700; } header .cart .cart-panel .cart-list .cart-item:hover:before { opacity: 1; } header .cart .cart-panel .cart-list .cart-item:hover figure .img { border-color: #18a0c6; } header .cart .cart-panel .cart-list .cart-item:hover figure figcaption .name { color: #18a0c6; } header .cart .cart-panel .cart-checkout { padding: 15px; } @media (max-width: 767.98px) { header .cart .cart-panel .cart-checkout { position: absolute; right: 0; bottom: 0; left: 0; z-index: 5; } } header .cart .cart-panel .cart-checkout .cart-total { font-size: 1rem; text-align: right; font-weight: 600; margin-bottom: 15px; } header .cart .cart-panel .cart-checkout .cart-total strong { font-weight: 600; color: #f44336; margin-left: 20px; } header .cart .cart-panel .cart-checkout .btn-checkout { border-radius: 50px; display: block; line-height: 38px; padding: 0 20px; } .dropdown-menu, header .cart .cart-panel { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem } header .cart .cart-panel .cart-list { max-height: 250px; overflow: auto; padding: 0 15px; } header .cart .cart-panel .cart-list::-webkit-scrollbar-track { background-color: transparent; padding: 2px; } header .cart .cart-panel .cart-list::-webkit-scrollbar { width: 5px; background-color: transparent; } header .cart .cart-panel .cart-list::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.3); } @media (max-width: 767.98px) { header .cart .cart-panel .cart-list { max-height: unset; max-height: calc(100vh - 160px); } } header .cart .cart-panel .cart-list .item+.item { margin-top: 5px; } header .cart .cart-panel .cart-list .cart-item { display: block; padding: 10px; background: #fff; position: relative; -webkit-transition: all, 0.5s; -khtml-transition: all, 0.5s; -moz-transition: all, 0.5s; -ms-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s; } header .cart .cart-panel .cart-list .cart-item:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 2px; background: #18a0c6; opacity: 0; -webkit-transition: all, 0.5s; -khtml-transition: all, 0.5s; -moz-transition: all, 0.5s; -ms-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s; } header .cart .cart-panel .cart-list .cart-item figure { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: flex-start; align-content: flex-start; } header .cart .cart-panel .cart-list .cart-item figure .img { width: 60px; height: 60px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; align-content: center; justify-content: center; border-radius: 3px; } header .cart .cart-panel .cart-list .cart-item figure .img img { max-width: 90%; max-height: 90%; } header .cart .cart-panel .cart-list .cart-item figure figcaption { width: calc(100% - 60px); padding-left: 10px; } header .cart .cart-panel .cart-list .cart-item figure figcaption .name { font-size: 0.8125rem; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-transition: all, 0.5s; -khtml-transition: all, 0.5s; -moz-transition: all, 0.5s; -ms-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s; } header .cart .cart-panel .cart-list .cart-item figure figcaption .amount { font-size: 0.8125rem; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; align-content: center; } header .cart .cart-panel .cart-list .cart-item figure figcaption .amount .input-number { margin-left: 15px; } header .cart .cart-panel .cart-list .cart-item figure figcaption .price { margin-top: 5px; } header .cart .cart-panel .cart-list .cart-item figure figcaption .price .new { color: #18a0c6; font-size: 0.8125rem; line-height: 1; font-weight: 700; } header .cart .cart-panel .cart-list .cart-item:hover:before { opacity: 1; } header .cart .cart-panel .cart-list .cart-item:hover figure .img { border-color: #18a0c6; } header .cart .cart-panel .cart-list .cart-item:hover figure figcaption .name { color: #18a0c6; } header .cart .cart-panel .cart-checkout { padding: 15px; } @media (max-width: 767.98px) { header .cart .cart-panel .cart-checkout { position: absolute; right: 0; bottom: 0; left: 0; z-index: 5; } } header .cart .cart-panel .cart-checkout .cart-total { font-size: 1rem; text-align: right; font-weight: 600; margin-bottom: 15px; } header .cart .cart-panel .cart-checkout .cart-total strong { font-weight: 600; color: #f44336; margin-left: 20px; } header .cart .cart-panel .cart-checkout .btn-checkout { border-radius: 50px; display: block; line-height: 38px; padding: 0 20px; } header .mini-menu { display: none; margin-left: 8px; } @media (max-width: 1199.98px) { header .mini-menu { display: block; } } header .cart .cart-panel .cart-list .item+.item { margin-top: 5px; } header .cart .cart-panel .cart-list .cart-item { display: block; padding: 10px; background: #fff; position: relative; -webkit-transition: all, 0.5s; -khtml-transition: all, 0.5s; -moz-transition: all, 0.5s; -ms-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s; } header .cart .cart-panel .cart-list .cart-item:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 2px; background: #18a0c6; opacity: 0; -webkit-transition: all, 0.5s; -khtml-transition: all, 0.5s; -moz-transition: all, 0.5s; -ms-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s; } header .cart .cart-panel .cart-list .cart-item figure { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: flex-start; align-content: flex-start; } header .cart .cart-panel .cart-list .cart-item figure .img { width: 60px; height: 60px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; align-content: center; justify-content: center; border-radius: 3px; } header .cart .cart-panel .cart-list .cart-item figure .img img { max-width: 90%; max-height: 90%; } header .cart .cart-panel .cart-list .cart-item figure figcaption { width: calc(100% - 60px); padding-left: 10px; } header .cart .cart-panel .cart-list .cart-item figure figcaption .name { font-size: 0.8125rem; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-transition: all, 0.5s; -khtml-transition: all, 0.5s; -moz-transition: all, 0.5s; -ms-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s; } header .cart .cart-panel .cart-list .cart-item figure figcaption .amount { font-size: 0.8125rem; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; align-content: center; } header .cart .cart-panel .cart-list .cart-item figure figcaption .amount .input-number { margin-left: 15px; } header .cart .cart-panel .cart-list .cart-item figure figcaption .price { margin-top: 5px; } header .cart .cart-panel .cart-list .cart-item figure figcaption .price .new { color: #18a0c6; font-size: 0.8125rem; line-height: 1; font-weight: 700; } header .cart .cart-panel .cart-list .cart-item:hover:before { opacity: 1; } header .cart .cart-panel .cart-list .cart-item:hover figure .img { border-color: #18a0c6; } header .cart .cart-panel .cart-list .cart-item:hover figure figcaption .name { color: #18a0c6; } header .cart .cart-panel .cart-checkout { padding: 15px; } @media (max-width: 767.98px) { header .cart .cart-panel .cart-checkout { position: absolute; right: 0; bottom: 0; left: 0; z-index: 5; } } header .cart .cart-panel .cart-checkout .cart-total { font-size: 1rem; text-align: right; font-weight: 600; margin-bottom: 15px; } header .cart .cart-panel .cart-checkout .cart-total strong { font-weight: 600; color: #f44336; margin-left: 20px; } header .cart .cart-panel .cart-checkout .btn-checkout { border-radius: 50px; display: block; line-height: 38px; padding: 0 20px; } header .mini-menu { display: none; margin-left: 8px; } @media (max-width: 1199.98px) { header .mini-menu { display: block; } } header .mini-menu .dropdown-toggle .material-icons, header .mini-menu .dropdown-toggle .mi, header .mini-menu .dropdown-toggle .dropdown-custom .dropdown-menu .dropdown-title .btn-closedropdown:before, .dropdown-custom .dropdown-menu .dropdown-title header .mini-menu .dropdown-toggle .btn-closedropdown:before, .dropdown-custom header .mini-menu .dropdown-toggle .cart .cart-panel .dropdown-title .btn-closedropdown:before, .dropdown-custom header .cart .cart-panel .dropdown-title .mini-menu .dropdown-toggle .btn-closedropdown:before, header .mini-menu .dropdown-toggle .cart .dropdown-custom .cart-panel .dropdown-title .btn-closedropdown:before, header .cart .dropdown-custom .cart-panel .dropdown-title .mini-menu .dropdown-toggle .btn-closedropdown:before, header .mini-menu .dropdown-toggle .check-tool.s1 a:before, header .check-tool.s1 .mini-menu .dropdown-toggle a:before, header .mini-menu .dropdown-toggle .check-tool.s2 a:before, header .check-tool.s2 .mini-menu .dropdown-toggle a:before, header .mini-menu .dropdown-toggle .login-tool .dropdown-toggle:before, header .login-tool .mini-menu .dropdown-toggle .dropdown-toggle:before, header .mini-menu .dropdown-toggle .notification .dropdown-toggle:before, header .notification .mini-menu .dropdown-toggle .dropdown-toggle:before, header .mini-menu .dropdown-toggle .cart .cart-toggle .cart-amount:before, header .cart .cart-toggle .mini-menu .dropdown-toggle .cart-amount:before, header .mini-menu .dropdown-toggle .cart-header .btn-back:before, .cart-header header .mini-menu .dropdown-toggle .btn-back:before, header .mini-menu .dropdown-toggle .user-info:after, header .mini-menu .dropdown-toggle .user-page .user-address .address-list ul li .address-item .btn-remove:before, .user-page .user-address .address-list ul li .address-item header .mini-menu .dropdown-toggle .btn-remove:before, header .mini-menu .dropdown-toggle .user-page .user-address .address-list ul li .address-item .btn-edit:before, .user-page .user-address .address-list ul li .address-item header .mini-menu .dropdown-toggle .btn-edit:before, header .mini-menu .dropdown-toggle .user-page .product-list .product-item .btn-remove:before, .user-page .product-list .product-item header .mini-menu .dropdown-toggle .btn-remove:before { display: block; } header .mini-menu .dropdown-menu, header .mini-menu .cart .cart-panel, header .cart .mini-menu .cart-panel { min-width: 200px; padding: 5px 0; } header .mini-menu .dropdown-menu .dropdown-item, header .mini-menu .cart .cart-panel .dropdown-item, header .cart .mini-menu .cart-panel .dropdown-item { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; align-content: center; padding: 5px 10px; } header .mini-menu .dropdown-menu .dropdown-item .material-icons, header .mini-menu .cart .cart-panel .dropdown-item .material-icons, header .cart .mini-menu .cart-panel .dropdown-item .material-icons, header .mini-menu .dropdown-menu .dropdown-item .mi, header .mini-menu .cart .cart-panel .dropdown-item .mi, header .cart .mini-menu .cart-panel .dropdown-item .mi, header .mini-menu .dropdown-custom .dropdown-menu .dropdown-item .dropdown-title .btn-closedropdown:before, .dropdown-custom header .mini-menu .dropdown-menu .dropdown-item .dropdown-title .btn-closedropdown:before, header .mini-menu .dropdown-custom .dropdown-menu .dropdown-title .dropdown-item .btn-closedropdown:before, .dropdown-custom header .mini-menu .dropdown-menu .dropdown-title .dropdown-item .btn-closedropdown:before, header .mini-menu .cart .cart-panel .dropdown-item .dropdown-custom .dropdown-menu .dropdown-title .btn-closedropdown:before, .dropdown-custom .dropdown-menu .dropdown-title header .mini-menu .cart .cart-panel .dropdown-item .btn-closedropdown:before, header .cart .mini-menu .cart-panel .dropdown-item .dropdown-custom .dropdown-menu .dropdown-title .btn-closedropdown:before, .dropdown-custom .dropdown-menu .dropdown-title header .cart .mini-menu .cart-panel .dropdown-item .btn-closedropdown:before, .dropdown-custom header .cart .cart-panel .dropdown-title .mini-menu .dropdown-menu .dropdown-item .btn-closedropdown:before, .dropdown-custom header .mini-menu .cart .cart-panel .dropdown-item .dropdown-title .btn-closedropdown:before, .dropdown-custom header .mini-menu .cart .cart-panel .dropdown-title .dropdown-item .btn-closedropdown:before, .dropdown-custom header .cart .mini-menu .cart-panel .dropdown-item .dropdown-title .btn-closedropdown:before, .dropdown-custom header .cart .mini-menu .cart-panel .dropdown-title .dropdown-item .btn-closedropdown:before, header .mini-menu .dropdown-menu .dropdown-item .cart .dropdown-custom .cart-panel .dropdown-title .btn-closedropdown:before, header .cart .dropdown-custom .cart-panel .dropdown-title .mini-menu .dropdown-menu .dropdown-item .btn-closedropdown:before, header .mini-menu .cart .dropdown-custom .cart-panel .dropdown-item .dropdown-title .btn-closedropdown:before, header .mini-menu .cart .dropdown-custom .cart-panel .dropdown-title .dropdown-item .btn-closedropdown:before, header .cart .mini-menu .dropdown-custom .cart-panel .dropdown-item .dropdown-title .btn-closedropdown:before, header .cart .dropdown-custom .mini-menu .cart-panel .dropdown-item .dropdown-title .btn-closedropdown:before, header .cart .mini-menu .dropdown-custom .cart-panel .dropdown-title .dropdown-item .btn-closedropdown:before, header .cart .dropdown-custom .mini-menu .cart-panel .dropdown-title .dropdown-item .btn-closedropdown:before, header .mini-menu .dropdown-menu .dropdown-item .check-tool.s1 a:before, header .check-tool.s1 .mini-menu .dropdown-menu .dropdown-item a:before, header .mini-menu .cart .cart-panel .dropdown-item .check-tool.s1 a:before, header .check-tool.s1 .mini-menu .cart .cart-panel .dropdown-item a:before, header .cart .mini-menu .cart-panel .dropdown-item .check-tool.s1 a:before, header .check-tool.s1 .cart .mini-menu .cart-panel .dropdown-item a:before, header .mini-menu .dropdown-menu .dropdown-item .check-tool.s2 a:before, header .check-tool.s2 .mini-menu .dropdown-menu .dropdown-item a:before, header .mini-menu .cart .cart-panel .dropdown-item .check-tool.s2 a:before, header .check-tool.s2 .mini-menu .cart .cart-panel .dropdown-item a:before, header .cart .mini-menu .cart-panel .dropdown-item .check-tool.s2 a:before, header .check-tool.s2 .cart .mini-menu .cart-panel .dropdown-item a:before, header .mini-menu .dropdown-menu .dropdown-item .login-tool .dropdown-toggle:before, header .login-tool .mini-menu .dropdown-menu .dropdown-item .dropdown-toggle:before, header .mini-menu .cart .cart-panel .dropdown-item .login-tool .dropdown-toggle:before, header .login-tool .mini-menu .cart .cart-panel .dropdown-item .dropdown-toggle:before, header .cart .mini-menu .cart-panel .dropdown-item .login-tool .dropdown-toggle:before, header .login-tool .cart .mini-menu .cart-panel .dropdown-item .dropdown-toggle:before, header .mini-menu .dropdown-menu .dropdown-item .notification .dropdown-toggle:before, header .notification .mini-menu .dropdown-menu .dropdown-item .dropdown-toggle:before, header .mini-menu .cart .cart-panel .dropdown-item .notification .dropdown-toggle:before, header .notification .mini-menu .cart .cart-panel .dropdown-item .dropdown-toggle:before, header .cart .mini-menu .cart-panel .dropdown-item .notification .dropdown-toggle:before, header .notification .cart .mini-menu .cart-panel .dropdown-item .dropdown-toggle:before, header .mini-menu .dropdown-menu .dropdown-item .cart .cart-toggle .cart-amount:before, header .cart .cart-toggle .mini-menu .dropdown-menu .dropdown-item .cart-amount:before, header .mini-menu .cart .cart-panel .dropdown-item .cart-toggle .cart-amount:before, header .mini-menu .cart .cart-toggle .cart-panel .dropdown-item .cart-amount:before, header .cart .mini-menu .cart-panel .dropdown-item .cart-toggle .cart-amount:before, header .cart .cart-toggle .mini-menu .cart-panel .dropdown-item .cart-amount:before, header .mini-menu .dropdown-menu .dropdown-item .cart-header .btn-back:before, .cart-header header .mini-menu .dropdown-menu .dropdown-item .btn-back:before, header .mini-menu .cart .cart-panel .dropdown-item .cart-header .btn-back:before, .cart-header header .mini-menu .cart .cart-panel .dropdown-item .btn-back:before, header .cart .mini-menu .cart-panel .dropdown-item .cart-header .btn-back:before, .cart-header header .cart .mini-menu .cart-panel .dropdown-item .btn-back:before, header .mini-menu .dropdown-menu .dropdown-item .user-info:after, header .mini-menu .cart .cart-panel .dropdown-item .user-info:after, header .cart .mini-menu .cart-panel .dropdown-item .user-info:after, header .mini-menu .dropdown-menu .dropdown-item .user-page .user-address .address-list ul li .address-item .btn-remove:before, .user-page .user-address .address-list ul li .address-item header .mini-menu .dropdown-menu .dropdown-item .btn-remove:before, header .mini-menu .cart .cart-panel .dropdown-item .user-page .user-address .address-list ul li .address-item .btn-remove:before, .user-page .user-address .address-list ul li .address-item header .mini-menu .cart .cart-panel .dropdown-item .btn-remove:before, header .cart .mini-menu .cart-panel .dropdown-item .user-page .user-address .address-list ul li .address-item .btn-remove:before, .user-page .user-address .address-list ul li .address-item header .cart .mini-menu .cart-panel .dropdown-item .btn-remove:before, header .mini-menu .dropdown-menu .dropdown-item .user-page .user-address .address-list ul li .address-item .btn-edit:before, .user-page .user-address .address-list ul li .address-item header .mini-menu .dropdown-menu .dropdown-item .btn-edit:before, header .mini-menu .cart .cart-panel .dropdown-item .user-page .user-address .address-list ul li .address-item .btn-edit:before, .user-page .user-address .address-list ul li .address-item header .mini-menu .cart .cart-panel .dropdown-item .btn-edit:before, header .cart .mini-menu .cart-panel .dropdown-item .user-page .user-address .address-list ul li .address-item .btn-edit:before, .user-page .user-address .address-list ul li .address-item header .cart .mini-menu .cart-panel .dropdown-item .btn-edit:before, header .mini-menu .dropdown-menu .dropdown-item .user-page .product-list .product-item .btn-remove:before, .user-page .product-list .product-item header .mini-menu .dropdown-menu .dropdown-item .btn-remove:before, header .mini-menu .cart .cart-panel .dropdown-item .user-page .product-list .product-item .btn-remove:before, .user-page .product-list .product-item header .mini-menu .cart .cart-panel .dropdown-item .btn-remove:before, header .cart .mini-menu .cart-panel .dropdown-item .user-page .product-list .product-item .btn-remove:before, .user-page .product-list .product-item header .cart .mini-menu .cart-panel .dropdown-item .btn-remove:before { width: 30px; height: 30px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; align-content: center; justify-content: center; } header .mini-menu .dropdown-menu .dropdown-item span, header .mini-menu .cart .cart-panel .dropdown-item span, header .cart .mini-menu .cart-panel .dropdown-item span { width: calc(100% - 30px); padding-left: 10px; font-size: 0.8125rem; } .header-button { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-indent: -119988px; overflow: hidden; text-align: left; text-transform: capitalize; position: relative; z-index: 1; display: block; width: 22px; height: 22px; margin: 0; padding: 0; outline: none; background: url('../Images/it_service/loupe.png '); border: none; cursor: pointer; margin: 48px 0px 0 15px; } #toggle-menu { float: left; background-position: 0 0; background-color: #bc0023; } /*#toggle-search { float: right;*/ /*background-position: -60px 0;*/ /*}*/ #toggle-search.open:after { top: 40px; } #toggle-search:after { -moz-transition: top, 0.5s; -o-transition: top, 0.5s; -webkit-transition: top, 0.5s; transition: top, 0.5s; position: absolute; top: 52px; left: 50%; margin-left: -8px; content: ""; border-color: transparent transparent #e1e4e7; border-style: solid; border-width: 8px 8px 12px; } #toggle-basket { position: relative; float: right; background-position: -120px 0; } #toggle-basket:before { position: absolute; top: 5px; left: 0; width: 2px; height: 50px; content: ""; background-color: #000; } #search-form { -moz-transition: max-height, 0.5s; -o-transition: max-height, 0.5s; -webkit-transition: max-height, 0.5s; transition: max-height, 0.5s; position: absolute; top: 123px; /*right: 12px;*/ width: 25%; max-height: 0; overflow: hidden; background-color: #e1e4e7; } #search-form.open { max-height: 50px; } #search-form fieldset { position: relative; margin: 0 60px 0 0; padding: 0; border: none; } #search-form input { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; height: 50px; } #search-form input[type="search"] { width: 100%; padding: 0 5px 0 22px; border: none; background: transparent; } #search-form input[type="submit"] { position: absolute; bottom: 0; right: 0; width: 60px; margin: 0; padding: 0; font-weight: 700; text-transform: uppercase; color: #516270; background: #c6cacd; border: none; cursor: pointer; } .start-10 { left: 10.5% !important; } .top-30 { top: 25% !important; } .end-10 { right: 10.5% !important; } .float-left { float: left !important; } .float-right { float: right !important; } .fs-1px { font-size: 1px !important; } .fs-2px { font-size: 2px !important; } .fs-3px { font-size: 3px !important; } .fs-4px { font-size: 4px !important; } .fs-5px { font-size: 5px !important; } .fs-6px { font-size: 6px !important; } .fs-7px { font-size: 7px !important; } .fs-8px { font-size: 8px !important; } .fs-9px { font-size: 9px !important; } .fs-10px { font-size: 10px !important; } .fs-11px { font-size: 11px !important; } .fs-12px { font-size: 12px !important; } .fs-13px { font-size: 13px !important; } .fs-14px { font-size: 14px !important; } .fs-15px { font-size: 15px !important; } .fs-16px { font-size: 16px !important; } .fs-17px { font-size: 17px !important; } .fs-18px { font-size: 18px !important; } .fs-19px { font-size: 19px !important; } .fs-20px { font-size: 20px!important; } .fs-21px { font-size: 21px !important; } .fs-22px { font-size: 22px !important; } .fs-23px { font-size: 23px !important; } .fs-24px { font-size: 24px !important; } .fs-25px { font-size: 25px !important; } .fs-26px { font-size: 26px !important; } .fs-27px { font-size: 27px !important; } .fs-28px { font-size: 28px !important; } .fs-29px { font-size: 29px !important; } .fs-29px { font-size: 29px !important; } .fs-30px { font-size: 30px !important; } .ms-120px { margin-left: 120px; } .mt-50px { margin-top: 50px; } .mt-55px { margin-top: 55px; } .mt-60px { margin-top: 60px; } .mt-change--password{ margin-top:20px; } .mt-30px { margin-top: 30px; } .mt-5px { margin-top: 5px; } .mt-10px { margin-top: 10px; } .mt-15px { margin-top: 15px; } .margin_register { margin-top: 1rem; margin-bottom: 0.95rem; } .mt-20px { margin-top: 20px; } .mt-75px { margin-top: 75px; } .mt-80px { margin-top: 80px; } .mt-90px { margin-top: 90px; } .mt-100px { margin-top: 100px; } .mt-110px { margin-top: 110px; } .margin_signin { margin-top: 6rem; margin-bottom: 5.83rem; } .mt-120px { margin-top: 120px; } .margin_forgotpass { margin-top: 7.7rem; margin-bottom: 7.75rem; } .margin_payment_status{ margin-top:75px; margin-bottom:75px; } .mt-130px { margin-top: 130px; } .mt-140px { margin-top: 140px; } .mt-150px { margin-top: 150px; } .mt-160px { margin-top: 160px; } .mt-180px { margin-top: 180px; } .mt-200px { margin-top: 200px; } .mt-225px { margin-top: 225px; } .mt-250px { margin-top: 250px; } .mb-75px { margin-bottom: 75px; } .mb-10px { margin-bottom: 10px; } .mb-20px { margin-bottom: 20px; } .mb-30px { margin-bottom: 30px; } .mb-40px { margin-bottom: 40px; } .mb-50px { margin-bottom: 50px; } .mb-60px { margin-bottom: 60px; } .mb-70px { margin-bottom: 70px; } .mb-80px { margin-bottom: 80px; } .mb-90px { margin-bottom: 90px; } .mb-25px { margin-bottom: 25px; } .mb-120px { margin-bottom: 120px; } .p-6 { padding: 3.5rem !important; } .p-7 { padding: 4rem !important; } .p-8 { padding: 4.5rem !important; } .p-9 { padding: 5rem !important; } .p-10 { padding: 6.5rem !important; } .ps-6 { padding-left: 3.5rem !important; } .ps-7 { padding-left: 4rem !important; } .ps-8 { padding-left: 4.5rem !important; } .ps-9 { padding-left: 5rem !important; } .ps-10 { padding-left: 6.5rem !important; } .pe-6 { padding-right: 3.5rem !important; } .pe-7 { padding-right: 4rem !important; } .pe-8 { padding-right: 4.5rem !important; } .pe-9 { padding-right: 5rem !important; } .pe-10 { padding-right: 6.5rem !important; } .mb-110px { margin-bottom: 110px; } .pd-10px { padding:10px!important; } .pd-5px { padding: 5px !important; } .pd-15px { padding: 15px !important; } .pd-20px { padding: 20px !important; } .pd-25px { padding: 25px !important; } .pd_listproduct2 { padding: 1rem 1rem 5.5rem 1rem; } .mb-130px { margin-bottom: 130px; } .mb_resetpass { margin-bottom: 145px; margin-top:130px } .mb-140px { margin-bottom: 140px; } .mb-150px { margin-bottom: 150px; } .mb-160px { margin-bottom: 160px; } .mb-100px { margin-bottom: 100px; } .mb-200px { margin-bottom: 200px; } .mb-225px { margin-bottom: 225px; } .mb_viewcart { margin-bottom: 14.7rem; } .mb-250px { margin-bottom: 250px; } .mb_changepass { min-height: 32.063rem; } .mt-pagination-tracking{ margin-top:20px; margin-bottom:20px; } .mb_trackingorder { min-height: 32.063rem; } .mb-275px { margin-bottom: 275px; } .margin_profile { min-height: 30.84rem; margin-top: 20px; } .mb-300px { margin-bottom: 300px; } .mt-bg--add-rating{ margin-top:100px; margin-bottom:50px; } .mb-325px { margin-bottom: 325px; } .mb-350px { margin-bottom: 350px; } .bottom-10px{ bottom:10px; } .w-15 { width: 15% !important; } .w-180px { width: 180px !important; } #content { margin: 0 auto; } .pb-50px { padding-bottom: 150px !important; } .pb-order--now { padding-bottom: 59.3px; } .pb-51px { padding-bottom: 51px; } .pb-65px { padding-bottom: 65px; } .pb-tracking_order { min-height: 13.25rem; } .pb-41px { padding-bottom: 67.3px ; } .css-194iuus { border-radius: 8px; background-color: rgb(255, 255, 255); padding: 16px; } element.style {} .user-page1 { background: #fff; border-radius: 5px; overflow: hidden; margin: 20px 0; padding: 15px; box-shadow: 0 5px 20px rgb(0 0 0 / 5%); } .hizoom { z-index: 10; } .hizoom .magnifier { box-sizing: border-box; border: 1px solid #ccc; position: absolute; top: 0; left: 0; z-index: 10; display: none; cursor: move; } .hizoom .small { position: absolute; border: none; } .hizoom .big { position: absolute; border: 1px solid #ddd; } .cursor-disable{ cursor:not-allowed!important; } @media(min-width: 1025px) { .ck_notexist_address { min-height: 381px; } } .ck_notexist_address .user-form { margin-top: 8.5rem; margin-bottom: 8.5rem; } .bg-reply-fb{ margin-top: .3rem; background-color: #f5f5f5; padding: .75rem .75rem; position: relative; } .fb-role-color { background: #005ec4; padding: 3px 4px; color: #ffff; border-radius: 3px; } .hizoom .small { top: 0; left: 0; cursor: move; } .hizoom .big { overflow: hidden; display: none; } .hizoom .small img, .hizoom .big img { position: absolute; top: 0; left: 0; } .img-zoom-container { position: relative; } .img-zoom-lens { position: absolute; border: 1px solid #d4d4d4; /*set the size of the lens:*/ width: 40px; height: 40px; } .img-zoom-result { border: 1px solid #d4d4d4; /*set the size of the result div:*/ width: 300px; height: 300px; } .bg-white-andshadow { padding: 0; background: rgba( 255, 255, 255, 0.00); box-shadow: 0 0 2px 0 rgba( 31, 38, 135, 0.37); border: 1px solid rgba( 255, 255, 255, 0.18); } .categary2 { font-size: 15px; } .categary2 li { color: #000; transition: ease all 0.5s; } .categary2 li { transition: ease all 0.5s; background: rgba( 255, 255, 255, 0.00); padding: 13.4px 20px; } .categary2 li a { color: #29324e; font-size: 16px; } .categary2 li:hover, .categary2 li:focus { padding-left: 30px; background: #005ec4; } .categary2 li:hover a, .categary2 li:focus a { color: #fff; } .col-lg-2-5 { flex: 0 0 auto; width: 18%; } .col-lg-9-5 { flex: 0 0 auto; width: 82%; } #preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; /* change if the mask should have another color then white */ z-index: 99; /* makes sure it stays on top */ } .img-responsive2 { max-width: 100%; overflow: hidden; margin: 0 auto; } #grad { background: rgb(106, 233, 217); background: linear-gradient(90deg, rgba(106, 233, 217, 1) 34%, rgba(168, 159, 255, 1) 72%, rgba(174, 120, 245, 1) 100%); } #margin-account { margin-top: 6px; margin-left: 2px; } .disabled-href { pointer-events: none; cursor: default; } .invalid input:required:invalid { background: #BE4C54; } /* Mark valid inputs during .invalid state */ .invalid input:required:valid { background: #17D654; } .pt-20px { padding-top: 3rem !important; } .r-tabs .r-tabs-nav { margin: 0; padding: 0 } .r-tabs .r-tabs-tab { display: inline-block; margin: 0; list-style: none; } .r-tabs .r-tabs-panel { padding: 15px; display: none } .r-tabs .r-tabs-accordion-title { display: none } .r-tabs .r-tabs-panel.r-tabs-state-active { display: block } @media only screen and (max-width:768px) { .r-tabs .r-tabs-nav { display: none } .r-tabs .r-tabs-accordion-title { display: block } } .cart-step .cart-payment .payment-method>ul>li.method-select label { text-align: center; padding-bottom: 20px } .cart-step .cart-payment .payment-method .r-tabs-accordion-title label { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; align-content: center; position: relative; padding-left: 20px } .cart-step .cart-payment .payment-method .r-tabs-accordion-title label:before { content: ''; width: 14px; height: 14px; border-radius: 50px; border: 1px solid rgba(0, 0, 0, .1); position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) } .cart-step .cart-payment .payment-method .r-tabs-accordion-title label:after { content: '\f00c'; width: 14px; height: 14px; background: #2cbde5; color: #fff; border-radius: 50px; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; font-size: .75rem; align-items: center; align-content: center; justify-content: center; opacity: 0; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) } .cart-step .cart-payment .payment-method .r-tabs-accordion-title label .icon { width: 32px } .cart-step .cart-payment .payment-method .r-tabs-accordion-title label .name { width: calc(100% - 32px); padding-left: 10px; font-size: .875rem; font-weight: 500 } .cart-step .cart-form .form-wrap .form-group label.error { width: auto; color: red } .r-tabs .r-tabs-nav { margin: 0; padding: 0 } .r-tabs .r-tabs-tab { display: inline-block; margin: 0; list-style: none; } .r-tabs .r-tabs-panel { padding: 15px; display: none } .r-tabs .r-tabs-accordion-title { display: none } .r-tabs .r-tabs-panel.r-tabs-state-active { display: block } .cart-step .cart-payment .payment-method>ul>li.method-select label:before { content: ''; width: 14px; height: 14px; border-radius: 50px; border: 1px solid rgba(0, 0, 0, .1); position: absolute; bottom: 10px; left: 50%; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%) } .cart-step .cart-payment .payment-method > ul > li.method-select label:after { content: '\f00c'; width: 14px; height: 14px; background: #005ec4; color: #fff; border-radius: 50px; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; font-size: .75rem; align-items: center; align-content: center; justify-content: center; opacity: 0; position: absolute; bottom: 10px; left: 50%; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%) } .cart-step .cart-payment .payment-method>ul>li.method-select label .icon { margin-bottom: 10px } .cart-step .cart-payment .payment-method>ul>li.method-select label img { width: 48px; filter: grayscale(100%) } .cart-step .cart-payment .payment-method>ul>li.method-select.r-tabs-state-active label img { filter: grayscale(0%) } .cart-step .cart-payment .payment-method>ul>li.method-select label .name { font-size: .75rem; line-height: 1.3; font-family:Roboto-Bold; } .cart-step .cart-payment .payment-method>ul>li.method-select.r-tabs-state-active label:after { opacity: 1 } .infor-user-checkout .user-page .user-form { max-width: unset; } .cart-step .cart-payment .payment-method .r-tabs-accordion-title label { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; align-content: center; position: relative; padding-left: 20px } .cart-step .cart-payment .payment-method .r-tabs-accordion-title label:before { content: ''; width: 14px; height: 14px; border-radius: 50px; border: 1px solid rgba(0, 0, 0, .1); position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) } .cart-step .cart-payment .payment-method .r-tabs-accordion-title label:after { content: '\f00c'; width: 14px; height: 14px; background: #2cbde5; color: #fff; border-radius: 50px; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; font-size: .75rem; align-items: center; align-content: center; justify-content: center; opacity: 0; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) } .cart-step .cart-payment .payment-method .r-tabs-accordion-title label .icon { width: 32px } .cart-step .cart-payment .payment-method .r-tabs-accordion-title label .name { width: calc(100% - 32px); padding-left: 10px; font-size: .875rem; font-weight: 500 } .cart-step .cart-form .form-wrap .form-group label.error { width: auto; color: red } .slide-des { font-size: .8125rem; width: 100%; text-align: center; color: #999; margin-top: -20px; font-style: italic; display: flex; justify-content: center; background: #f3f3f3; padding: 5px 0; position: relative; } .parameter__list{ font-family:Roboto-Regular; } /*menu spec*/ .parameter__list.active { display: block; } .parameter__list li:nth-child(odd) { background-color: #f5f5f5; } .parameter__list li { align-items: flex-start; display: flex; padding: 5px; } .parameter__list .lileft { width: 150px; font-size:15px; } .parameter__list .liright span { font-size: 15px; } .parameter__list .liright { padding-left: 50px; padding-right: 15px; width: calc(105%); } .parameter__list .liright { padding: 0 5px 0 25px !important; } .btn-detail.not-have-instruction { margin: 10px 10px 0 !important; cursor: pointer; } .btn-detail { border: 1px solid #005ec4; border-radius: 5px; color: #005ec4; display: block; margin: 0 auto; max-width: 250px; padding: 2px 5px; text-align: center; } .btn-detail.btn-short-spec { margin: 0 auto !important; cursor: pointer; } .boderproductdetail { background-color: rgba( 255, 255, 255, 0.00); box-shadow: 0px 0px 15px 0px rgb(31 38 200 / 7%); border: 1px solid rgba( 255, 255, 255, 0.18); border-radius: 5px; margin-bottom: 20px; } .pro-special-offer-container { border: 1px solid rgb(249, 73, 95); border-radius: 2px; } .pro-special-offer-container ul li{ font-size:15px; } .pro-special-offer-container .spec-price { background: #f9495f; color: #fff; font-weight: bold; padding: 4px 58px 6px 32px; display: inline-block; position: relative; } .pro-special-offer-container .spec-price::after { content: ''; position: absolute; right: -21px; top: 0; bottom: 0; width: 31px; height: 32px; background: #fff; -webkit-transform: rotate( 45deg); transform: rotate(45deg); } .pro-special-offer-container .spec-title::before { content: ''; position: absolute; width: 10px; background: #f9495f; left: -10px; top: 6px; bottom: 0; height: 33px; } .pro-special-offer-container .spec-title::after { content: ''; position: absolute; border-top: 13px solid #ce0707; border-left: 10px solid transparent; left: -10px; bottom: -5px; } .pro-special-offer-container .spec-title { padding: 6px 8px 7px 0; border-bottom: 1px dashed #e1e1e1; position: relative; } .spacing_word::before { content: '-'; margin: 0 4px; } .pro-special-offer-container ul { padding:5px; } .related_product_heading p{ color: #29324e; } /*breadcrumb*/ .breadcrumb1 { margin-bottom: 5px; margin-top: 5px; } .breadcrumb1 .breadcrumb__list { display: inline-flex; align-items: center; flex-wrap: wrap; } .breadcrumb1 .breadcrumb__list li a { font-size: 14px; color: #29324e; text-decoration: none; } .breadcrumb1 .breadcrumb__list li .fa-angle-right { color: #99a0ad; margin-left: 10px; margin-right: 10px; font-size: 16px; } .color_text_primary { color: #29324e; } .shadow_primary { background-color: rgba( 255, 255, 255, 0.00); box-shadow: 0px 0px 15px 0px rgb(31 38 200 / 7%); border: 1px solid rgba( 255, 255, 255, 0.18); display: -webkit-flex; display: -ms-flexbox; } /*stock*/ .status_stock { font-size: 16px; display: flex; font-size: 16px; font-family:Roboto-Medium; align-items: center; text-transform: uppercase; } .status_stock .status.status1 { color: #27ae60; } .status_stock .status.status2 { color: #ffb520; } .status_stock .status.status3 { color: #cc5027; } .status_stock .status.status4 { color: red; } .status_stock .status i { font-size: 14px; margin-right: 9px; } .boder_account { background-color: rgba( 255, 255, 255, 0.00); box-shadow: 0px 0px 15px 0px rgb(31 38 200 / 12%); border-radius: 5px; } .boder_product_home { background-color: rgba( 255, 255, 255, 0.00); box-shadow: 0px 0px 15px 0px rgb(31 38 200 / 7%); border-radius: 5px; margin-bottom: 20px; margin-top: 20px; } .card-body { flex: 1 1 auto; padding: 1.2rem 2.5rem 1.2rem 2.5rem; } .margin_bottom_brand { margin-bottom: 20px; } .pd_listproduct, .pd_productdetail { padding: 1rem; } .pd_listproduct_home { padding: 0.5rem 1rem 0 1rem; } .pb_relatedproduct { padding-bottom: 1.5rem; } .pd_relatedproduct { padding-left: 0.5rem; padding-right: 0.5rem; } .img_banner_detail{ margin-top: 0; height:100%; width:100%; } .error { color: red; } .margin_verify_account { margin: 4.5rem 0 4.44rem 0; } .border_verify_account { background-color: rgba( 255, 255, 255, 0.00); box-shadow: 0px 0px 15px 0px rgb(31 38 200 / 12%); border-radius: 4px; } .border_payment_order { background-color: rgba( 255, 255, 255, 0.00); box-shadow: 0px 0px 15px 0px rgb(31 38 200 / 7%); border: 1px solid rgba( 255, 255, 255, 0.18); border-radius: 5px; } .ic_success_verify { font-size: 5rem; color: green; } .ic_success_verify_payment { font-size: 3.5rem; color: #30C67E; } .ic_false_verify_payment { font-size: 3.5rem; color: #ed2d40; } .ic_fail_verify { font-size: 5rem; color: red; } .button_verify_account { border-radius: 0.7rem; } .product_desc img{ max-width:100%; } .product_desc { height: 500px; overflow: hidden; transition: .3s; } .bg-article { background: linear-gradient(to bottom,rgba(255 255 255/0),rgba(255 255 255/62.5),rgba(255 255 255/1)); bottom: 18px; height: 28px; left: 0; position: relative; width: 100%; } .detail_decs_product img { width:100%!important; height:auto!important; } .popup_detail_desc .modal-dialog { max-width: 900px; } @media (min-width: 767.98px) { .create_modal .modal-dialog { max-width: 600px; margin: 1.75rem auto; } .create_modal h1 { font-size: 1.75rem; } .create_modal .modal-header { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; padding: 1.75rem 1.75rem; border-bottom: 1px solid #eff2f5; } .create_modal .modal-body { position: relative; -webkit-box-flex: 1; flex: 1 1 auto; padding-right: 3.75rem !important; padding-left: 3.75rem !important; padding-bottom: 3.75rem !important; padding-top: 0 !important; } .create_modal .form-control { display: block; width: 100%; padding: .6rem 1rem; font-weight: 500; line-height: 1.5; color: #181c32; background-color: #fff; background-clip: padding-box; border: 1px solid #e4e6ef; appearance: none; border-radius: 0; box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075); transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; } .create_modal .form-control { box-shadow: none !important; } } .form-select { display: block; width: 100%; padding: .6rem 3rem .6rem 1rem; font-size: 1rem; font-weight: 500; line-height: 1.5; color: #181c32; 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='%237E8299' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 1rem center; background-size: 16px 12px; border: 1px solid #e4e6ef; border-radius: 0; box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075); appearance: none } .form-select.form-select-solid { background-color: #f5f8fa; border-color: #f5f8fa; color: #5e6278; transition: color .2s ease, background-color .2s ease; } .form-select:focus { border-color: #b5b5c3; outline: 0; box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 0 .25rem rgba(0, 158, 247, .25) } .form-select[multiple], .form-select[size]:not([size="1"]) { padding-right: 1rem; background-image: none } .form-select:disabled { background-color: #eff2f5 } .form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #181c32 } .form-select-sm { padding-top: .55rem; padding-bottom: .55rem; padding-left: .75rem; font-size: .925rem } .form-select-lg { padding-top: .825rem; padding-bottom: .825rem; padding-left: 1.5rem; font-size: 1.15rem } .form-check { display: block; min-height: 1.5rem; padding-left: 2.25rem; margin-bottom: .125rem } .form-check .form-check-input { float: left; margin-left: -2.25rem } .form-select-solid{ box-shadow:none; } .form-check-input { width: 1.75rem; height: 1.75rem; margin-top: -.125rem; vertical-align: top; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid rgba(0, 0, 0, .25); appearance: none; color-adjust: exact; transition: background-color .15s ease-in-out, background-position .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .form-check-input { transition: none } } .form-check-input[type=radio] { border-radius: 50% } .form-check-input:active { filter: brightness(90%) } .form-check-input:focus { border-color: #b5b5c3; outline: 0; box-shadow: none } .h-20px { height: 20px !important; } .w-20px { width: 20px !important; } .form-check-input:checked { background-color: #009ef7; border-color: #009ef7 } .form-check-input:checked[type=checkbox] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23FFFFFF'/%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='%23FFFFFF'/%3e%3c/svg%3e") } .form-check-input[type=checkbox]:indeterminate { background-color: #009ef7; border-color: #009ef7; 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='%23FFFFFF' 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 { opacity: .5 } .form-control.form-control-solid:hover, .form-control.form-control-solid:focus { background-color: #f0f1f2; border-color: #f5f8fa; color: #5e6278; transition: color .2s ease, background-color .2s ease; } .mb-13 { margin-bottom: 3.25rem !important; } .mb-8 { margin-bottom: 2rem !important; } .fv-plugins-icon-container { position: relative; } .fs-6 { font-size: 1.075rem !important; } .popup_detail_desc .modal-body { padding: 1.75rem 6rem; } .pass_show { position: relative } .pass_show .ptxt { position: absolute; top: 50%; right: 10px; z-index: 1; color: #f36c01; margin-top: -10px; cursor: pointer; transition: .3s ease all; } .pass_show .ptxt:hover { color: #333333; } .choose_file { position: relative; display: inline-block; /*margin-left:25px;*/ color: #7f7f7f; margin-top: 2px; background: white } .choose_file input[type="file"] { -webkit-appearance: none; position: absolute; top: 0; left: 0; opacity: 0; } .areas_upload_image_profile { width: 18rem; overflow: hidden; border-left: .0625rem solid #efefef; } .btn_upload_image_profile:hover, .btn_upload_image_profile:focus { color: #005ec4; } .badge { display: inline-block; padding: 0.4em 0.64em; font-size: 0.75em; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; } .dropdown1 { position: relative; display: inline-block; } .dropdown-content { display: none; position: absolute; background-color: #f9f9f9; width:170px; max-width:300px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } .dropdown-content li a{ color: black; padding: 12px 16px; text-decoration: none; display: block; } .dropdown-content a:hover { background-color: #005ec4; color:#fff; } .dropdown1:hover .dropdown-content { display: block; } .container-fluid{ width: 100%; padding-right: 0; padding-left: 0; margin-right: auto; margin-left: auto; } .ui-autocomplete-loading { background: url("../Images/it_service/loading.gif") right center no-repeat; position: relative; right: 5px; } .ui-autocomplete{ width:425px; } .ui-menu .ui-menu-item{ padding: 0 5px 0 5px; } .ui-menu li { display:flex; justify-content:space-between } .img_search { border-radius:2px; width: 40px!important; height:40px!important ; object-fit:cover; } .ui-menu .ui-menu-item-wrapper { position: relative; padding: unset; } .lable_searchpost { margin-left:5px!important; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ui-widget.ui-widget-content { background-color: #fff; box-shadow: 0px 0px 15px 0px rgb(31 38 200 / 12%); border-radius: 3px; } .ui-widget.ui-widget-content { border: 1px solid rgba( 255, 255, 255, 0.18); } .ui-menu { box-shadow: 0px 0px 15px 0px rgb(31 38 200 / 17%); border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .ui-menu .ui-menu-item { margin-top: 10px; margin-bottom: 15px; padding-left: 5px; padding-right: 5px; } .ui-widget-content a { color: black; } .ui-widget { font-family: Roboto-Regular; } .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-radius: unset; background: unset; border: none; margin-left:unset; margin-right:unset; margin-top:unset; margin-bottom:unset; color:#000; } .ui-menu .ui-menu-item:hover { background: #eef0f7; } .ui-menu .ui-menu-item-wrapper { font-size: 14px; } .margin_search{ margin-top:10rem; margin-bottom:19rem; } .ui-menu { max-height: 650px; overflow-y: scroll; font-size:15px; overflow-x: hidden; } .lable_search { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: 260px; } .ui-menu::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; } .ui-menu::-webkit-scrollbar { width: 5px; background-color: #F5F5F5; } .ui-menu::-webkit-scrollbar-thumb { background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent)); background-color: #18a0c6; } #style-5::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; } #style-5::-webkit-scrollbar { width: 5px; background-color: #F5F5F5; } #style-5::-webkit-scrollbar-thumb { background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent)); background-color: #18a0c6; } .cart-table { max-height: 530px; overflow-y: scroll; overflow-x: hidden; margin-bottom: 8px; mask-size: 100% 20000px; mask-position: left bottom; -webkit-mask-image: linear-gradient(to top, transparent, black), linear-gradient(to left, transparent 17px, black 17px); -webkit-mask-size: 100% 20000px; -webkit-mask-position: left bottom; transition: mask-position 0.3s, -webkit-mask-position 0.3s; } .cart-table:hover { -webkit-mask-position: left top; } .order-product { max-height: 90px; margin-bottom: 8px; mask-size: 100% 20000px; mask-position: left bottom; -webkit-mask-image: linear-gradient(to top, transparent, black), linear-gradient(to left, transparent 17px, black 17px); -webkit-mask-size: 100% 20000px; -webkit-mask-position: left bottom; transition: mask-position 0.3s, -webkit-mask-position 0.3s; } .order-product:hover { -webkit-mask-position: left top; } .endright i{ color:gray; opa } .ck_update_info { font-size: 0.875rem; color: #18a0c6; } .brand_pdtdetail { color: #005ec4; font-size:15px; font-family:Roboto-Medium; } .brand_pdtdetail:hover { color: #1b5089 ; } .name { margin-bottom: 0; line-height: 14px; font-size: 17px; font-weight: 500; } .position { color: #adadad; font-size: 14px; } .owl-nav button { position: absolute; top: 50%; transform: translate(0, -50%); outline: none; height: 25px; } .owl-nav button svg { width: 25px; height: 25px; } .owl-nav button.owl-prev { left: 15px; } .owl-nav button.owl-next { right: 15px; } .owl-nav button span { font-size: 45px; } .product-thumb .item img { height: 100px; object-fit: cover !important; } .reviews-counter { font-size: 13px; } .reviews-counter span { vertical-align: -2px; } .rate { float: left; padding: 0 10px 0 0; } .rate:not(:checked) > input { position: absolute; top: -9999px; } .rate:not(:checked) > label { float: right; width: 15px; overflow: hidden; white-space: nowrap; cursor: pointer; font-size: 21px; color: #ccc; margin-bottom: 0; line-height: 21px; } .rate:not(:checked) > label:before { content: '\2605'; } .rate > input:checked ~ label { color: #ffc700; } .rate:not(:checked) > label:hover, .rate:not(:checked) > label:hover ~ label { color: #deb217; } .rate > input:checked + label:hover, .rate > input:checked + label:hover ~ label, .rate > input:checked ~ label:hover, .rate > input:checked ~ label:hover ~ label, .rate > label:hover ~ input:checked ~ label { color: #c59b08; } .review-form .form-group { clear: both; } .mb-20 { margin-bottom: 20px; } .review-form .rate { float: none; display: inline-block; } .review-heading { font-size: 24px; font-weight: 600; line-height: 24px; margin-bottom: 6px; text-transform: uppercase; color: #000; } .review-form .form-control { font-size: 14px; } .review-form input.form-control { height: 40px; } .review-form textarea.form-control { resize: none; } .review-form .round-black-btn { text-transform: uppercase; cursor: pointer; } .owl-item cloned { width: 461.828px !important; } .svg_button:hover { stroke-width: 1px; stroke: #000 !important; } .svg_image { stroke-width: 1px; stroke: #dcd7d7!important; } .svg_image:hover { stroke-width: 1px; stroke: #000 !important; } .toast-top-center{ margin-top:30px!important; } .transition { transition: all 400ms ease; -moz-transition: all 400ms ease; -webkit-transition: all 500ms ease; -o-transition: all 400ms ease; } #popupfirstload .modal-content{ max-width:650px; } .dropdown_sort { border: 1px solid #e0e0e0; border-radius: 3.5px; cursor: pointer; font-size: 14px; line-height: 12px; padding: 6px 10px 6px 8px; } .dropdown_product_list ul { background-color: #f9f9f9; width: 170px; max-width: 300px; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); z-index: 1; border:unset; border-radius:2px; } .count_product_list{ font-family:Roboto-Medium; } .dropdown_product_list .dropdown-item:hover, .dropdown_product_list .dropdown-item:hover:focus { background: unset; color: #1e2125; } .dropdown_product_list ul .dropdown-item { padding: 0rem 1rem; } .order_filter .dropdown_sort { border-radius: 2px; border: 1px solid #005ec4; border-right: unset; cursor: pointer; font-size: unset; line-height: unset; padding: 6px 10px 6px 8px; } .filter-search .searchbox { height: 38px!important; } .filter-search .searchbox { height: 38px !important; } #myBtn i { color: gray; font-size: 30px; } #myBtn i:hover { color: black; } .show_pass > .field-icon { float: right; position: absolute; right: 10px; cursor: pointer; z-index: 2; color: #b4b4b491; } .show_pass { --bs-gutter-x: 0; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x) * -0.5); margin-left: calc(var(--bs-gutter-x) * -0.5); } #fvpp-blackout { display: none; z-index: 499; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #000; opacity: 0.5; } #my-welcome-message { display: none; z-index: 500; position: fixed; width: 36%; left: unset; top: 20%; padding: 20px 2%; font-family: Calibri, Arial, sans-serif; background: #FFF; } #fvpp-close { position: absolute; top: 10px; right: 20px; cursor: pointer; } #fvpp-dialog h2 { font-size: 2em; margin: 0; } #fvpp-dialog p { margin: 0; } #blah { object-fit: cover!important; } .avatar_profile > img { width: 40px; height: 40px; margin-left: 8px; object-fit: cover !important; } .avatar_profile { width: 40px; height: 40px; } .bannervertical_img { width: 150px !important; height: 350px !important; object-fit: cover !important; } .bannerheader_img { width: 1600px !important; height: 346.91px !important; object-fit: cover !important; } .bannerbottom_img { width: 100% !important; height: auto !important; object-fit: cover !important; } .sidebar-title { width: 100%; padding: 15px; display: table; border-bottom: 1px solid #e5e5e5; } .sidebar-title h2 { font-size: 18px; font-family:Roboto-Medium; } .w100dt { width: 100%; display: table; } .sidebar-posts .card { margin-bottom: 25px; } .sidebar-posts .card-image { border-radius: 2px; overflow: hidden; } .card .card-image { position: relative; } .mb-10 { margin-bottom: 10px; } .card .card-image img { display: block; border-radius: 2px 2px 0 0; position: relative; left: 0; right: 0; top: 0; bottom: 0; width: 100%; } .effect { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; opacity: 0.5; background-color: #fff; -webkit-transform: skew(-45deg) scaleX(0); transform: skew(-45deg) scaleX(0); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .sidebar-posts .card:hover .card-image > .effect { -webkit-transform: skew(-45deg) scaleX(1.2); transform: skew(-45deg) scaleX(1.2); transition: all 400ms cubic-bezier(0.175,0.885,0.32,1.275); } .daily-lifestyle-section .card:hover .card-image > .effect { -webkit-transform: skew(-45deg) scaleX(1.3); transform: skew(-45deg) scaleX(1.3); transition: all 400ms cubic-bezier(0.175,0.885,0.32,1.275); } .daily-lifestyle-section .card:hover .card-content a.sm-name { text-decoration: underline; } .daily-lifestyle-section .card-stacked .card-content, .daily-lifestyle-section .card-stacked .card-action { padding: 0; } .daily-lifestyle-section .card-stacked .card-action { border: none; padding-top: 10px; } .card .card-content { padding: 25px; border-radius: 3px; } .sidebar-posts .card-content { padding: 0px; } .form-control:focus, button:visited, button.active, button:hover, button:focus, input:visited, input.active, input:hover, input:focus, a:hover, a:focus, a:visited, a.active { outline: none; box-shadow: none; text-decoration: none; } .l-blue { color: #005ec4 !important; } .tag, p.hero { text-align: left; font-family:Roboto-Medium; } .sidebar-posts .card .card-title { font-size: 15px; font-family: Roboto-Medium; } .card .card-title { font-size: 24px; font-weight: 300; } .card .card-title { font-family: Roboto-Medium; } .card .card-content .card-title { display: block; margin-bottom: 2px!important; } ul.post-mate-time li { margin-right: 15px; } ul.post-mate li { margin-left: 10px; } ul.post-mate li a { color: #5e5e5e !important; } .d-flex .post-mate-time, .d-flex .post-mate{ font-size:15px!important; } .boder_sidebar { background-color: rgba( 255, 255, 255, 0.00); box-shadow: 0px 0px 15px 0px rgb(31 38 200 / 7%); overflow:hidden; } .row .blog_section { padding:25px; border-radius: 3px; } .blog_section p{ line-height:1.5; } .blog_section img { width: 100% !important; height: auto !important; } .title_sidebar { line-height: 1; margin-top: 0; margin-bottom: 10px; border-bottom: 1px solid #222222; border-color: #1e73be; } .title_sidebar .title_sidebar_content{ background-color: #1e73be; color:#fff; line-height: 17px; display: inline-block; padding: 7px 12px 4px; } .side_bar_blog { padding: 25px 25px 0 25px; } .category_sidebar_url { background-color: #222222; color: #fff; padding: 3px 6px 4px; } .category_sidebar_url:hover { background-color: #1e73be; color: #fff; } .post_head a:hover { color: #1e73be; } .sidebar-posts .card{ border:unset; } .top-post-sidebar{ padding:25px 25px 0 25px; } .post-url-side-bar:hover { color: #1e73be; } .post-url-side-bar { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .trending-area .trending-main { border-bottom: 1px solid #eee; } .trending-area .trending-main .trending-top .trend-top-img { overflow: hidden; position: relative; } .trending-area .trending-main .trending-top .trend-top-img img { border-radius: 7px; width: 100%; height: 214px; object-fit: cover; } .trending-area .trending-main .trending-top .trend-top-img .img_sticky { border-radius: 7px; width: 100%; height: 438px; object-fit: cover; } .trending-area .trending-main .trending-top .trend-top-img::before { background: -moz-linear-gradient(top, rgba(2,26,71,0) 0%, rgba(2,26,71,0.6) 100%); background: -webkit-linear-gradient(top, rgba(2,26,71,0) 0%, rgba(2,26,71,0.6) 100%); background: linear-gradient(to bottom, rgba(2,26,71,0) 0%, rgba(2,26,71,0.6) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00021a47', endColorstr='#99021a47',GradientType=0 ); } .trending-area .trending-main .trending-top .trend-top-img::before { position: absolute; width: 100%; height: 100%; bottom: 7px; content: ""; } .sticky_title { width: 650px; font-size: 23px; } .trending-area .trending-main .trending-top .trend-top-img .trend-top-cap { position: absolute; bottom: 30px; left: 25px; right: 15px; } .trending-area .trending-main .trending-top .trend-top-img .trend-top-cap span { background: #fff9c6; color: #000; padding: 9px 20px; border-radius: 5px; text-transform: uppercase; font-weight: 500; font-size: 11px; line-height: 1; margin-bottom: 5px; display: inline-block; } .trending-area .trending-main .trending-top .trend-top-img .trend-top-cap h2 { font-size: 25px; } .trending-area .trending-main .trending-top .trend-top-img .trend-top-cap h2 a { color: #fff; font-weight: 700; line-height: 1.3; } .mb-35 { margin-bottom: 35px; } .mb-30 { margin-bottom: 10px; } .mb-100 { margin-bottom: 80px; } .trending-area .trending-main .trending-bottom .single-bottom .trend-bottom-img { overflow: hidden; } .trending-area .trending-main .trending-bottom .single-bottom .trend-bottom-img img { width: 100%; border-radius: 5px; transform: scale(1); transition: all 0.5s ease-out 0s; border-radius: 6px; height:157px; object-fit:cover; border: 1px solid rgba(185, 179, 179, .1); } .trending-area .trending-main .trending-bottom .single-bottom .trend-bottom-cap span { color: #000; text-transform: uppercase; font-size: 11px; font-weight: 400; padding: 10px 15px; line-height: 1; margin-bottom: 15px; display: inline-block; } .color1 { background: #ffe7e6; } .color2 { background: #f4ffd5; } .color3 { background: #e1fcff; } .color4 { background: #fff9c6; } .trending-area .trending-main .trending-bottom .single-bottom .trend-bottom-cap h4 a { font-weight: 500; line-height: 1.4; } .section-tittle h3 { color: #000; font-size: 24px; margin-bottom:10px; line-height: 1.5; font-family:Roboto-Medium; } .weekly-news-area .weekly-wrapper .weekly-single { position: relative; margin-left: 15px; margin-right: 15px; } .dot-style .slick-list { margin-left: -15px; margin-right: -15px; } .weekly-news-area .weekly-wrapper .weekly-single .weekly-img img { width: 100%; height:264px; border-radius: 6px; object-fit:cover; } .weekly-news-area .weekly-wrapper .weekly-single.active .weekly-caption { opacity: 1; visibility: visible; bottom: 20px; } .weekly-news-area .weekly-wrapper .weekly-single .weekly-caption { position: absolute; bottom: 0px; left: 0; background: #fff; padding: 10px; margin-left: 10px; margin-right: 10px; border-radius: 10px; -webkit-transition: all .4s ease-out 0s; -moz-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; -o-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s; opacity: 0; visibility: hidden; } .weekly-news-area .weekly-wrapper .weekly-single.active .weekly-caption { opacity: 1; visibility: visible; bottom: 20px; } .weekly-news-area .weekly-wrapper .weekly-single .weekly-caption h4 a { font-size: 18px; line-height: 1.4; font-family:Roboto-Medium; } .whats-news-area .whats-news-caption .single-what-news, .about-area .whats-news-caption .single-what-news, .contact-section .whats-news-caption .single-what-news { position: relative; } .whats-news-area .whats-news-caption .single-what-news .what-img img, .about-area .whats-news-caption .single-what-news .what-img img, .contact-section .whats-news-caption .single-what-news .what-img img { border-radius: 6px; width: 100%; height: 215.6px; object-fit:cover; } .whats-news-area .whats-news-caption .single-what-news .what-cap, .about-area .whats-news-caption .single-what-news .what-cap, .contact-section .whats-news-caption .single-what-news .what-cap { padding: 10px 15px 10px 0; background: #fff; position: absolute; bottom: -63px; left: 0; width: 80%; border-radius: 0 7px 0 0; -webkit-transition: all .4s ease-out 0s; -moz-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; -o-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s; } .whats-news-area .whats-news-caption .single-what-news:hover .what-cap, .about-area .whats-news-caption .single-what-news:hover .what-cap, .contact-section .whats-news-caption .single-what-news:hover .what-cap { bottom: -70px; } .whats-news-area .whats-news-caption .single-what-news .what-cap h4 a, .about-area .whats-news-caption .single-what-news .what-cap h4 a, .contact-section .whats-news-caption .single-what-news .what-cap h4 a { font-size: 18px; font-family:Roboto-Medium; line-height: 1.4; } .whats-news-area .whats-news-caption .single-what-news .what-cap span, .about-area .whats-news-caption .single-what-news .what-cap span, .contact-section .whats-news-caption .single-what-news .what-cap span { color: #000; text-transform: uppercase; font-size: 11px; padding: 10px 15px; line-height: 1; margin-bottom: 10px; display: inline-block; font-family:Roboto-Medium; } .weekly2-news-area .weekly2-wrapper .weekly2-single { margin-left: 15px; margin-right: 15px; } .weekly2-news-area .weekly2-wrapper .weekly2-single .weekly2-img img { width: 100%; border-radius: 6px; } .weekly2-news-area .weekly2-wrapper .weekly2-single .weekly2-caption { margin-top: -31px; } .weekly2-news-area .weekly2-wrapper .weekly2-single .weekly2-caption span { color: #000; text-transform: uppercase; font-size: 11px; font-weight: 500; padding: 10px 15px; line-height: 1; margin-bottom: 15px; display: inline-block; } .weekly2-news-area .weekly2-wrapper .weekly2-single .weekly2-caption p { margin-bottom: 0; } .weekly2-news-area .weekly2-wrapper .weekly2-single .weekly2-caption h4 a { font-size: 18px; font-weight: 700; line-height: 1.4; } .weekly2-news-area .weekly2-wrapper .dot-style .slick-dots { text-align: center; right: -2px; top: -40px; position: absolute; } .dot-style .slick-dots { text-align: center; right: -2px; top: -40px; position: absolute; } weekly2-news-area .weekly2-wrapper .dot-style .slick-list { margin-left: -15px; margin-right: -15px; } .weekly2-news-area .weekly2-wrapper .dot-style .slick-dots li { display: inline-block; } weekly2-news-area .weekly2-wrapper .dot-style .slick-dots button { text-indent: -100000px; height: 8px; width: 8px; border: 0; padding: 0; margin-right: 10px; cursor: pointer; border-radius: 50%; background: #d6d6d6; } .weekly2-news-area .weekly2-wrapper .dot-style .slick-active button { background: #fc4902; height: 9px; width: 38px; border-radius: 10px; } .trending-area .trending-main .trand-right-single { margin-bottom: 5px; } .trending-area .trending-main .trand-right-single .trand-right-img img { border-radius: 6px; width:101px; height:101px; object-fit:cover; border: 1px solid #e8f3f3; } } .trending-area .trending-main .trand-right-single .trand-right-cap { padding-left: 18px; } .trending-area .trending-main .trand-right-single .trand-right-cap span { color: #000; text-transform: uppercase; font-size: 11px; font-weight: 400; padding: 10px 15px; line-height: 1; margin-bottom: 15px; display: inline-block; } .trending-area .trending-main .trand-right-single .trand-right-cap { padding-left: 18px; } .trending-area .trending-main .trand-right-single .trand-right-cap span { color: #000; text-transform: uppercase; font-size: 11px; font-weight: 400; padding: 10px 15px; line-height: 1; margin-bottom: 5px; display: inline-block; } a.btn:hover { color: #fff !important; } .trending-area .trending-main .trand-right-single .trand-right-cap h4 { font-family: 'Roboto-Medium'; } .trending-area .trending-main .trand-right-single .trand-right-cap h4 a { font-weight: 500; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .wp-post-image{ width:100px; height:100px; object-fit:cover; } .widget { display: inline-block; margin-bottom: 5px; width: 100%; } .widget-title { color: #151515; font-size: 24px; line-height: 1.5; margin-bottom:10px; font-family:Roboto-Medium; position: relative; text-align: center; } .widget-title::before { background-color: #e1e1e1; bottom: 0; content: ""; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 30px; } .widget_latestposts .latest-content { display: inline-block; margin-bottom: 21px; min-height: 80px; padding: 5px 0 5px 120px; position: relative; width: 100%; } .history_id_iframe iframe, .history_id_iframe br { display: none } .com_rep_history { min-height: 20rem; } .history_comment .btn_coment { padding: 5px 10px; border-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.1); background-color: #fff; } .color_comment_his { color: #333333e3; } .icon_comment_his { color: #005ec4d9; } .content_comment_rep_his span, .content_comment_rep_his p { display: block; overflow: hidden; width: 583px; color: #999 !important; text-overflow: ellipsis; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; } .news_title_history a { color: #288ad6; line-height: 23px; } .history_post { margin-left: 24px; display: block; line-height: 22px; } .history_post .news_title_history { width: 583px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .history_comment .active_btn_cmt { background: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.1); } .widget .recent-post-url { font-family: Roboto-Medium; text-decoration: none; color: #464646; font-size: 14px; line-height: 1.7; word-wrap: break-word; } .widget_latestposts .latest-content > a > i { position: absolute; left: 0; top: 0; } .recent-post-url img{ border-radius:6px; } .widget_categories { overflow: hidden; } .widget > ul:first-of-type { padding-left: 0; padding-right: 0; } .widget_categories.text-center > ul li { text-align: center; padding: 9px 15px; } .widget_categories > ul > li { margin-bottom: 3px; } .widget_categories ul > li:hover { background-color: #464646; } .widget a { font-family: Roboto-Medium; text-decoration: none; color: #464646; font-size: 14px; line-height: 1.7; word-wrap: break-word; } .widget_categories > ul li { background-color: #f7f7f7; color: #464646; display: inline-block; font-family: "Montserrat",sans-serif; font-size: 12px; text-decoration: none; text-transform: uppercase; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; transition: all 1s ease 0s; width: 100%; position: relative; z-index: 1; } .widget ul li { list-style: none; display: inline-block; width: 100%; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; transition: all 1s ease 0s; } .widget_categories > ul li a { position: relative; } .widget_categories ul li a { color: #464646; padding: 9px 0 9px 15px; display: inline-block; max-width: 100%; font-size: 12px; line-height: 1.66; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; transition: all 1s ease 0s; } .widget_categories ul li:hover, .widget_categories ul li:hover > a, .widget_categories ul li > a:hover { color: #f7f7f7; } .widget_categories.text-center ul li a { padding: 0; } .section-tittle >h3::before { background-color: #e1e1e1; bottom: 0; content: ""; height: 2px; left: 0; position: absolute; right: 0; width: 40px; } .tagcloud { display: inline-block; width: 100%; text-align: center; } .tagcloud a { background-color: #f7f7f7; display: inline-block; color: #717171; font-family: Roboto-Regular; font-size: 15px !important; letter-spacing: 0.225px; line-height: 1.73; margin: 0 2px 10px; padding: 9px 25px 5px; text-decoration: none; text-transform: capitalize; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; } .tagcloud a:hover { background-color: #717171; color: #f7f7f7; } div.type-post { text-align: center; } .blog-paralle .type-post { display: inline-block; width: 100%; } @media (min-width: 992px) { .blog-paralle .type-post .entry-cover { width: 25%; float: left; } } .type-post .entry-cover { position: relative; } .type-post .entry-cover .post-meta { position: absolute; left: 25px; right: 25px; bottom: 10px; z-index: 1; } .type-post .entry-cover .post-meta > span.byline { float: left; text-align: left; } .type-post .entry-cover .post-meta > span { color: #fff; font-size: 14px; font-family:Roboto-Medium; opacity: 0; animation-duration: 0.5s; } .type-post .entry-cover .post-meta > span > a { color: #fff; text-transform: uppercase; text-decoration: none; } .type-post .entry-cover .post-meta > span.post-date { float: right; text-align: right; } .type-post .entry-cover .post-meta > span > a { color: #fff; text-transform: uppercase; text-decoration: none; } @media (min-width: 992px) { .blog-paralle .type-post .entry-content { width: 57.15%; float: left; margin-top: 6px; padding-left: 30px; padding-right: 0; } } .blog-paralle .type-post .entry-content { padding-left: 0; padding-right: 0; padding-bottom: 35px; text-align: left; position: relative; } .type-post .entry-content { display: inline-block; max-width: 100%; margin-top: 27px; } element.style { } @media (min-width: 992px) .blog-paralle .type-post .entry-content { width: 57.15%; float: left; margin-top: 6px; padding-left: 30px; padding-right: 0; } .blog-paralle .type-post .entry-content { padding-left: 0; padding-right: 0; padding-bottom: 35px; text-align: left; position: relative; } div.type-post .entry-content { padding-left: 15px; padding-right: 15px; } @media (min-width: 992px) { .blog-paralle .type-post .entry-content::before { left: 30px; } } .type-post { border-bottom: 1px solid #eee; } blog-paralle .type-post .entry-content { padding-left: 0; padding-right: 0; padding-bottom: 35px; text-align: left; position: relative; } .type-post .entry-header > span { color: #a1a1a1; font-size: 14px; letter-spacing: 0.18px; line-height: 2; text-transform: uppercase; } .type-post .entry-header > span > a { color: #a1a1a1; text-decoration: none; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; } .type-post .entry-header .entry-title { color: #151515; font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold; letter-spacing: -0.6px; line-height: 1.25; margin: 5px 0 16px; padding-bottom: 18px; position: relative; } .blog-paralle .type-post .entry-header .entry-title::before { margin: 0; } .type-post .entry-header .entry-title > a { color: #151515; text-decoration: none; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; } .blog-paralle .type-post .entry-content p, .blog-masonry-box .entry-content p:last-of-type { margin-bottom: 0; } .type-post .entry-content p:last-of-type { margin-bottom: 0; } .type-post .entry-content p { color: #717171; letter-spacing: 0.225px; line-height: 1.7; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .type-post .entry-content > a { color: #a1a1a1; display: inline-block; line-height: 1.6; position: relative; font-size:23px; text-decoration: none; animation-duration: 0.6s; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .blog-paralle .type-post .entry-content > a { margin-bottom: 8px; color:#000; } .type-post .entry-content > a, .type-post .entry-content > a::before { -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .type-post .entry-content > a::before { background-color: #151515; content: ""; left: 0; position: absolute; bottom: 0; height: 2px; width: 0; } .type-post .entry-content > a, .type-post .entry-content > a::before { -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .blog-paralle .type-post .entry-content { padding-left: 0; padding-right: 0; padding-bottom: 35px; text-align: left; position: relative; } @media (min-width: 992px) { .blog-paralle .type-post .entry-content { width: 75%; float: left; margin-top: 0px; padding-left: 20px; padding-right: 20px; } } .type-post:hover .entry-cover .post-meta > span.byline { animation-name: slideInLeft; } .type-post .entry-cover .post-meta > span.byline { float: left; text-align: left; } .type-post:hover .entry-cover .post-meta > span { opacity: 1; } .type-post .entry-cover > a { display: inline-block; max-width: 100%; position: relative; } .type-post .entry-content > a, .type-post .entry-content > a::before { -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .type-post .entry-content > a::before { background-color: #151515; content: ""; left: 0; position: absolute; bottom: 0; height: 2px; width: 0; } .entry-cover > a > img { width: 100%; height:170px; object-fit:cover; border-radius:5px; } .weekly-news-area .weekly-wrapper .weekly-single .weekly-caption span { color: #000; text-transform: uppercase; font-size: 11px; font-weight: 500; padding: 10px 15px; line-height: 1; margin-bottom: 15px; display: inline-block; } .trending-section .trending-carousel { border-bottom: 1px solid #ebebeb; } .owl-carousel.owl-loaded { display: block; } .trending-section { direction: ltr; padding-top: 70px; } .news_slider { height: 294px; height:294px; } .news_slider img { position: relative; max-width: 100%; padding: 7px; object-fit: cover; border-radius: 17px; } .slick-list draggable { width: 100%; } .news_slider .weekly-caption { bottom: 117px; position: relative; padding: 0 20px 0 20px; } .news_slider h4 { background: #fff; border-radius: 7px; padding: 10px; } .news_slider h4 .description_news_carowsel{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .news_slider h4 .color1{ color: #000; text-transform: uppercase; font-size: 11px; font-weight: 500; padding: 10px 15px; line-height: 1; margin-bottom: 5px; display: inline-block; } .news_slider_slick .slick-list { margin-bottom: -110px; } .bt-1px { border-top: 1px solid #eee; } .bb-1px { border-bottom: 1px solid #eee; } .news_list_section .blog_section{ padding:5px; margin-bottom:10px; } .news_list_section .blog_head{ font-size:20px; } .news-img-head span { position:relative; justify-content:center; display:flex; bottom:100px; color:#fff; font-size:25px; text-transform:uppercase; } .news-img-head { width:100%; height:350px; } .news-img-head img{ object-fit: cover; padding:5px; } .blog_right_sidebar .single_sidebar_widget { padding: 25px; } .blog_right_sidebar .tag_cloud_widget ul li { display: inline-block; } .blog_right_sidebar .tag_cloud_widget ul li a { display: inline-block; border: 1px solid #eeeeeebf; background: #fff; padding: 4px 20px; margin-bottom: 8px; margin-right: 3px; transition: all 0.3s ease 0s; color: #888888; font-size: 13px; } .padding_content_post { padding-left: 3rem; padding-right: 3rem; } .padding_content_post_1rem { padding-left: 1rem; padding-right: 1rem; } .blog_right_sidebar .tag_cloud_widget ul li a:hover { background-color: #1e73be; color: #fff; } .bootbox-body, .bootbox-close-button { user-select: none !important; } .view_more_post a { text-align:center; display: inline-block; width: 170px; height: 30px; line-height: 30px; border-radius: 4px; border: 1px solid #e9ecef; background-color: #e9ecef; } .content_raw { line-height: 28px; } .content_raw strong{ font-family:Roboto-Medium; } .list_productnews > img { width: 100px; height: 100px; } .list_productnews { max-width: 600px; height: auto; padding: 15px 15px; margin: 15px 85px 0 85px; display: inline-block; border: 1px solid #eee; } .pd_error_payment { padding: 8.75rem 0; } .pd_image_news { float: left; width: 30%; } .pd_infor_news { padding-left:5px; float: right; width: 70%; text-align: left; } .name_productnews { text-align: left; float: right; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .name_productnews { font-family: 'Roboto-Medium'; color: #288ad6; font-size: 19px; line-height: 1.5; overflow: hidden; } .price_product_news { font-family: Roboto-Medium; color: #f9495f; } .price_dcproduct_news { font-family: Roboto-Medium; } .viewdetail { background: #005ec4; padding: 5px 15px; text-align: center; color: #fff; text-transform: uppercase; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; font-size: 14px; font-weight: 300; display: inline-block; margin-top: 5px; } .viewdetail:hover,.viewdetail:focus{ color:#fff; } .name_productnews:hover { color: #288ad6; } .disable_scale_img > .img-responsive:hover { -moz-transform: unset; -webkit-transform: unset; -o-transform: unset; transform: unset; -ms-transform: unset; } .section-padding { padding-top: 120px; padding-bottom: 120px; } .blog_item { margin-bottom: 25px; } .blog_item_img { position: relative; } @media (min-width: 768px){ .blog_item_img .blog_item_date { bottom: -20px; left: 40px; padding: 13px 30px; } } .blog_item_img .blog_item_date { position: absolute; bottom: -10px; left: 10px; display: block; color: #fff; background-color: #1e73be; padding: 8px 15px; border-radius: 5px; } .blog_area a { font-family:Roboto-Medium; text-decoration: none; transition: .4s; } @media (min-width: 768px) { .blog_item_img .blog_item_date h3 { font-size: 30px; } } .blog_item_img .blog_item_date h3 { font-size: 22px; font-family:Roboto-Medium; justify-content:center; display:flex; color: #fff; margin-bottom: 0; line-height: 1.2; } @media (min-width: 768px) { .blog_item_img .blog_item_date p { font-size: 18px; } } .blog_item_img .blog_item_date p { font-size: 18px; margin-bottom: 0; color: #fff; } @media (min-width: 768px) { .blog_details { padding: 60px 30px 35px 35px; } } .author_profi { border: 1px solid #ededed; } .author_profi img{ height:100px; width:100px; object-fit:cover; } @media (max-width: 575.99px) { .pd_post_detail { padding-left: 0.2rem !important; padding-right: 0.2rem !important; } } .pd_post_detail { padding-left: 3.5rem; padding-right: 3.5rem; } .count_author { font-size: 11px; color: #fff; font-family:Roboto-Medium; margin-top: 10px; } .count_author span{ background-color: #222222; padding: 4px 9px 3px; position: relative; top: 0; text-transform:uppercase; } .blog_details { padding: 0px 0 10px 10px; box-shadow: 0px 10px 20px 0px rgba(221,221,221,0.3); } .blog_details a { color: #ff8b23; } .blog_details h2 { font-size: 18px; font-family:Roboto-Medium; margin-bottom: 8px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-transform:unset; } @media (min-width: 768px) { .blog_details h2 { font-size: 20px; margin-bottom: unset; text-transform: unset; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } } .blog_details p { margin-bottom: 30px; } .blog-info-link li { float: left; font-size: 14px; } .blog-info-link li a { color: #999999; } .blog-info-link li::after { content: "|"; padding-left: 10px; padding-right: 10px; } .blog-info-link::after { content: ""; display: block; clear: both; display: table; } .blog_right_sidebar .search_widget .form-control { height: 50px; border-color: #f0e9ff; font-size: 13px; color: #999999; padding-left: 20px; border-radius: 0; border-right: 0; } .blog_right_sidebar .search_widget .input-group button { background: #1e73be; border-left: 0; border: 1px solid #f0e9ff; padding: 4px 15px; border-left: 0; cursor: pointer; height: 100%; width: 100%; } .blog_right_sidebar .search_widget .input-group button i { color: #fff; } .blog_right_sidebar .single_sidebar_widget .btn_1 { margin-top: 0px; } .blog_right_sidebar .widget_title { font-size: 20px; margin-bottom: 40px; } .blog_right_sidebar .widget_title::after { content: ""; display: block; padding-top: 15px; border-bottom: 1px solid #f0e9ff; } .blog_right_sidebar .post_category_widget .cat-list li { border-bottom: 1px solid #f0e9ff; transition: all 0.3s ease 0s; padding-bottom: 12px; } /*.blog_area > a { font-family:Roboto-Medium; text-decoration: none; transition: .4s; }*/ .blog_right_sidebar .post_category_widget .cat-list li a { font-size: 14px; line-height: 20px; color: #888888; } .blog_right_sidebar .post_category_widget .cat-list li a p { margin-bottom: 0px; } .blog_right_sidebar .post_category_widget .cat-list li a p { margin-bottom: 0px; } .blog_right_sidebar .widget_title { font-size: 20px; margin-bottom: 40px; } .blog_right_sidebar .widget_title::after { content: ""; display: block; padding-top: 15px; border-bottom: 1px solid #f0e9ff; } .media { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; } .media-body { -ms-flex: 1; flex: 1; } .blog_right_sidebar .popular_post_widget .post_item .media-body { justify-content: center; align-self: center; padding-left: 20px; } .blog_right_sidebar .popular_post_widget .post_item .media-body p { font-size: 14px; line-height: 21px; margin-bottom: 0px; } .blog_item_img .card-img { height: 230px; width: 100%; object-fit: cover; } .blog_right_sidebar .search_widget, .blog_right_sidebar .post_category_widget, .blog_right_sidebar .margin_tag_cloud_widget { background-color: rgba( 255, 255, 255, 0.00); box-shadow: 0px 0px 15px 0px rgb(31 38 200 / 7%); overflow: hidden; } .post_category_widget{ margin-top:10px; } .blog_right_sidebar .margin_tag_cloud_widget { margin-top: 10px; } .blog_right_sidebar .post_category_widget .cat-list li + li { padding-top: 15px; } .breadcumb_news { padding:15px 20px; margin:10px 0 10px 0; background-color: rgba( 255, 255, 255, 0.00); box-shadow: 0px 0px 15px 0px rgb(31 38 200 / 7%); overflow: hidden; } .breadcumb_news h4{ font-size:20px; } .z-index-mn-1-absolute { z-index: -1; position: absolute; } .z-index-1-absolute { z-index: 2; position: absolute; } .z-index-2-absolute { z-index: 10; position: absolute; } .z-index-mn-1-relative { z-index: -1; position: relative; } .z-index-1-relative { z-index: 1; position: relative; } .z-index-2-relative { z-index: 2; position: relative; } .fa-stack { -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .fa-tag { color: #FF634F; } .fa-inverse { font-size: 8.8px; font-family:Roboto-Regular; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-left: 1.5px; margin-top: 2px; } .position-dctags { position: relative; bottom: 17.3rem; left: 15px; font-size:24px; } .h-300px{ height:300px!important; } .boder_product_home .news_slider .weekly-caption { bottom: unset; position: unset; padding: 0 10px; } .boder_product_home h4 { font-family: Roboto-Regular; color: #29324e; } .boder_product_home .news_slider h4{ padding:10px 0; } .slick-slide { margin: 0 2px; } .boder_product_home .slick-prev { left: unset; right: 2.3rem; top: -18px; } .boder_product_home .slick-next { top: -18px; right: 9px; } .boder_product_home .slick-next:before { color: #005ec494 !important; font-size:25px; } .boder_product_home .slick-prev:before { color: #005ec494 !important; font-size: 25px; } #slider.owl-carousel, #thumb { z-index: unset; } .breadcrumb_active a { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-top: 1px; width: 600px; } .related_post .img_related_post { height: 170px!important; object-fit: cover; border: solid #e6f2ff7a 1px; } .related_post .title_sidebar { margin-bottom: 7px; } .related_post .category_sidebar_url { position: relative; top: 10.51rem; font-size: 12px; left: 1px; } .margin_related_post{ margin-top: -1.5rem; } .related_post .post-url-side-bar { font-size: 13px; font-family: 'Roboto-Medium'; } .related_post { width: 100%; float: left; } .trending-tittle { display: flex; } .trending-tittle strong { color: #fff; text-transform: uppercase; font-size: 14px; font-weight: 500; background: #ff0b0b; padding: 11px 0px; line-height: 1; margin-bottom: 10px; border-radius: 5px; display: inline-block; min-width: 146px; text-align: center; } .trending-tittle .trending-animated { padding-top: 6.3px; } .trending-tittle p { margin: 0; display: inline-block; } .news_slider_slick .slick-dots li { display: inline-block; margin: 0 0px; } .news_slider_slick .slick-dots button { text-indent: -100000px; height: 8px; width: 8px; border: 0; padding: 0; margin-right: 1px; cursor: pointer; border-radius: 50%; background: #d6d6d6; } .news_slider_slick .slick-active button { background: #fc4902; height: 9px; width:15px; border-radius: 10px; } .news_slider_slick .slick-dots { text-align: right; right: -2px; bottom: -2.1rem; position: absolute; } .what-cap a{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .content_raw a { color: #288ad6!important; } .listnewscategory .img-responsive { height: 270px!important; border-radius:2px; } .listnewscategory .blog_head { line-height: unset; } .news-img-head span { text-shadow: 2px 2px #ff5969; } .tag-title { font-size: 10px; text-align:center; font-family:Roboto-Medium; color: #ffd591; } .discount-price-tag { font-size: 13px; line-height: 18px; font-family: Roboto-Medium; color: #fff; } .discount-tag { position: absolute; bottom: 10px; left: 10px; } .pd-discount-tag { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; padding: 0.25rem 0.5rem; border-radius: 0.2rem; -webkit-background-size: cover; background-size: cover; } .color-percent { background: linear-gradient(45deg, #405de6,#5851db, #833ab4, #c13584, #e1306c, #fd1d1d); } .color-less50percent { background: #7474BF; /* fallback for old browsers */ background: -webkit-linear-gradient(to right, #348AC7, #7474BF); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #348AC7, #7474BF); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ } .color-less75percent { background: #EB3349; /* fallback for old browsers */ background: -webkit-linear-gradient(to right, #F45C43, #EB3349); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #F45C43, #EB3349); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ } .color-less25percent { background: #4776E6; /* fallback for old browsers */ background: -webkit-linear-gradient(to right, #8E54E9, #4776E6); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #8E54E9, #4776E6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ } .carousel-indicators li { display: inline-block; width: 8px; height: 8px; margin: 0 2.5px; text-indent: -999px; cursor: pointer; background-color: #000\9; background-color: rgba(0,0,0,0); border: 1px solid #fff; border-radius: 10px; } /*.carousel-indicators .active { background: #fff!important; }*/ .sticky-bar { left: 0; margin: auto; position: fixed; top: 0; width: 100%; -webkit-box-shadow: 0 10px 15px rgba(25,25,25,0.1); box-shadow: 0 10px 15px rgba(25,25,25,0.1); z-index: 9999; -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; -webkit-box-shadow: 0 10px 15px rgba(25,25,25,0.1); background: #fff; } .header-flex.sticky-flex { display: flex; } .header-sticky.sticky-bar.sticky .header-flex { justify-content: space-between; } .mobile_menu { position: absolute; right: 0px; width: 100%; z-index: 99; } .slicknav_menu { display: none; } @media screen and (max-width: 40em) { .js #menu { display: none; } .js .slicknav_menu { display: block; } } :root { --header-height: 3rem; /*========== Colors ==========*/ --hue: 174; --sat: 63%; --first-color: hsl(var(--hue), var(--sat), 40%); --first-color-alt: hsl(var(--hue), var(--sat), 36%); --title-color: hsl(var(--hue), 12%, 15%); --text-color: hsl(var(--hue), 8%, 35%); --body-color: hsl(var(--hue), 100%, 99%); --container-color: #FFF; /*========== Font and typography ==========*/ --body-font: 'Open Sans', sans-serif; --h1-font-size: 1.5rem; --normal-font-size: .938rem; --tiny-font-size: .625rem; /*========== z index ==========*/ --z-tooltip: 10; --z-fixed: 100; } .section__title { font-size: var(--h1-font-size); color: var(--title-color); text-align: center; margin-bottom: 1.5rem; } nav__img { width: 32px; border-radius: 50%; } .nav__logo { color: var(--title-color); font-weight: 600; } @media screen and (max-width: 767px) { .nav__menu { position: fixed; bottom: 0; left: 0; background-color: var(--container-color); box-shadow: 0 -1px 12px hsla(var(--hue), var(--sat), 15%, 0.15); width: 100%; height: 4rem; padding: 0 1rem; display: grid; align-content: center; border-radius: 0.8rem 0.8rem 0 0; transition: .4s; } } .nav__list, .nav__link { display: flex; } .nav__link { flex-direction: column; align-items: center; color: #29324e; font-family:Roboto-Medium; } .nav__list { justify-content: space-around; } .nav__name { font-size: var(--tiny-font-size); /* display: none;*/ /* Minimalist design, hidden labels */ } .nav__icon { font-size: 1.5rem; } /*Active link*/ .active-link { position: relative; color: #005ec4; transition: .3s; } /* Minimalist design, active link */ /* .active-link::before{ content: ''; position: absolute; bottom: -.5rem; width: 4px; height: 4px; background-color: var(--first-color); border-radius: 50%; } */ /* Change background header */ .scroll-header { box-shadow: 0 1px 12px hsla(var(--hue), var(--sat), 15%, 0.15); } /*=============== MEDIA QUERIES ===============*/ /* For small devices */ /* Remove if you choose, the minimalist design */ @media screen and (max-width: 320px) { .nav__name { display: none; } } /* For medium devices */ @media screen and (min-width: 576px) { .nav__list { justify-content: center; column-gap: 3rem; } } @media screen and (min-width: 767px) { .nav__img { display: none; } .nav__icon { display: none; } .nav__name { font-size: var(--normal-font-size); /* display: block; */ /* Minimalist design, visible labels */ } .nav__link:hover { color: var(--first-color); } /* First design, remove if you choose the minimalist design */ .active-link::before { content: ''; position: absolute; bottom: -.75rem; width: 4px; height: 4px; background-color: var(--first-color); border-radius: 50%; } /* Minimalist design */ /* .active-link::before{ bottom: -.75rem; } */ } /* For large devices */ @media screen and (min-width: 1024px) { .container { margin-left: auto; margin-right: auto; } } .logo_mobile{ display:none; } .nav_mobile{ display:none; } .header { position: fixed; top: 0; left: 0; width: 100%; background-color: var(--container-color); z-index: var(--z-fixed); transition: .4s; } .color_bottom_menu { background: #eef0f7; margin-top: 4px; } .nav__item .dropdown-menu { box-shadow: 0px 0px 15px 0px rgb(31 38 200 / 26%); border: unset; } .padding_listbanner{ padding:1rem; } .shadow--banner-item { box-shadow: 0px 0px 15px 0px rgb(31 38 200 / 10%); } .img_Newscategory{ width:100%; height:100%; } .product_related_post img{ height: 170px; width: 100%; } .product_related_post .category_sidebar_url { position: relative; top: 10.57rem; font-size: 12px; left: 1px; } .product_related_post .post-url-side-bar { font-size: 13px; font-family: 'Roboto-Medium'; } .product_related_post { margin-top: -1.6rem; } .color-comment { background: #106ed3; } .color-comment .rply { color:#ffffff; } .pd_reply_comment { padding: 5px 10px 10px 10px; } .text_comment { color: #005ec4; } .color-dislike { color: #9b0e1b; } .color-price { color: #f9495f; font-family:Roboto-Medium; } .value-button { display: inline-block; margin: 0px; width: 25px; height: 21px; text-align: center; vertical-align: middle; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .value-button:hover { cursor: pointer; } .btn-dec span, .btn-inc span { position: relative; bottom: 0px; right: 0px; font-size: 13px; color: #596065; } .quantity_cart a.btn { padding: 0px 5px 0px 5px; text-align: center; border: none; border-radius: 2px; line-height: unset; font-size: 17px; text-transform: uppercase; color: #fff; position: relative; height:unset; } .delete-products--cart { color: #005ec4; font-family: 'Roboto-Medium'; } .margin_payment_paypal { margin-top: 98px; margin-bottom: 98px; } form #input-wrap { margin: 0px; padding: 0px; } .qty-input { text-align: center; border: none; margin: 0px; width: 24px; height: 19px; } .quantity_cart input[type=number]::-webkit-inner-spin-button, .quantity_cart input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .quantity_cart { border-radius: 1px; background: rgb(251, 251, 253); border: 1px solid rgb(228, 229, 240); margin-left: 7px; margin-right: 7px; margin-top:3px; } @media (min-width: 1024px) { body.swal2-toast-shown .swal2-container { width: unset !important; max-width: unset !important; } } .swal2-container .swal2-popup { display: flex !important; } .modal-body > .close { position: absolute; top: 0; right: 0; padding: 0.5rem 0.75rem; z-index: 1; } .modal .close { font-weight: 100; } button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } .close { float: right; font-size: 1.40625rem; font-weight: 600; line-height: 1; color: #000; text-shadow: none; opacity: .5; } .modal-content { position: relative; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-content { margin-top: auto; margin-bottom: auto; border: none; } .modal-header { display: -webkit-box; display: flex; -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: justify; justify-content: space-between; padding-left: 2rem; border-bottom: 1px solid #f0f0f1; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .modal-title { margin-bottom: 0; line-height: 1.9; } .modal-body { position: relative; -webkit-box-flex: 1; flex: 1 1 auto; padding: 1.75rem; } .modal-footer { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; justify-content: flex-end; border-top: 1px solid #f1f2f3; } .modal-footer > :not(:last-child) { margin-right: .25rem; } .modal-footer > :not(:first-child) { margin-left: .25rem; } .modal-footer > button.btn { padding: 0px 10px 0px 10px; text-align: center; border: none; border-radius: 2px; line-height: 2; font-size: 20px; text-transform: uppercase; color: #fff; position: relative; } .bootbox-body { font-size: 25px; display: flex; justify-content: center; margin-top: 10px; } .upload-btn-wrapper { position: relative; overflow: hidden; display: inline-block; } .btn_uploadimgrating { display: inline-block; color: #0d6efd; font-size: 0.875rem; cursor: pointer; } .preimg_rate { margin-top: 2px; margin-left: 5px; max-height: 50px; max-width: 50px; object-fit: cover; position: absolute; } #the-count { float: right; } #the-count span { font-size: 0.875rem; } #addModal .modal-dialog { max-width: 630px; } .star_ratingfb i{ color: #ffcc00; font-size: 38px; } .star_ratingfb { display: flex; justify-content: center; } .form-control.form-control-solid { background-color: #f5f8fa; border-color: #f5f8fa; color: #5e6278; transition: color .2s ease, background-color .2s ease; } .stickypost_home { font-size: 20px; line-height:1.3; font-family: 'Roboto-Medium'; text-shadow: 0.5px 0.5px #7a7a7a; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .stickypost_home a{ color:#fff; } .avg_feedback { color: #ffcc00; font-size: 23px; } /*toast*/ .toast-top-center { margin-top: 2.3rem; } #toast-container > div { position: relative; pointer-events: auto; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-position: 15px center; background-repeat: no-repeat; -moz-box-shadow: 0px 1px 20px 3px rgb(9 9 9 / 7%) !important; -webkit-box-shadow: 0px 1px 20px 3px rgb(9 9 9 / 7%) !important; box-shadow: 0px 1px 20px 3px rgb(9 9 9 / 12%) !important; color: #212529 !important; opacity: 1 !important; font-family: Roboto-Medium !important; font-size: 15px; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=100); border: unset; } .toast-success, .toast-info, .toast-warning, .toast-error { background-color: #ffffff!important; } #toast-container.toast-bottom-center > div, #toast-container.toast-top-center > div { width: max-content!important; margin: auto; } /*legend toast*/ .padding--product-home{ padding:1rem; } .dropdown_sort i { position: relative; top: 1px; margin-right: 4px; } .order_filter i { position: relative; margin-right: 4px; } .loader.is-active { background-color: transparent; width: 100%; height: 100%; left: 0; top: 0; } .loader-default:after { content: ""; position: fixed; width: 48px; height: 48px; border: 4px solid #000; border-left-color: transparent; border-radius: 50%; top: calc(50% - 24px); left: calc(50% - 24px); animation: rotation 1s linear infinite; } .content_raw table { border: 1px solid #dee2e6 !important; --bs-table-bg: transparent; --bs-table-accent-bg: transparent; --bs-table-striped-color: #212529; --bs-table-striped-bg: rgba(0, 0, 0, 0.05); --bs-table-active-color: #212529; --bs-table-active-bg: rgba(0, 0, 0, 0.1); --bs-table-hover-color: #212529; --bs-table-hover-bg: rgba(0, 0, 0, 0.075); width: 100%; margin-bottom: 1rem; color: #212529; vertical-align: top; border-color: #dee2e6; } .content_raw table > :not(caption) > * > * { padding: 0.5rem 0.5rem; border-bottom-width: 1px; } .content_raw table td, .product_spec table th { border: 1px solid #dee2e6; } .content_raw table { font-size: 14px !important; } .content_raw table > tbody > tr:nth-of-type(odd) { --bs-table-accent-bg: var(--bs-table-striped-bg); color: var(--bs-table-striped-color); } .content_raw table > tbody > tr:nth-of-type(odd) { background: #f6f6f6; --bs-table-accent-bg: var(--bs-table-striped-bg); color: var(--bs-table-striped-color); } /*product*/ .product_spec table { border: 1px solid #dee2e6 !important; --bs-table-bg: transparent; --bs-table-accent-bg: transparent; --bs-table-striped-color: #212529; --bs-table-striped-bg: rgba(0, 0, 0, 0.05); --bs-table-active-color: #212529; --bs-table-active-bg: rgba(0, 0, 0, 0.1); --bs-table-hover-color: #212529; --bs-table-hover-bg: rgba(0, 0, 0, 0.075); width: 100%; margin-bottom: 1rem; color: #212529; vertical-align: top; border-color: #dee2e6; } .product_spec table > :not(caption) > * > * { padding: 0.5rem 0.5rem; border-bottom-width: 1px; } .product_spec table td, .product_spec table th { border: 1px solid #dee2e6; } .product_spec table { font-size:14px!important; } /*.product_spec table td { max-width: 50%; width: 50%!important; }*/ .product_spec table > tbody > tr:nth-of-type(odd) { --bs-table-accent-bg: var(--bs-table-striped-bg); color: var(--bs-table-striped-color); } .product_spec table > tbody > tr:nth-of-type(odd) { background: #f6f6f6; --bs-table-accent-bg: var(--bs-table-striped-bg); color: var(--bs-table-striped-color); } .loader[data-text]:before { position: fixed; left: 0; color: #29324e; font-family: 'Roboto-Medium'; text-align: center; width: 100%; font-size: 20px; } .table-bordered { border: 1px solid #dee2e6!important; } .table-bordered td, .table-bordered th { border: 1px solid #dee2e6; } .loader-double:before { content: ""; position: fixed; border-radius: 50%; border: 7px solid; animation: rotation 1s linear infinite; } .loader-double:before { width: 64px; height: 64px; border-color: #00a4cc; border-right-color: transparent; animation-duration: 2s; top: calc(50% - 32px); left: calc(50% - 32px); } .loader-double:after { width: 48px; height: 48px; border-color: #f95700; border-left-color: transparent; top: calc(50% - 24px); left: calc(50% - 24px); } .btn_manager_order { padding: 8px 15px; background-color: #005ec4; color: #ffffff; text-transform: uppercase; font-weight: 500; border-radius: 50px; } .btn_manager_order:hover { color: #ffffff; background-color: #2386f1; } .addresslist { min-height: 16.563rem; } .addresslist .user-form { max-width: unset; } .addresslist .addresslist-content { padding: 5px 10px; border: 1px dashed #cecece; border-radius: 3px; min-height: 97px; } .addresslist .address-active { border-color: #5530b9; background: #5530b90a; } .addresslist-button span { color: #797979; } .addresslist-button .addresslist-button-edit:hover { color: green; } .addresslist-button .addresslist-button-del:hover { color: #dc3545; } .address_default_ticket { color: #5530b9; text-transform: uppercase; font-family: 'Roboto-Medium'; } .limit_line_address { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .img_list_pro { border: 1px solid #d9ecf5b5; border-radius: 2px; } .limit_lenght_product_news { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; max-width: 450px; -webkit-line-clamp: 2; color: #005ec4; font-size:17px; line-height:unset; font-family:Roboto-Medium; -webkit-box-orient: vertical; } .product_pd_news .blog_details { padding: 0 5px 10px 5px; text-align:center } .product_pd_news .blog_details span{ text-align: center; color: #005ec4; font-size: 15px; } .product_pd_news .blog_item_img { box-shadow: 1px -3px 20px 10px rgb(188 188 188 / 6%); } .limit_news_product_list { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-height: unset; color: #29324e; font-family: Roboto-Medium; -webkit-box-orient: vertical; } .create_address { background: #005ec4; padding: 5px 10px; color: #fff; border-radius: 2px; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef5e; opacity: 1; } .modal-open { padding-right: 0px !important; } .order-product-detail { max-height: unset !important; overflow-y: unset !important; max-height: unset !important; margin-bottom: unset !important; mask-size: unset !important; mask-position: unset !important; -webkit-mask-image: unset !important; -webkit-mask-size: unset !important; -webkit-mask-position: unset !important; transition: unset !important; } button:active { outline: none; border: none; } button:focus { outline: 0; } .no-pointer-events { pointer-events: none !important; cursor: default !important; } .no-pointer-events span{ color: #c4c4c4; } @media (min-width: 1367px) { .min-h-img_pdetail { min-height: 39.196rem; } } @media (max-width: 1023.99px) { .min-h-img_pdetail { min-height: 29.813rem; } } @media (max-width: 767.99px) { .min-h-img_pdetail { min-height: 27.813rem; } } .pd_vetify__account { background-color: rgba( 255, 255, 255, 0.00); box-shadow: 0px 0px 15px 0px rgb(31 38 200 / 12%); border-radius:3px; } .vetify__account{ } .Resend-email { color: #005ec4; font-family: 'Roboto-Bold'; } .vetify__account_header h1 { font-size: calc(1.1rem + 1.1vw); } .vetify__account_header { margin-bottom:2.7rem; } .mt_mb_send_verify__account { margin: 2.7rem 0; } .preimg_rate img{ width:50px; height:50px; object-fit:cover; } .news_slider img{ max-width:284px; height:270px; object-fit:cover; } .limit_line_post { overflow: hidden; text-overflow: ellipsis; display: -webkit-box!important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .create_order_address { min-height: 380px; } button:disabled { cursor: not-allowed; pointer-events: all !important; } .post_commt_form a.btn { padding: 5px 15px; line-height: 1.5; font-size: 20px; } .reply_comment_css a.btn { padding: 5px 25px; line-height: 1.5; font-size: 20px; } .like_margin { position: relative; top: 2px; } .form_comment button { padding: unset; text-align: unset; border: unset; border-radius: unset; line-height: unset; font-size: unset; text-transform: unset; position: unset; color: unset; } .form_comment .form-check-input { width: 1em; height: 1em; margin-top: 0.25em; margin-left: -1.5rem; } .form_comment .card { border-radius: unset !important; } .form_comment .note-editable a { color: #288ad6; font-family: 'Roboto-Medium'; cursor: pointer; } .boder_product_home .product_slider img { border-radius: 3px; border: solid #e6f2ff7a 1px; height: 312px; } .post_m ul li { padding: 2px; font-size: 16px; } .post_m ul { margin-inline-start: 1.6rem; margin-inline-end: 1rem; line-height: unset; } .post_m ul li a:hover { color: #288ad6!important; } .post_m ul li a, .post_m ul li { color: #3b3b3b !important; } .post_m ul li { list-style-type: decimal-leading-zero; } .post_m ul li { padding: 2px; font-size: 16px; } .menu_post p a { color: #3b3b3b !important; font-family:Roboto-Medium; } .post_specs { margin-bottom: unset !important; } .post_specs ul { margin-inline-start: 1.6rem; margin-inline-end: 1rem; line-height: unset; } .post_specs ul li a:hover { color: #288ad6 !important; } .post_specs ul li a, .post_specs ul li { color: #3b3b3b !important; } .post_specs ul li { list-style-type: disc; } .menu_post { padding: 13px 10px; background: #dbedf9; border: 1px solid #c7e4f4; border-radius: 4px; margin-bottom: 20px; } .menu_post_header { font-family: Roboto-Medium; } .expand_menu_post { height: 10px; } .expand_menu_post span { color: #000 !important; } .com_rep_history_1 { min-height: 23rem; } .fslightbox-open { overflow: unset!important; } .fslightbox-open body{ margin-right: unset!important; } .product_slider img { max-width: 269px; height: 270px; object-fit: cover; }