/* Minification failed. Returning unminified contents. (328,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (603,33): run-time error CSS1039: Token not allowed after unary operator: '-mainTheme' (694,17): run-time error CSS1039: Token not allowed after unary operator: '-iconSize' (695,18): run-time error CSS1039: Token not allowed after unary operator: '-iconSize' (1003,28): run-time error CSS1039: Token not allowed after unary operator: '-maintheme' (1018,28): run-time error CSS1039: Token not allowed after unary operator: '-main_text' (1649,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1650,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1659,28): run-time error CSS1039: Token not allowed after unary operator: '-backgroundColor' (1676,22): run-time error CSS1039: Token not allowed after unary operator: '-size' (1677,23): run-time error CSS1039: Token not allowed after unary operator: '-size' (1696,31): run-time error CSS1039: Token not allowed after unary operator: '-size' (1703,17): run-time error CSS1039: Token not allowed after unary operator: '-size' (1704,18): run-time error CSS1039: Token not allowed after unary operator: '-size' (1712,22): run-time error CSS1039: Token not allowed after unary operator: '-size' (1713,18): run-time error CSS1039: Token not allowed after unary operator: '-size' (1718,33): run-time error CSS1039: Token not allowed after unary operator: '-backgroundColor' (1737,22): run-time error CSS1039: Token not allowed after unary operator: '-size' (1738,23): run-time error CSS1039: Token not allowed after unary operator: '-size' (1739,28): run-time error CSS1039: Token not allowed after unary operator: '-backgroundColor' (1746,22): run-time error CSS1039: Token not allowed after unary operator: '-size' (1747,23): run-time error CSS1039: Token not allowed after unary operator: '-size' (1764,38): run-time error CSS1039: Token not allowed after unary operator: '-size' (1767,28): run-time error CSS1039: Token not allowed after unary operator: '-backgroundColor' (1785,17): run-time error CSS1038: Expected hex color, found '#fff0' (2061,28): run-time error CSS1039: Token not allowed after unary operator: '-main_text' (3677,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (3681,17): run-time error CSS1039: Token not allowed after unary operator: '-light' (3848,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (3875,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (3887,17): run-time error CSS1039: Token not allowed after unary operator: '-color-afb-black' (3993,22): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (4024,22): run-time error CSS1039: Token not allowed after unary operator: '-light' (4199,23): run-time error CSS1038: Expected hex color, found '#fff0' (4236,22): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (4254,33): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (4310,28): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (4408,28): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (4534,28): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (4668,21): run-time error CSS1039: Token not allowed after unary operator: '-text-sm' (4669,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-dark' (4673,21): run-time error CSS1039: Token not allowed after unary operator: '-text-xs' (4856,17): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (4858,33): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-2-h' (4858,54): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-2-s' (4858,80): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-2-l' (4892,17): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (4896,28): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (4897,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (4899,36): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-4' (4904,28): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (4960,21): run-time error CSS1039: Token not allowed after unary operator: '-text-sm' (4961,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-dark' (4965,21): run-time error CSS1039: Token not allowed after unary operator: '-text-xs' (5055,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5056,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5057,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5058,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5059,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5060,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5061,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5062,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5063,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5064,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5065,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5066,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5067,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5071,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5072,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5073,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5074,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5075,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5076,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5077,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5079,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5080,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5081,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5082,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5083,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5084,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5090,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5091,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5092,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5093,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5094,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5095,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5096,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5112,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-xxs' (5117,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-xs' (5122,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-sm' (5127,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-md' (5132,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-lg' (5137,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-xl' (5142,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-xxl' (5181,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5182,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5183,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5184,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5190,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5191,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5192,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5193,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5194,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5195,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5196,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5197,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5198,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5199,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5200,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5201,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5202,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5203,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5204,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5205,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5206,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5207,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5208,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5209,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5210,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5211,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5212,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5213,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5214,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5215,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5216,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5217,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5218,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5219,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5220,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5221,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5222,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5223,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5224,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5225,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5226,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5227,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5228,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5229,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5230,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5231,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5232,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5233,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5234,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5235,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5236,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5237,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5238,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5239,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5240,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5241,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5242,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5243,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5244,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5245,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5246,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5247,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5248,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5249,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5250,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5251,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5252,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5253,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5254,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5255,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5256,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5257,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5258,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5259,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5260,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5261,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5262,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5263,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5264,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5265,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5266,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5267,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5268,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5269,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5270,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5271,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5272,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5273,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5274,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5275,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5276,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5277,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5278,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5279,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5280,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5281,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5282,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5283,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5284,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5285,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5286,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5287,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5288,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5289,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5290,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5291,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5292,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5293,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5294,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5295,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5296,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5297,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5298,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5299,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5300,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5301,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5302,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5303,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5304,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5305,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5306,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5307,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5308,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5309,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5310,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5311,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5312,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5313,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5314,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5315,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5316,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5317,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5318,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5319,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5320,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5321,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5322,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5323,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5327,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5328,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5329,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5330,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5331,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5332,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5333,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5334,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5335,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5336,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5337,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5338,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5339,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5340,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5341,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5342,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5343,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5351,22): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (5412,22): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (5413,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5414,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5416,39): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-shadow' (5425,43): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-shadow' (5510,28): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (5511,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (5513,36): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-4' (5515,17): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (5520,28): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (5543,22): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (5552,19): run-time error CSS1039: Token not allowed after unary operator: '-space-md' (5553,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5554,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5559,21): run-time error CSS1039: Token not allowed after unary operator: '-gray' (5559,34): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1-s' (5559,60): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1-l' (5561,21): run-time error CSS1039: Token not allowed after unary operator: '-text-sm' (5572,21): run-time error CSS1039: Token not allowed after unary operator: '-text-sm' (5578,23): run-time error CSS1039: Token not allowed after unary operator: '-space-lg' (5626,17): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (5640,22): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (5682,28): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (5727,28): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (5729,28): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (5811,28): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (5997,24): run-time error CSS1039: Token not allowed after unary operator: '-color-warning' (6001,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (6005,24): run-time error CSS1039: Token not allowed after unary operator: '-color-contrast-low' (6009,24): run-time error CSS1039: Token not allowed after unary operator: '-color-success' (6013,28): run-time error CSS1039: Token not allowed after unary operator: '-color-warning' (6017,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (6021,28): run-time error CSS1039: Token not allowed after unary operator: '-color-contrast-low' (6025,28): run-time error CSS1039: Token not allowed after unary operator: '-color-success' (6116,40): run-time error CSS1039: Token not allowed after unary operator: '-progress1' (6117,32): run-time error CSS1039: Token not allowed after unary operator: '-progress1' (6174,32): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (6215,17): run-time error CSS1039: Token not allowed after unary operator: '-light' (6221,17): run-time error CSS1039: Token not allowed after unary operator: '-light' (6257,28): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (6331,28): run-time error CSS1039: Token not allowed after unary operator: '-photoboxOverlay' (6332,37): run-time error CSS1039: Token not allowed after unary operator: '-photoboxAnimationDuration' (6332,90): run-time error CSS1039: Token not allowed after unary operator: '-photoboxAnimationDuration' (6339,31): run-time error CSS1039: Token not allowed after unary operator: '-photoboxAnimationDuration' (6345,32): run-time error CSS1039: Token not allowed after unary operator: '-photoboxAnimationDuration' (6356,31): run-time error CSS1039: Token not allowed after unary operator: '-photoboxAnimationDuration' (6372,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6373,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8514,28): run-time error CSS1039: Token not allowed after unary operator: '-maintheme' (9425,22): run-time error CSS1039: Token not allowed after unary operator: '-maintheme' (9753,28): run-time error CSS1039: Token not allowed after unary operator: '-main_text' (9754,24): run-time error CSS1039: Token not allowed after unary operator: '-main_text' (9785,29): run-time error CSS1038: Expected hex color, found '#0003' (10331,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10335,15): run-time error CSS1039: Token not allowed after unary operator: '-gap' (10346,15): run-time error CSS1039: Token not allowed after unary operator: '-gap' (10355,49): run-time error CSS1039: Token not allowed after unary operator: '-gap' (10418,22): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (10477,30): run-time error CSS1039: Token not allowed after unary operator: '-maintheme' (10500,22): run-time error CSS1039: Token not allowed after unary operator: '-maintheme' (10580,35): run-time error CSS1039: Token not allowed after unary operator: '-maintheme' (10600,22): run-time error CSS1039: Token not allowed after unary operator: '-maintheme' (10604,26): run-time error CSS1039: Token not allowed after unary operator: '-maintheme' (10608,22): run-time error CSS1039: Token not allowed after unary operator: '-maintheme' (10613,26): run-time error CSS1039: Token not allowed after unary operator: '-maintheme' (10626,22): run-time error CSS1039: Token not allowed after unary operator: '-maintheme' (10635,17): run-time error CSS1039: Token not allowed after unary operator: '-balanceHeight' (10646,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10647,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10648,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10649,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10656,40): run-time error CSS1030: Expected identifier, found ':' (10656,68): run-time error CSS1031: Expected selector, found ')' (10656,68): run-time error CSS1025: Expected comma or open brace, found ')' (10665,44): run-time error CSS1030: Expected identifier, found ':' (10665,72): run-time error CSS1031: Expected selector, found ')' (10665,72): run-time error CSS1025: Expected comma or open brace, found ')' (10684,25): run-time error CSS1039: Token not allowed after unary operator: '-main_text' (10693,25): run-time error CSS1039: Token not allowed after unary operator: '-main_text' (10702,25): run-time error CSS1039: Token not allowed after unary operator: '-main_text' (10704,32): run-time error CSS1039: Token not allowed after unary operator: '-contrasttheme' (10711,32): run-time error CSS1039: Token not allowed after unary operator: '-contrasttheme' (10723,32): run-time error CSS1039: Token not allowed after unary operator: '-main_text' (10730,36): run-time error CSS1039: Token not allowed after unary operator: '-main_text' (10744,25): run-time error CSS1039: Token not allowed after unary operator: '-main_text' (10753,25): run-time error CSS1039: Token not allowed after unary operator: '-main_text' (10763,28): run-time error CSS1039: Token not allowed after unary operator: '-contrasttheme' (10772,36): run-time error CSS1039: Token not allowed after unary operator: '-main_text' (10776,17): run-time error CSS1039: Token not allowed after unary operator: '-main_text' (10781,50): run-time error CSS1039: Token not allowed after unary operator: '-subtheme' (10785,24): run-time error CSS1039: Token not allowed after unary operator: '-contrasttheme' (10789,21): run-time error CSS1039: Token not allowed after unary operator: '-main_text' (10794,21): run-time error CSS1039: Token not allowed after unary operator: '-main_text' (10799,24): run-time error CSS1039: Token not allowed after unary operator: '-contrasttheme' (10803,21): run-time error CSS1039: Token not allowed after unary operator: '-main_text' (10817,17): run-time error CSS1039: Token not allowed after unary operator: '-main_text' (10829,28): run-time error CSS1039: Token not allowed after unary operator: '-subtheme' (10830,35): run-time error CSS1039: Token not allowed after unary operator: '-main_text' (10833,100): run-time error CSS1030: Expected identifier, found '.' (10833,111): run-time error CSS1031: Expected selector, found ')' (10833,111): run-time error CSS1025: Expected comma or open brace, found ')' (10837,100): run-time error CSS1030: Expected identifier, found '.' (10837,111): run-time error CSS1031: Expected selector, found ')' (10837,111): run-time error CSS1025: Expected comma or open brace, found ')' (10842,28): run-time error CSS1039: Token not allowed after unary operator: '-subtheme' (10855,20): run-time error CSS1039: Token not allowed after unary operator: '-gap' (10864,30): run-time error CSS1039: Token not allowed after unary operator: '-gap' (10865,24): run-time error CSS1039: Token not allowed after unary operator: '-gap' (10865,45): run-time error CSS1039: Token not allowed after unary operator: '-gap' (10887,17): run-time error CSS1039: Token not allowed after unary operator: '-main_text' (10891,28): run-time error CSS1039: Token not allowed after unary operator: '-main_text' (10901,21): run-time error CSS1039: Token not allowed after unary operator: '-main_text' (10906,17): run-time error CSS1039: Token not allowed after unary operator: '-main_text' (10910,28): run-time error CSS1039: Token not allowed after unary operator: '-contrasttheme' (11600,17): run-time error CSS1039: Token not allowed after unary operator: '-light' (11628,17): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-2' (11633,17): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-2' (11678,33): run-time error CSS1039: Token not allowed after unary operator: '-maintheme' (11748,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11749,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11750,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11751,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11752,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11753,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11754,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11755,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11756,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11757,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11758,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11759,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11760,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11761,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11762,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11763,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11764,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11765,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11766,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11767,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11768,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11769,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11770,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11771,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11772,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11773,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11774,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11775,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11776,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11777,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11778,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11779,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11780,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11781,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11782,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11783,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11784,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (24494,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (24550,26): run-time error CSS1039: Token not allowed after unary operator: '-maintheme' (24558,31): run-time error CSS1039: Token not allowed after unary operator: '-maintheme' (24567,31): run-time error CSS1039: Token not allowed after unary operator: '-maintheme' (24572,20): run-time error CSS1039: Token not allowed after unary operator: '-maintheme' (24722,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (24723,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (24734,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (24735,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (24737,22): run-time error CSS1039: Token not allowed after unary operator: '-padding' (24747,20): run-time error CSS1039: Token not allowed after unary operator: '-maintheme' (24752,24): run-time error CSS1039: Token not allowed after unary operator: '-padding' (24771,22): run-time error CSS1039: Token not allowed after unary operator: '-padding' (24771,42): run-time error CSS1039: Token not allowed after unary operator: '-padding' (24802,26): run-time error CSS1039: Token not allowed after unary operator: '-maintheme' (24898,26): run-time error CSS1039: Token not allowed after unary operator: '-maintheme' (24902,30): run-time error CSS1039: Token not allowed after unary operator: '-maintheme' (24912,26): run-time error CSS1039: Token not allowed after unary operator: '-maintheme' (25028,26): run-time error CSS1039: Token not allowed after unary operator: '-maintheme' (25098,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25099,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25102,13): run-time error CSS1039: Token not allowed after unary operator: '-gap' (25109,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25110,32): run-time error CSS1039: Token not allowed after unary operator: '-count' (25110,52): run-time error CSS1039: Token not allowed after unary operator: '-gap' (25110,70): run-time error CSS1039: Token not allowed after unary operator: '-count' (25110,90): run-time error CSS1039: Token not allowed after unary operator: '-count' (25111,31): run-time error CSS1039: Token not allowed after unary operator: '-count' (25111,51): run-time error CSS1039: Token not allowed after unary operator: '-gap' (25111,69): run-time error CSS1039: Token not allowed after unary operator: '-count' (25111,89): run-time error CSS1039: Token not allowed after unary operator: '-count' (25185,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25227,20): run-time error CSS1039: Token not allowed after unary operator: '-maintheme' (25234,15): run-time error CSS1039: Token not allowed after unary operator: '-maintheme' (25278,21): run-time error CSS1038: Expected hex color, found '#fff0' (25288,15): run-time error CSS1039: Token not allowed after unary operator: '-maintheme' (25616,24): run-time error CSS1039: Token not allowed after unary operator: '-maintheme' (25631,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25717,21): run-time error CSS1039: Token not allowed after unary operator: '-GenericFormColor' (26222,20): run-time error CSS1038: Expected hex color, found '#ffff' */ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit;border-radius: 0.25rem;padding: 0.25rem !important;font-size: 0.875rem !important;}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} body { font-size: .8em !important; font-family: 'Poppins', sans-serif !important; letter-spacing: 0.5px; /* background-color: #0e0e0e;*/ /* background-image: linear-gradient(90deg, #000, #011133 50%, #000);*/ } button { font-size: 1em !important; } .m-show { display: none; } .b-show { display: block; } @media screen and (max-width:768px) { .m-show { display: block; } .b-show { display: none; } } /* icon fa margin */ .fa.one { margin-left: 5px; } .btn-group svg { font-size: 16px; } .button.button-regular.one { width: 100%; /* color: var(--cd-color-1);*/ text-transform: none; font-weight: 400; letter-spacing: 0.5px; padding-top: 0 !important; background-color: #98acbd00; border: none; font-size: .7em !important; margin: 0; color: black; } .button.button-regular.two { width: 100%; text-transform: none; font-weight: 400; letter-spacing: 0.5px; padding-top: 0 !important; background-color: #98acbd00; border: none; font-size: .8em !important; margin: 0; color: white !important; } .button.button-regular { padding: 4px 8px; font-size: 11px; line-height: 24px; margin: 0; color: white; margin-right: 5px; white-space: initial; overflow: hidden; } .afb-wrapper { background-color: #070707 !important; } /* images grey icon to white icon */ img.icon-images { filter: brightness(0) invert(1); } .carousel-indicators { display: none; } /* Images Size */ img.sbanner-images-cover { height: 285px; width: 100%; object-fit: cover; } img.bbanner-images-cover { height: 230px; width: 100%; object-fit: cover; } /*---------------------------------------------*/ .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 button { /* margin: 0 auto;*/ /* font-family: 'Poppins', sans-serif !important;*/ } .h6, h6 { font-size: 1.8rem; } a { text-decoration: none !important; } /*.table td, .table th { padding: .55rem !important; vertical-align: middle !important; border: 1px solid #dee2e6 !important; background-color: #f9f9f9 !important; text-align: center; } .table thead th { background: var(--cd-color-1) !important; color: white; font-size: .78rem; }*/ span { /* font-family: 'Poppins', sans-serif;*/ /* color:white;*/ } p { /* font-family: 'Poppins', sans-serif;*/ font-size: .9em; /* color: #666666;*/ margin: 0px; } ul, li { margin: 0px; list-style-type: none; font-family: 'Poppins', sans-serif; } .table td, .table th { color: white; border-top: none; font-size: .9em; } .table tr { border-top: 1px solid #dee2e6; } .table { margin-bottom: 20px !important; } td svg { margin: 0 3px; position: relative; } td { font-weight: 500; } button:focus { outline: none !important; } img { width: 100%; } video { width: 100%; } /* navigation */ .navbar { padding: .2rem 1rem; } /* Overlay */ .modal-backdrop { background-color: #0000001f !important; z-index: 99 !important; } .modal-content { border: none; margin:auto; max-width: 360px; } /* No Funtion Title */ .noData { font-size: 14px !important; padding: 20px 25px; text-align: center; color: #d5d5d5; font-weight: 400; } .afb-border-top { border-top: 1px solid #313131; } .error-content { color: #ff1500; } .error-checkName { color: #ff1500; } .success-content { color: #007bff; } .promo-font-color { color: #00e7ff; } .his-error-content { color: #ff1500 !important; } .his-success-content { color: #25b00c !important; } .small-promo-banner a { display: block; position: relative; width: 100%; } .small-promo-banner button { position: absolute; color: white; font-size: 11px; margin: 5px; top: 0; padding: 2px 10px; right: 0; } #promoWG a { display: block; } #promoWG .button { display: block; width: 100%; margin: 0; background-color: #28a745; } /* Width Control */ .width-control1024 { width: 80% !important; } /* color */ .afb-f-red { color: #ff2a2a !important; } .afb-f-yellow { color: #ffe000 !important; } .afb-f-green { color: #00ff00 !important; } /* background color */ .afb-bg-ddark-blue { background-color: #3b4358; } .afb-padding-lr { padding-left: 5px !important; padding-right: 5px !important; } .afb-padding-l { padding-left: 2px !important; padding-right: 0px !important; } .afb-padding-r { padding-right: 2px !important; padding-left: 0px !important; } :root { --iconSize: 15px; } .container { max-width: 1480px; } .afb-justify-end { justify-content: flex-end; } /* Table */ .thead-dark { background-color: black; } .table-striped tbody tr:nth-of-type(odd) { background-color: #2c2c2c !important; } .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { /*line-height: 2.4;*/ padding: 5px 5px; } .table .thead-dark th { color: #fff; background-color: #000000; border-color: #ffffff; border-top: 0; } th.table-th-font-limit, td.table-th-font-limit { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; width: 120px; } .thead-dark tr { text-align: center; } /* - Margin */ .margin-left-table { margin-left: -10px; } .margin-right-table { margin-right: -10px; } /* Zoom Images */ .zoom img { transition: all 0.2s linear; } .zoom:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .hov-img-zoom { display: block; overflow: hidden; } .hov-img-zoom:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .hov-img-zoom a img { width: 100%; -webkit-transition: all 0.6s; -o-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; } /* Moden Close Button */ .close span { font-size: 2.5rem; position: absolute; right: 15px; top: 15px; font-weight: 500; } /* Horizontal Line */ .line { border: none; width: 1px; background-color: #ffffffbd; margin: 7px 15px; height: 1.2em; } /* Images Fillter */ .dark-img { filter: brightness(0.1); } /* Mobile Hide | Show */ .m-dp-none { display: block !important; } .m-dp-block { display: none !important; } /* slider */ .carousel-indicators { z-index: 10; } .owl-carousel-size img { width: 193px; height: 193px; object-fit: contain; } .slider-margin { margin-left: -5px; margin-right: -5px; } /* AFB Background Color */ .afb-black { background-color: black !important; } .afb-l-black { background-color: #2c2c2c !important; } .afb-dark-blue { background-color: #16215b !important; } .afb-green { background-color: #7be500 !important; } .afb-drak-g { background-color: #070707 !important; } .afb-white { background-color: white !important; } .colorize-pink { filter: brightness(0.5) sepia(1) hue-rotate(-70deg) saturate(5); } .colorize-navy { filter: brightness(0.2) sepia(1) hue-rotate(180deg) saturate(5); } .colorize-blue { filter: brightness(0.5) sepia(1) hue-rotate(140deg) saturate(6); } /* Button */ .afb-btn-g { background-color: #28a745; padding: 5px 15px; text-align: center; color: white; } .afb-btn-g:hover { background-color: #18672a; } /* label */ .afb-label-new { background-color: #e00000; padding: 5px 15px; text-align: center; color: white; font-size: 1em; position: absolute; z-index: 9; border-radius: 0 0 15px 0; } .afb-label-top { background-color: #0300e0; padding: 5px 15px; text-align: center; color: white; font-size: 1em; position: absolute; z-index: 9; border-radius: 0 0 15px 0; } .afb-label-pp { background-color: #22e000; padding: 5px 15px; text-align: center; color: white; font-size: 1em; position: absolute; z-index: 9; border-radius: 0 0 15px 0; } /* images fill */ .filter-img { filter: invert(1); } .filter-brightness4 { filter: brightness(0.4); } /* Logo */ .afb-logo { display: inline-block; z-index: 9; } .afb-logo img { width: 120px; } .logo-notif-wrapper { position: absolute; width: 200px; } .logo-notif-wrapper .panel { position: relative; right: -75%; } /* All Page Title */ .user-profile .h3 { border-bottom: 1px solid #3e3e3e; color: #222222; } .affix { top: 0; width: 100%; z-index: 9999 !important; } .affix + .container-fluid { padding-top: 70px; } .affix { position: fixed; } .vl { display: inline; height: 100%; border-left: 5px solid var(--mainTheme); margin-right: 0.4rem; } /* AFB Title */ .afb-title-h1 { background: rgb(0, 0, 0); background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(9, 9, 121, 0) 65%); width: 100%; padding: 8px 0; font-size: 1.5em; } .afb-title-h1 span { color: white; } .afb-title-h1 .h1 { color: white; font-size: .7em; /* display: inline-block; */ margin: 0 auto; } .afb-title-h1 a span { display: inline-block; float: right; color: #b3b3b3; margin: 0 auto; font-size: .9em; } .afb-title-h1 a span:hover { color: #28a745; } /* line ---------- */ .bg_line { bottom: -87px; width: 100%; border-top: 1px solid; } .col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-5ths { width: 20%; float: left; } /* Header */ .afb-header-menu { margin: 0; display: inline-block; padding-right: 15px; } /* scrool Bar Design ::-webkit-scrollbar-button { width: 8px; height:0; } ::-webkit-scrollbar-track { background:#eee; border: thin solid lightgray; box-shadow: 0px 0px 3px #dfdfdf inset; } ::-webkit-scrollbar-thumb { background:#999; border: thin solid gray; } ::-webkit-scrollbar-thumb:hover { background:#7d7d7d; } */ .carousel-indicators .active { height: 0; } /* Desktop Navigation Bar */ img.megamenu-icon { width: var(--iconSize); height: var(--iconSize); display: inline-block; } .megamenu { background: #0373ff; z-index: 15; } .megamenu .megamenu-nav { padding: 0; margin: 0; justify-content: center !important; /*border-bottom: 1px solid #0000a2;*/ } .megamenu .megamenu-nav .nav-item { display: block; flex: unset; } .megamenu .megamenu-nav .nav-item.is-open > .megamenu-content { visibility: visible; opacity: 1; } .megamenu .megamenu-nav .nav-item.is-open > .nav-link { background: #0b00ae; } .megamenu .megamenu-nav .nav-link { color: #fff; padding: 10px 30px; } @media (min-width: 601px) { .megamenu .megamenu-nav .nav-link:hover { background: #1f299c; } } @media (max-width: 600px) { .megamenu .megamenu-nav .nav-link:hover { background: transparent; } } /* Desktop Navigation Show List */ .nav-item-content p { color: white; margin: 10px 0; font-size: .78em; } .main.nav-wrapper .nav-item-content { display: none; position: fixed; background-color: black; width: 100%; left: 0; z-index: 9999; transition: all .3s ease-in-out; /*padding: 30px 0 0;*/ } .main.nav-wrapper .nav-item:hover .nav-item-content { display: block; } .megamenu > li.nav-item.active.open > a, .megamenu > li.nav-item.active.open > ul.megamenu-nav a:hover, .megamenu > li.nav-item.open > a, .megamenu > li.nav-item.open > ul.megamenu-nav a:hover { color: #fff; background-color: #b91773; border-color: #fff; } .megamenu .megamenu-nav .nav-link:hover .main.nav-wrapper .megamenu-nav .nav-item.open a:focus { background-color: #6dbcc9; } .nav-link span { color: white; } .alert-danger { background-color: black !important; } .alert-danger > marquee span { color: white; padding: 5px 0; letter-spacing: .035rem; font-weight: 300; display: inline-block; } .notificationMarquee p { position: relative; margin: 0; line-height: 25px; white-space: nowrap; min-width: 100%; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-animation: marquee 45s linear infinite; animation: marquee 45s linear infinite; font-size: 12px; } /* Real Time */ #ct { margin: 5px 0; color: #ffffffbd; font-size: 1.2rem; } /* Info icon svg */ .info-icon { color: #ffffffbd; position: relative; top: 5px; } .info-icon:hover { color: white; } .info-icon svg { font-size: 1.2em; } /* Dropdown Menu */ button.dropbtn-single-box { background-color: #7be50000; color: white; font-size: 16px; font-size: 1.2rem; border: none; padding: 5px 15px; } .dropdown-single { position: relative; display: inline-block; } .dropdown-single-content { display: none; position: absolute; background-color: #f1f1f1; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); z-index: 9; right: 0; border-radius: 5px; font-size: 1em; padding: 0; left: auto; } img.icon-flag { width: 20px; margin-right: 10px; } .dropdown-single-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; } .dropdown-single-content a { border-bottom: 1px solid #e7e7e7; } .dropdown-single-content a:last-child { border-bottom: none; } .dropdown-single-content a:hover { background-color: #ddd; border-radius: 5px; } .dropdown-single:hover .dropdown-single-content { display: block; } /* Sign In */ input, textarea { border-radius: 2px !important; padding: 10px 15px; width: 100%; box-sizing: border-box; border: none !important; border: 1px solid #4d9f30; font-size: 1em !important; color: #000; font-weight: 400; /*margin-top: 10px;*/ } select { border-radius: 50px !important; padding: 5px 15px !important; width: 100%; box-sizing: border-box; border: none !important; border: 1px solid #F3E5F5 !important; font-size: 1em !important; color: #000 !important; font-weight: 400; /* margin-top: 10px; */ } input:focus, textarea:focus, select:focus { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; border: 1px solid #4d9f30; outline-width: 0; font-weight: 400; } /*label { margin: auto; }*/ .form-control-label { font-size: 12px; margin-left: 15px; font-weight: 500; } .msg-info { /*padding-left: 15px;*/ margin-bottom: 30px; } .btn-color { border-radius: 50px; color: #fff; background-image: linear-gradient(to right, #6a11cb, #2575fc); padding: 15px; cursor: pointer; border: none !important; margin: 20px 0px; font-size: 1.6rem; } .btn-color:hover { color: #fff; background-image: linear-gradient(to right, #2575fc, #6a11cb); } .btn-white { border-radius: 50px; color: #2575fc; background-color: #fff; padding: 8px 40px; cursor: pointer; border: 2px solid #2575fc !important; } .btn-white:hover { color: #fff; background-image: linear-gradient(to right, #2575fc, #6a11cb); } button:focus { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; outline-width: 0; } .button.afb { background-color: #28a745; border: none; border-radius: 2px 2px; padding: 5px 15px; } .button.afb:hover { background-image: linear-gradient(to right, #2575fc, #6a11cb); } button.afb01.xs { background-image: linear-gradient(to right, #6a11cb, #2575fc); border: none; border-radius: 2px 2px; padding: 5px 15px; color: white; font-size: 1em !important; margin: 0 auto; line-height: 1.4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 90%; } .button.afb01 { background-color: var(--maintheme); /* background-image: linear-gradient(to right, #6a11cb, #2575fc);*/ border: none; border-radius: 2px 2px; padding: 5px 15px; color: white; } .button.afb01:hover { /* background-image: linear-gradient(to right, #2575fc, #6a11cb);*/ filter: brightness(0.9); } .button.afb02 { /* background-image: linear-gradient(to right, #6a11cb, #2575fc);*/ background-color: var(--main_text); border: none; border-radius: 2px 2px; color: white; } /* button.afb:hover, button.afb01:hover { background-image: linear-gradient(to right, #2575fc, #6a11cb); }*/ button.afb03 { background: #1e8535; border: none; border-radius: 2px 2px; padding: 5px 15px; color: white; } .button.afb04 { /* background-image: linear-gradient(to right, #c5c5c5, #afafaf);*/ background-color: #ccc; border: none; border-radius: 2px 2px; padding: 5px 15px; color: black; } .button.afb04:hover { /* background-image: linear-gradient(to right, #afafaf, #c5c5c5);*/ background-color: #bbb; } .modal-dialog > .modal-content .h3 { font-size: 2em } .modal-dialog > .modal-content .h6 { font-size: 1.4rem !important; } .bottom .btn { font-size: 1.6rem; } /* Jackpot */ .jackpot-top { position: absolute; top: 5.5%; margin: 0 auto; width: 100%; color: white; right: 0; left: 0; text-align: center; } .jackpot-top span { font-size: 5em; letter-spacing: 5px; font-weight: bold; color: transparent; -webkit-background-clip: text; display: inline-block; } p.jackpot-title { color: #ffffff; margin-bottom: 10px; display: table-column-group; } /* Jackpot Number Gold color */ .gold { display: block; background: repeating-linear-gradient(135deg, rgb(255, 221, 155) 0, rgb(254, 215, 146) 20px, rgb(255, 225, 172) 40px, rgb(255, 255, 255) 70px, rgb(250, 198, 107) 125px, rgb(246, 194, 107) 160px, rgb(231, 177, 85) 175px, rgb(244, 193, 107) 185px, rgb(241, 191, 107) 220px, rgb(243, 190, 102) 235px, rgb(233, 177, 83) 250px, rgb(245, 190, 97) 280px, rgb(249, 188, 86) 305px, rgb(255, 251, 245) 385px, rgb(252, 195, 98) 415px, rgb(252, 195, 121) 450px, rgb(255, 221, 155) 500px); background-clip: text; -webkit-background-clip: text; background-repeat: repeat; background-attachment: fixed; backface-visibility: none; color: rgb(255, 221, 155) !important; /*-webkit-text-fill-color: transparent;*/ filter: drop-shadow(0 3px 1px #000); } span.gold { font-size: 1.5em; font-weight: 700; } /* Main Contant */ .inside { background-color: #191919; padding: 15px; } .inside svg { margin-top: -2px; } .inside h1 { font-size: 1em; color: white; margin-bottom: 15px; } .inside p, .inside h2 { color: #00e7ff; font-size: .89em; margin: 5px auto; } /*.inside a span:hover {color:#a0a0a0;}*/ .inside a p:hover { color: #a0a0a0; } .sidebar-section { position: absolute; height: 100%; width: 100%; } .sidebar-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .make-me-sticky { position: -webkit-sticky; position: sticky; top: 0; padding-top: 10px; padding-bottom: 50px; } article .content.two { padding-top: 10px; padding-bottom: 55px; } article { border-radius: 12px; } .title-section { text-align: center; padding: 50px 15px; margin-bottom: 30px; } .content-section { min-height: 1200px; } .content-section h2 { /*text-align: center;*/ margin: 0; } .sidebar-item h3 { background: gold; max-width: 100%; margin: 0 auto; padding: 50px 0 100px; border-bottom: solid 1px #fff; } /* Latest new and promo */ .side-bar .nav-tabs { border-bottom: none; } .side-bar .nav-tabs .nav-link { color: #aeaeae; text-transform: uppercase; border: none; } .side-bar .nav-tabs .nav-link.active, .side-bar .nav-tabs .nav-link:hover { border-bottom: 2px solid #ff0000; text-transform: uppercase; color: #222; } .sidebar-tabing .media { margin-bottom: 20px } .sidebar-tabing img { width: 100%; } .sidebar-tabing .title-small { font-size: .8em; color: white; font-weight: 300; } .media a { width: 35%; margin-right: 10px; } .news-auther span { color: #9e9e9e; font-size: .65rem; } /*.media:first-child { margin-top: 20px; }*/ /* Footer content From AFBGG Sport*/ /*.footer-wrapper01 { display: inline-block; background-color: #0d0f13; padding: 30px 0; width: 100%; font-weight: 500; word-break: break-all; } .wrapper-container { max-width: 1366px; } .footer-wrapper01 p { color: #c7c7c7 !important; font-weight: 300; font-size: 1.2rem; } .footer-wrapper01 h2, .footer-wrapper01 h3, .footer-wrapper01 h4, .footer-wrapper01 h5, .footer-wrapper01 h6 { color: white; font-size: 14px; margin-bottom: 15px; } .footer-wrapper01 h1 { color: white; font-size: 1.5rem; margin-bottom: 20px; font-weight: 700; } .footer-wrapper01 h2 { font-weight: 300; margin-bottom: 10px; } .footer-wrapper01 span { color: #00b1e6; font-size: 1.5rem; }*/ .footer-copy-right { background-color: #000000; text-align: center; color: #bebebe; font-size: 10px; padding: 10px; display: inline-block; width: 100%; } .footer-copy-right p { margin: 0 auto; font-size: 1em; color: #bebebe; } /* .footer-bottom { padding: 45px 0; } .footer-bottom h1 { font-size: 18px; color: var(--white); } .footer-bottom p { color: white; font-size: 12px; margin: 5px 0 auto; } .footer-bottom p:hover { color: #ff8d00; } */ /* Mobile Navigation Bar ||| */ .offcanvas-active { overflow: hidden; } .screen-overlay { width: 0%; height: 100%; z-index: 30; position: fixed; top: 0; left: 0; opacity: 0; visibility: hidden; background-color: rgba(34, 34, 34, 0.76); transition: opacity .2s linear, visibility .1s, width 1s ease-in; } .screen-overlay.show { transition: opacity .5s ease, width 0s; opacity: 1; width: 100%; visibility: visible; } .offcanvas { width: 380px; visibility: hidden; transform: translateX(-100%); transition: all .2s; border-radius: 0; display: block; position: fixed; top: 0; left: 0; height: 100%; z-index: 1200; background-color: #fff; overflow-x: hidden; } .offcanvas .h6 { font-size: 1rem; } .offcanvas.offcanvas-right { width: 100%; transform: translateX(100%); } .offcanvas.show { visibility: visible; transform: translateX(0); transition: transform .2s; z-index: 999999; } .offcanvas .btn-close { position: absolute; right: 15px; top: 10px; font-size: 1.5rem; } .full-nav { display: flex; justify-content: space-between; align-items: center; } .full-nav-lang { right: 90px; } .full-nav-template { position: absolute; right: 150px; } .text-truncate-nav { white-space: nowrap; color: white; font-size: .9em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } button.afb-m-menu { color: white; font-size: 18px; padding: 0 15px; border: 1px solid #2575fc !important; border-radius: 4px; background-color: #0000ff00; } button.afb-m-menu:hover { color: white; background-image: linear-gradient(to right, #2575fc, #6a11cb); } .btn-icontop-lg { text-align: center; border-radius: 1rem; line-height: 1.1; margin-bottom: 10px; padding: 20px 15px; background-color: #0373ff; color: white; display: block; } a.btn-icontop-lg:hover { color: white; background-color: #16215b; } .btn-icontop-lg .icon { color: #313AEB; margin-top: 15px; margin-bottom: 15px; width: 100%; display: inline-table; } .btn-icontop-lg .text { display: block; } .padding-around, .padding-xy { padding: 16px; } ul.row, ul.row-sm { list-style: none; padding: 0; margin-bottom: 0; } .btn-icontop-lg img { height: 32px; } /*.btn-light { background-color: #1e7e34; border: none; color: white; padding: 5px 20px !important; } .btn-light:hover { background-image: linear-gradient(to right, #2575fc,#6a11cb ); border: none; color: white; }*/ .panel-heading { padding: 0; border: 0; } h4.panel-title { margin: 0 auto; } .panel-title > a, .panel-title > a:active { display: block; padding: 10px 15px; color: #fff; font-size: .6em; letter-spacing: 1px; word-spacing: 3px; background-color: #464646; border-radius: 2px; } /* Navigation Collapse */ .panel-default { margin-left: -10px; margin-right: -10px; /*margin-bottom: 15px;*/ } /*.panel-body {background-color:white;}*/ .panel-body a p { padding: 10px 15px; color: black; background-color: white; } .panel-body a p:hover { color: #007bff; background-color: #e6e6e6; } .panel-body a p { border-bottom: 1px solid #e7e7e7 !important; } .panel-body a p:last-child { border-bottom: none; } .panel-collapse { background-color: white; } .mobile-col { background-color: #434343; } .mobile-col h4 a { color: white; } .panel { border: none; } /* Index Games list */ .padding-x { padding-left: 10px; padding-right: 10px; } .scroll-horizontal { white-space: normal; overflow-x: auto; } .scroll-horizontal .item { /*width: 19.45%;*/ width: 100%; margin-bottom: 5px; display: inline-block; vertical-align: top; white-space: initial; } a[class*='product-'] { color: initial; } .product-sm { display: block; } [class*='product-'] { color: initial; } .product-sm .img-wrap { border-radius: .5rem; } [class*='product-'] .img-wrap { overflow: hidden; position: relative; } .img-wrap { text-align: center; display: block; } /*.product-sm .img-wrap img { mix-blend-mode: multiply; }*/ [class*='product-'] .img-wrap img { height: 100%; width: 100%; display: inline-block; -o-object-fit: cover; object-fit: cover; } .img-wrap img { max-width: 100%; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: white; font-size: .83em; /*display: -webkit-box;*/ -webkit-line-clamp: 1; -webkit-box-orient: vertical; /* width: 120px;*/ width: 100%; } .text-wrap { text-align: center; background-color: #2c2c2c; margin-bottom: 10px; } .text-wrap p { padding: 10px 10px; margin: 0 auto !important; } .text-wrap p.one { display: -webkit-box; padding: 5px 5px; } /* mobile footer button */ .nav_bottom-container { position: sticky; bottom: 0; left: 0; width: 100%; z-index: 999; /* border-top-left-radius: 20px; */ /* border-top-right-radius: 20px; */ /* background: #FFFFFF; */ /*box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.2);*/ } @media (min-width:767px) { .nav_bottom-container { position: fixed; } } .nav-bottom { --size: 5rem; --backgroundColor: #000; display: flex; -ms-flex-pack: distribute; justify-content: space-around; } .nav-bottom .nav-link { text-align: center; color: #fff; background-color: var(--backgroundColor); display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0; /* margin-top: 7px; */ flex-basis: 0; flex-grow: 1; max-width: 100%; overflow: hidden; } .nav-bottom .nav-link .megamenu-icon { display: inline-block; /* font-size: 20px; */ /* font-size: 1rem; */ width: calc(var(--size) * 0.25); height: calc(var(--size) * 0.25); } .nav-bottom .nav-link .text { display: block; font-size: 12px; color: #fff; transform: scale(0.8); white-space: nowrap; } .nav-bottom .nav-link:hover, .nav-bottom .nav-link.active { filter: brightness(0.9); } .nav-bottom .nav-bottom-home { position: relative; bottom: calc(100% - (var(--size) / 4)); /* background-color: #16215b; */ background-color: transparent; display: flex; justify-content: center; align-items: center; /* height: 60px; */ width: var(--size); height: var(--size); overflow: visible; } .nav-bottom .nav-bottom-home::before { position: absolute; display: inline-block; content: ''; width: calc(var(--size) + 2px); height: var(--size); bottom: 0; border-radius: 50%; z-index: -1; clip-path: polygon(0% 50%, 100% 50%, 100% 200%, 0% 200%); box-shadow: 0 0 0 4rem var(--backgroundColor); } @media (max-width:376px) { .nav-bottom .nav-bottom-home { flex-grow: 1.1; } } @media (max-width:361px) { .nav-bottom .nav-bottom-home { flex-grow: 1.18; } } .nav-bottom .nav-bottom-home::after { position: absolute; display: inline-block; content: ''; width: calc(var(--size) - 1rem); height: calc(var(--size) - 1rem); background-color: var(--backgroundColor); border-radius: 50%; z-index: -1; filter: brightness(1.1); } .nav-bottom .nav-bottom-home .megamenu-icon { width: calc(var(--size) * 0.28); height: calc(var(--size) * 0.28); } .nav-bottom .nav-bottom-home:hover, .nav-bottom .nav-bottom-home.active { /* background-color: transparent; */ filter: brightness(1); } .nav-bottom .nav-bottom-home:hover::after, .nav-bottom .nav-bottom-home.active::after { filter: brightness(0.9); /* background-color: #536dfc; */ } .nav-bottom .nav-bottom-home .nav-center-bg-right, .nav-bottom .nav-bottom-home .nav-center-bg-left { width: calc(((100vw / 5) - (var(--size) - 1px))/2); height: 60px; position: absolute; background-color: var(--backgroundColor); bottom: -20px; } .nav-bottom .nav-bottom-home .nav-center-bg-left { left: -1px; } .nav-bottom .nav-bottom-home .nav-center-bg-right { right: -1px; } /* Footer Menu */ .widget-list li a:hover { text-decoration: underline; } .widget .card-header { background: #fff0; } .widget .card-header a { width: 100%; display: block; padding: 10px 15px; } .widget .card-header a:after { content: "+"; position: absolute; right: 30px; transition: transform 0.15s ease-in-out; } .widget .card-header a:hover, .widget .card-header a:focus { text-decoration: none; } .widget .card-header a[aria-expanded="true"]:after { transform: rotate(45deg); } .widget .card-block { padding: 0 10px; } .widget .card-block .widget-list li { margin-bottom: 4px; padding: 5px 5px; } .widget h4 { font-size: 1.2em; color: white; padding: 0; } .widget ul li a { font-size: 1.2rem; font-weight: 300; } .widget ul li a:hover { color: #a0a0a0 !important; } .footer-collapse { padding: 45px 0; background-color: black !important; } /* footer social icons */ .social-network a.icoRss:hover { background-color: #F56505; } .social-network a.icoFacebook:hover { background-color: #3B5998; } .social-network a.icoTwitter:hover { background-color: #33ccff; } .social-network a.icoGoogle:hover { background-color: #BD3518; } .social-network a.icoVimeo:hover { background-color: #0590B8; } .social-network a.icoLinkedin:hover { background-color: #007bb7; } .social-network a.icoYoutube:hover { background-color: #bb0000; } .social-network a.icoIntagram:hover { background: #f09433; background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888', GradientType=1); } .social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i, .social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i, .social-network a.icoIntagram:hover i, .social-network a.icoYoutube:hover i, .social-network a.icoSnapchat:hover i, .social-network a.icoReddit:hover i, .social-network a.icoPinterest:hover i, .social-network a.icoTumblr:hover i, .social-network a.icoMedium:hover i { color: #fff; } a.socialIcon:hover, .socialHoverClass { color: #44BCDD; } .social-circle li a { display: inline-block; position: relative; margin: 0 auto 0 auto; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; width: 50px; height: 50px; font-size: 20px; } .social-circle li i { margin: 0; line-height: 50px; text-align: center; font-size: 1.8rem; } .social-circle li a:hover i, .triggeredHover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -ms--transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .social-circle i { color: #626c80; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; -ms-transition: all 0.8s; transition: all 0.8s; } /* 20201017 QR*/ #snav.en { left: 0; text-align: left; } #snav.en li span { left: -100px; } #snav.en li a:hover span { left: 50px; } /* RTL CSS */ #snav.ar { right: 0; text-align: right; } #snav.ar li span { right: -100px; } #snav.ar li a:hover span { right: 35px; } /* main SideNav.css styles */ #snav { position: fixed; top: 40%; z-index: 999; font-size: 18px; font-family: 'Open Sans', sans-serif; } #snav ul { list-style: none; } #snav * { margin: 0; padding: 0; outline: 0; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #snav li a { text-decoration: none; color: #fff; display: block; position: relative; } #snav .fa { vertical-align: middle; font-size: 18px; width: 50px; height: 50px; line-height: 50px; text-align: center; position: relative; z-index: 4; } #snav li span { font-size: 15px; vertical-align: middle; height: auto; line-height: 50px; width: auto; white-space: nowrap; overflow: hidden; display: block; padding: 0 15px; position: absolute; top: 0; visibility: hidden; z-index: 3; } #snav li a:hover span img, #snav li span img { width: 100px; } #snav li a:hover .fa { transform: rotate(720deg); } #snav li a:hover span { visibility: visible; padding: 0; } #snav li span { background-color: #555; } #snav li .fa { background-color: #333333; color: hsl(0deg 0% 90%); } #snav li a:hover .fa { color: #fff; } #snav li:nth-child(10n+1) span, #snav li:nth-child(10n+1) a:hover .fa { /*background-color: #32DE84;*/ background-color: var(--main_text); } #snav li:nth-child(10n+2) span, #snav li:nth-child(10n+2) a:hover .fa { background-color: black; } #slideout { position: fixed; z-index: 999; top: 40%; right: 0; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } @media only screen and (max-width: 992px) { #slideout { z-index: 999; } } #slideout p { width: 35px; text-align: center; background: #28a745; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; transform: rotate(-180deg); color: white; margin: 0 auto; padding: 20px 8px; text-orientation: sideways; } #slideout_inner { position: fixed; top: 40%; right: -250px; background: white; width: 250px; padding: 15px; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; text-align: left; -webkit-border-radius: 0 0 5px 0; -moz-border-radius: 0 0 5px 0; border-radius: 0 0 5px 0; } #slideout_inner textarea { width: 190px; height: 100px; margin-bottom: 6px; } #slideout:hover { right: 250px; transition: right 1s; } #slideout:hover #slideout_inner { right: 0; transition: right 1s; } /* social media */ .afb-medias a { width: 100%; background-color: white; border: none; outline: none; display: block; margin-bottom: 5px; padding: 5px 10px; background-image: linear-gradient(to right, #6a11cb, #2575fc); color: white; } .afb-medias .h1 { color: black; font-size: 1.5rem; font-weight: 400; } .afb-medias span { color: white; } .afb-medias a:hover { background-image: linear-gradient(to right, #2575fc, #6a11cb); color: white; } .afb-medias a > div { display: inline-block; margin-right: 5px; } .news-title h2 a { font-weight: 400; } /* back to top */ @media screen and (prefers-reduced-motion: no-preference) { html, body { scroll-behavior: smooth; } } main { position: relative; } main *:last-child { margin-bottom: 0; } .back-to-top-wrapper { position: absolute; top: 100vh; right: 0.25rem; bottom: 0; width: 3em; pointer-events: none; } .back-to-top-link { position: fixed; position: sticky; pointer-events: all; top: calc(100vh - 10em); display: inline-block; text-decoration: none; font-size: 2rem; line-height: 3rem; text-align: center; width: 3rem; height: 3rem; border-radius: 20%; padding: 0.25rem; border: 1px solid #254568; background-color: #0373ff; transition: transform 80ms ease-in; } .back-to-top-link:hover, .back-to-top-link:focus { transform: scale(1.1); } .back-to-top-link:focus { outline: none; box-shadow: 0 0 0 3px #4e85c0; } /* Search */ .form-control-borderless { border: none; } .form-control-borderless:hover, .form-control-borderless:active, .form-control-borderless:focus { border: none; outline: none; box-shadow: none; } .has-search .form-control { padding-left: 2.375rem; } .has-search .form-control-feedback { position: absolute; z-index: 2; display: block; width: 2.375rem; height: 2.375rem; line-height: 2.375rem; text-align: center; pointer-events: none; color: #aaa; } /*.input-group input { background-color: transparent; border: 1px solid #545454 !important; border-radius: 0px !important; padding: 2px 10px !important; color: white; font-size: 1em !important; } .input-group input:focus { background-color: transparent; }*/ button.btn-secondary { padding: 0 12px; border: 0px solid; background-color: #454545; border-radius: 0; } button.btn-secondary i { color: #353535; } /* Button a */ .button-afb-wrapper { position: absolute; z-index: 1; display: inline-flex; right: 5px; } .button-afb.one { background-image: linear-gradient(to right, #6a11cb, #2575fc); text-align: justify; } .button-afb.one:hover { background-image: linear-gradient(to right, #2575fc, #6a11cb); } .button-afb { background: #e60000; padding: 5px 15px; text-align: center; } .button-afb a { color: white; } .button-afb:hover { background: #1e8535; } .button-afb a p { color: white; padding: 0; margin: 0 auto; font-size: 1em; } /* user names with badget */ .badget-afb-ug h1 { color: white; font-size: 1em; margin: 0 auto; } .fld { box-sizing: border-box; width: 100%; height: 31px; background-color: #f9f9f9; border-color: #d7d7d7; border-radius: 2px; padding: 0 10px; border: 1px solid #ddd; outline: none; color: #7d7d7d; font-size: 16px; line-height: 1; } .Uld { box-sizing: border-box; width: 80%; height: 35px; background-color: #f9f9f9; border-color: #d7d7d7; border-radius: 2px; padding: 0 10px; border: 1px solid #ddd; outline: none; color: #7d7d7d; font-size: 16px; line-height: 1; } img.badget-img { width: 40px; margin-right: 10px; } .progress { margin: 0 auto; } .progress-bar { display: inline-table; font-size: .9em; } /* Notifation Bar */ button.notif-dropdown { background-color: #ffffff00; color: white; } button.notif-dropdown:hover, button.notif-dropdown:focus { color: white; } /* Amount */ * { box-sizing: border-box; } .TogglePanel { display: inline-block; height: 15px; overflow: hidden; transition: background-color .2s ease-in; position: relative; top: 2px; } .TogglePanel__PanelOne, .TogglePanel__PanelTwo { color: #ffffff !important; align-items: center; justify-content: center; font-size: 1em; font-weight: 700; position: relative; text-decoration: none; text-transform: uppercase; transition: margin-top .2s ease-in, opacity .2s ease-in; } .TogglePanel__PanelOne { opacity: 1; } .TogglePanel__PanelTwo { opacity: 0; } .TogglePanel--showAlternate .TogglePanel__PanelOne { margin-top: -18px; opacity: 0; } .TogglePanel--showAlternate .TogglePanel__PanelTwo { opacity: 1; /*margin: 6px 0px;*/ } .TogglePanel--showAlternate .TogglePanel__PanelTwo.small { margin: 6px 0px; top: 1px; } .amount-blur { color: #ffffff14 !important; text-shadow: 0 0 5px rgba(255, 255, 255, 0.5); } .amount-button { line-height: initial; background-color: #f0f8ff00; border: none; color: white; } @media only screen and (min-width: 1200px) { .container { /* width: 1400px !important;*/ max-width: 100%; } } @media only screen and (max-width: 1200px) { .jackpot-top span { font-size: 3.5em; } } @media only screen and (max-width:1180px) { img.sbanner-images-cover { height: 233px; } } .t991-dp-block { display: none !important; } .t991-dp-block { display: none !important; } @media only screen and (max-width: 992px) { .col-xs-5ths { float: unset; } /* 991px Hide | Show */ .t991-dp-none { display: none !important; } .t991-dp-block { display: block !important; } /* Table */ .margin-left-table { margin-left: -15px; } .margin-right-table { margin-right: -15px; } /* Foter Content */ /* .footer-wrapper01 { display: none; }*/ /* Main Contant */ article .content { padding-top: 25px; } /* full width */ .w-992 { max-width: 100%; flex: 0 0 100%; } /* Index Games list */ .scroll-horizontal { white-space: nowrap; overflow-x: scroll; } .jackpot-top { top: 2.65%; } /* scrool Bar Design ::-webkit-scrollbar-button { width: 8px; height:0; } ::-webkit-scrollbar-track { background:unset; border: unset; box-shadow: unset; } ::-webkit-scrollbar-thumb { background:unset; border: unset; } ::-webkit-scrollbar-thumb:hover { background:#7d7d7d; } */ .owl-carousel-size img { height: 440px; } .content-section { min-height: auto; } } /*@media only screen and (min-width: 767px) { .btn-right, .btn-left { display: none; } }*/ @media only screen and (max-width: 767px) { .badget-img { margin-right: 0 !important; } .TogglePanel--showAlternate .TogglePanel__PanelOne { margin-top: -20px; } } @media only screen and (max-width:680px) { .text-truncate { /* width: 110px;*/ } } @media only screen and (max-width:415px) { .button-afb.one { display: block; } .button-afb { display: none; } article .content.two { padding: 0; } img.bbanner-images-cover { height: 102px; } .modal-content { width: 100% !important; } .owl-carousel-size img { width: 100%; height: auto !important; /*height: 345px !important;*/ } .afb-logo, .header-memu-m { width: 100%; text-align: center; } .afb-header-menu { margin-bottom: 10px; } th.table-th-font-limit, td.table-th-font-limit { width: auto; } .table > tbody > tr > th.one, .table > tbody > tr > td.one { line-height: normal; } .wallet-top-left span { padding: 5px; } .wallet-top-left {} } @media only screen and (max-width:376px) { .text-truncate { /* width: 102px;*/ } .offcanvas { width: 100%; } .btn-icontop-lg { padding: 20px 10px; } .table td, .table th { font-size: .8em; } /* .js .cd-tabs__panel--selected { display: inline-block !important; }*/ } @media only screen and (max-width:330px) { .btn-icontop-lg { padding: 15px 5px; } } @media only screen and (min-width:240px) and (max-width:1111px) { .logo img { /*max-width: 100px;*/ width: 100%; transform: unset; left: unset; } .h_nav, .header-side, .h_bar-dropdown { display: none; } .h_bar { width: auto; display: inline-block; float: right; } .h_bar-login { margin-top: 0; } .h_bar-login span { font-size: .7em; letter-spacing: 1px; } .h_bar-btn .btn { background-color: #ffffff00; min-width: 70px; height: 35px; line-height: 35px; font-size: 14px; font-size: .799em; font-weight: 400; border-radius: 3px; padding: 0 10px; } .h_bar-link a { font-size: 13px; padding-right: 0; } .h_bar-link.one { padding-left: 5px; } .header-fix { box-shadow: none; border-bottom: solid 1px #000; } .mobile-view-right-bar { width: 100%; clear: both; padding: 20px 0; } .mobile-view-right-bar .owl-nav, .mobile-view-right-bar .owl-dots { display: none; } .mobile-view-right-bar .owl-carousel .item { padding: 0 20px; } .left-sidebar { display: none; } .mobile-nav { width: 100%; float: left; } .mobile-nav .left-sidebar { display: flex; width: auto; min-width: 100%; overflow: auto; float: left; height: auto; border-top: solid 1px #000; border-bottom: solid 1px #000; padding: 10px 0; } .left-sidebar button { width: 100%; display: block; padding: 5px; font-size: 10px; } .lest-bar-icon { width: 100%; display: inline-block; text-align: center; } .left-sidebar .select-type { text-align: center; } .left-sidebar .lest-bar-icon img { text-align: center; margin-right: 0; } .left-sidebar button span { text-align: center; width: 70px; display: block; float: none; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .left-sidebar button.activity, .default .tablinks { border-left: none; } .left-sidebar button.activity { color: #ff6a00; } .right-top-end { display: none; } .main-stracture { position: relative; padding-top: 0; margin-top: 0; } .right-top-part { width: 100%; margin: auto; } .right-top-part ul { width: 100%; display: flex; justify-content: space-around; } .h_nav-item > a { padding-bottom: 0; } .right-top-part .h_nav-list .h_nav-item a { font-size: 11px; font-size: .599em; font-weight: bold; } .mobile-nav .sub-cate { position: absolute; width: 100%; left: 0; z-index: 99; padding: 10px; } .mobile-nav .sub-cate li { width: 33.333333%; /*padding: 0 60px 10px 10px;*/ margin: 0 auto; } /*.mobile-nav .sub-cate li:before { content: "\f105"; left: auto; right: 10px; top: -2px; line-height: normal; font-size: 22px; color: #fff; }*/ .mobile-nav .sub-cate li span { right: 40px; } .mobile-nav .sub-cate li a p { color: white; margin: 0 auto; margin-top: 5px; } .modal-content { width: 330px; } .popup-inner { padding: 20px 40px; } .popup-form { padding: 20px 40px 25px; } .mobile-nav-inner .sub-cate { top: 163px; } .mobile-main-inner .right-top-part { top: -120px; } .user-profile { padding-top: 20px; padding-bottom: 20px; } .right-main-part { width: 100%; padding: 10px 0 0; } } .wallet-bottom-part { width: 100%; float: left; } @media screen and (max-width: 480px) { .game-part-2 .wallet-bottom-part { width: 400px; } .form-group-choosefile input { font-size: .8em; } } @media screen and (max-width: 480px) { .photobox { width: 100%; } .cd-tabs__panel p.one { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 120px; display: inline-block; } } @media only screen and (max-width:991px) { img.sbanner-images-cover { height: 456px; } } @media only screen and (max-width: 767px) { /* Desktop Navigation Bar */ .nav-link span { display: flow-root; } .megamenu .megamenu-nav .nav-link { padding: 15px 15px; text-align: center; /*width: 135px;*/ } .megamenu-content img { width: 130px; } /* Mobile Hide | Show */ .m-dp-none { display: none !important; } .m-dp-block { display: block !important; } /* footer content */ .footer-bottom p { font-size: .658em; } /* Jackpot */ .jackpot-top span { font-size: 2.5rem; } .jackpot-top { top: 3.6%; } /* label */ .afb-label-new, .afb-label-top, .afb-label-pp { font-size: .6em; } /* footer */ .footer-collapse { padding-top: 0; } .widget-list li a img { padding-left: 10px; } img.sbanner-images-cover { height: 343px; } } .tabcontentmd { color: #808aa6; } .tabcontentmd .popup-header, .tabcontentmd .popup-title { width: 100%; height: 64px; padding: 0; background-color: #fff; border-radius: 4px 4px 0 0; color: #808aa6; font-size: 14px; font-weight: bold; line-height: 64px; text-align: center; text-transform: uppercase; position: relative; border-bottom: 1px solid hsla(0, 0%, 59.2%, .3); } @media only screen and (max-width:575px) { .footer-collapse { padding-bottom: 80px !important; padding-top: 20px !important; } /* Jackpot */ .jackpot-top span { font-size: 2rem; } /* Navigation Mobile */ .nav-link span { font-size: smaller; } img.sbanner-images-cover { height: 512px; } } @media only screen and (max-width: 415px) { /* Desktop Navigation Bar */ .megamenu-content img { width: 95px; } /* jackpot */ .jackpot-top span { font-size: 1.35rem; letter-spacing: 2px; } .jackpot-top { top: 3.4%; } /* Navigation Menu */ .megamenu .megamenu-nav .nav-link { padding: 5px 15px; width: 100px; } /* Index Games list */ .scroll-horizontal .item { width: 100%; } .megamenu .megamenu-nav { justify-content: normal !important; /*overflow-y: hidden;*/ } .alert-danger { display: none !important; } .content-section { min-height: auto; margin-top: 15px; } img.sbanner-images-cover { height: 398px; } } @media only screen and (max-width:376px) { img.sbanner-images-cover { height: 359px; } } @media only screen and (max-width:320px) { /* 320px Hide | Show */ .t320-dp-none { display: none !important; } .t320-dp-block { display: block !important; } /* Mobile Navigation Bar ||| */ .offcanvas { width: 305px; } /* label */ .afb-label-new, .afb-label-top, .afb-label-pp { font-size: .4em; } /* jackpot */ .jackpot-top span { font-size: 1rem; } .btn-icontop-lg { font-size: .8em; padding: 20px 10px; } img.sbanner-images-cover { height: 304px; } } @media only screen and (max-width: 320px) { .jackpot-top span { font-size: .9rem; } } /*--- footer --*/ /*footer { clear: both; width: 100%;*/ /*padding: 18px 0 0;*/ /*overflow: hidden; background: #070707;*/ /*box-shadow: inset 0 10px 50px -5px #000;*/ /*float: left;*/ /*margin: 25px 0 0 0;*/ /*}*/ .footer-main { float: none; margin: auto; padding: 20px; } .footer-top h1, .footer-top h2 { color: #fff; font-weight: 500; font-family: Roboto, sans-serif; text-transform: none; margin: 20px 0; } .footer-top h1 { font-size: 20px; } .footer-top h2 { font-size: 16px; } footer p { color: #bbb; font-size: 14px; } .footer-top ul { padding-left: 30px; } .footer-top ul li { font-size: 14px; color: #bbb; margin: 0; } .footer-support-menu { width: 100%; float: left; } .footer__btn-chat.btn-chat { position: absolute; right: 10px; z-index: 1; padding: 10px 25px 10px 50px; background: #fff; border-radius: 4px; cursor: pointer; color: #000; font-weight: 600; font-size: 14px; line-height: 18px; text-transform: uppercase; } ul.all-logo-footer li { float: left; width: 50%; padding: 0 10px 10px 0; } ul.all-logo-footer li.one { width: 15%; } ul.all-logo-footer li img { width: 100%; filter: grayscale(100%); } ul.all-logo-footer li img:hover { width: 100%; filter: grayscale(0%); -webkit-transition: background 1s; -moz-transition: background 1s; -o-transition: background 1s; transition: background 1s; } @media screen and (max-width:767px) { ul.all-logo-footer li { padding: 0 25px 10px 0; } .shfooter ul { padding: 10px 0; } } .btn-chat__icon { top: calc(50% - 14px); right: auto; bottom: auto; width: 28px; height: 28px; display: block; background: #ef8d00; border-radius: 15px; } .btn-chat__icon, .btn-chat__icon:before { position: absolute; left: 5px; z-index: inherit; } .btn-chat__icon:before { top: 5px; right: 5px; bottom: 5px; background: url(../images/help.svg) no-repeat; background-size: 18px; content: ""; } .btn-chat__time { margin-left: 3px; color: #ef8d00; } .footer-menu-part { display: flex; justify-content: space-between; min-height: 40px; padding-right: 180px; position: relative; } .footer__links li { display: inline-block; margin: 0 32px 0 0; } .footer__links a, .footer__links span { color: #fff; font-size: 12px; font-family: Arial; line-height: 27px; text-decoration: none; } .footer__licences-block { display: flex; justify-content: space-between; margin: 0 0 20px; width: 100%; float: left; } .footer__licences a { margin-right: 22px; font-size: 0; text-decoration: none; } .footer__support-link { display: flex; align-items: center; } .footer__support-link a { font-size: 12px; color: #fff; } .footer__row--bottom { margin-bottom: 60px; display: flex; width: 100%; } .footer__row-content a { color: #fff; } .footer__row-title { flex: 1; margin: 15px 0; color: #fff; font-size: 12px; text-transform: uppercase; font-weight: 700; } .footer__row-content p { color: #2f3a51; font-size: 12px; font-family: Arial; line-height: normal; } .footer__row-item--center { margin: 0 30px; } .footer__row-item--center .footer__row-title { padding: 0 30px; } .footer__row-content--with-border { height: 100%; padding: 0 10px; border-right: 2px solid #282e3d; border-left: 2px solid #282e3d; } .footer__row-content p { color: #2f3a51; font-size: 12px; font-family: Arial; line-height: normal; } .footer__payment-providers img { margin: 1px 10px 1px 0; max-width: 150px; } .footer__row-content--games { display: flex; justify-content: space-between; } .footer__games-list { display: inline-block; margin-right: 56px; padding: 0; line-height: 2.17; } .footer__games-list:last-child { margin-right: 0; } .footer__games-list a, .footer__games-list li { color: #fff; font-size: 12px; white-space: nowrap; } /*-- footer part end --*/ footer { /*text-align: center;*/ } .footer-support-menu { position: relative; min-height: 110px; } .footer__btn-chat.btn-chat { bottom: 0; } .footer-menu-part { width: 100%; display: block; justify-content: normal; padding-right: 0; } .footer-menu-part { display: block; justify-content: normal; width: 100%; } .footer__links li { margin-right: 20px; } .footer__licences-block { display: block; justify-content: normal; clear: both; } .footer__support-link { justify-content: flex-end; } .footer__row--bottom { display: block; } .footer__row-item--center { margin: 0; border-top: 2px solid #282e3d; border-bottom: 2px solid #282e3d; } .footer__row-content--with-border { border: none; } .footer__games-list { margin-right: 0; } .footer__licences-block { display: block; } .footer__licences { clear: both; } .footer__support-link { justify-content: flex-end; } /* 20200917 Footer content */ /*.footer-wrapper01 { display: inline-block; background-color: #0d0f13; padding: 30px 0; width: 100%; } .wrapper-container { max-width: 1366px; } .footer-wrapper01 p { color: #bbbbbb; font-weight: 300; font-size: 12px; } .footer-wrapper01 h2, .footer-wrapper01 h3, .footer-wrapper01 h4, .footer-wrapper01 h5, .footer-wrapper01 h6 { color: var(--light); font-size: 14px; margin-bottom: 15px; } .footer-wrapper01 h1 { color: var(--light); font-size: 16px; margin-bottom: 15px; } @media screen and (max-width:991px) { .footer-wrapper01 { display: none; } }*/ .footer-copy-right { background-color: #000000; text-align: center; color: #bebebe; font-size: 10px; padding: 10px; display: inline-block; width: 100%; } .footer-copy-right p { margin: 0 auto; } /* .footer-bottom { padding: 45px 0; } .footer-bottom h1 { font-size: 18px; color: var(--white); } .footer-bottom p { color: var(--light); font-size: 12px; margin: 5px 0 auto; } @media only screen and (max-width: 767px) { .footer-bottom p { font-size: .658em; } } .footer-bottom p:hover { color: #ff6a00; } */ /*how part*/ .hide { display: none; } .favStar { color: yellow; } .triangle-up { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 8px solid lime; } .triangle-down { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid red; } @keyframes blink { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes blink { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } .blink { display: flex; justify-content: center; align-items: center; position: absolute; left: 10px; animation: blink 5s infinite; -webkit-animation: blink 3s infinite; } /*how part*/ .shfooter .collapse { display: inherit; } @media (max-width:767px) { .shfooter ul { margin-bottom: 0; } .shfooter .collapse { display: none; } .shfooter .collapse.show { display: block; } .shfooter .title .fa-angle-up, .shfooter .title[aria-expanded=true] .fa-angle-down { display: none; } .shfooter .title[aria-expanded=true] .fa-angle-up { display: block; } .shfooter .navbar-toggler { display: inline-block; padding: 0; } } /* 20200917 Footer content */ /*.footer-wrapper01 { display: inline-block; background-color: #0d0f13; padding: 30px 0; width: 100%; } .wrapper-container { max-width: 1366px; } .footer-wrapper01 p { color: #bbbbbb; font-weight: 300; font-size: 12px; } .footer-wrapper01 h2, .footer-wrapper01 h3, .footer-wrapper01 h4, .footer-wrapper01 h5, .footer-wrapper01 h6 { color: var(--light); font-size: 14px; margin-bottom: 15px; } .footer-wrapper01 h1 { color: var(--light); font-size: 16px; margin-bottom: 15px; } @media screen and (max-width:991px) { .footer-wrapper01 { display: none; } }*/ .footer-copy-right { background-color: #000000; text-align: center; color: #bebebe; font-size: 10px; padding: 10px; display: inline-block; width: 100%; } .footer-copy-right p { margin: 0 auto; } .footer-bottom { padding: 45px 0; } .footer-bottom .h1 { font-size: 18px; color: var(--white); } .footer-bottom p { color: var(--light); font-size: 12px; margin: 5px 0 auto; } .footer-bottom p:hover { color: #ff6a00; } /*how part*/ .hide { display: none; } .favStar { color: yellow; } .triangle-up { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 8px solid lime; } .triangle-down { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid red; } @keyframes blink { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes blink { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } .blink { display: flex; justify-content: center; align-items: center; position: absolute; left: 10px; animation: blink 5s infinite; -webkit-animation: blink 3s infinite; } /*how part*/ .shfooter .collapse { display: inherit; } @media (max-width:767px) { .shfooter ul { margin-bottom: 0; } .shfooter .collapse { display: none; } .shfooter .collapse.show { display: block; } .shfooter .title .fa-angle-up, .shfooter .title[aria-expanded=true] .fa-angle-down { display: none; } .shfooter .title[aria-expanded=true] .fa-angle-up { display: block; } .shfooter .navbar-toggler { display: inline-block; padding: 0; } } .resize { text-align: center; } .resize { margin-top: 3rem; font-size: 1.25rem; } /*RESIZESCREEN ANIMATION*/ .fa-angle-double-right { animation: rightanime 1s linear infinite; } .fa-angle-double-left { animation: leftanime 1s linear infinite; } @keyframes rightanime { 50% { transform: translateX(10px); opacity: 0.5; } 100% { transform: translateX(10px); opacity: 0; } } @keyframes leftanime { 50% { transform: translateX(-10px); opacity: 0.5; } 100% { transform: translateX(-10px); opacity: 0; } } .partner-logo { /*padding-top: 40px;*/ } @media screen and (max-width:767px) { .footer-bottom { padding: 25px 0; } .partner-logo { padding-top: 0 !important; } } .widget-content { display: inline-block; padding: 10px 0; } .media-fontx { color: var(--white); padding-left: 10px; } .media-fontx h1 { font-size: 12px; color: #ff6a00; margin-bottom: 2px; } .media-fontx p { font-size: 10px; margin-bottom: 2px; } .media-fontx p a { color: #dedcdc; } .media-fontx span { font-size: 9px; color: #d5d5d5; display: inline-block; } .media-news-t h2 { font-size: 13px; color: var(--white); margin: 0 auto; padding: 15px 0; text-align: center; border-bottom: 2px solid #ff6a00; margin-bottom: 10px; } /* 20200921 */ /* 20201010 User Profile Notif */ .profile-notif strong { color: var(--color-afb-black); font-size: 1.2em; } .login-loader-wrapper { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(21, 21, 21, 0.24); z-index: 2; } .login-loader-wrapper .loader { margin-left: -30px; -webkit-transform: none; transform: none; } .loader { border: 5px solid #f3f3f3; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; border-top: 5px solid #555; border-radius: 50%; width: 50px; height: 50px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .modal-notif, .modal-box { z-index: 900; } .modal-sandbox { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: transparent; } .modal-notif { display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgb(0, 0, 0); background: rgba(0, 0, 0, .8); overflow: auto; } .modal-box { position: relative; width: 80%; max-width: 920px; margin: 100px auto; animation-name: modalbox; animation-duration: .4s; animation-timing-function: cubic-bezier(0, 0, .3, 1.6); } .modal-body p { font-size: 13px; } .modal-footer time { font-size: 12px; } .modal-footer { background-color: white; } .modal-header { /*padding: 20px 40px;*/ background: var(--cd-color-1); color: #ffffff; } .modal-header button.close { background-color: #ff6a00; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; opacity: 1; color: white; font-weight: 300; border-top-right-radius: 5px; margin-bottom: -1.26em; } .modal-header button.close span { font-size: 1.5rem; font-weight: 500; position: unset; } .h5.modal-title { font-size: 15px; margin: 0; color: white; } .modal-body { background: var(--light); /*padding: 60px 40px;*/ } .btn-primary { background-color: #ff6a00; border-color: #007bff00; } .btn-primary:hover { background-color: #1d212a; border-color: #007bff00; } /* Close Button */ .close-modal { text-align: right; cursor: pointer; } /* Animation */ @-webkit-keyframes modalbox { 0% { top: -250px; opacity: 0; } 100% { top: 0; opacity: 1; } } @keyframes modalbox { 0% { top: -250px; opacity: 0; } 100% { top: 0; opacity: 1; } } /* Aditional Styles */ /* footer social icons */ ul.social-network { list-style: none; display: inline; margin-left: 0 !important; padding: 0; } ul.social-network li { display: inline; margin: 0 5px; } /* footer social icons */ .social-network a.icoRss:hover { background-color: #F56505; } .social-network a.icoFacebook:hover { background-color: #3B5998; } .social-network a.icoTwitter:hover { background-color: #33ccff; } .social-network a.icoGoogle:hover { background-color: #BD3518; } .social-network a.icoVimeo:hover { background-color: #0590B8; } .social-network a.icoLinkedin:hover { background-color: #007bb7; } .social-network a.icoYoutube:hover { background-color: #bb0000; } .social-network a.icoIntagram:hover { background: #f09433; background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888', GradientType=1); } .social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i, .social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i, .social-network a.icoIntagram:hover i, .social-network a.icoYoutube:hover i { color: #fff; } a.socialIcon:hover, .socialHoverClass { color: #44BCDD; } .social-circle li a { display: inline-block; position: relative; margin: 0 auto 0 auto; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; width: 50px; height: 50px; font-size: 20px; } .social-circle li i { margin: 0; line-height: 50px; text-align: center; } .social-circle li a:hover i, .triggeredHover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -ms--transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .social-circle i { color: #626c80; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; -ms-transition: all 0.8s; transition: all 0.8s; } hr.style-one { border: 0; height: 1px; background: #333; background-image: linear-gradient(to right, #ccc, #333, #ccc); } .pagination > li > a { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #616161; } .pagination > li > a.one { background-color: #fff0; color: white; } ul.pagination > li {} .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover { z-index: 2; color: #ffffff; background-image: linear-gradient(to right, #2575fc, #6a11cb); border-color: #ddd; } .page-item.active .page-link { z-index: 1; color: #fff; background-color: #007bff; border-color: #007bff; } .mandatory_field { color: red; } .required:after { content: " *"; color: red; } .wallet-top-left { width: 35%; float: left; padding: 0 10px; background: var(--cd-color-1); border-bottom: solid 1px hsl(0deg 0% 22%); color: #ff6a00; text-align: center; position: relative; line-height: 34px; } .wallet-top-left:before { border-color: transparent; content: ""; position: absolute; right: -15px; height: 0; width: 0; border-width: 8px; border-style: solid; border-left: 8px solid var(--cd-color-1); top: 0; bottom: 0; margin: auto; } .wallet-top-left span { /* color: #ff6a00; */ color: white; font-weight: 400; font-size: 14px; /* text-transform: uppercase; */ /*line-height: 34px;*/ word-break: break-all; } .wallet-top-left span.one { color: #495057; } .wallet-top-left { width: 40%; } .wallet-top-left span, .wallet-top-right span { font-size: 14px; color: white; } .wallet-top-right { width: 65%; float: left; /* padding: 5px; */ text-align: center; background: #292929; /* border-bottom: 1px solid; */ border-bottom: solid 1px hsl(0deg 0% 22%); line-height: 34px; } .game-part-2 .wallet-section { width: 100%; } .game-part-2 .wallet-top-part { width: 100%; } .game-part-2 .game-history-part { background: #201f25; text-align: left; } .game-part-2 .game-history-part.one { background: #f8f8f8; border: 1px solid var(--color-user-bg); } .game-part-2 .wallet-top-part .game-history-part:first-child { width: 25%; padding: 5px; } .game-part-2 .wallet-top-part .game-history-part:nth-child(2) { width: 25%; padding: 5px; } .game-part-2 .wallet-top-part .game-history-part:nth-child(3) { width: 25%; padding: 5px; } .game-part-2 .wallet-top-part .game-history-part:last-child { width: 25%; padding: 5px; } .game-part-2 .wallet-top-left:before { display: none; } .game-part-2 .history-bottom-part .wallet-bottom-left { margin-right: 0; background: transparent; padding: 27px 10px; } .game-part-2 .history-bottom-part .wallet-bottom-left ul li { text-align: left; margin-bottom: 40px; } .game-part-2 .history-bottom-part .wallet-bottom-left ul li:last-child { margin-bottom: 0; } .game-part-2 .history-bottom-part .wallet-bottom-left:first-child ul li { text-align: center; } .game-part-2 .history-bottom-part .wallet-bottom-left:first-child { width: 30%; background: #17161a; margin-right: 2%; } .game-part-2 .history-bottom-part .wallet-bottom-left:nth-child(2) { width: 21%; } .game-part-2 .history-bottom-part .wallet-bottom-left:nth-child(3) { width: 25%; } .game-part-2 .history-bottom-part .wallet-bottom-left:last-child { width: 22%; } .game-part-2 { width: 100%; } .game-part-2 .wallet-section { width: 100%; } .game-part-section .wallet-section:last-child .wallet-top-part { float: right; width: 100%; overflow-x: hidden; } .wallet-top-part { width: 100%; float: left; /*border:solid 1px #6a696d;*/ display: flex; flex-wrap: nowrap; border-radius: 3px; } .game-part-2 .wallet-top-part { width: 100%; } .game-part-2 .game-history-part { background: #201f25; text-align: left; } .game-part-2 .game-history-part.one { background: #f8f8f8; border: 1px solid var(--color-user-bg); } .game-part-2 .wallet-top-part .game-history-part:first-child { width: 30%; padding-left: 15px; } .game-part-2 .wallet-top-part .game-history-part:nth-child(2) { width: 25%; } .game-part-2 .wallet-top-part .game-history-part:nth-child(3) { width: 20%; } .game-part-2 .wallet-top-part .game-history-part:last-child { width: 25%; } .game-part-2 .wallet-top-part { width: 400px; float: left !important; } .game-part-2 .game-history-part { /*width: 100% !important;*/ /*padding-left: 20px;*/ } .game-part-2 .wallet-top-part .game-history-part:first-child { padding-left: 10px; } .game-part-2 .history-bottom-part .wallet-bottom-left { width: 100px; } .game-part-2 .wallet-top-part { width: 400px; float: left !important; } .game-part-2 .wallet-bottom-part {} .game-part-2 .game-history-part { /*width: 100% !important;*/ /*padding-left: 20px;*/ } /*.game-part-2 .history-bottom-part .wallet-bottom-left { width: 100px; }*/ .game-part-section { width: 100%; /*float: left; padding: 20px;*/ display: inline-block; } .wallet-section { width: 50%; float: left; } .b-show { display: block; } .dropdown-menu { z-index: 99999; } @media screen and (max-width:768px) { .m-show { display: block; } .b-show { display: none; } } ul.dropdown-menu { padding: 0; } ul.dropdown-menu li { float: left; width: 50%; } ul.dropdown-menu li a { padding: 0; } ul.dropdown-menu li a:hover { background-color: #1d212a05; } ul.dropdown-menu li a img { width: 100%; background-color: #00000047; padding: 10px; border-radius: 5px; margin: 0; } .dropdown-submenu > .dropdown-menu { /*top: 0; margin: 0 auto; height: 100vh;*/ left: 100%; background: #272930; width: 100%; top: auto; bottom: auto; margin: -36px 0; border: none; border-radius: unset; } .dropdown-submenu:hover > .dropdown-menu { display: block; background-color: var(--cd-color-1); } .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } ul.dropdown-menu.parent { margin-top: -1px; } .a-top-head-dropdown .a-dropdown-menu { width: 350px; height: 300px; overflow: auto; } .c-header-nav .dropdown-menu { line-height: 1.5 } .a-top-head-dropdown li:last-child .a-top-text-block { border-bottom: 0; } .a-topbar-align-center { text-align: center; } .btn .notif-01 { background-color: red; color: white; font-size: 8px; font-weight: 600; border-radius: 20px; position: relative; top: -8px; left: -10px; width: 15px; height: 15px; padding: 4px 2px; } .btn .notif-02 { top: -3px; left: 0; padding: 3px 0; } .c-header-nav .c-header-nav-link .badge, .c-header-nav .c-header-nav-btn .badge { position: absolute; top: 50%; margin-top: -16px } html:not([dir="rtl"]) .c-header-nav .c-header-nav-link .badge, html:not([dir="rtl"]) .c-header-nav .c-header-nav-btn .badge { left: 50%; margin-left: 0 } *[dir="rtl"] .c-header-nav .c-header-nav-link .badge, *[dir="rtl"] .c-header-nav .c-header-nav-btn .badge { right: 50%; margin-right: 0 } .close-popup { position: absolute; /*top: 16px;*/ right: 0; bottom: auto; left: auto; z-index: 10; cursor: pointer; color: #808aa6; font-size: 24px; font-weight: normal; line-height: 1; transition: opacity 1s 1s; } .popup-wrapper { position: relative; } .modal { background-color: rgba(0,0,0,0.6); backdrop-filter: blur(5px); } .modal2 { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1200; /* Sit on top */ padding-top: 0; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0, 0, 0); /* Fallback color */ background-color: rgba(0, 0, 0, 0.6); /* Black w/ opacity */ backdrop-filter: blur(5px); align-items: center; justify-content: center; } /* Notification */ .notif-hd-title { background-color: #0006b5; padding: 10px; color: white; text-align: center; border-radius: 2px 2px 0 0; margin-left: -0.01em; margin-top: -0.01em; } .a-top-text-heading { font-size: var(--text-sm); color: var(--gray-dark); } .a-top-text-light { font-size: var(--text-xs); } .a-top-text-block { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: inherit !important; border-bottom: 1px solid #f4f4f4; position: relative; } .a-top-text-block:hover:before { content: ''; width: 4px; background: #f05a1a; left: 0; top: 0; bottom: 0; position: absolute; } .a-top-text-block.unread { background: #ffc; } .a-top-text-block .a-top-text-light { color: #999; font-size: 0.8em; } .a-top-head-dropdown .a-dropdown-menu { width: 350px; height: 300px; overflow: auto; } .a-top-head-dropdown li:last-child .a-top-text-block { border-bottom: 0; } .a-topbar-align-center { text-align: center; } .a-top-head-dropdown ul li { width: 350px; padding: 5px; } ul.a-drop-text li a { padding: 5px 15px; } .a-loader-topbar { margin: 5px auto; border: 3px solid #ddd; border-radius: 50%; border-top: 3px solid #666; width: 22px; height: 22px; -webkit-animation: spin-topbar 1s linear infinite; animation: spin-topbar 1s linear infinite; } @-webkit-keyframes spin-topbar { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin-topbar { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .notifUnread::after { width: 4px; background: #f05a1a; left: 0; top: 0; bottom: 0; position: absolute; } .notifUnread { background-color: #004eff14; border-color: #000000; /*border-right: 4px solid #ff0000;*/ } .notifUnread div { color: #0056b3; font-weight: 500; } .cd-tabs { position: relative } @media (min-width: 48rem) { .cd-tabs { display: -ms-flexbox; display: flex } } /*@media (min-width: 64rem) { .cd-tabs { display: block } }*/ @supports (background: linear-gradient(to left, #000, #000)) { .cd-tabs::after { content: ""; position: absolute; top: 0; right: 0; height: 80px; width: 25px; z-index: 1; pointer-events: none; background: linear-gradient(to left, hsl(54, 42%, 95%), hsla(54, 42%, 95%, 0)); background: linear-gradient(to left, var(--cd-color-2), hsla(var(--cd-color-2-h), var(--cd-color-2-s), var(--cd-color-2-l), 0)); visibility: visible; opacity: 1; transition: opacity .3s 0s, visibility 0s 0s } @media (min-width: 48rem) { .cd-tabs::after { display: none } } .cd-tabs--scroll-ended::after { visibility: hidden; opacity: 0; transition: opacity .3s 0s, visibility 0s .3s } } .cd-tabs__item { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; /* height: 80px; width: 85px;*/ font-size: 0.79em; /*font-size: calc(var(--text-xs)*1.1);*/ color: hsl(0deg 0% 90%); text-decoration: none; font-weight: 600; text-align: center; line-height: 12px; padding: 10px; } .cd-tabs__item:hover { color: hsl(225, 31%, 23%); color: var(--cd-color-1); background-color: hsla(54, 42%, 84.55%, 0.3); background-color: hsla(var(--cd-color-2-h), var(--cd-color-2-s), calc(var(--cd-color-2-l)*0.89), 0.3) } .cd-tabs__item .icon { margin-bottom: 5px !important; color: inherit } /*@media (min-width: 48rem) { .cd-tabs__item { height: 70px; width: 80px } }*/ /*@media (min-width: 64rem) { .cd-tabs__item { height: 45px; width: auto; padding: 0 2em; padding: 0 var(--space-lg); -ms-flex-direction: row; flex-direction: row } .cd-tabs__item .icon { margin-bottom: 0; margin-right: 0.375em; margin-right: var(--space-xxs) } }*/ .js .cd-tabs__item--selected span { color: hsl(225, 31%, 23%); color: var(--cd-color-1) } .js .cd-tabs__item--selected { background-color: var(--color-user-bg); background-color: var(var(--color-user-bg)); box-shadow: inset 0 2px 0 hsl(1, 84%, 63%); box-shadow: inset 0 2px 0 var(--cd-color-4); } .js .cd-tabs__item--selected:hover { background-color: var(--color-user-bg); } .js .cd-tabs__item--selected .icon { color: hsl(0deg 0% 60%); } @media (min-width: 48rem) { .js .cd-tabs__item--selected { box-shadow: inset 2px 0 0 #ff6a00; } } /*@media (min-width: 64rem) { .js .cd-tabs__item--selected { box-shadow: inset 0 2px 0 #ff6a00; box-shadow: inset 0 3px 0 #ff6a00; } }*/ /* Notification */ .notifUnread::after { width: 4px; background: #f05a1a; left: 0; top: 0; bottom: 0; position: absolute; } .notifUnread { background-color: #004eff14; border-color: #000000; /*border-right: 4px solid #ff0000;*/ } .notifUnread div { color: #0056b3; font-weight: 500; } .dropdown-menu { border: none; } .dropdown-menu a span { color: black; } .mobile-bts span, .mobile-bts svg { font-size: .8em; } .a-top-text-heading { font-size: var(--text-sm); color: var(--gray-dark); } .a-top-text-light { font-size: var(--text-xs); } .a-top-text-block { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: inherit !important; border-bottom: 1px solid #f4f4f4; position: relative; } .a-top-text-block:hover:before { content: ''; width: 4px; background: #f05a1a; left: 0; top: 0; bottom: 0; position: absolute; } .a-top-text-block.unread { background: #ffc; } .a-top-text-block .a-top-text-light { color: #999; font-size: 0.8em; } .a-top-head-dropdown .a-dropdown-menu { width: 350px; height: 300px; overflow: auto; } .a-top-head-dropdown li:last-child .a-top-text-block { border-bottom: 0; } .a-topbar-align-center { text-align: center; } .a-top-head-dropdown ul li { width: 350px; padding: 5px; } ul.a-drop-text li a { padding: 5px 15px; } .a-loader-topbar { margin: 5px auto; border: 3px solid #ddd; border-radius: 50%; border-top: 3px solid #666; width: 22px; height: 22px; -webkit-animation: spin-topbar 1s linear infinite; animation: spin-topbar 1s linear infinite; } @-webkit-keyframes spin-topbar { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin-topbar { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* 20201001 Dashboard */ :root { --font-primary: sans-serif; --text-base-size: 1em; --text-scale-ratio: 1.2; --text-xs: calc(1em/var(--text-scale-ratio)/var(--text-scale-ratio)); --text-sm: calc(var(--text-xs)*var(--text-scale-ratio)); --text-md: calc(var(--text-sm)*var(--text-scale-ratio)*var(--text-scale-ratio)); --text-lg: calc(var(--text-md)*var(--text-scale-ratio)); --text-xl: calc(var(--text-lg)*var(--text-scale-ratio)); --text-xxl: calc(var(--text-xl)*var(--text-scale-ratio)); --text-xxxl: calc(var(--text-xxl)*var(--text-scale-ratio)); --body-line-height: 1.4; --heading-line-height: 1.2; --font-primary-capital-letter: 1 } :root { --space-unit: 1em; --space-xxxxs: calc(0.125*var(--space-unit)); --space-xxxs: calc(0.25*var(--space-unit)); --space-xxs: calc(0.375*var(--space-unit)); --space-xs: calc(0.5*var(--space-unit)); --space-sm: calc(0.75*var(--space-unit)); --space-md: calc(1.7*var(--space-unit)); /*1.25*/ --space-lg: calc(2*var(--space-unit)); --space-xl: calc(3.25*var(--space-unit)); --space-xxl: calc(5.25*var(--space-unit)); --space-xxxl: calc(8.5*var(--space-unit)); --space-xxxxl: calc(13.75*var(--space-unit)); --component-padding: var(--space-md) } :root { --icon-xxs: 12px; --icon-xs: 16px; --icon-sm: 24px; --icon-md: 32px; --icon-lg: 48px; --icon-xl: 64px; --icon-xxl: 128px } .icon { display: inline-block; color: inherit; fill: currentColor; height: 1em; width: 1em; line-height: 1; -ms-flex-negative: 0; flex-shrink: 0 } .icon--xxs { font-size: 12px; font-size: var(--icon-xxs) } .icon--xs { font-size: 16px; font-size: var(--icon-xs) } .icon--sm { font-size: 24px; font-size: var(--icon-sm) } .icon--md { font-size: 32px; font-size: var(--icon-md) } .icon--lg { font-size: 48px; font-size: var(--icon-lg) } .icon--xl { font-size: 64px; font-size: var(--icon-xl) } .icon--xxl { font-size: 128px; font-size: var(--icon-xxl) } .icon--is-spinning { -webkit-animation: icon-spin 1s infinite linear; animation: icon-spin 1s infinite linear } @-webkit-keyframes icon-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes icon-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .icon use { color: inherit; fill: currentColor } :root { --zindex-header: 2; --zindex-popover: 5; --zindex-fixed-element: 10; --zindex-overlay: 15 } :root, [data-theme="default"] { --color-primary-darker: hsl(220, 90%, 36%); --color-primary-darker-h: 220; --color-primary-darker-s: 90%; --color-primary-darker-l: 36%; --color-primary-dark: hsl(220, 90%, 46%); --color-primary-dark-h: 220; --color-primary-dark-s: 90%; --color-primary-dark-l: 46%; --color-primary: hsl(220, 90%, 56%); --color-primary-h: 220; --color-primary-s: 90%; --color-primary-l: 56%; --color-primary-light: hsl(220, 90%, 66%); --color-primary-light-h: 220; --color-primary-light-s: 90%; --color-primary-light-l: 66%; --color-primary-lighter: hsl(220, 90%, 76%); --color-primary-lighter-h: 220; --color-primary-lighter-s: 90%; --color-primary-lighter-l: 76%; --color-accent-darker: hsl(355, 90%, 41%); --color-accent-darker-h: 355; --color-accent-darker-s: 90%; --color-accent-darker-l: 41%; --color-accent-dark: hsl(355, 90%, 51%); --color-accent-dark-h: 355; --color-accent-dark-s: 90%; --color-accent-dark-l: 51%; --color-accent: hsl(355, 90%, 61%); --color-accent-h: 355; --color-accent-s: 90%; --color-accent-l: 61%; --color-accent-light: hsl(355, 90%, 71%); --color-accent-light-h: 355; --color-accent-light-s: 90%; --color-accent-light-l: 71%; --color-accent-lighter: hsl(355, 90%, 81%); --color-accent-lighter-h: 355; --color-accent-lighter-s: 90%; --color-accent-lighter-l: 81%; --color-black: hsl(240, 8%, 12%); --color-black-h: 240; --color-black-s: 8%; --color-black-l: 12%; --color-white: hsl(0, 0%, 100%); --color-white-h: 0; --color-white-s: 0%; --color-white-l: 100%; --color-success-darker: hsl(94, 48%, 36%); --color-success-darker-h: 94; --color-success-darker-s: 48%; --color-success-darker-l: 36%; --color-success-dark: hsl(94, 48%, 46%); --color-success-dark-h: 94; --color-success-dark-s: 48%; --color-success-dark-l: 46%; --color-success: hsl(94, 48%, 56%); --color-success-h: 94; --color-success-s: 48%; --color-success-l: 56%; --color-success-light: hsl(94, 48%, 66%); --color-success-light-h: 94; --color-success-light-s: 48%; --color-success-light-l: 66%; --color-success-lighter: hsl(94, 48%, 76%); --color-success-lighter-h: 94; --color-success-lighter-s: 48%; --color-success-lighter-l: 76%; --color-error-darker: hsl(355, 90%, 41%); --color-error-darker-h: 355; --color-error-darker-s: 90%; --color-error-darker-l: 41%; --color-error-dark: hsl(355, 90%, 51%); --color-error-dark-h: 355; --color-error-dark-s: 90%; --color-error-dark-l: 51%; --color-error: hsl(355, 90%, 61%); --color-error-h: 355; --color-error-s: 90%; --color-error-l: 61%; --color-error-light: hsl(355, 90%, 71%); --color-error-light-h: 355; --color-error-light-s: 90%; --color-error-light-l: 71%; --color-error-lighter: hsl(355, 90%, 81%); --color-error-lighter-h: 355; --color-error-lighter-s: 90%; --color-error-lighter-l: 81%; --color-warning-darker: hsl(46, 100%, 41%); --color-warning-darker-h: 46; --color-warning-darker-s: 100%; --color-warning-darker-l: 41%; --color-warning-dark: hsl(46, 100%, 51%); --color-warning-dark-h: 46; --color-warning-dark-s: 100%; --color-warning-dark-l: 51%; --color-warning: hsl(46, 100%, 61%); --color-warning-h: 46; --color-warning-s: 100%; --color-warning-l: 61%; --color-warning-light: hsl(46, 100%, 71%); --color-warning-light-h: 46; --color-warning-light-s: 100%; --color-warning-light-l: 71%; --color-warning-lighter: hsl(46, 100%, 81%); --color-warning-lighter-h: 46; --color-warning-lighter-s: 100%; --color-warning-lighter-l: 81%; --color-bg: hsl(0, 0%, 100%); --color-bg-h: 0; --color-bg-s: 0%; --color-bg-l: 100%; --color-contrast-lower: hsl(0, 0%, 95%); --color-contrast-lower-h: 0; --color-contrast-lower-s: 0%; --color-contrast-lower-l: 95%; --color-contrast-low: hsl(240, 1%, 83%); --color-contrast-low-h: 240; --color-contrast-low-s: 1%; --color-contrast-low-l: 83%; --color-contrast-medium: hsl(240, 1%, 48%); --color-contrast-medium-h: 240; --color-contrast-medium-s: 1%; --color-contrast-medium-l: 48%; --color-contrast-high: hsl(240, 4%, 20%); --color-contrast-high-h: 240; --color-contrast-high-s: 4%; --color-contrast-high-l: 20%; --color-contrast-higher: hsl(240, 8%, 12%); --color-contrast-higher-h: 240; --color-contrast-higher-s: 8%; --color-contrast-higher-l: 12%; --color-user-bg: #ececec; --color-afb-black: #212529; } :root { --cd-color-1: hsl(225, 31%, 23%); --cd-color-1-h: 225; --cd-color-1-s: 31%; --cd-color-1-l: 23%; --cd-color-2: hsl(54, 42%, 95%); --cd-color-2-h: 54; --cd-color-2-s: 42%; --cd-color-2-l: 95%; --cd-color-3: hsl(54, 8%, 75%); --cd-color-3-h: 54; --cd-color-3-s: 8%; --cd-color-3-l: 75%; --cd-color-4: hsl(1, 84%, 63%); --cd-color-4-h: 1; --cd-color-4-s: 84%; --cd-color-4-l: 63%; --font-primary: 'PT Sans', sans-serif } .cd-tabs { position: relative } thead.user-background { background: var(--cd-color-1) !important; color: white; font-size: .78rem; } .form-control:disabled, .form-control[readonly] { background-color: #e0e0e0; } .cd-tabs__list span { color: white; word-break: break-word; } @media (min-width: 48rem) { .cd-tabs { display: -ms-flexbox; display: flex } } /*@media (min-width: 64rem) { .cd-tabs { display: block } }*/ @supports (background: linear-gradient(to left, #000, #000)) { .cd-tabs::after { content: ""; position: absolute; top: 0; right: 0; height: 80px; width: 25px; z-index: 1; pointer-events: none; background: linear-gradient(to left, hsl(54, 42%, 95%), hsla(54, 42%, 95%, 0)); background: linear-gradient(to left, var(--cd-color-2), hsla(var(--cd-color-2-h), var(--cd-color-2-s), var(--cd-color-2-l), 0)); visibility: visible; opacity: 1; transition: opacity .3s 0s, visibility 0s 0s } @media (min-width: 48rem) { .cd-tabs::after { display: none } } .cd-tabs--scroll-ended::after { visibility: hidden; opacity: 0; transition: opacity .3s 0s, visibility 0s .3s } } .cd-tabs__navigation { background: hsl(54, 42%, 95%); background: var(--cd-color-1); --cd-color-shadow: hsla(54, 42%, 64.6%, 0.06); --cd-color-shadow: hsla(var(--cd-color-2-h), var(--cd-color-2-s), calc(var(--cd-color-2-l)*0.68), 0.06); box-shadow: inset 0 -2px 3px hsla(54, 42%, 64.6%, 0.06); box-shadow: inset 0 -2px 3px var(--cd-color-shadow) } @media (min-width: 48rem) { .cd-tabs__navigation { width: 90px; -ms-flex-negative: 0; flex-shrink: 0; box-shadow: inset -2px 0 3px hsla(54, 42%, 64.6%, 0.06); box-shadow: inset -2px 0 3px var(--cd-color-shadow) } } /*@media (min-width: 64rem) { .cd-tabs__navigation { display: -ms-flexbox; display: flex; width: auto;*/ /* background: transparent;*/ /*box-shadow: none } }*/ .cd-tabs__list { display: -ms-flexbox; display: flex; overflow-x: auto; -webkit-overflow-scrolling: touch } ul.cd-tabs__list { padding: 0; } .cd-tabs__list li { background-color: #242424; -ms-flex-negative: 0; flex-shrink: 0 } @media (min-width: 48rem) { .cd-tabs__list { -ms-flex-direction: column; flex-direction: column } } /*@media (min-width: 64rem) { .cd-tabs__list { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-direction: row; flex-direction: row; background-color: hsl(54, 42%, 95%); background-color: var(--cd-color-1); --cd-color-shadow: hsla(54, 42%, 64.6%, 0.06); --cd-color-shadow: hsla(var(--cd-color-2-h), var(--cd-color-2-s), calc(var(--cd-color-2-l)*0.68), 0.06); box-shadow: inset 0 -2px 3px hsla(54, 42%, 64.6%, 0.06); box-shadow: inset 0 -2px 3px var(--cd-color-shadow) } @media (min-width: 64rem) { .cd-tabs__list { box-shadow: inset 0 -2px 3px hsla(54, 42%, 64.6%, 0.06); box-shadow: inset 0 -2px 3px var(--cd-color-shadow) } } }*/ /*@media (min-width: 48rem) { .cd-tabs__item { height: 70px; width: 80px } }*/ /*@media (min-width: 64rem) { .cd-tabs__item { height: 45px; width: auto; padding: 0 2em; padding: 0 var(--space-md); -ms-flex-direction: row; flex-direction: row } .cd-tabs__item .icon { margin-bottom: 0; margin-right: 0.375em; margin-right: var(--space-xxs) } }*/ .js .cd-tabs__item--selected { background-color: var(--color-user-bg); background-color: var(var(--color-user-bg)); box-shadow: inset 0 2px 0 hsl(1, 84%, 63%); box-shadow: inset 0 2px 0 var(--cd-color-4); color: hsl(225, 31%, 23%); color: var(--cd-color-1) } .js .cd-tabs__item--selected:hover { background-color: var(--color-user-bg); } .js .cd-tabs__item--selected .icon { color: hsl(0deg 0% 60%); } @media (min-width: 48rem) { .js .cd-tabs__item--selected { box-shadow: inset 2px 0 0 #ff6a00; } } /*@media (min-width: 64rem) { .js .cd-tabs__item--selected { box-shadow: inset 0 2px 0 #ff6a00; box-shadow: inset 0 3px 0 #ff6a00; } }*/ .cd-tabs__panels { background: hsl(0, 0%, 100%); background: var(--color-user-bg); /*overflow: hidden;*/ overflow-x: auto; width: 100%; padding: 0; } .cd-tabs__panel { padding: 1.25em; padding: var(--space-md); --line-height-multiplier: 1.14; --text-vspace-multiplier: 1.25 } .cd-tabs__panel p { color: hsl(225, 31%, 63.02%); color: hsl(var(--gray), var(--cd-color-1-s), calc(var(--cd-color-1-l)*2.74)); margin: 5px 0; font-size: var(--text-sm) } .cd-tabs__panel p a { color: #002bff; padding: 0; font-size: 13px; } .profile-notif time { margin: 5px 0; font-size: var(--text-sm) } @media (min-width: 48rem) { .cd-tabs__panel { padding: 2em; padding: var(--space-lg) } } /*@media (min-width: 64rem) { .cd-tabs__panel p { font-size: 0.83333em; font-size: 1.1em; } }*/ .js .cd-tabs__panel { display: none; padding: 20px; } .js .cd-tabs__panel--selected { display: block; -webkit-animation: cd-fade-in 0.5s; animation: cd-fade-in 0.5s } @-webkit-keyframes cd-fade-in { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes cd-fade-in { 0% { opacity: 0 } 100% { opacity: 1 } } /* 20201002 Dashboard */ /*.inside-tab { background-color: var(--cd-color-1); }*/ .inside-tab-item > a.active { color: var(--cd-color-1); border: 2px solid #ff6a00; background-color: white; } .inside-tab-bg { background-color: white; padding: 10px 20px; } .choose-file::-webkit-file-upload-button { color: white; display: inline-block; background: var(--cd-color-1); border: none; padding: 2px 5px; font-weight: 700; border-radius: 3px; white-space: nowrap; cursor: pointer; font-size: 8pt; margin: 3px; height: 100%; } .form-group label { color: black; margin-bottom: 0 } .fileinput input, textarea { padding: 0 !important; } .form-control { border-radius: .3em !important; padding: 0.35rem !important; height: calc(1.2em + 0.75rem + 2px) !important; } .games-bg .top-games-item .col-data { float: left; width: 20%; text-align: center; border-right: 1px solid #ec8b23; color: #fff; } .top-games-item.one { background-color: #f8f8f8; line-height: 3; } .games-bg .top-games-item .col-data.one { border: 1px solid var(--color-user-bg); color: #495057; padding: 5px; } @media only screen and (max-width:670px) { .games-bg .top-games-item .col-data.one { width: 155px; } } .games-title.one { padding-bottom: 20px; } h_bar-login, .h_nav { font-weight: 700; text-transform: uppercase; } .h_nav { display: flex; justify-content: space-around; width: auto; height: auto; } .h_nav-list > li { display: inline-block; width: auto; height: inherit; padding: 0; } .h_nav-item > a, .h_nav-item > span { display: block; padding: 0 10px; z-index: 0; color: #bebebe; font-weight: 500; font-size: 12px; line-height: 35px; border-radius: 5px; background-color: var(--cd-color-1); margin-right: 5px; border: 2px solid var(--cd-color-1); } .h_nav-item > a:hover, .h_nav-item > span:hover { color: #fff; } .h_nav-item > a.active { color: black; } .h_bar { justify-content: flex-end; min-height: 100%; margin-left: auto; width: auto; height: auto; } .h_bar, .h_bar-dropdown { display: flex; align-items: center; position: relative; } /* User Games List */ .game-part { /*border: solid 1px #2a3040; border-radius: 4px; background: #1c1b20; width: 49%;*/ width: 100%; } .game-part .h3 { background: #2a3040; width: 100%; padding: 15px; font-size: 15px; font-weight: normal; text-transform: capitalize; color: #fff; margin: 0; } .game-part-section { width: 100%; /*float: left; padding: 20px;*/ display: inline-block; } .gamesHs ul li { color: white; } .gamesHs ul { width: 100%; padding: 0; display: block; display: flex; overflow-x: auto; } .gamesHs ul li { float: left; color: #000000; padding: 10px; background: #e2e2e2; border: 1px solid #d0d0d0; font-size: 13px; font-size: .95em; } .top-five-title { margin-top: 10px; color: white; text-align: center; font-size: 14px; background-color: var(--cd-color-1); padding: 5px; } @media only screen and (max-width:944px) { .gamesHs ul li { height: 55px; } } ul.gamesHs-title li { background-color: #3b4358; border: none; color: white; font-weight: 600; height: auto; } .rank-part { /*padding: 20px;*/ float: left; width: 100%; } .rank-part .h4 { color: #00d0ff; font-size: 14px; font-weight: 600; text-transform: capitalize; text-align: left; padding: .75rem .9rem; } /*for promotion progress*/ .card { border: none; background-color: #dadada; } .card-header { /* background: #363c4e; padding: 0;*/ } @media screen and (max-width:991px) { .promotion_Progress { padding-left: 8% !important; padding-right: 8% !important; } .progress-promo { margin: 25px 0 !important; margin-right: 10px !important; } .pmo-progress-wrapper { padding: 0; } .pmo-margin-bottom { margin-bottom: 15px; } } @media screen and (max-width:480px) { #snav li a:hover span img, #snav li span img { display: none; } } @media screen and (max-width:415px) { .pr-m-3 { padding-right: 1rem !important; } } .pmo-title { font-size: .89rem; text-transform: uppercase; font-weight: 600; border-bottom: 1px solid #313131; } .pmo-progress-wrapper { padding: 10px 0; } .promotion_Progress { padding-left: 5%; padding-right: 5%; } .pmo-progress-contant .h4 { color: white; text-align: center; font-weight: 600; font-size: .7rem; margin: 0 auto; margin-bottom: 5px; padding: 0; } .progress-promo { width: 70px; height: 70px; line-height: 80px; background: none; box-shadow: none; position: relative; margin: 0; } .progress-promo:after { content: ""; width: 100%; height: 100%; border-radius: 50%; border: 14px solid #fff; position: absolute; top: 0; left: 0; } .progress-promo > span { width: 50%; height: 100%; overflow: hidden; position: absolute; top: 0; z-index: 1; } .progress-promo .progress-promo-left { left: 0; } .progress-promo .progress-promo-bar { width: 100%; height: 100%; background: none; border-width: 14px; border-style: solid; position: absolute; top: 0; } .progress-promo .progress-promo-left .progress-promo-bar { left: 100%; border-top-right-radius: 80px; border-bottom-right-radius: 80px; border-left: 0; -webkit-transform-origin: center left; transform-origin: center left; } .progress-promo .progress-promo-right { right: 0; } .progress-promo .progress-promo-right .progress-promo-bar { left: -100%; border-top-left-radius: 80px; border-bottom-left-radius: 80px; border-right: 0; -webkit-transform-origin: center right; transform-origin: center right; animation: loading-1 1.8s linear forwards; } .progress-promo .progress-promo-value { width: 90%; height: 90%; border-radius: 50%; background: #44484b; font-size: 14px; color: #fff; line-height: 135px; text-align: center; position: absolute; top: 5%; left: 5%; } .progress-Pending { border-color: var(--color-warning); } .progress-Running { border-color: var(--color-primary); } .progress-Expired { border-color: var(--color-contrast-low); } .progress-Success { border-color: var(--color-success); } .progress-bar-Pending { background-color: var(--color-warning); } .progress-bar-Running { background-color: var(--color-primary); } .progress-bar-Expired { background-color: var(--color-contrast-low); } .progress-bar-Success { background-color: var(--color-success); } /* progress custom for more than 50% */ .progress-promo.progress-custom .progress-promo-bar {} .progress-promo.progress-custom .progress-promo-left .progress-promo-bar { /*animation: custom-Loading-1 1.5s linear forwards 1.8s;*/ animation: custom-Loading-1 1.5s linear forwards 1.8s; } /* progress custom for less than 50% */ .progress-promo.progress-custom-2 .progress-promo-bar {} .progress-promo.progress-custom-2 .progress-promo-right .progress-promo-bar { /*animation: custom-Loading-1 1.5s linear forwards 1.8s;*/ animation: custom-Loading-1 1.5s linear forwards 1.8s; } .progressBar-Animation { animation: progressBar 3s ease-in-out; animation-fill-mode: both; } @keyframes loading-1 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } } @keyframes loading-2 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(144deg); transform: rotate(144deg); } } @keyframes loading-3 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } } @keyframes loading-4 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(36deg); transform: rotate(36deg); } } @keyframes loading-5 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(126deg); transform: rotate(126deg); } } @keyframes custom-Loading-1 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(var(--progress1)); transform: rotate(var(--progress1)); } } @keyframes progressBar { 0% { width: 0; } 100% { width: 100%; } } #gotoTop { display: none; position: fixed; bottom: 15%; right: 0; z-index: 99; font-size: 18px; border: none; outline: none; background-color: #cf2c27a8; color: white; cursor: pointer; padding: 9px 15px; } #gotoTop:hover { background-color: #cf2c27; } @media screen and (max-width:767px) { .footer-copy-right { padding-bottom: 40px; position: relative; } .footer-copy-right::after { position: absolute; display: block; content: ''; background-color: #000; width: 100%; height: 60px; top: 100%; left: 0; } #gotoTop { position: relative; bottom: 0; right: 0; margin: 0 auto; padding: 0px 40px; margin-top: 0; background-color: var(--cd-color-1); width: 100%; } } /* promotion progress end*/ .footer-wrapper01 { display: inline-block; /* background-color: #050505; */ padding: 30px 0; /*margin-top: 40px;*/ width: 100%; } .footer-wrapper01 h1, .footer-wrapper01 h2, .footer-wrapper01 h3, .footer-wrapper01 h4, .footer-wrapper01 h5, .footer-wrapper01 h6 { word-break: break-all; } .wrapper-container { max-width: 1400px; } .footer-wrapper01 p { /*color: #bbbbbb; font-weight: 300; font-size: 12px;*/ text-align: justify; text-justify: inter-word; } .footer-wrapper01 h2, .footer-wrapper01 h3, .footer-wrapper01 h4, .footer-wrapper01 h5, .footer-wrapper01 h6 { color: var(--light); /*font-size: 14px; margin-bottom: 15px;*/ } .footer-wrapper01 h1 { color: var(--light); /*font-size: 16px; margin-bottom: 15px;*/ } @media screen and (max-width:991px) { .footer-wrapper01 { display: none; } } .sidebar-box { max-height: 250px; height: auto !important; position: relative; overflow: hidden; min-height:100px } .sidebar-box .read-more { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; margin: 0; padding: 10px 0; background-image: linear-gradient(to bottom, transparent, #011133); } .sidebar-box .read-more a.button { display: inline-block; position: relative; cursor: pointer; outline: none; white-space: nowrap; margin: 5px; background-color: var(--cd-color-1); color: white; font-size: .9em; font-weight: 600 !important; padding: 5px 15px; text-transform: uppercase; border: none; border-radius: 3px; } .sidebar-box .read-more a.button:hover, .sidebar-box .read-more-btn a.button:hover { background-color: #ff6a00; } .sidebar-box .read-more-wrap.read-less-content { /*animation: read-less-content .5s linear;*/ } .sidebar-box .read-more-wrap.read-more-content { animation: read-more-content .5s linear; } @keyframes read-more-content { 0% { opacity: 0; transform: translateY(-30px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes read-less-content { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-30px); } } /* Games Lobby Hover */ .photobox { display: inline-block; } .photobox__previewbox { position: relative; overflow: hidden; } .photobox__preview { display: block; max-width: 100%; } .photobox__previewbox:before { content: ""; } /* type 1 */ .photobox_type1 .photobox__previewbox:before { width: 0; height: 0; padding: 25%; border-radius: 50%; position: absolute; top: 0; left: 0; background-color: var(--photoboxOverlay, rgba(0, 0, 0, .8)); transition: transform calc(var(--photoboxAnimationDuration, .2s) / 2) ease calc(var(--photoboxAnimationDuration, .2s) / 2); will-change: transform; transform: scale(0); } .photobox_type1:hover .photobox__previewbox:before { transform: scale(3); transition-duration: var(--photoboxAnimationDuration, .2s); transition-delay: 0s; } .photobox_type1 .photobox__label { transform: translate(-200%, -50%); transition: transform var(--photoboxAnimationDuration, .2s) ease-out; will-change: transform; position: absolute; bottom: 0; right: 0; left: 0; margin: 15% auto; text-align: center; } .photobox_type1:hover .photobox__label { transition-duration: var(--photoboxAnimationDuration, .2s); transform: translate(0, 0); width: 100%; } /* * demo styles for photobox */ .photobox { color: #fff; /*font-size: 2.5rem;*/ font-weight: 700; width: 33.33333%; --photoboxOverlay: #070707a8; --photoboxAnimationDuration: .5s; /* margin: 4px 0;*/ /* padding: 0 5px;*/ } @media screen and (max-width: 480px) { .photobox { width: 100%; } .cd-tabs__panel p.one { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 175px; display: inline-block; } } @media screen and (max-width: 321px) { .cd-tabs__panel p.one { width: 120px; } } .paging-gamelobby { display: inline-block; float: right; } /* user names */ .user-names a span { color: white; } .user-names a span:hover { color: aqua; } /* add bank */ .tabcontentmd { color: #808aa6; } .tabcontentmd .popup-header, .tabcontentmd .popup-title { width: 100%; height: 64px; padding: 0; background-color: #fff; border-radius: 4px 4px 0 0; color: #808aa6; font-size: 14px; font-weight: bold; line-height: 64px; text-align: center; text-transform: uppercase; position: relative; border-bottom: 1px solid hsla(0, 0%, 59.2%, .3); } /* Modal Content */ .modal2 .modal-content { background-color: #fff; margin: auto; padding: 0; border: none; width: 400px; /*min-height: 280px;*/ border-radius: 5px; } .close-popup { position: absolute; top: 16px; right: 22px; bottom: auto; left: auto; z-index: 10; cursor: pointer; color: #808aa6; font-size: 24px; font-weight: normal; line-height: 1; transition: opacity 1s 1s; } .popup-form { padding: 20px 30px 25px; float: left; width: 100%; } .form-block { padding: 0; /* margin: 0 0 10px;*/ position: relative; border: none; text-align: left; } .popup-footer button { background: #67cf35; border: #67cf35; width: 100%; border-radius: 2px; padding: 8px 0; font-size: 12px; text-transform: uppercase; margin-top: 5px; font-weight: bold; } .popup-footer button span { color: white; } .text-gold { color: rgb(255, 221, 155) !important; } .withdrawNB span { color: black; } /* video frame */ form.video-iframe { margin-bottom: -6px; margin-top: -1px; } /* game iframe */ .game-frame iframe { position: relative; left: 0; right: 0; margin: 0 auto; } .box-wrap { display: flex; align-items: center; justify-content: center; margin: 10%; } .box { padding: 30px; margin: 2%; background: white; width: 30%; border: 1px solid #d6d6d6; box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.25); border-radius: 3px; transition: .2s all; } .box-wrap:hover .box { filter: blur(3px); opacity: .5; transform: scale(.98); box-shadow: none; } .box-wrap:hover .box:hover { transform: scale(1); filter: blur(0px); opacity: 1; box-shadow: 0 8px 20px 0px rgba(0, 0, 0, 0.125); } /* mobile User Profile */ .m-profile-notif { padding: 0; float: right; margin-top: -4px; } .btn-link i { color: white; } /* */ .owl-nav { color: white; } .owl-prev { position: absolute; top: 30%; left: 2%; } .owl-next { position: absolute; top: 30%; right: 2%; } /* Info page */ .faq-nav { flex-direction: column; margin: 0 0 32px; border-radius: 2px; } .faq-nav .nav-link { position: relative; display: block; margin: 0; padding: 13px 16px; background-color: #fff; border: 0; border-bottom: 1px solid #ddd; border-radius: 0; color: #616161; transition: background-color .2s ease; } .faq-nav .nav-link:hover { background-color: #f6f6f6; } .faq-nav .nav-link.active { background-color: #2a3040; font-weight: 700; color: rgba(255, 255, 255, 0.87); } .faq-nav .nav-link:last-of-type { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-bottom: 0; } .faq-nav .nav-link i.mdi { margin-right: 5px; font-size: 18px; position: relative; } .tab-content { box-shadow: 0 1px 5px rgba(85, 85, 85, 0.15); } .tab-content .card { border-radius: 0; } .tab-content .card-header { border-radius: 0; background-color: #f6f6f6; } .tab-content .card-header .h5 { margin: 0; } .tab-content .card-header .h5 button { display: block; width: 100%; border: 0; font-weight: 700; color: rgba(0, 0, 0, 0.87); text-align: left; white-space: normal; font-size: .8em !important; padding: 15px 16px; } .tab-content .card-header .h5 button:hover, .tab-content .card-header .h5 button:focus, .tab-content .card-header .h5 button:active, .tab-content .card-header .h5 button:hover:active { text-decoration: none; } .tab-content .card-body p { color: #616161; } .tab-content .card-body p:last-of-type { margin: 0; } .accordion > .card:not(:first-child) { border-top: 0; } .collapse.show .card-body { border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .accordion > .card > .card-header { margin-bottom: 0 !important; } /* Promotion */ /*.save-btn.one { position: absolute; top: 12px; }*/ /* 20210223 */ /* -------------------------------- xnugget info -------------------------------- */ .cd-nugget-info { position: absolute; width: 60%; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); z-index: 1; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .cd-nugget-info h1 { color: #fefffb; font-size: 2.4rem; margin: .6em 0; } .cd-nugget-info .cd-btn { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; border: none; border-radius: 50em; background: #ff962c; padding: 1em 2em; color: #fefffb; font-weight: bold; font-size: 1.4rem; cursor: pointer; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); } .cd-nugget-info .cd-btn:active { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } .no-touch .cd-nugget-info .cd-btn:hover, .cd-nugget-info .cd-btn:focus { outline: none; background: #ffa346; } @media only screen and (min-width: 768px) { .cd-nugget-info h1 { font-size: 4.2rem; font-weight: 300; } .cd-nugget-info .cd-btn { font-size: 1.6rem; } } /* -------------------------------- Main Components -------------------------------- */ .cd-tour-wrapper { position: fixed; z-index: 2; height: 90%; width: 90%; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s; -moz-transition: opacity 0.4s 0s, visibility 0s 0.4s; transition: opacity 0.4s 0s, visibility 0s 0.4s; } .cd-tour-wrapper::before { /* never visible - this is used in jQuery to check the current MQ */ display: none; content: 'mobile'; } .cd-tour-wrapper.active { /* start tour */ visibility: visible; opacity: 1; -webkit-transition: opacity 0.4s 0s, visibility 0s 0s; -moz-transition: opacity 0.4s 0s, visibility 0s 0s; transition: opacity 0.4s 0s, visibility 0s 0s; } @media only screen and (min-width: 600px) { .cd-tour-wrapper { max-width: 500px; max-height: 600px; } } @media only screen and (min-width: 768px) { .cd-tour-wrapper { /* reset style */ position: relative; /*top: 0; left: 0;*/ height: 100%; width: 100%; max-width: none; max-height: none; opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .cd-tour-wrapper::before { /* never visible - this is used in jQuery to check the current MQ */ content: 'desktop'; } .cd-tour-wrapper.active { visibility: hidden; } } .cd-single-step { /* tour single step */ position: absolute; z-index: 1; width: 100%; left: 0; top: 30px; background-color: #191919ed; border-radius: 4px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); opacity: 0; /* Force Hardware Acceleration */ transform: translateZ(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.4s 0s, opacity 0s 0.4s; -moz-transition: -moz-transform 0.4s 0s, opacity 0s 0.4s; transition: transform 0.4s 0s, opacity 0s 0.4s; } .cd-single-step > span { /* dot indicator - visible on desktop version only */ position: relative; z-index: 1; width: 10px; height: 10px; border-radius: inherit; background: #ff962c; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s; /* replace text with background images */ overflow: hidden; text-indent: 100%; white-space: nowrap; /* hide on mobile */ display: none; } .cd-single-step::after { /* this is used to create the pulse animation */ content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: inherit; /* Force Hardware Acceleration */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; /* hide on mobile */ display: none; } .active .cd-single-step { /* tour started */ -webkit-transform: scale(1) translateX(100%); -moz-transform: scale(1) translateX(100%); -ms-transform: scale(1) translateX(100%); -o-transform: scale(1) translateX(100%); transform: scale(1) translateX(100%); -webkit-transition: -webkit-transform 0.4s 0s, opacity 0.4s 0s; -moz-transition: -moz-transform 0.4s 0s, opacity 0.4s 0s; transition: transform 0.4s 0s, opacity 0.4s 0s; } .active .cd-single-step.move-left { -webkit-transform: scale(1) translateX(-100%); -moz-transform: scale(1) translateX(-100%); -ms-transform: scale(1) translateX(-100%); -o-transform: scale(1) translateX(-100%); transform: scale(1) translateX(-100%); } .active .cd-single-step.is-selected { /* visible step */ opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.4s 0s; -moz-transition: -moz-transform 0.4s 0s; transition: transform 0.4s 0s; } @media only screen and (min-width: 768px) { .cd-single-step { /* reset style */ height: auto; width: auto; top: auto; left: auto; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); border-radius: 50%; visibility: hidden; opacity: 1; background-color: transparent; box-shadow: none; -webkit-transition: visibility 0s 0.4s; -moz-transition: visibility 0s 0.4s; transition: visibility 0s 0.4s; } .cd-single-step:nth-of-type(1) { /* set tour points positions */ top: -10px; right: 70px; } .cd-single-step:nth-of-type(2) { bottom: 24%; right: 82%; } .cd-single-step:nth-of-type(3) { top: 28%; left: 20%; } .cd-single-step > span, .cd-single-step::after { display: block; } .active .cd-single-step, .active .cd-single-step.move-left { -webkit-transition: visibility 0s 0.4s; -moz-transition: visibility 0s 0.4s; transition: visibility 0s 0.4s; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .cd-single-step.is-selected { visibility: visible; -webkit-transition: visibility 0s 0s; -moz-transition: visibility 0s 0s; transition: visibility 0s 0s; } .cd-single-step.is-selected > span { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .cd-single-step.is-selected::after { -webkit-animation: cd-pulse 2s infinite; -moz-animation: cd-pulse 2s infinite; animation: cd-pulse 2s infinite; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; animation-delay: 0.5s; } .cd-single-step.is-selected .cd-more-info { opacity: 1; } } @-webkit-keyframes cd-pulse { 0% { box-shadow: 0 0 0 0 #ff962c; } 100% { box-shadow: 0 0 0 20px rgba(255, 150, 44, 0); } } @-moz-keyframes cd-pulse { 0% { box-shadow: 0 0 0 0 #ff962c; } 100% { box-shadow: 0 0 0 20px rgba(255, 150, 44, 0); } } @keyframes cd-pulse { 0% { box-shadow: 0 0 0 0 #ff962c; } 100% { box-shadow: 0 0 0 20px rgba(255, 150, 44, 0); } } .cd-single-step .cd-more-info { z-index: 9; padding: 1.5em; width: 100%; background-color: #5700a7f0; } .cd-single-step .cd-more-info::after { clear: both; content: ""; display: table; } .cd-single-step .cd-more-info::before { /* triangle next to the step description - hidden on mobile */ content: ''; position: absolute; height: 0; width: 0; border: 6px solid transparent; display: none; } .cd-single-step .cd-more-info h2 { font-size: 2em; color: #d7d7d7; margin-bottom: .4em; } .cd-single-step .cd-more-info p { font-size: 1.1em; line-height: 1.6; /*margin-bottom: 1.3em;*/ color: #ffffff; text-align: left; } .cd-single-step .cd-more-info img { margin-bottom: 1.4em; margin-top: 1.3em; } .cd-single-step .cd-more-info .cd-close { /* 'X' icon to skip the tour */ position: absolute; top: 10px; right: 10px; width: 32px; height: 32px; /* replace text with background images */ overflow: hidden; text-indent: 100%; white-space: nowrap; } .cd-single-step .cd-more-info .cd-close::after, .cd-single-step .cd-more-info .cd-close:before { /* these are the 2 lines of the 'X' icon */ content: ''; position: absolute; left: 50%; top: 50%; height: 2px; width: 16px; border-radius: 4em; background-color: #cbccc8; /* Force Hardware Acceleration */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cd-single-step .cd-more-info .cd-close::after { -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); } .cd-single-step .cd-more-info .cd-close::before { -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg); transform: translateX(-50%) translateY(-50%) rotate(-45deg); } .cd-single-step .cd-more-info span { /* step count e.g. 1 of 3*/ float: left; padding-top: .1em; font-size: .9em; color: gray; } @media only screen and (min-width: 768px) { .cd-single-step .cd-more-info { position: absolute; width: 340px; border-radius: 15px; box-shadow: 0 3px 20px rgba(0, 0, 0, 0.15); opacity: 0; background-color: #5700a7f0; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; transition: opacity 0.4s; border-color: #5700a7f0; } .cd-single-step .cd-more-info p { /*margin-bottom: 2.5em;*/ } .cd-single-step .cd-more-info img { display: none; } .cd-single-step .cd-more-info::before { /* triangle next to the step description - hidden on mobile */ display: block; } .cd-single-step .cd-more-info.left { right: calc(100% + 15px); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .cd-single-step .cd-more-info.right { left: calc(100% + 15px); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .cd-single-step .cd-more-info.left, .cd-single-step .cd-more-info.right { top: 50%; } .cd-single-step .cd-more-info.top { bottom: calc(100% + 15px); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .cd-single-step .cd-more-info.bottom { top: calc(100% + 15px); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .cd-single-step .cd-more-info.top, .cd-single-step .cd-more-info.bottom { left: 50%; } .cd-single-step .cd-more-info.left::before, .cd-single-step .cd-more-info.right::before { top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .cd-single-step .cd-more-info.top::before, .cd-single-step .cd-more-info.bottom::before { left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .cd-single-step .cd-more-info.left::before { border-left-color: inherit; left: 100%; } .cd-single-step .cd-more-info.right::before { border-right-color: inherit; right: 100%; } .cd-single-step .cd-more-info.top::before { border-top-color: inherit; top: 100%; } .cd-single-step .cd-more-info.bottom::before { border-bottom-color: inherit; bottom: 100%; } .is-selected .cd-single-step .cd-more-info { opacity: 1; } } .cd-tour-nav { float: right; } .cd-tour-nav::after { clear: both; content: ""; display: table; } .cd-tour-nav li { display: inline-block; float: left; } .cd-tour-nav li:first-of-type { margin-right: 1.5em; } .cd-tour-nav a { font-size: 1.3rem; color: #222d33; font-weight: bold; } .cd-tour-nav a.inactive { /* item not clickable */ color: grey; cursor: not-allowed; font-size: .9em; } .cd-cover-layer { /* background cover layer - visible when tour is activated */ position: fixed; z-index: 1; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.6); visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s; -moz-transition: opacity 0.4s 0s, visibility 0s 0.4s; transition: opacity 0.4s 0s, visibility 0s 0.4s; } .cd-cover-layer.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.4s 0s, visibility 0s 0s; -moz-transition: opacity 0.4s 0s, visibility 0s 0s; transition: opacity 0.4s 0s, visibility 0s 0s; } @media only screen and (min-width: 768px) { .cd-cover-layer.is-visible { opacity: 0; -webkit-animation: cd-fade-in 2.1s; -moz-animation: cd-fade-in 2.1s; animation: cd-fade-in 2.1s; } } @-webkit-keyframes cd-fade-in { 0%, 100% { opacity: 0; } 14%, 40% { opacity: 1; } } @-moz-keyframes cd-fade-in { 0%, 100% { opacity: 0; } 14%, 40% { opacity: 1; } } @keyframes cd-fade-in { 0%, 100% { opacity: 0; } 14%, 40% { opacity: 1; } } /* -------------------------------- xapp prototype - no need to import this in production -------------------------------- */ .cd-app-screen { position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 90%; height: 80%; background: #222d33; border-radius: 4px; box-shadow: 0 10px 60px #08151d; } .cd-app-screen::before, .cd-app-screen::after { content: ''; position: absolute; } .cd-app-screen::before { top: 0; left: 0; height: 40px; width: 100%; background: #fefffb; border-radius: 4px 4px 0 0; } .cd-app-screen::after { top: 14px; left: 20px; height: 12px; width: 60px; background: #e4e5e1; border-radius: 3px; } /* Searh Slot _ Homepage */ .searchNoRecord { margin: 0 auto; text-align: center; color: #e4e4e4; } .searchMobileNoRecord { margin: 0 auto; text-align: center; color: black; } .table > tbody > tr > th.one, .table > tbody > tr > td.one { line-height: 2.4; } .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle, .btn-light.focus, .btn-light:focus { background-image: linear-gradient(to right, #2575fc, #6a11cb) !important; } /* data message */ .data-container > div { color: black; } /* 1st login message */ .cd-nav { display: none; } /* notification */ .unreadMSG { background-color: #ebf1ff; } .titleUnread { color: #256ebf !important; } .card-text:last-child { padding-top: 0; } /* login */ .form-group { text-align: left; } /* member dashboard bank */ .bank-list table td, table th { font-size: 1.1em; } /* slider */ .carousel-control-next, .carousel-control-prev { z-index: auto; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background-color: #000000ad !important; } .owl-nav > button > .fa { padding: 5px 10px !important; } .owl-dots { display: none; } /* Homepage promotion */ @media only screen and (max-width: 415px) { img .promo-banner-m { height: auto !important; } .afb-header-menu { padding-right: 0; } } /* menu */ span.text { font-size: .8em; } /*style for menu bar*/ #outer-nav { overflow: hidden; } #outer-nav-profile { overflow: hidden; } @media only screen and (max-width: 767px) { #outer-nav { overflow-x: scroll; } /*hide menu scrollbar*/ #outer-nav::-webkit-scrollbar { width: 0px; height: 0px; } } /* Pagination */ .pagination a.active { background-image: linear-gradient(to right, #6a11cb, #2575fc) !important; color: white !important; } .pagination a:hover:not(.active) { background-color: transparent !important; } /* Search Page */ .s006 { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .s006 form { width: 100%; } .s006 form legend { font-size: 36px; color: #fff; font-weight: 800; text-align: center; margin-bottom: 30px; } .s006 form .inner-form { width: 100%; margin-bottom: 17px; } .s006 form .inner-form .input-field { width: 100%; position: relative; } .s006 form .inner-form .input-field input { height: 100%; border: 0; background: #fff; display: block; width: 100%; padding: 10px 32px 10px 70px; font-size: 18px; color: #666; border-radius: 34px; } .s006 form .inner-form .input-field input.placeholder { color: #747474; font-size: 1em; } .s006 form .inner-form .input-field input:-moz-placeholder { color: #747474; font-size: 1em; } .s006 form .inner-form .input-field input::-webkit-input-placeholder { color: #747474; font-size: 1em; } .s006 form .inner-form .input-field input:hover, .s006 form .inner-form .input-field input:focus { box-shadow: none; outline: 0; } .s006 form .inner-form .input-field .btn-search { width: 70px; -ms-flex-align: center; position: absolute; right: 0; height: 100%; background: transparent; border: 0; padding: 0; cursor: pointer; display: flex; -ms-flex-pack: center; justify-content: center; align-items: center; } .s006 form .inner-form .input-field .btn-search svg { fill: #747474; width: 30px; height: 30px; transition: all .2s ease-out, color .2s ease-out; } .s006 form .inner-form .input-field .btn-search:hover, .s006 form .inner-form .input-field .btn-search:focus { outline: 0; box-shadow: none; } .s006 form .inner-form .input-field .btn-search:hover svg, .s006 form .inner-form .input-field .btn-search:focus svg { fill: #666; } .s006 form .suggestion-wrap { padding: 0 15px; } .s006 form .suggestion-wrap span { font-size: .9em; display: inline-block; background: rgba(62, 62, 62, 0.6); padding: 0 15px; line-height: 32px; color: #fff; border-radius: 16px; margin-right: 10px; margin-bottom: 10px; } .s006 form .suggestion-wrap span:hover { background-image: linear-gradient(to right, #2575fc, #6a11cb); } @media screen and (max-width: 767px) { .s006 form .inner-form .input-field { margin-bottom: 20px; height: 50px; } .s006 form .inner-form .input-field input { padding-left: 55px; font-size: 16px; } .s006 form .inner-form .input-field .btn-search svg { width: 26px; height: 26px; } } /* Mobile Search bar */ /* Search Box Button*/ .search-button {} .search-toggle { position: relative; display: block; height: 12px; width: 12px; } .search-toggle::before, .search-toggle::after { content: ''; position: absolute; display: block; -webkit-transition: all 0.1s; transition: all 0.1s; } .search-toggle::before { border: 2px solid #ffffff; border-radius: 50%; width: 100%; height: 100%; } .search-toggle::after { height: 2px; width: 7px; background: #ffffff; top: 11px; left: 9px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .search-toggle.active::before { width: 0; height: 1.1em; border-width: 1px; border-radius: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 0em; left: .35em; background-color: white; } .search-toggle.active::after { width: 1.2em; left: -.15em; top: 0.5em; } .search-input:focus { outline: none; } /* Widget Mobile SearchGame */ .search-button { margin: 0px 5px 5px 5px; } .searchgameMobilewidget.show { top: 105px; } /* Example #1 */ #header-1 { padding: 10px; } #header-1 .search-box { position: absolute; bottom: 0; right: .2em; width: 98.8%; height: 100%; max-height: 0; -webkit-transform: translateY(100%); transform: translateY(100%); background-color: #fffffffa; -webkit-transition: all 0.3s; transition: all 0.3s; } #header-1 .search-box .search-input { width: 100%; height: 100%; padding: 0 1em; background-color: transparent; opacity: 0; color: #fff; border: none !important; } #header-1 .search-box .search-input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.4); } #header-1.show .search-box { display: inline-table; padding: 15px 15px; z-index: 9999 } #header-1.show .search-box .search-input { opacity: 1; } .search-box input::placeholder { color: #ededed !important; } .search-input { color: white !important; } .search-bar { background-color: #232323 !important; padding: 10px !important; margin: 0 3px; } /* Label */ .under-m { color: white; background-color: red; padding: 5px; font-size: .6em; position: absolute; border-radius: 0 0 10px 10px; right: 0; top: 0; } .jackpotpool .under-ml { color: white; background-color: red; padding: 5px; font-size: .8em; font-weight: 500; position: absolute; border-radius: 0 0px 10px 0px; top: 0; z-index: 1; } .top5game .under-ml, .page-searchgame .under-ml, #gameLobbyList .under-ml { color: white; background-color: red; padding: 5px; /*font-size: .3em;*/ font-weight: 500; position: absolute; border-radius: 0 0px 10px 0px; top: 0; z-index: 1; } .seoar img { width: auto; max-width: 100%; } /*affiliate css*/ @media (max-width: 767.98px) { /* .downline-details { max-width: 49% !important; margin-bottom: 0rem !important; }*/ h3.details-title { /* height: 25px !important;*/ } .downline-details:nth-child(2) { margin-right: 0 !important; } #invite-friend .copy.col-12.col-md-8.p-0 { margin-top: 1.5rem; max-width: 100% !important; } } .h3.details-title { /* height: 45px;*/ } .affiliate .h3 { border-bottom: 1px solid #3e3e3e; color: #222222; } #main-affiliate .h3 { width: 100%; padding: 8px 5px; font-size: 15px; font-weight: 600; text-transform: capitalize; color: #000; margin: 0; } #main-affiliate table, #daily-lucky-spin-history table, #deposit-withdraw-history table, #gamedeposit-withdraw-history table { font-size: .95em; } #main-affiliate thead, #daily-lucky-spin-history thead, #deposit-withdraw-history thead, #gamedeposit-withdraw-history thead { background: #201f25; color: #fff; } #main-affiliate tbody td, #daily-lucky-spin-history tbody td, #deposit-withdraw-history tbody td, #gamedeposit-withdraw-history tbody td { background: #fff; } #main-affiliate tbody tr:nth-child(2n+2) td, #daily-lucky-spin-history tbody tr:nth-child(2n+2) td, #deposit-withdraw-history tbody tr:nth-child(2n+2) td, #gamedeposit-withdraw-history tbody tr:nth-child(2n+2) td { background: #e2e2e2; } #main-affiliate th, #main-affiliate td, #daily-lucky-spin-history th, #daily-lucky-spin-history td, #deposit-withdraw-history th, #deposit-withdraw-history td, #gamedeposit-withdraw-history th, #gamedeposit-withdraw-history td { padding: 10px 7px; } #deposit-withdraw-history .amount { padding-left: 50px !important; } #active-member-list .h3, .user-profile .h3 { width: 100%; padding: 8px 5px; font-size: 15px; font-weight: normal; text-transform: capitalize; /*margin: 1rem 0 0 0;*/ } #active-member-list table { border-collapse: collapse; font-size: .95em; } #active-member-list thead { background: #201f25; color: #fff; } #active-member-list tbody td { background: #fff; border-bottom: 2px solid #d0d0d0; } #active-member-list tbody tr:nth-child(2n+2) td { background: #e2e2e2; } #active-member-list th, #active-member-list td { padding: 10px 7px; } #active-member-list td div { color: #7e7e7e; font-weight: 600; } #active-member-list #more { cursor: pointer; background: #e2e2e2; } #invite-friend .copy { background: #d5d5d5; } #invite-friend .copy.col-12.col-md-8.p-0 { max-width: 63%; } #invite-friend .share-title { font-size: .75rem; } .sharebox-container { border-radius: 10px; background-color: #28324d; } .btn-sharebox { background-image: linear-gradient(to right, #3ab1f2, #7c4cf5); color: #fff; } .btn-sharebox:hover { background-image: linear-gradient(to right, #7c4cf5, #3ab1f2); color: #fff; } .btn-underline-sharebox { position: relative; } .btn-underline-sharebox:hover::after { position: absolute; display: inline-block; content: ''; left: 0; bottom: 0; width: 100%; height: 4px; background-image: linear-gradient(to right, #3ab1f2, #7c4cf5); } .btn-sharebox-gray { background-color: #28324d !important; color: #fff !important; } input#copy-link { /* padding: 5px 10px !important;*/ border: none !important; width: 100%; /* margin-bottom: 5px;*/ } input#copy-link:focus { outline: none; } input#copytext { padding: 0px 5px; border: none; width: 60%; } input#copytext:focus { outline: none; } button#copylink { border: none; background: transparent; cursor: pointer; } button#copylink:hover { outline: none; } button#copytext { border: none; background: transparent; cursor: pointer; } button#copytext:hover { outline: none; } button.qrcode { border: none; background: transparent; cursor: pointer; } button.qrcode:hover { outline: none; } #invite-friend .tooltip { padding: 10px; background: #000; color: #fff; font-size: 0.75rem; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; pointer-events: none; transition: opacity 0.4s; } #invite-friend .tooltip.show { opacity: 1; pointer-events: auto; } #invite-friend .copy-share { text-align: right; margin-right: 1rem; } #invite-friend .copy-share button { width: 20%; padding: 4px; border-radius: 5px; font-size: .7rem; margin-right: 5px; transform: translateY(-20px); } #invite-friend .copied { padding: 10px; background: #000; color: #fff; font-size: 0.75rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -100%); opacity: 0; pointer-events: none; transition: opacity 0.4s; } #invite-friend .copied.show { opacity: 1; pointer-events: auto; } #invite-friend textarea { height: 150px; text-align: justify; padding: 4px 8px; background: #7c7c7c9e; border: 1px solid transparent !important; border-radius: 0px !important; } #invite-friend textarea:focus { border: 1px solid #2575fc; } #invite-friend .social-media.row { margin-right: 0px; margin-left: 0px; } #invite-friend .social-media button { padding: 4px; border-radius: 5px; font-size: .75rem; } #invite-friend .social-media-share { color: #fff; font-size: .7rem; padding: 5px 0px; text-align: center; } #invite-friend .icon { height: auto; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } #invite-friend .icon-fb { background: #3a60b1; } #invite-friend .text-fb { background: #3f68c0; } #invite-friend .icon-messenger { background: #1d80e5; } #invite-friend .icon-messenger img, #invite-friend .icon-telegram img { width: .7rem; } #invite-friend .text-messenger { background: #1f8bf8; } #invite-friend .icon-telegram { background: #2998cf; } #invite-friend .text-telegram { background: #2da5e1; } #invite-friend .icon-whatsapp { background: #11c252; } #invite-friend .text-whatsapp { background: #12d259; } #invite-friend .icon-more { background: #565656; cursor: pointer; } #invite-friend .text-more { background: #5d5d5d; cursor: pointer; } .downline-details { background: #e2e2e2; border-radius: 0 0 4px 4px; /* max-width: 24%; margin-right: 0.5rem;*/ /*margin-top: 1.5rem;*/ padding: 15px; height: 100%; } .downline-details:last-child { margin-right: 0 !important; } .downline-details .h3 { font-size: 12px; border-bottom: 1px solid transparent; padding: 0; margin-bottom: 15px; } .downline-details .h3.one { padding: 0 !important; margin: 0 auto !important; /* height: 35px;*/ } .downline-details .h3:first-child { margin-top: 0.5rem; } .downline-details .h3 b { font-size: 15px; } .downline-details span { font-size: 10px; } #profile-promotion-sec span { font-size: .9em; color: #666666; margin: 0px; float: right; } #profile-promotion-sec button { background-color: #ffffff00; color: white; border: none; } #profile-Bet-History button { background-color: #ffffff00; color: white; border: none; } #profile-Bet-History span { font-size: .9em; color: #666666; margin: 0px; float: right; } @media (min-width : 768px) { .toggleRight-profile, .toggleLeft-profile { display: none; } } @media screen and (max-width : 767px) { .toggleRight-profile, .toggleLeft-profile { display: block; } } /* animation */ @-moz-keyframes bounceDown { 0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); transform: translateY(0); } 40% { -moz-transform: translateY(-30px); transform: translateY(-30px); } 60% { -moz-transform: translateY(-15px); transform: translateY(-15px); } } @-webkit-keyframes bounceDown { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounceDown { 0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } 40% { -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @-webkit-keyframes bounceLeft { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 40% { -webkit-transform: translateX(30px); transform: translateX(30px); } 60% { -webkit-transform: translateX(15px); transform: translateX(15px); } } @-moz-keyframes bounceLeft { 0%, 20%, 50%, 80%, 100% { transform: translateX(0); } 40% { transform: translateX(30px); } 60% { transform: translateX(15px); } } @keyframes bounceLeft { 0%, 20%, 50%, 80%, 100% { -ms-transform: translateX(0); transform: translateX(0); } 40% { -ms-transform: translateX(30px); transform: translateX(30px); } 60% { -ms-transform: translateX(15px); transform: translateX(15px); } } /* /left bounce */ /* right bounce */ @-webkit-keyframes bounceRight { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 40% { -webkit-transform: translateX(-30px); transform: translateX(-30px); } 60% { -webkit-transform: translateX(-15px); transform: translateX(-15px); } } @-moz-keyframes bounceRight { 0%, 20%, 50%, 80%, 100% { transform: translateX(0); } 40% { transform: translateX(-30px); } 60% { transform: translateX(-15px); } } @keyframes bounceRight { 0%, 20%, 50%, 80%, 100% { -ms-transform: translateX(0); transform: translateX(0); } 40% { -ms-transform: translateX(-30px); transform: translateX(-30px); } 60% { -ms-transform: translateX(-15px); transform: translateX(-15px); } } /* /right bounce */ /* color */ .afb-blue-bar { background-color: var(--maintheme); } /* assign bounce */ .afb-blue-bar .fa-arrow-right { -webkit-animation: bounceRight 2s infinite; animation: bounceRight 2s infinite; float: right; padding: 5px; } .afb-blue-bar .fa-arrow-left { -webkit-animation: bounceLeft 2s infinite; animation: bounceLeft 2s infinite; padding: 5px; } .afb-blue-bar .fa-arrow-left:hover, .fa-arrow-right:hover { -webkit-animation: bounceLeft 0s infinite; animation: bounceLeft 0s infinite; } .afb-blue-bar .flex-shrink-0 { overflow: hidden; } #tier table { font-size: .95em; } #tier thead { background: #201f25; color: #fff; } #tier tbody td { background: #fff; } #tier tbody tr:nth-child(2n+2) td { background: #e2e2e2; } #tier th, #tier td { padding: 10px 7px; } #DepositTabContent .table-sticky thead.user-background .sticky-left { background-color: #777; } #DepositTabContent .table-sticky tbody .sticky-left { background-color: #fff; } #main-affiliate .table-sticky thead .sticky-left, #daily-lucky-spin-history .table-sticky thead .sticky-left, #deposit-withdraw-history .table-sticky thead .sticky-left, #gamedeposit-withdraw-history .table-sticky thead .sticky-left { background-color: #5f5c68; } #main-affiliate .table-sticky tbody .sticky-left, #daily-lucky-spin-history .table-sticky tbody .sticky-left, #deposit-withdraw-history .table-sticky tbody .sticky-left, #gamedeposit-withdraw-history .table-sticky tbody .sticky-left { background: #e2e2e2; } #main-affiliate .table-sticky tbody tr:nth-child(2n+2) .sticky-left, #daily-lucky-spin-history .table-sticky tbody tr:nth-child(2n+2) .sticky-left, #deposit-withdraw-history .table-sticky tbody tr:nth-child(2n+2) .sticky-left, #gamedeposit-withdraw-history .table-sticky tbody tr:nth-child(2n+2) .sticky-left { background: #d2d2d2; } #tier .table-sticky thead .sticky-left { background-color: #5f5c68; } #tier .table-sticky tbody .sticky-left { background: #e2e2e2; } #tier .table-sticky tbody tr:nth-child(2n+2) .sticky-left { background: #d2d2d2; } #active-member-list .table-sticky tbody .sticky-left { background: #e2e2e2; } #active-member-list .table-sticky tbody tr:nth-child(2n+2) .sticky-left { background: #d2d2d2; } .blog th, .blog td { padding: 5px 10px; } table.bet-history > thead > tr > th { background-color: #3b4358; border: none; color: white; font-weight: 600; height: auto; padding: 10px; font-size: .95em; } table.bet-history > tbody > tr > td { color: #000000; padding: 10px; background: #fff; border: 1px solid #d0d0d0; font-size: .95em; font-weight: 400; } table.bet-history > tbody > tr:nth-child(2n+2) td { background: #e2e2e2; } table.bet-history.table-sticky thead .sticky-left { background-color: #5f5c68; } table.bet-history.table-sticky tbody .sticky-left { background: #e2e2e2; } table.bet-history.table-sticky tbody tr:nth-child(2n+2) .sticky-left { background: #d2d2d2; } /* ---------- Resgiter 02072021 ----------*/ .signup-content, .signin-content { display: flex; display: -webkit-flex; } @media only screen and (max-width:767px) { .signin-image { width: 100% !important; } } @media (min-width: 576px) { .register-multi .modal-dialog { max-width: unset; } } .register-multi .modal-content.one { background-color: #fff; margin: auto; padding: 0; border: none; width: 48% !important; /* min-height: 280px; */ border-radius: 5px; } .register-form { display: flex; flex-wrap: wrap; } .signin-form { width: 60%; } .signin-form > div { padding: 30px; } .register-form__steps-wrapper { position: relative; /* width: calc(100% - 400px); padding: 120px 0 0;*/ } .register-form__fields-wrapper { width: 400px; padding: 55px 28px 35px 25px; } @media screen and (max-width: 767px) { .register-form { display: block; } .register-form__steps-wrapper { width: 100%; max-width: 300px; margin: 0 auto; padding: 0; } .register-form__fields-wrapper { width: 100%; padding: 0 0 35px; } } .register-steps { position: relative; padding: 25px; } .register-steps__item-title { flex: 1 1 auto; font-size: 14px; font-weight: normal; text-align: right; padding-right: 10px; color: #c2c2c2; } .register-steps__item-number { flex: 0 0 36px; height: 36px; width: 36px; font-size: 16px; font-weight: 700; background: #4e4842; border: 2px solid #fff; border-radius: 50%; line-height: 32px; text-align: center; color: #94897a; box-shadow: 0 0 0 #fec882; transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; } .register-steps__item-number--as-icon { position: relative; border: none; box-shadow: none; } .register-steps__item-number--as-icon .icon-font { display: flex; justify-content: center; align-items: center; font-size: 30px; color: #fec882; padding-left: 3px; position: absolute; top: -8px; left: -8px; height: 52px; width: 52px; background: radial-gradient(rgba(254, 200, 130, 0.6), #4e4842), #4e4842; border-radius: 50%; box-shadow: 0 0 10px 0 rgba(41, 37, 38, 0.3); } .register-steps__item-number--as-icon .icon-font:before { display: block; transform-origin: 50% 65%; animation: 5s ease 5s infinite animateGiftStep; } .register-steps__item { display: flex; position: relative; z-index: 2; align-items: center; } .register-steps__item--passed .register-steps__item-number { cursor: pointer; background: #fec882; color: #b28447; } .register-steps__item--current .register-steps__item-title { color: #fffaf3; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.8); font-weight: 700; } .register-steps__item--current .register-steps__item-number { background: #322e2f; color: #fffaf3; box-shadow: 0 0 20px #fec882; border-color: #fec882; } .register-steps__item + .register-steps__item { margin-top: 20px; } .register-steps:before { content: ''; display: block; position: absolute; height: calc(100% - 45px); width: 2px; background: #fffaf3; top: 27px; right: 41px; z-index: 1; } img.gift-promotion-rg { display: block; -webkit-transform-origin: 50% 65%; transform-origin: 50% 65%; -webkit-animation: 3s ease 3s infinite animateGiftStep; animation: 3s ease 3s infinite animateGiftStep; filter: sepia(100%) hue-rotate(0deg) saturate(150%) !important; width: 70%; } @-moz-keyframes animateGiftStep { 0% { transform: rotate(10deg); } 6% { transform: rotate(-8deg); } 11% { transform: rotate(6deg); } 15% { transform: rotate(-4deg); } 18% { transform: rotate(2deg); } 20% { transform: rotate(0); } } @-webkit-keyframes animateGiftStep { 0% { transform: rotate(10deg); } 6% { transform: rotate(-8deg); } 11% { transform: rotate(6deg); } 15% { transform: rotate(-4deg); } 18% { transform: rotate(2deg); } 20% { transform: rotate(0); } } @-o-keyframes animateGiftStep { 0% { transform: rotate(10deg); } 6% { transform: rotate(-8deg); } 11% { transform: rotate(6deg); } 15% { transform: rotate(-4deg); } 18% { transform: rotate(2deg); } 20% { transform: rotate(0); } } @keyframes animateGiftStep { 0% { transform: rotate(10deg); } 6% { transform: rotate(-8deg); } 11% { transform: rotate(6deg); } 15% { transform: rotate(-4deg); } 18% { transform: rotate(2deg); } 20% { transform: rotate(0); } } @media only screen and (max-width:415px) { .register-multi .modal-content.one { width: 100% !important; } } @media only screen and (max-width:1144px) { .register-multi .modal-content.one { width: 60% !important; } } @media only screen and (max-width:991px) { .register-multi .modal-content.one { width: 70% !important; } } @media only screen and (max-width:640px) { .register-multi .modal-content.one { width: 90% !important; } } @media only screen and (max-width: 460px) { .register-multi .modal-content.one { width: 90% !important; } .register-multi .modal-content { width: 100%; } } .register-p-b { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: space-between; margin-top: 40px; } .register-p-b.one { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center; } .register-p-b-back { padding: 0; font-size: 1.2em; text-align: left; display: contents; } .register-p-b-back i p { display: contents; font-weight: 500; } .register-p-b-next { padding: 10px 30px; margin: 0; text-align: center; font-size: 1.3em; width: 45%; float: right; cursor: pointer; } .already-button { padding: 15px; background-color: #f0f0f0; } .signin-image img.two { display: none; } @media screen and (max-width: 767px) { .register-steps { position: relative; display: flex; justify-content: space-between; } .register-steps__item-title { display: none; } .register-steps__item { margin-top: 0 !important; } .register-steps:before { height: 2px; width: calc(100% - 50px); top: 41px; left: 30px; } .signin-image img.one { display: none; } .signin-image img.two { display: block; } .signup-content, .signin-content { display: flex; display: -webkit-flex; flex-direction: column; } .close span.one { color: white !important; } .signin-form { width: 100% !important; } } .signin-image { background-color: black; border-radius: 5px 0 0 0; width: 40%; } /*footer-line-icon*/ .social-network a.icoLine:hover { background-color: #01bd02; } .social-network a.icoLine > img { width: 2rem !important; margin: auto; filter: invert(30%) sepia(100%) saturate(1107%) hue-rotate(185deg) brightness(45%) contrast(53%); } .social-circle li a.icoLine:hover > img { filter: brightness(0) invert(1); } .social-circle img { color: #626c80; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; -ms-transition: all 0.8s; transition: all 0.8s; } .social-circle li a:hover img, .triggeredHover { filter: greyscale(0); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -ms--transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .social-network a.icoSnapchat:hover { background-color: #f7f400; } .social-network a.icoReddit:hover { background-color: #f74300; } .social-network a.icoPinterest:hover { background-color: #c72028; } .social-network a.icoTumblr:hover { background-color: #2f4155; } .social-network a.icoTikTok:hover { background-color: #000; } .social-network a.icoMedium:hover { background-color: #000; } /*tiktok icon*/ .social-network a.icoTikTok > img { width: 1.75rem !important; margin: auto; filter: invert(30%) sepia(100%) saturate(1107%) hue-rotate(185deg) brightness(45%) contrast(53%); } .social-circle li a.icoTikTok:hover > img { filter: brightness(0) invert(1); } @media (min-width: 576px) { #myModal .modal-dialog { max-width: 500px !important; } } div#myModal > .modal-dialog > .modal-content { margin: auto; border: none; width: 100% !important; max-width: 100% !important; } /*form.video-iframe { margin: -1px -1px -6px 0; }*/ /*Smart Download APK*/ .apkdownload { background: #fff; padding: 10px 20px; } .apkdownload .align-items-center { background-color: #fff !important; } img.apk-logo { width: 55px; } button#apk-download-close { left: 5px; top: 30px; position: absolute; font-size: .9rem !important; color: grey !important; z-index: 1; } span.appname { font-size: 16px; line-height: .9; color: gray !important; } small.app-small { color: grey !important; } .btn.btn-green.downloadapk { background: green; color: white; padding: 7px 10px; width: 100%; font-size: 10px; } .btn.btn-green.downloadapk:hover { background: #004f00; } .col-auto.apkdownload { position: absolute; right: 0; } span.apk-name { color: white; } span.apk-name { color: white; } /*End Smart Download APK*/ .afb-medias a i.fa.fa-angle-double-right { right: 15%; position: absolute; margin-top: 2px; } .selectCA, .addNewCA { color: #007bff; cursor: pointer; } .withdrawSpan { color: black; } .Ctooltip { position: relative; display: inline-block; border-bottom: 1px dotted black; } .Ctooltip .Ctooltiptext { visibility: hidden; width: max-content; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; /* Position the tooltip */ position: absolute; z-index: 1; top: -5px; right: 105%; } .Ctooltip:hover .Ctooltiptext { visibility: visible; } /*End Smart Download APK*/ /*maintenance css*/ div.maintenance { background: #383838; } img.maintenance { opacity: 0.25; } .under-m-logo { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; display: flex; flex-direction: column; align-items: center; } .under-m-logo span { font-weight: 900; font-size: 16px; margin-top: 5px; } img.w-50 { filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(117deg) brightness(103%) contrast(106%); } .c_searchform_div { color: #495057; } button.afb02 { border: none; border-radius: 2px 2px; color: white; } .promotion_Progress > .row { margin: 0; } .custom-max-width { max-width: 75% !important; } @media screen and (max-width:768px) { .custom-max-width { max-width: 90% !important; } #betHistoryModel { padding-right: 0px !important; } } /*.localized-wrapping { border-radius: 50px !important; padding: 0px 15px !important; width: 100%; box-sizing: border-box;*/ /*border: 1px solid #545454;*/ /*border: 1px solid #F3E5F5; font-size: 1em !important; color: #000 !important; font-weight: 400; background-color: #f9f9f9 } .localized-wrapping select { border: none !important; position: relative !important; } .localized-wrapping input { border: none !important; padding: 8px 0px 8px 0px !important; width: 75% !important; } .localized-wrapping #username_phone input:focus { border: none !important } .localized-wrapping span { color: #000 !important; }*/ div#betHistoryModelDiv { margin: auto; } .badge-danger { background-color: #dc3545 !important; } /*POKERV Instruction*/ #PKV_FAQHeading { color: black; padding: 0; } .btn-link-pkv:hover, .btn-link-pkv.focus, .btn-link-pkv:focus { text-decoration: none !important; } .pk-term li { list-style-type: initial; } .card-body-pkv { padding: 5px 10px 5px 35px; } .modal-content .h5 { font-size: 1.25rem; font-weight: 500; line-height: 1.2; } .modal-content .h3 { font-size: 2em; font-weight: 500; line-height: 1.2; } #playnowBtn { margin: 20px 0px !important; padding: 0 !important; } .modal-content .col-sm { padding: 0px; } .modal-content .col-sm-auto { padding-left: 15px; padding-right: 0px; } .modal-content label.col-sm-auto { padding-left: 0px; } /*------------*/ .memberservice.mega88 .inside { background-color: #dc3545 !important; } .memberservice.mega88 .inside .afb-medias { background: var(--maintheme); } .memberservice.mega88 .inside svg { display: none; } @media screen and (max-width:768px) { #jackpotPool span.gold { font-size: 12px; } } /* widget */ .top5game .afb-title-h1 { width: 100%; padding: 10px 0 10px 11px; font-size: 1em; font-weight: 500; color: #fff; margin: 10px 0; display: flex; justify-content: space-between; text-transform: uppercase; position: relative; align-items: center } .top5game .afb-title-h1 a span { display: flex; align-items: center } .top5game .afb-title-h1 a span svg { margin-left: 5px } .top5game .afb-title-h1:before { content: ''; position: absolute; left: 0; width: 5px; background: #800417; height: 20px } .top5game .photobox { display: block; width: 100%; padding: 0; margin: 0 } .top5game .photobox:hover .photobox__previewbox:before { transform: scale(3); transition-duration: .5s; transition-delay: 0s } .top5game .photobox:hover .photobox__previewbox.zoom img { transition: all .2s linear } .top5game .photobox:hover .photobox__previewbox.zoom:hover img { -webkit-transform: scale(1.1); transform: scale(1.1) } .top5game .photobox .photobox_title { overflow: hidden } .top5game .photobox .photobox_title a.tmb-content__link { text-align: center; background-color: #2c2c2c; color: #fff; font-size: .7rem; line-height: 15px; font-weight: 500; padding: 10px 5px; display: block } .top5game .photobox .photobox_title a.tmb-content__link div { width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 auto } .top5game .photobox__previewbox { position: relative; overflow: hidden; border-radius: 10px 10px 0 0 } .top5game .photobox__previewbox:before { content: ''; width: 0; height: 0; padding: 25%; border-radius: 50%; position: absolute; top: 0; left: 0; background-color: rgba(7, 7, 7, .66); transition: transform calc(.5s/2) ease calc(.5s/2); will-change: transform; transform: scale(0); z-index: 8 } .top5game .photobox__previewbox .action_overlay { position: absolute; top: 0; left: -300%; bottom: 0; right: 0; padding: 10px; transition-duration: .5s; overflow: hidden; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; z-index: 9 } .top5game .photobox__previewbox .action_overlay a { display: flex } .top5game .photobox__previewbox .action_overlay a div { font-size: .7rem; padding: 6px 10px; text-align: center; margin: 5px 0; border-radius: 3px; color: #fff; display: block; font-weight: 500; background-image: linear-gradient(to right, #6a11cb, #2575fc) } .top5game .photobox__previewbox .action_overlay a div:hover { background-image: linear-gradient(to right, #2575fc, #6a11cb) } .top5game .photobox__previewbox:hover .action_overlay { left: 0; transition-duration: .5s } .jackpotpool .afb-title-h1 { width: 100%; padding: 10px 0 10px 11px; font-size: 1em; font-weight: 500; color: #fff; margin: 10px 0; display: flex; justify-content: space-between; text-transform: uppercase; position: relative; align-items: center } .jackpotpool .afb-title-h1:before { content: ''; position: absolute; left: 0; width: 5px; background: #800417; height: 20px } .jackpotpool .afb-title-h1 a span { display: flex; align-items: center } .jackpotpool .afb-title-h1 a span svg { margin-left: 5px } .jackpotpool .photobox { display: block; width: 100%; padding: 0; margin: 0; font-size: initial; } .jackpotpool .photobox:hover .photobox__previewbox:before { transform: scale(3); transition-duration: .5s; transition-delay: 0s } .jackpotpool .photobox:hover .photobox__previewbox.zoom img { transition: all .2s linear } .jackpotpool .photobox:hover .photobox__previewbox.zoom:hover img { -webkit-transform: scale(1.1); transform: scale(1.1) } .jackpotpool .photobox__previewbox { position: relative; overflow: hidden; border-radius: 10px 10px 0 0 } .jackpotpool .photobox__previewbox:before { content: ''; width: 0; height: 0; padding: 25%; border-radius: 50%; position: absolute; top: 0; left: 0; background-color: rgba(7, 7, 7, .66); transition: transform calc(.5s/2) ease calc(.5s/2); will-change: transform; transform: scale(0); z-index: 8 } .jackpotpool .photobox__previewbox .action_overlay { position: absolute; top: 0; left: -300%; bottom: 0; right: 0; padding: 10px; transition-duration: .5s; overflow: hidden; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; z-index: 9 } .jackpotpool .photobox__previewbox .action_overlay a { display: flex } .jackpotpool .photobox__previewbox .action_overlay a div { font-size: .7rem; padding: 6px 10px; text-align: center; margin: 5px 0; border-radius: 3px; color: #fff; display: block; font-weight: 500; background-image: linear-gradient(to right, #6a11cb, #2575fc) } .jackpotpool .photobox__previewbox .action_overlay a div:hover { background-image: linear-gradient(to right, #2575fc, #6a11cb) } .jackpotpool .photobox__previewbox:hover .action_overlay { left: 0; transition-duration: .5s } .jackpotpool div.text-wrap { text-align: center; background-color: #2c2c2c; display: -webkit-box; padding: 5px 5px; white-space: normal } .jackpotpool div.text-wrap a { display: block; width: 100% } .jackpotpool div.text-wrap .jackpotcounter { color: #fff; font-size: .83em; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; width: 90%; white-space: normal; padding: 0; margin: 0 auto } .jackpotpool .img-wrap { overflow: hidden; border-radius: 10px 10px 0 0 } .jackpotpool span.gold { display: block; background: repeating-linear-gradient(135deg, #ffdd9b 0, #fed792 20px, #ffe1ac 40px, #fff 70px, #fac66b 125px, #f6c26b 160px, #e7b155 175px, #f4c16b 185px, #f1bf6b 220px, #f3be66 235px, #e9b153 250px, #f5be61 280px, #f9bc56 305px, #fffbf5 385px, #fcc362 415px, #fcc379 450px, #ffdd9b 500px); background-clip: text; -webkit-background-clip: text; background-repeat: repeat; background-attachment: fixed; backface-visibility: none; color: #ffdd9b !important; filter: drop-shadow(0 3px 1px #000); font-size: 1rem; font-weight: 700 } .faq-card { color: #fff; background-color: var(--main_text) !important; border-color: var(--main_text); } @media (min-width: 960px) { .socialMedia-list .btn:hover + .dropdown-menu { display: block; } } .socialMedia-list img { /* max-width: 1rem; */ width: 1.28571429em; } .socialMedia-list { margin-block-start: 0; margin-block-end: 0; margin-inline-start: 0; margin-inline-end: 0; padding-block-start: 0; padding-block-end: 0; padding-inline-start: 0; padding-inline-end: 0; } .dropup .dropdown-menu-center { /* left: 50% !important; */ /* right: auto; */ /* transform: translateX(-50%) translateY(calc(-100% - 0.8rem)) !important; */ bottom: calc(100% + 0.8rem) !important; left: calc(-100% + 1rem); box-shadow: 0 1px .5rem #0003; min-width: 100px; padding: .1rem; } .dropup .dropdown-menu-center img { min-width: 100px; max-width: 100px; } .dropup .dropdown-menu-center::before { position: absolute; display: inline-block; content: ''; border-style: solid; border-width: .5rem 0.5rem 0 0.5rem; border-color: #Fff transparent; top: 100%; left: 50%; transform: translateX(-50%); } .footer-bottom a { font-size: 1.5rem; width: 48px; height: 48px; } /* footer social icons */ .socialMedia-list a.icoLine:hover { background-color: #01bd02; } .socialMedia-list a.icoLine > img { width: 2rem !important; margin: auto; filter: invert(30%) sepia(100%) saturate(1107%) hue-rotate(185deg) brightness(45%) contrast(53%); } .socialMedia-list li a.icoLine:hover > img { filter: brightness(0) invert(1); } .socialMedia-list a.icoRss:hover { background-color: #F56505; } .socialMedia-list a.icoFacebook:hover { background-color: #3B5998; } .socialMedia-list a.icoTwitter:hover { background-color: #33ccff; } .socialMedia-list a.icoGoogle:hover { background-color: #BD3518; } .socialMedia-list a.icoVimeo:hover { background-color: #0590B8; } .socialMedia-list a.icoLinkedin:hover { background-color: #007bb7; } .socialMedia-list a.icoYoutube:hover { background-color: #bb0000; } .socialMedia-list a.icoSnapchat:hover { background-color: #f7f400; } .socialMedia-list a.icoReddit:hover { background-color: #f74300; } .socialMedia-list a.icoPinterest:hover { background-color: #c72028; } .socialMedia-list a.icoTumblr:hover { background-color: #2f4155; } .socialMedia-list a.icoTikTok > img { width: 1.75rem !important; margin: auto; filter: invert(47%) sepia(21%) saturate(347%) hue-rotate(182deg) brightness(86%) contrast(97%); } .socialMedia-list a.icoTikTok:hover { background-color: #000; } .socialMedia-list li a.icoTikTok:hover > img { filter: brightness(0) invert(1); } .socialMedia-list a.icoMedium:hover { background-color: #000; } .socialMedia-list a.icoThreads > img { width: 25px !important; margin: auto; filter: invert(47%) sepia(21%) saturate(347%) hue-rotate(182deg) brightness(86%) contrast(97%); } .socialMedia-list li a.icoThreads:hover > img { filter: brightness(0) invert(1); } .socialMedia-list a.icoThreads:hover { background-color: #000; } .socialMedia-list a.icoXHS > img { width: 25px !important; margin: auto; filter: invert(47%) sepia(21%) saturate(347%) hue-rotate(182deg) brightness(86%) contrast(97%); } .socialMedia-list li a.icoXHS:hover > img { filter: brightness(0) invert(1); } .socialMedia-list a.icoXHS:hover { background-color: #FF2741; } .socialMedia-list a.icoTelegram > img { width: 25px !important; margin: auto; filter: invert(47%) sepia(21%) saturate(347%) hue-rotate(182deg) brightness(86%) contrast(97%); } .socialMedia-list li a.icoTelegram:hover > img { filter: brightness(0) invert(1); } .socialMedia-list a.icoTelegram:hover { background-color: #28A8E9; } .socialMedia-list a.icoWeChat:hover { background-color: lightgreen; } .socialMedia-list a.icoInstagram:hover { background: #f09433; background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888', GradientType=1); } .socialMedia-list a.icoRss:hover i, .socialMedia-list a.icoFacebook:hover i, .socialMedia-list a.icoTwitter:hover i, .socialMedia-list a.icoGoogle:hover i, .socialMedia-list a.icoVimeo:hover i, .socialMedia-list a.icoLinkedin:hover i, .socialMedia-list a.icoInstagram:hover i, .socialMedia-list a.icoYoutube:hover i, .socialMedia-list a.icoSnapchat:hover i, .socialMedia-list a.icoReddit:hover i, .socialMedia-list a.icoPinterest:hover i, .socialMedia-list a.icoTumblr:hover i, .socialMedia-list a.icoMedium:hover i { color: #fff; } .socialMedia-list li a:hover i, .triggeredHover, .socialMedia-list li a:hover img { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -ms--transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .socialMedia-list i { color: #626c80; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; -ms-transition: all 0.8s; transition: all 0.8s; } .socialMedia-list a.icoLine > .img-fluid { filter: none; } .socialMedia-list a.icoTikTok > .img-fluid { filter: none; } .footer-bottom { padding: 100px 0; } .mega88-footer .shfooter .social_square_icons .socialMedia-list { display: flex; } @media (max-width: 767px) { ul#social-media { display: none; } ul#social-media.show { display: flex; } } .dropup a { background-color: transparent; } #btnPromo{ margin-top:0.5rem; } .crypto_address{ width:70% !important; } .hex-code-foward > button { vertical-align: top; padding-top: 0px; margin-top: -3px; } #crypto-deposit .tooltip { padding: 10px; background: #000; color: #fff; font-size: 0.75rem; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; pointer-events: none; transition: opacity 0.4s; } #crypto-deposit .tooltip.show { opacity: 1; pointer-events: auto; } @media only screen and (max-width: 767px) { .footer-bottom { padding: 10px 0; } .footer-bottom p { font-size: .7rem; } .memberservice.mega88 { width: 100%; margin-bottom: 0.5rem; padding: 0px 4px; } table.bet-history > tbody > tr > td { display: table-cell; } .wallet-top-left span { word-break: break-word; line-height: 17px; display: inline-block; padding: 5px; } } @media only screen and (max-width:415px) { .wallet-top-left span { word-break: break-word; line-height: 17px; text-align: left; display: inline-block; } } /*affiliate link share*/ ul.affiliateSharer { display: flex; align-items: center; flex-wrap: wrap; } ul.affiliateSharer li { width: 25%; display: flex; align-items: center; justify-content: center; } ul.affiliateSharer li img { max-width: 100%; } ul.affiliateSharer { display: flex; align-items: center; flex-wrap: wrap; padding: 0; } ul.affiliateSharer li { width: 25%; display: flex; align-items: center; justify-content: center; } ul.affiliateSharer li img { max-width: 100%; } .btn-underline-sharebox .fa-facebook-official { color: #4267B2; } .btn-underline-sharebox .fa-twitter { color: #55acee; } .btn-underline-sharebox .fa-whatsapp { color: #25d366; } .btn-underline-sharebox .fa-line { color: #00c300; } .btn-underline-sharebox .fa-telegram { color: #0088cc; } .btn-underline-sharebox .fa-weixin { color: #4EC034; } .btn-underline-sharebox .fa-viber { color: #645EA4; } .btn-underline-sharebox .fa-share-alt-square { color: #fff; } .btn-underline-sharebox { width: 100% !important; padding: 16px 0 !important; display: flex; justify-content: center; } #shareboxPopup .btn.btn-sm { position: absolute; top: 5px; right: 5px; color: #fff; } .btn-sharebox .h5 { color: white !important; font-size: .95rem !important; } /*affiliate link share*/ .text-green { color: green !important; } .text-red { color: red !important; } #VTdata img { width: 100%; height: auto; } #btn_Login { background: transparent; color: #5b0310; border-color: #5b0310 !important; } #btn_Login:hover { background: #5b0310 !important; color: #fff !important; border-color: #5b0310 !important; } .rgstButton { background: #800417 !important; } .rgstButton:hover { background: #5b0310 !important; } #registerModal .bottom a, #loginModal .bottom a { color: #5b0310 !important; } #registerModal .bottom a:hover, #loginModal .bottom a:hover { color: #333 !important; } #mega888StartingModal span, #megaGamingStartingModal span, #megaV3StartingModal span { color: black; } #disclaimerModal table { font-family: arial, sans-serif; border-collapse: collapse; width: 100%; } #disclaimerModal td, #disclaimerModal th { border: 1px solid #dddddd; text-align: left; padding: 8px; } #disclaimerModal tr:nth-child(even) { background-color: #dddddd; } div#disclaimerModal > .modal-dialog > .modal-content > .modal-body { flex-grow: 1; overflow-y: scroll; height: 500px; overflow-x: hidden; } .modal-footer > button.btn.btn-primary.tim-btn-bg { background-color: #28324d; border-radius: 0.5rem; color: #fff; text-decoration: none; border: none; padding: 0.375rem 0.75rem; } .modal-footer > button.btn.btn-primary.tim-btn-bg:hover { background-color: #4d5f92; } .modal-footer > button.btn.btn-secondary.tim-btn { background-color: #6a343c; border-radius: 0.5rem; color: #fff; text-decoration: none; border: none; padding: 0.375rem 0.75rem; } .modal-footer > button.btn.btn-secondary.tim-btn:hover { background-color: #a55271; } div#disclaimerModal { padding: 0px; } div#disclaimerModal > .modal-dialog > .modal-content { max-width: 800px; } #disclaimerModal .table-sticky tbody .sticky-left { background: #c0bcbc; } #disclaimerModal .h5.modal-title { margin: auto; } #disclaimerModal .modal-content { max-width: 400px; min-height: 280px; width: 100%; } /*promotion rules*/ @media (max-width:426px) { .promotion-rules-page .container .col-6 { flex: none; max-width: 100%; } } .photobox, .jackpotpool .under-ml { font-size: 0.8rem !important; } .m-0.c_title_h1 { margin-top: -12px !important; } .card-header a p { font-size: 10px !important; margin-top: 2px !important; } @media (max-width:428px) { .card.carousel-middle.mb-2.mega88.c_main_div { min-height: 250px !important; } } button.afb01.xs { font-size: 1em !important; } #registerModal { z-index: 999999 !important; } .marqueeinfinite { --gap: 10rem; display: flex; overflow: hidden; user-select: none; gap: var(--gap); margin-bottom: 0 !important; font-size: 12px; padding: 0; } .marqueeinfinite__content { flex-shrink: 0; display: flex; justify-content: space-around; min-width: 100%; gap: var(--gap); } @keyframes infinitescroll { from { transform: translateX(100%); } to { transform: translateX(calc(-100% - var(--gap))); } } /* Enable animation */ .enable-animation .marqueeinfinite__content { animation: infinitescroll 10s linear infinite; } .marqueeinfinite__content:hover { -moz-animation-play-state: paused; -webkit-animation-play-state: paused; animation-play-state: paused; } /* AngPow Modal */ .contactDetailEmail input { white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .contactDetailEmail .emailFullText::after { content: ""; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent #000 transparent } .contactDetailEmail .emailFullText { visibility: hidden; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 5px; position: absolute; z-index: 1; white-space: break-spaces; word-wrap: break-word; margin: auto; max-width: 90%; } .contactDetailEmail:hover .emailFullText { visibility: visible } /* AngPow Modal End */ /* payment bank list*/ .payment-transaction { max-height: 520px; overflow-y: auto; display: none; padding-right: 10px; } .payment-item { background: var(--cd-color-1); color: #fff; padding: 5px 10px; border-radius: 5px; margin-bottom: 10px; font-size: 12px; cursor: pointer; border-left: solid 5px #61B962; min-height: 55px; } .payment-item .payment-icon { margin-right: 10px; } .payment-item .payment-icon img { width: 40px; height: auto; object-fit: contain; object-position: center; } /* end payment bank list*/ /* Bottom Nav CSS */ .nav_bottom-container { position: fixed; bottom: 0; z-index: 999; width: 100%; } .footer-nav { display: flex; justify-content: space-evenly; width: 100%; margin: 0; padding: 0; } .footer-nav li { width: 20%; } .footer-nav li a { color: white; display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap; text-transform: uppercase; padding: 8px 0 2px 0; font-size: 0.65rem; font-weight: 500; height: 50px; position: relative; background: var(--maintheme); } .svg-icon_wrapper.beat-animations svg { width: 2rem; height: 2rem; } .footer-nav li a svg { width: 1.2rem; height: 1.2rem; } .footer-nav li a .svg-icon_wrapper { position: absolute; z-index: 2; top: 0; top: -30px; right: 0; left: 0; width: 60px; height: 60px; border-radius: 50px; background: var(--maintheme); 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; margin: auto; border: 3px solid white; } .beat-animations { -webkit-animation: beat .5s infinite alternate; animation: beat .5s infinite alternate; } @keyframes beat { to { -webkit-transform: scale(1.1); transform: scale(1.1); } } @keyframes beat { to { transform: scale(1.20); } } .footer-nav li a span { display: block; text-align: center; width: 100%; position: absolute; bottom: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; } .dashboardFaq .card-header { padding: 5px; position: relative; } .dashboardFaq .card-header a { display: block; color: white; } .dashboardFaq .card-header a i { position: absolute; right: 10px; top: 10px; color: white; } .myInfo { padding: 15px; } .dashboardFaq .card-header { background: #363c4e; padding: 5px !important; position: relative; } .dashboardFaq .card { border: none; } span#dls-countdown-title2 { color: white; } .toast-body { border-bottom: 6px solid var(--maintheme); } .loyalprogram-info .table-title { color: rgba(128, 4, 23,.8); } .play-btn { top: 20%; } .free-trial-btn { top: 42%; } .custom-select-dd, .localized-wrapping{ border-radius: 50px !important; } button#depositBtn, button#withdrawBtn, button#WICKET9WithdrawBtn { background: var(--maintheme); } button#depositBtn:hover, button#withdrawBtn:hover, button#WICKET9WithdrawBtn:hover { background: var(--maintheme); } button#playnowBtn { background: var(--maintheme); border-radius: 2px; } button#playnowBtn:hover { background: var(--maintheme); border-radius: 2px; } button.close-popup.close.loginClose-btn { font-size: 2rem; position: absolute; right: 10px; top: 5px; font-weight: 500; } .transferModal #playnowBtn, .updatepassword { background: var(--maintheme) !important; } .universal_hamburger_menu .aside_content-account_box .account_box-infopanel .infopanel-wallet .amount-button { background: transparent; border: none; cursor: pointer; padding: 0; width: var(--balanceHeight); line-height: normal; color: #4d9f30; } .universal_hamburger_menu .aside_content-login .login-button { gap: 1rem; flex-flow: row-reverse; } .universal_hamburger_menu { --maintheme: #444; --subtheme: #232323; --contrasttheme: #800417; --main_text: #db1d2f; /* flex: 1 1 100%; */ overflow-y: auto; height: 100%; } .universal_hamburger_menu input:-webkit-autofill, .universal_hamburger_menu input:is(:-webkit-autofill, :autofill) { box-shadow: inset 0 0 0 100px #333; -webkit-background-clip: text !important; -webkit-text-fill-color: var(--main_text); } .universal_hamburger_menu input:-webkit-autofill:hover, .universal_hamburger_menu input:-webkit-autofill:focus, .universal_hamburger_menu input:-webkit-autofill:active, .universal_hamburger_menu input:is(:-webkit-autofill, :autofill):hover, .universal_hamburger_menu input:is(:-webkit-autofill, :autofill):focus, .universal_hamburger_menu input:is(:-webkit-autofill, :autofill):active { box-shadow: inset 0 0 0 100px #333; -webkit-background-clip: text !important; -webkit-text-fill-color: var(--main_text); } .universal_hamburger_menu .text-mandatory { color: #ff8181; } .universal_hamburger_menu .aside_content-account_box, .universal_hamburger_menu .aside_content-login { background: #191919; } .universal_hamburger_menu .aside_content-account_box .account_box-welcome, .universal_hamburger_menu .aside_content-account_box .account_box-infopanel { color: var(--main_text); } .universal_hamburger_menu .aside_content-account_box .account_box-welcome .welcome-username { color: #fff; } .universal_hamburger_menu .aside_content-login .did-floating-label, .universal_hamburger_menu .aside_content-login .did-floating-label-content svg { color: var(--main_text); } .universal_hamburger_menu .aside_content-login .did-floating-label-content .toggle-password { filter: invert(10%) sepia(55%) saturate(5757%) hue-rotate(355deg) brightness(93%) contrast(116%); } .universal_hamburger_menu .aside_content-login .did-floating-input, .universal_hamburger_menu .aside_content-login fieldset .fld-block { color: var(--main_text); background: #232323; border-color: var(--contrasttheme); } .universal_hamburger_menu .aside_content-login .login-button button.btn-login { font-weight: 500; background: #343a40; color: #fff; border-color: var(--contrasttheme); } .universal_hamburger_menu .aside_content-login .login-button button.btn-login:hover { background: #343a40; color: #fff; } .universal_hamburger_menu .aside_content-login .login-button button.btn-register { font-weight: 500; background: #800417; color: #fff; border-color: var(--main_text); margin: 0 !important; } .universal_hamburger_menu .aside_content-login .login-button button.btn-register:hover { color: #fff; background: #800417; border-color: var(--main_text); } .universal_hamburger_menu .aside_content-main_content { background: #000; height: 100%; padding-block: 50px; } .universal_hamburger_menu .aside_content-main_content .main_content-section { background: #191919; } .universal_hamburger_menu .aside_content-main_content .main_content-section-title { color: var(--main_text); padding: 0; border-bottom: 0; } .universal_hamburger_menu .aside_content-main_content .main_content-section .btn, .universal_hamburger_menu .aside_content-main_content .main_content-section .btn svg.icon, .universal_hamburger_menu .aside_content-main_content .main_content-section .btn i.icon, .universal_hamburger_menu .aside_content-main_content .main_content-section .btn.active svg.icon, .universal_hamburger_menu .aside_content-main_content .main_content-section .btn.active i.icon, .universal_hamburger_menu .aside_content-main_content .main_content-section .btn:hover svg.icon, .universal_hamburger_menu .aside_content-main_content .main_content-section .btn:hover i.icon { color: var(--main_text); } .universal_hamburger_menu .aside_content-main_content .main_content-section .btn.active, .universal_hamburger_menu .aside_content-main_content .main_content-section .btn:hover { background: #191919; } .universal_hamburger_menu .hamburgerSearch .btn.gameCategoryBtn { background: transparent; border-color: var(--contrasttheme); } .universal_hamburger_menu .hamburgerSearch .btn.gameCategoryBtn.active, .universal_hamburger_menu .hamburgerSearch .btn.gameCategoryBtn:hover { background: #191919; } .universal_hamburger_menu .hamburgerSearch .btn.gameCategoryBtn::after { border-top-color: var(--main_text); } .searchgameMobilewidgetv2 .dropdown-single2 .dropdown-single-content2 a { color: var(--main_text); } .searchgameMobilewidgetv2 .dropdown-single2 .dropdown-single-content2 a:hover, .searchgameMobilewidgetv2 .dropdown-single2 .dropdown-single-content2 a:focus { background: linear-gradient(-90deg, var(--subtheme), #800417); } .universal_hamburger_menu .hamburgerSearch .input-group { border-color: var(--contrasttheme); } .universal_hamburger_menu .hamburgerSearch .input-group .svg-icon { color: var(--main_text); } .universal_hamburger_menu .hamburgerSearch .input-group > .form-control:not(textarea), .universal_hamburger_menu .hamburgerSearch .input-group > .custom-select { color: var(--main_text); } .universal_hamburger_menu .hamburgerSearch .result-wrapper .searchgamewidgetListing li { background: transparent; border-color: var(--contrasttheme); } .universal_hamburger_menu .hamburgerSearch .result-wrapper .searchgamewidgetListing li p { color: var(--main_text) !important; } .universal_hamburger_menu .hamburgerSearch .result-wrapper #hamburger_searchgame_history_List > .badge { color: #fff; background: #800417; border-color: transparent; } .universal_hamburger_menu .hamburgerSearch .result-wrapper #hamburger_searchgame_history_List > .badge span { color: inherit; } .universal_hamburger_menu .collapse-container a { color: var(--main_text); } /* .universal_hamburger_menu .dropdown-item { color: var(--contrasttheme); } */ .universal_hamburger_menu #hamburgerCategory .collapse-container img.icon, .universal_hamburger_menu #hamburgerCategory .collapse-container [data-toggle=collapse][aria-expanded=true] img.icon { filter: invert(3%) sepia(85%) saturate(6916%) hue-rotate(346deg) brightness(80%) contrast(103%); } .universal_hamburger_menu .collapse-container [data-toggle=collapse][aria-expanded=true] { background-color: var(--subtheme); border-bottom: 1px solid var(--main_text); } .universal_hamburger_menu .collapse-container [data-toggle=collapse][aria-expanded=true]:has(+ .collapse-0) { background-color: #1f1f1f; } .universal_hamburger_menu .collapse-container [data-toggle=collapse][aria-expanded=true]:has(+ .collapse-1) { background-color: #1c1c1c; } .universal_hamburger_menu .collapse-container [data-toggle=collapse] + .collapse, .universal_hamburger_menu .collapse-container [data-toggle=collapse] + .collapsing { background-color: var(--subtheme); } .universal_hamburger_menu .collapse-container [data-toggle=collapse] + .collapse-0 { background-color: #1f1f1f; } .universal_hamburger_menu .collapse-container [data-toggle=collapse] + .collapse-1 { background-color: #1c1c1c; } .universal_hamburger_menu .collapse-container .hotnew-container { display: flex; gap: calc(var(--gap) / 2); } .universal_hamburger_menu .collapse-container .under-m, .universal_hamburger_menu .collapse-container .under-n { color: #fff; font-size: .375rem; font-weight: 500; line-height: 1; border-radius: calc(var(--gap) / 2); padding: calc(var(--gap) / 4) calc(var(--gap) / 2); margin-inline: 0 !important; } .universal_hamburger_menu .collapse-container .under-n { background: linear-gradient(180deg, #d5de68 0%, #136e0b 100%); } .universal_hamburger_menu .collapse-container .under-m { background: linear-gradient(175.96deg, #fae823 3.23%, #ff4b00 96.7%); } .universal_hamburger_menu .provider-row .provider-row-item { background: #232323 linear-gradient(180deg, #800417, #800417) repeat-x; border-radius: 0.375rem; } .universal_hamburger_menu #hamburgerCategory img.icon { filter: invert(3%) sepia(85%) saturate(6916%) hue-rotate(346deg) brightness(80%) contrast(103%); } .universal_hamburger_menu .hamburgerSearch .btn.gameCategoryBtn:hover { color: var(--main_text); } .searchgameMobilewidgetv2 .dropdown-single2 .dropdown-single-content2 { border: solid 1px var(--main_text); left: auto; } .modalCloseButton { background: transparent !important; width: 35px; } .modalCloseButton svg { color: var(--main_text); width: 100%; } .universal_hamburger_menu .aside_content-account_box .account_box-infopanel .infopanel-wallet .amount-button { color: var(--main_text); } input#FocusTextBox, input#login_sticky_password { border: 1px solid var(--contrasttheme) !important; } .dropdown-item.active, .dropdown-item:active { background: #333 !important; } @media (max-width: 480px) { .border-bottom, .pfhide { display: none; } } #NRebateClaim .button-claim-rebate { background-image: linear-gradient(to right, #800417, #800417) } #NRebateClaim .button-claim-rebate:hover { background-image: linear-gradient(to right, #800417, #800417); color: #fff; } .game-history { background: #050404; padding: 20px 10px; height: 100%; } .game-history .table { border-collapse:collapse; } .game-history table thead tr th { padding: 5px 10px !important; } .game-history tbody tr td { padding: 5px 10px; border-bottom: 2px solid black !important; } .user-info .panel-toggle { background-color: rgba(0,0,0, 1) !important; } .user-info .panel-body { background-color: rgba(0,0,0, 0.8) !important; } .allowAmountNote { font-size: 12px; color: red; display: block; } .amountNote { font-size: 12px; color: red; } .dpt-bank-img { width: 110px; } #top-Withdraw-Btn { cursor: pointer; } #top-Deposit-Btn { cursor: pointer; } .paginationjs-page.J-paginationjs-page.active{ background-color: transparent; /* background-image: linear-gradient(to right, #6a11cb, #2575fc) !important;*/ background-color: #800417; color: white !important; } .paginationjs-page.J-paginationjs-page.active a { color: white !important; background-color: transparent !important; } .paginationjs-page.J-paginationjs-page:hover:not(.active) { background-color: transparent !important; } table.table-dls.table-bordered td, table.table-dls.table-bordered th { border: 1px solid #c9c9c9; } .w-15 { width: 15%; } .w-35 { width: 35%; } table.table-transaction.table-bordered td, table.table-transaction.table-bordered th { border: 1px solid #c9c9c9; } .member-bank-list td.sticky-left { background: #f8f8f8; } .fastdeposit-step2 .whitelabel, .fastdeposit-step2 .fastDepositTimerS2 { color: black; } td.deletebtn > button { background: red; } td.deletebtn > button:hover, td.deletebtn > button:active, td.deletebtn > button:visited, td.deletebtn > button:focus { background: #d80000; } .games-inner.member-bank-list tbody td { background: #fff; color: #333; } .games-inner.member-bank-list tbody tr:nth-child(2n+2) td { background: #e2e2e2; } .games-inner.member-bank-list th, .games-inner.member-bank-list td { padding: 5px 5px; } .games-inner.member-bank-list td, .games-inner.member-bank-list th { border: 1px solid #c9c9c9; } .games-inner.member-bank-list thead { background: #201f25 !important; color: #fff; } .games-inner.member-bank-list.table-sticky thead .sticky-left { background-color: #5f5c68; } .games-inner.member-bank-list.table-sticky tbody .sticky-left { background: #e2e2e2; } .games-inner.member-bank-list.table-sticky tbody tr:nth-child(2n+2) .sticky-left { background: #d2d2d2; } .games-inner.member-crypto-list tbody td { background: #fff; color: #333; } .games-inner.member-crypto-list tbody tr:nth-child(2n+2) td { background: #e2e2e2; } .games-inner.member-crypto-list th, .games-inner.member-crypto-list td { padding: 5px 5px; } .games-inner.member-crypto-list td, .games-inner.member-crypto-list th { border: 1px solid #c9c9c9; } .games-inner.member-crypto-list thead { background: #201f25 !important; color: #fff; } .games-inner.member-crypto-list.table-sticky thead .sticky-left { background-color: #5f5c68; } .games-inner.member-crypto-list.table-sticky tbody .sticky-left { background: #e2e2e2; } .games-inner.member-crypto-list.table-sticky tbody tr:nth-child(2n+2) .sticky-left { background: #d2d2d2; } /* CRYPTO CSS START HERE */ .tab-content > .active { color: #333; } .side-panel-notification { margin: 0; padding-left: 10px; font-size: 11px; } .side-panel-notification li { list-style: decimal; margin-bottom: 10px; } .side-panel-notification li:last-child { margin-bottom: 0; } #crypto-deposite .alert-secondary { border-color: transparent; background-color: #f3f3f3; } .side-panel-notification .h4 { margin-left: -10px; margin-bottom: 10px; font-size: 14px; font-weight: 600; } .side-panel-notification .h4 i { margin-right: 8px; } .crypto-button-group label.active:after { content: '\f00c'; font-family: 'FontAwesome'; position: absolute; right: 10px; } .crypto-button-group label div { position: relative; } .crypto-button-group > .btn, .crypto-button-group > .btn-group > .btn { position: relative; padding: 8px 10px; width: 49.5%; display: inline-flex; align-items: center; justify-content: start; background: #f5f5f5; margin-bottom: 8px; } .crypto-button-group .btn.active { background: #28a745; /* border: 1px solid #ededed; */ color: #ffffff; } .crypto-button-group img { width: 30px; margin-right: 8px; } .QR-code-crypto .crypto-info { padding: 8px; } .QR-code-crypto .scanQR-crypto { width: 40%; } .QR-code-crypto .crypto-info { width: 60%; } .QR-code-crypto { display: flex; flex-wrap: wrap; align-items: center; } .QR-code-crypto span { color: #333; display: block; } .divider { padding-bottom: 8px; border-bottom: 1px dashed #e5e5e5; margin-bottom: 8px; } .crypto-info-content small { color: #1553a1; text-transform: uppercase; } .QR-code-crypto label { width: 100%; margin-bottom: 10px; word-break: break-all; text-transform: capitalize; } .scanQR-crypto .btn { background-image: linear-gradient(to right, #6a11cb, #2575fc); color: #fff; font-size: 12px; text-transform: uppercase; } .scanQR-crypto img { margin-bottom: 5px; width: 100%; } .scanQR-crypto div { border: 2px solid #ededed; border-radius: 6px; margin-bottom: 5px; padding: 8px; } .crypto_qrcode img { width: 100%; max-width: 100%; height: auto; } .QR-code-crypto span.red { color: red; text-transform: uppercase; } .button.afb01 { background-image: linear-gradient(to right, #6a11cb, #2575fc); border: none; border-radius: 2px 2px; color: white; } .hex-code-foward .form-control { display: block; position: relative; } .hex-code-foward .button { position: absolute; right: 0; top: 0; } .hex-code-foward .form-control { display: block; position: relative; } .hex-code-foward { position: relative; width: 370px; } .alert-transparent-border { background: transparent !important; border: 1px solid #e1e1e1 !important; } .countdownTimer { margin-bottom: 12px; display: inline-flex; padding: 8px 15px; background: #ffc107; border-radius: 6px; flex-wrap: wrap; justify-content: center; width: 130px; } #timer { display: block; width: 100%; text-align: center; font-size: 20px; font-weight: 500; } .crypto-history { padding: 0; } .crypto-history li { background: #f9f9f9; padding: 10px 15px; margin-bottom: 2px; display: flex; justify-content: space-between; align-items: center; } .crypto-history li div { display: flex; align-items: center; } .crypto-history li small { display: block; margin-top: 5px; font-weight: 600; } .cryptoCurrency-amount { font-size: 17px; color: #333; margin-left: 8px; } .crypto-history .h4 { font-size: 14px; margin-bottom: 5px; } .crypto-minimum-deposit { } .button-gray { background: #b4b4b4; } @media only screen and (max-width:1060px) { .crypto-button-group > .btn, .crypto-button-group > .btn-group > .btn { width: 100%; } .QR-code-crypto .scanQR-crypto, .QR-code-crypto .crypto-info { width: 100%; } .QR-code-crypto .crypto-info { padding: 0; margin-top: 15px; } .countdownTimer { width: 100%; } } @media only screen and (max-width:975px) { .crypto-button-group > .btn, .crypto-button-group > .btn-group > .btn { width: 49%; } .QR-code-crypto .scanQR-crypto { width: 40%; } .QR-code-crypto .crypto-info { width: 60%; padding: 8px; margin-top: 0; } } @media only screen and (max-width:560px) { .crypto-button-group > .btn, .crypto-button-group > .btn-group > .btn { width: 100% !important; } .QR-code-crypto .scanQR-crypto, .QR-code-crypto .crypto-info { width: 100%; } .QR-code-crypto .crypto-info { padding: 0; margin-top: 15px; } .countdownTimer { width: 100%; } .crypto-history li { flex-wrap: wrap; } .crypto-history li div { width: 100%; } .crypto-history li small { width: 100%; } } .dpt-crypto-img { width: 30px; height: 30px; } /* CRYPTO CSS END HERE */ @media only screen and (max-width: 767px) { #outer-nav-profile { overflow-x: scroll; } } /*games-history-datepicker*/ .gh-calendar-part { height: unset; width: 100%; background: #eaeaea; padding: 5px 0px; } .gh-calendar-side { display: flex; } .from-date, .end-date { box-sizing: border-box; padding: 4px 0px; position: relative; display: flex; align-items: center; background: white; width: 50%; border: 2px solid transparent; } .from-date { margin-right: 5px; } .end-date { margin-left: 5px; } .gh-calendar-part input { width: 100%; border: none !important; background: #fff !important; outline: none; padding: 10px 0px; margin-left: 0 !important; margin-right: 0 !important; } .from-date:focus-within, .end-date:focus-within { background: #800417; color: #fff } .gh-calendar-part label { color: #555; white-space: nowrap; margin-bottom: 0px; text-transform: capitalize; margin-top: 0; } .from-date i.fa.fa-calendar-o, .end-date i.fa.fa-calendar-o { color: #555; } .from-date:focus-within label, .end-date:focus-within label { color: #fff } .from-date:focus-within input, .end-date:focus-within input { background: #800417 !important; color: #fff !important; } .from-date:focus-within input::placeholder, .end-date:focus-within input::placeholder { color: #fff } .from-date:focus-within input:focus, .end-date:focus-within input:focus { color: #fff; } .ui-datepicker .ui-datepicker-header { background: #800417; color: #fff; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: none; background: none; } .ui-datepicker .ui-datepicker-prev-hover { top: 2px; left: 2px; } .ui-datepicker .ui-datepicker-next-hover { top: 2px; right: 2px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(165deg) brightness(106%) contrast(101%); } .from-date:focus-within i.fa.fa-calendar-o, .end-date:focus-within i.fa.fa-calendar-o { color: #fff; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #800417; background: #800417; font-weight: normal; color: #fff; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #800417; background: #800417; font-weight: normal; color: #fff; } #WithdrawalTabContent .input-group-append, #DepositTabContent .input-group-append, #WithdrawalTabContent .input-group-prepend, #DepositTabContent .input-group-prepend { height: calc(1.2em + 0.75rem + 2px); } #WithdrawalTabContent .input-group-text:hover, #DepositTabContent .input-group-text:hover { color: #fff; background-color: #5a6268; border-color: #545b62 } #WithdrawalTabContent .input-group-text.focus, #DepositTabContent .input-group-text.focus { color: #fff; background-color: #5a6268; border-color: #545b62; box-shadow: 0 0 0 .2rem rgba(130,138,145,.5) } .promoimg img { /*height: 300px; object-fit: cover;*/ width:100%; } .promobtn { /* float: right;*/ } .promobtn:hover { /* color: white;*/ } .promo-content { text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .promo-text { margin-top: 50px; } .promo-text ol li { list-style: decimal; } .promo-text ul li { list-style: inside; } .blog-title { color: #fff; margin: 5px auto; overflow-x: auto; } .blog-title span { /*color: #ff8d00;*/ font-weight: 500; } .blog-title p, .blog-title ul li, .blog-title ol li { color: var(--light); font-size: 12px; font-weight: 300; } .blog-title ol { padding: 15px; } .blog-title ol li a { color: #00e7ef; } .blog-title h3, .blog-title .h3 { margin: 0 auto; font-size: 16px; text-transform: uppercase; font-weight: 400; padding: 0 0 5px; } .blog-aside { color: #fff; } .promo_preview .h4 a { font-size: 16px; color: var(--cd-color-2); margin-top: 10px; } .promo_preview p { color: var(--cd-color-2); font-size: 12px; line-height: 15px; margin: 0; font-weight:300; } .user-profile { width: 100%; color: black; } .user-profile, .detail-one .h3 { display: inline-block; } .detail-one-wrapper { display: inline-block; float: right; } .detail-one-wrapper button { color:#ff8d00 !important; padding: 15px 5px !important; } .detail-one-wrapper i { margin-left: 15px; } @media only screen and (max-width: 320px) { .user-profile, .detail-one h3 { margin-bottom: 0; } .detail-one-wrapper button { padding: 0 0 15px 0 !important; } .detail-one-wrapper { float:left; } } .mega88-promotion_list .vl { display: inline; height: 100%; border-left: 5px solid var(--maintheme); margin-right: 0.4rem; } /* Dropdown Menu */ .promotion-filter { color: #fff; } /*countdown css*/ .promotion-image-container { position: relative; display: inline-block; width: 100%; } .promotion-countdown-container { position: absolute; bottom: 0; left: 0; background: #0000008f; padding: .1em; color: #fff; display: flex; gap: .2em; align-items: center; font-size: 14px; width: auto; } .promotion-countdown-item { display: flex; flex-direction: column; align-items: center; width: 35px; } .promotion-countdown-label { font-size: .5em; } .promotion-countdown-number { font-size: .8rem; } .promotion-countdown-colon { margin-top: .5em; } .memtranstxtbox { margin-bottom: 10px; } .memtranstxtbox p { margin-top: 0; margin-bottom: 3px; } .fileinput input { background: none; padding: 10px 0px; } @charset "UTF-8"; /* bootstrap */ /* required */ /*! * Bootstrap v4.6.0 (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 { --blue: #4193d7; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --black: #000; --navy: #005498; --darkBlue: #13335e; --maintheme: #800417; --primary: #4193d7; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --black: #000; --navy: #005498; --darkBlue: #13335e; --maintheme: #800417; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --breakpoint-xxl: 1400px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: #4193d7; text-decoration: none; background-color: transparent; } a:hover { color: #236ca8; text-decoration: underline; } a:not([href]):not([class]) { color: inherit; text-decoration: none; } a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; text-align: -webkit-match-parent; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } [role=button] { cursor: pointer; } select { word-wrap: normal; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { cursor: pointer; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { padding: 0; border-style: none; } input[type=radio], input[type=checkbox] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { outline-offset: -2px; -webkit-appearance: none; } [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; } h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 80%; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; color: #6c757d; } .blockquote-footer::before { content: "— "; } .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: 90%; color: #6c757d; } code { font-size: 87.5%; color: #e83e8c; word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container-sm, .container { max-width: 540px; } } @media (min-width: 768px) { .container-md, .container-sm, .container { max-width: 720px; } } @media (min-width: 992px) { .container-lg, .container-md, .container-sm, .container { max-width: 960px; } } @media (min-width: 1200px) { .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1140px; } } @media (min-width: 1400px) { .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1280px; } } .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*=col-] { padding-right: 0; padding-left: 0; } .col-xxl, .col-xxl-auto, .col-xxl-12, .col-xxl-11, .col-xxl-10, .col-xxl-9, .col-xxl-8, .col-xxl-7, .col-xxl-6, .col-xxl-5, .col-xxl-4, .col-xxl-3, .col-xxl-2, .col-xxl-1, .col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-1 { margin-left: 8.3333333333%; } .offset-2 { margin-left: 16.6666666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.3333333333%; } .offset-5 { margin-left: 41.6666666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.3333333333%; } .offset-8 { margin-left: 66.6666666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.3333333333%; } .offset-11 { margin-left: 91.6666666667%; } @media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-sm-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-sm-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-sm-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-sm-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-sm-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-sm-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-sm-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-sm-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-sm-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-sm-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-sm-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-sm-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-sm-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-sm-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-sm-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-sm-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-sm-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-sm-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-sm-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-sm-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-sm-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-sm-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-sm-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-sm-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.3333333333%; } .offset-sm-2 { margin-left: 16.6666666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.3333333333%; } .offset-sm-5 { margin-left: 41.6666666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.3333333333%; } .offset-sm-8 { margin-left: 66.6666666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.3333333333%; } .offset-sm-11 { margin-left: 91.6666666667%; } } @media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-md-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-md-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-md-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-md-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-md-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-md-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-md-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-md-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-md-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-md-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-md-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-md-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-md-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-md-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-md-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-md-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-md-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-md-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-md-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-md-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-md-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.3333333333%; } .offset-md-2 { margin-left: 16.6666666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.3333333333%; } .offset-md-5 { margin-left: 41.6666666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.3333333333%; } .offset-md-8 { margin-left: 66.6666666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.3333333333%; } .offset-md-11 { margin-left: 91.6666666667%; } } @media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-lg-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-lg-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-lg-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-lg-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-lg-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-lg-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-lg-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-lg-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-lg-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-lg-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-lg-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-lg-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-lg-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-lg-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-lg-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-lg-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-lg-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-lg-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-lg-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.3333333333%; } .offset-lg-2 { margin-left: 16.6666666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.3333333333%; } .offset-lg-5 { margin-left: 41.6666666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.3333333333%; } .offset-lg-8 { margin-left: 66.6666666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.3333333333%; } .offset-lg-11 { margin-left: 91.6666666667%; } } @media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-xl-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-xl-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-xl-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-xl-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-xl-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-xl-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-xl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-xl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-xl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-xl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-xl-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-xl-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-xl-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-xl-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-xl-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-xl-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-xl-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-xl-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-xl-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-xl-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-xl-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-xl-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-xl-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-xl-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.3333333333%; } .offset-xl-2 { margin-left: 16.6666666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.3333333333%; } .offset-xl-5 { margin-left: 41.6666666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.3333333333%; } .offset-xl-8 { margin-left: 66.6666666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.3333333333%; } .offset-xl-11 { margin-left: 91.6666666667%; } } @media (min-width: 1400px) { .col-xxl { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-xxl-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-xxl-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-xxl-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-xxl-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-xxl-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-xxl-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xxl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-xxl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-xxl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xxl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xxl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-xxl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-xxl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xxl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-xxl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-xxl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xxl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-xxl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-xxl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xxl-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-xxl-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-xxl-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-xxl-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-xxl-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-xxl-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-xxl-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-xxl-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-xxl-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-xxl-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-xxl-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-xxl-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-xxl-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-xxl-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-xxl-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.3333333333%; } .offset-xxl-2 { margin-left: 16.6666666667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.3333333333%; } .offset-xxl-5 { margin-left: 41.6666666667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.3333333333%; } .offset-xxl-8 { margin-left: 66.6666666667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.3333333333%; } .offset-xxl-11 { margin-left: 91.6666666667%; } } .table { width: 100%; margin-bottom: 1rem; color: #212529; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; } .table tbody + tbody { border-top: 2px solid #dee2e6; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #dee2e6; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { color: #212529; background-color: rgba(0, 0, 0, 0.075); } .table-primary, .table-primary > th, .table-primary > td { background-color: #cae1f4; } .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: #9cc7ea; } .table-hover .table-primary:hover { background-color: #b5d5f0; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #b5d5f0; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #d6d8db; } .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { border-color: #b3b7bb; } .table-hover .table-secondary:hover { background-color: #c8cbcf; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #c8cbcf; } .table-success, .table-success > th, .table-success > td { background-color: #c3e6cb; } .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody { border-color: #8fd19e; } .table-hover .table-success:hover { background-color: #b1dfbb; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #b1dfbb; } .table-info, .table-info > th, .table-info > td { background-color: #bee5eb; } .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody { border-color: #86cfda; } .table-hover .table-info:hover { background-color: #abdde5; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #abdde5; } .table-warning, .table-warning > th, .table-warning > td { background-color: #ffeeba; } .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody { border-color: #ffdf7e; } .table-hover .table-warning:hover { background-color: #ffe8a1; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #ffe8a1; } .table-danger, .table-danger > th, .table-danger > td { background-color: #f5c6cb; } .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody { border-color: #ed969e; } .table-hover .table-danger:hover { background-color: #f1b0b7; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #f1b0b7; } .table-light, .table-light > th, .table-light > td { background-color: #fdfdfe; } .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody { border-color: #fbfcfc; } .table-hover .table-light:hover { background-color: #ececf6; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #ececf6; } .table-dark, .table-dark > th, .table-dark > td { background-color: #c6c8ca; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #95999c; } .table-hover .table-dark:hover { background-color: #b9bbbe; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b9bbbe; } .table-black, .table-black > th, .table-black > td { background-color: #b8b8b8; } .table-black th, .table-black td, .table-black thead th, .table-black tbody + tbody { border-color: #7a7a7a; } .table-hover .table-black:hover { background-color: #ababab; } .table-hover .table-black:hover > td, .table-hover .table-black:hover > th { background-color: #ababab; } .table-navy, .table-navy > th, .table-navy > td { background-color: #b8cfe2; } .table-navy th, .table-navy td, .table-navy thead th, .table-navy tbody + tbody { border-color: #7aa6c9; } .table-hover .table-navy:hover { background-color: #a6c3db; } .table-hover .table-navy:hover > td, .table-hover .table-navy:hover > th { background-color: #a6c3db; } .table-darkBlue, .table-darkBlue > th, .table-darkBlue > td { background-color: #bdc6d2; } .table-darkBlue th, .table-darkBlue td, .table-darkBlue thead th, .table-darkBlue tbody + tbody { border-color: #8495ab; } .table-hover .table-darkBlue:hover { background-color: #aeb9c8; } .table-hover .table-darkBlue:hover > td, .table-hover .table-darkBlue:hover > th { background-color: #aeb9c8; } .table-maintheme, .table-maintheme > th, .table-maintheme > td { background-color: #dbb9be; } .table-maintheme th, .table-maintheme td, .table-maintheme thead th, .table-maintheme tbody + tbody { border-color: #bd7c86; } .table-hover .table-maintheme:hover { background-color: #d2a8ae; } .table-hover .table-maintheme:hover > td, .table-hover .table-maintheme:hover > th { background-color: #d2a8ae; } .table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th { color: #fff; background-color: #343a40; border-color: #454d55; } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; } .table-dark { color: #fff; background-color: #343a40; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #454d55; } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { color: #fff; background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xl > .table-bordered { border: 0; } } @media (max-width: 1399.98px) { .table-responsive-xxl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xxl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive > .table-bordered { border: 0; } .form-control { display: block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { -webkit-transition: none; transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } .form-control:focus { color: #495057; background-color: #fff; border-color: #aacfed; outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(65, 147, 215, 0.25); box-shadow: 0 0 0 0.2rem rgba(65, 147, 215, 0.25); } .form-control::-webkit-input-placeholder { color: #6c757d; opacity: 1; } .form-control::-moz-placeholder { color: #6c757d; opacity: 1; } .form-control::-ms-input-placeholder { color: #6c757d; opacity: 1; } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none; } select.form-control:focus::-ms-value { color: #495057; background-color: #fff; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(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; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0; margin-bottom: 0; font-size: 1rem; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .form-control-lg { height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } select.form-control[size], select.form-control[multiple] { height: auto; } textarea.form-control { height: auto; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*=col-] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { color: #6c757d; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #28a745; } .valid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(40, 167, 69, 0.9); border-radius: 0.25rem; } .form-row > .col > .valid-tooltip, .form-row > [class*=col-] > .valid-tooltip { left: 5px; } .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control:valid, .form-control.is-valid { border-color: #28a745; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #28a745; -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 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); } .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #28a745; padding-right: calc(0.75em + 2.3125rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat; } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #28a745; -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #28a745; } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #28a745; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #28a745; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: #34ce57; background-color: #34ce57; } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { border-color: #28a745; } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #28a745; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #28a745; -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #dc3545; } .invalid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; } .form-row > .col > .invalid-tooltip, .form-row > [class*=col-] > .invalid-tooltip { left: 5px; } .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #dc3545; -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); box-shadow: 0 0 0 0.2rem 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); } .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #dc3545; padding-right: calc(0.75em + 2.3125rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat; } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #dc3545; -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #dc3545; } .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #dc3545; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #dc3545; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #e4606d; background-color: #e4606d; } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: #dc3545; } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #dc3545; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #dc3545; -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .form-inline { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { 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; margin-bottom: 0; } .form-inline .form-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { 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: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; -ms-flex-negative: 0; flex-shrink: 0; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-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, -webkit-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; 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, -webkit-box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { -webkit-transition: none; transition: none; } } .btn:hover { color: #212529; text-decoration: none; } .btn:focus, .btn.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(65, 147, 215, 0.25); box-shadow: 0 0 0 0.2rem rgba(65, 147, 215, 0.25); } .btn.disabled, .btn:disabled { opacity: 0.65; } .btn:not(:disabled):not(.disabled) { cursor: pointer; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: #fff; background-color: #4193d7; border-color: #4193d7; } .btn-primary:hover { color: #fff; background-color: #2a80c8; border-color: #2879bd; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #2a80c8; border-color: #2879bd; -webkit-box-shadow: 0 0 0 0.2rem rgba(94, 163, 221, 0.5); box-shadow: 0 0 0 0.2rem rgba(94, 163, 221, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #4193d7; border-color: #4193d7; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #2879bd; border-color: #2673b3; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(94, 163, 221, 0.5); box-shadow: 0 0 0 0.2rem rgba(94, 163, 221, 0.5); } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: #545b62; } .btn-secondary:focus, .btn-secondary.focus { color: #fff; background-color: #5a6268; border-color: #545b62; -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #545b62; border-color: #4e555b; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .btn-success { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:hover { color: #fff; background-color: #218838; border-color: #1e7e34; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #218838; border-color: #1e7e34; -webkit-box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #1e7e34; border-color: #1c7430; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .btn-info { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:hover { color: #fff; background-color: #138496; border-color: #117a8b; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #138496; border-color: #117a8b; -webkit-box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #117a8b; border-color: #10707f; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .btn-warning { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:hover { color: #212529; background-color: #e0a800; border-color: #d39e00; } .btn-warning:focus, .btn-warning.focus { color: #212529; background-color: #e0a800; border-color: #d39e00; -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #d39e00; border-color: #c69500; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:hover { color: #fff; background-color: #c82333; border-color: #bd2130; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #c82333; border-color: #bd2130; -webkit-box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #bd2130; border-color: #b21f2d; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } .btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; } .btn-light:focus, .btn-light.focus { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; -webkit-box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } .btn-dark { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:hover { color: #fff; background-color: #23272b; border-color: #1d2124; } .btn-dark:focus, .btn-dark.focus { color: #fff; background-color: #23272b; border-color: #1d2124; -webkit-box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1d2124; border-color: #171a1d; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } .btn-black { color: #fff; background-color: #000; border-color: #000; } .btn-black:hover { color: #fff; background-color: black; border-color: black; } .btn-black:focus, .btn-black.focus { color: #fff; background-color: black; border-color: black; -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 38, 38, 0.5); box-shadow: 0 0 0 0.2rem rgba(38, 38, 38, 0.5); } .btn-black.disabled, .btn-black:disabled { color: #fff; background-color: #000; border-color: #000; } .btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { color: #fff; background-color: black; border-color: black; } .btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 38, 38, 0.5); box-shadow: 0 0 0 0.2rem rgba(38, 38, 38, 0.5); } .btn-navy { color: #fff; background-color: #005498; border-color: #005498; } .btn-navy:hover { color: #fff; background-color: #003f72; border-color: #003865; } .btn-navy:focus, .btn-navy.focus { color: #fff; background-color: #003f72; border-color: #003865; -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 110, 167, 0.5); box-shadow: 0 0 0 0.2rem rgba(38, 110, 167, 0.5); } .btn-navy.disabled, .btn-navy:disabled { color: #fff; background-color: #005498; border-color: #005498; } .btn-navy:not(:disabled):not(.disabled):active, .btn-navy:not(:disabled):not(.disabled).active, .show > .btn-navy.dropdown-toggle { color: #fff; background-color: #003865; border-color: #003158; } .btn-navy:not(:disabled):not(.disabled):active:focus, .btn-navy:not(:disabled):not(.disabled).active:focus, .show > .btn-navy.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 110, 167, 0.5); box-shadow: 0 0 0 0.2rem rgba(38, 110, 167, 0.5); } .btn-darkBlue { color: #fff; background-color: #13335e; border-color: #13335e; } .btn-darkBlue:hover { color: #fff; background-color: #0d223e; border-color: #0a1c34; } .btn-darkBlue:focus, .btn-darkBlue.focus { color: #fff; background-color: #0d223e; border-color: #0a1c34; -webkit-box-shadow: 0 0 0 0.2rem rgba(54, 82, 118, 0.5); box-shadow: 0 0 0 0.2rem rgba(54, 82, 118, 0.5); } .btn-darkBlue.disabled, .btn-darkBlue:disabled { color: #fff; background-color: #13335e; border-color: #13335e; } .btn-darkBlue:not(:disabled):not(.disabled):active, .btn-darkBlue:not(:disabled):not(.disabled).active, .show > .btn-darkBlue.dropdown-toggle { color: #fff; background-color: #0a1c34; border-color: #081629; } .btn-darkBlue:not(:disabled):not(.disabled):active:focus, .btn-darkBlue:not(:disabled):not(.disabled).active:focus, .show > .btn-darkBlue.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(54, 82, 118, 0.5); box-shadow: 0 0 0 0.2rem rgba(54, 82, 118, 0.5); } .btn-maintheme { color: #fff; background-color: #800417; border-color: #800417; } .btn-maintheme:hover { color: #fff; background-color: #5b0310; border-color: #4f020e; } .btn-maintheme:focus, .btn-maintheme.focus { color: #fff; background-color: #5b0310; border-color: #4f020e; -webkit-box-shadow: 0 0 0 0.2rem rgba(147, 42, 58, 0.5); box-shadow: 0 0 0 0.2rem rgba(147, 42, 58, 0.5); } .btn-maintheme.disabled, .btn-maintheme:disabled { color: #fff; background-color: #800417; border-color: #800417; } .btn-maintheme:not(:disabled):not(.disabled):active, .btn-maintheme:not(:disabled):not(.disabled).active, .show > .btn-maintheme.dropdown-toggle { color: #fff; background-color: #4f020e; border-color: #42020c; } .btn-maintheme:not(:disabled):not(.disabled):active:focus, .btn-maintheme:not(:disabled):not(.disabled).active:focus, .show > .btn-maintheme.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(147, 42, 58, 0.5); box-shadow: 0 0 0 0.2rem rgba(147, 42, 58, 0.5); } .btn-outline-primary { color: #4193d7; border-color: #4193d7; } .btn-outline-primary:hover { color: #fff; background-color: #4193d7; border-color: #4193d7; } .btn-outline-primary:focus, .btn-outline-primary.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(65, 147, 215, 0.5); box-shadow: 0 0 0 0.2rem rgba(65, 147, 215, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #4193d7; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #4193d7; border-color: #4193d7; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(65, 147, 215, 0.5); box-shadow: 0 0 0 0.2rem rgba(65, 147, 215, 0.5); } .btn-outline-secondary { color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-success { color: #28a745; border-color: #28a745; } .btn-outline-success:hover { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:focus, .btn-outline-success.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #28a745; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-info { color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:hover { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:focus, .btn-outline-info.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #17a2b8; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-warning { color: #ffc107; border-color: #ffc107; } .btn-outline-warning:hover { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:focus, .btn-outline-warning.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-danger { color: #dc3545; border-color: #dc3545; } .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:focus, .btn-outline-danger.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #dc3545; background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:focus, .btn-outline-light.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-dark { color: #343a40; border-color: #343a40; } .btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:focus, .btn-outline-dark.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #343a40; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-outline-black { color: #000; border-color: #000; } .btn-outline-black:hover { color: #fff; background-color: #000; border-color: #000; } .btn-outline-black:focus, .btn-outline-black.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); } .btn-outline-black.disabled, .btn-outline-black:disabled { color: #000; background-color: transparent; } .btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { color: #fff; background-color: #000; border-color: #000; } .btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); } .btn-outline-navy { color: #005498; border-color: #005498; } .btn-outline-navy:hover { color: #fff; background-color: #005498; border-color: #005498; } .btn-outline-navy:focus, .btn-outline-navy.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 84, 152, 0.5); box-shadow: 0 0 0 0.2rem rgba(0, 84, 152, 0.5); } .btn-outline-navy.disabled, .btn-outline-navy:disabled { color: #005498; background-color: transparent; } .btn-outline-navy:not(:disabled):not(.disabled):active, .btn-outline-navy:not(:disabled):not(.disabled).active, .show > .btn-outline-navy.dropdown-toggle { color: #fff; background-color: #005498; border-color: #005498; } .btn-outline-navy:not(:disabled):not(.disabled):active:focus, .btn-outline-navy:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-navy.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 84, 152, 0.5); box-shadow: 0 0 0 0.2rem rgba(0, 84, 152, 0.5); } .btn-outline-darkBlue { color: #13335e; border-color: #13335e; } .btn-outline-darkBlue:hover { color: #fff; background-color: #13335e; border-color: #13335e; } .btn-outline-darkBlue:focus, .btn-outline-darkBlue.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(19, 51, 94, 0.5); box-shadow: 0 0 0 0.2rem rgba(19, 51, 94, 0.5); } .btn-outline-darkBlue.disabled, .btn-outline-darkBlue:disabled { color: #13335e; background-color: transparent; } .btn-outline-darkBlue:not(:disabled):not(.disabled):active, .btn-outline-darkBlue:not(:disabled):not(.disabled).active, .show > .btn-outline-darkBlue.dropdown-toggle { color: #fff; background-color: #13335e; border-color: #13335e; } .btn-outline-darkBlue:not(:disabled):not(.disabled):active:focus, .btn-outline-darkBlue:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-darkBlue.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(19, 51, 94, 0.5); box-shadow: 0 0 0 0.2rem rgba(19, 51, 94, 0.5); } .btn-outline-maintheme { color: #800417; border-color: #800417; } .btn-outline-maintheme:hover { color: #fff; background-color: #800417; border-color: #800417; } .btn-outline-maintheme:focus, .btn-outline-maintheme.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(128, 4, 23, 0.5); box-shadow: 0 0 0 0.2rem rgba(128, 4, 23, 0.5); } .btn-outline-maintheme.disabled, .btn-outline-maintheme:disabled { color: #800417; background-color: transparent; } .btn-outline-maintheme:not(:disabled):not(.disabled):active, .btn-outline-maintheme:not(:disabled):not(.disabled).active, .show > .btn-outline-maintheme.dropdown-toggle { color: #fff; background-color: #800417; border-color: #800417; } .btn-outline-maintheme:not(:disabled):not(.disabled):active:focus, .btn-outline-maintheme:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-maintheme.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(128, 4, 23, 0.5); box-shadow: 0 0 0 0.2rem rgba(128, 4, 23, 0.5); } .btn-link { font-weight: 400; color: #4193d7; text-decoration: none; } .btn-link:hover { color: #236ca8; text-decoration: underline; } .btn-link:focus, .btn-link.focus { text-decoration: underline; } .btn-link:disabled, .btn-link.disabled { color: #6c757d; pointer-events: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type=submit].btn-block, input[type=reset].btn-block, input[type=button].btn-block { width: 100%; } .fade { -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { -webkit-transition: none; transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { -webkit-transition: none; transition: none; } } .dropup, .dropright, .dropdown, .dropleft { 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; 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-menu-left { right: auto; left: 0; } .dropdown-menu-right { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-left { right: auto; left: 0; } .dropdown-menu-sm-right { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-left { right: auto; left: 0; } .dropdown-menu-md-right { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-left { right: auto; left: 0; } .dropdown-menu-lg-right { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-left { right: auto; left: 0; } .dropdown-menu-xl-right { right: 0; left: auto; } } @media (min-width: 1400px) { .dropdown-menu-xxl-left { right: auto; left: 0; } .dropdown-menu-xxl-right { right: 0; left: auto; } } .dropup .dropdown-menu { 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; } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropright .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; } .dropright .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .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; } .dropleft .dropdown-toggle:empty::after { margin-left: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { right: auto; bottom: auto; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #e9ecef; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #4193d7; } .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 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #212529; } .btn-group, .btn-group-vertical { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-toolbar { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: -1px; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0; } .dropleft .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } .btn-group-toggle > .btn input[type=radio], .btn-group-toggle > .btn input[type=checkbox], .btn-group-toggle > .btn-group > .btn input[type=radio], .btn-group-toggle > .btn-group > .btn input[type=checkbox] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; min-width: 0; margin-bottom: 0; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; } .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; } .input-group > .custom-file .custom-file-input:focus { z-index: 4; } .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .custom-file { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group:not(.has-validation) > .form-control:not(:last-child), .input-group:not(.has-validation) > .custom-select:not(:last-child), .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group.has-validation > .form-control:nth-last-child(n+3), .input-group.has-validation > .custom-select:nth-last-child(n+3), .input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-prepend, .input-group-append { display: -webkit-box; display: -ms-flexbox; display: flex; } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } .input-group-prepend .btn:focus, .input-group-append .btn:focus { z-index: 3; } .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem; } .input-group-text input[type=radio], .input-group-text input[type=checkbox] { margin-top: 0; } .input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select { height: calc(1.5em + 1rem + 2px); } .input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select { height: calc(1.5em + 0.5rem + 2px); } .input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 1.75rem; } .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text, .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .btn, .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .custom-control { position: relative; z-index: 1; display: block; min-height: 1.5rem; padding-left: 1.5rem; color-adjust: exact; } .custom-control-inline { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; left: 0; z-index: -1; width: 1rem; height: 1.25rem; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #4193d7; background-color: #4193d7; } .custom-control-input:focus ~ .custom-control-label::before { -webkit-box-shadow: 0 0 0 0.2rem rgba(65, 147, 215, 0.25); box-shadow: 0 0 0 0.2rem rgba(65, 147, 215, 0.25); } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #aacfed; } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: #d4e7f6; border-color: #d4e7f6; } .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; } .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; } .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; } .custom-control-label::before { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: #adb5bd solid 1px; } .custom-control-label::after { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: 50%/50% 50% no-repeat; } .custom-checkbox .custom-control-label::before { border-radius: 0.25rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #4193d7; background-color: #4193d7; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(65, 147, 215, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(65, 147, 215, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(65, 147, 215, 0.5); } .custom-switch { padding-left: 2.25rem; } .custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: 0.5rem; } .custom-switch .custom-control-label::after { top: calc(0.25rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: 0.5rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: transform 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: transform 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, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { -webkit-transition: none; transition: none; } } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; -webkit-transform: translateX(0.75rem); transform: translateX(0.75rem); } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(65, 147, 215, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat; border: 1px solid #ced4da; border-radius: 0.25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-select:focus { border-color: #aacfed; outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(65, 147, 215, 0.25); box-shadow: 0 0 0 0.2rem rgba(65, 147, 215, 0.25); } .custom-select:focus::-ms-value { color: #495057; background-color: #fff; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; } .custom-select:disabled { color: #6c757d; background-color: #e9ecef; } .custom-select::-ms-expand { display: none; } .custom-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } .custom-select-sm { height: calc(1.5em + 0.5rem + 2px); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; } .custom-select-lg { height: calc(1.5em + 1rem + 2px); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin: 0; overflow: hidden; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: #aacfed; -webkit-box-shadow: 0 0 0 0.2rem rgba(65, 147, 215, 0.25); box-shadow: 0 0 0 0.2rem rgba(65, 147, 215, 0.25); } .custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { background-color: #e9ecef; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse); } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; overflow: hidden; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.5em + 0.75rem); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0 0.25rem 0.25rem 0; } .custom-range { width: 100%; height: 1.4rem; padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-range:focus { outline: 0; } .custom-range:focus::-webkit-slider-thumb { -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(65, 147, 215, 0.25); box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(65, 147, 215, 0.25); } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(65, 147, 215, 0.25); } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(65, 147, 215, 0.25); } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #4193d7; border: 0; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-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; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -webkit-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { -webkit-transition: none; transition: none; } } .custom-range::-webkit-slider-thumb:active { background-color: #d4e7f6; } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #4193d7; border: 0; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-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; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -moz-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { -webkit-transition: none; transition: none; } } .custom-range::-moz-range-thumb:active { background-color: #d4e7f6; } .custom-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: 0.2rem; margin-left: 0.2rem; background-color: #4193d7; border: 0; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-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; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { -webkit-transition: none; transition: none; } } .custom-range::-ms-thumb:active { background-color: #d4e7f6; } .custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; } .custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem; } .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem; } .custom-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default; } .custom-range:disabled::-moz-range-thumb { background-color: #adb5bd; } .custom-range:disabled::-moz-range-track { cursor: default; } .custom-range:disabled::-ms-thumb { background-color: #adb5bd; } .custom-control-label::before, .custom-file-label, .custom-select { -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-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; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select { -webkit-transition: none; transition: none; } } .nav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-link { margin-bottom: -1px; border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #4193d7; } .nav-fill > .nav-link, .nav-fill .nav-item { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; } .nav-justified > .nav-link, .nav-justified .nav-item { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0.5rem 1rem; } .navbar .container, .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl, .navbar .container-xxl { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: center; -ms-flex-align: center; 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; } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: 50%/100% 100% no-repeat; } .navbar-nav-scroll { max-height: 75vh; overflow-y: auto; } @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl, .navbar-expand-sm > .container-xxl { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-expand-sm { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl, .navbar-expand-sm > .container-xxl { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-sm .navbar-nav-scroll { overflow: visible; } .navbar-expand-sm .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl, .navbar-expand-md > .container-xxl { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-md .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl, .navbar-expand-md > .container-xxl { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-md .navbar-nav-scroll { overflow: visible; } .navbar-expand-md .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl, .navbar-expand-lg > .container-xxl { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl, .navbar-expand-lg > .container-xxl { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-lg .navbar-nav-scroll { overflow: visible; } .navbar-expand-lg .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl, .navbar-expand-xl > .container-xxl { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-expand-xl { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl, .navbar-expand-xl > .container-xxl { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-xl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xl .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } @media (max-width: 1399.98px) { .navbar-expand-xxl > .container, .navbar-expand-xxl > .container-fluid, .navbar-expand-xxl > .container-sm, .navbar-expand-xxl > .container-md, .navbar-expand-xxl > .container-lg, .navbar-expand-xxl > .container-xl, .navbar-expand-xxl > .container-xxl { padding-right: 0; padding-left: 0; } } @media (min-width: 1400px) { .navbar-expand-xxl { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-xxl .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; 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 > .container, .navbar-expand-xxl > .container-fluid, .navbar-expand-xxl > .container-sm, .navbar-expand-xxl > .container-md, .navbar-expand-xxl > .container-lg, .navbar-expand-xxl > .container-xl, .navbar-expand-xxl > .container-xxl { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-xxl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xxl .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-xxl .navbar-toggler { display: none; } } .navbar-expand { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl, .navbar-expand > .container-xxl { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; 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 > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl, .navbar-expand > .container-xxl { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand .navbar-nav-scroll { overflow: visible; } .navbar-expand .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { 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 .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); 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' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { 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 .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); 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' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a { color: #fff; } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; } .card { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 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 { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 1px; padding: 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card-header { padding: 0.75rem 1.25rem; 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.75rem 1.25rem; 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.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; border-radius: calc(0.25rem - 1px); } .card-img, .card-img-top, .card-img-bottom { -ms-flex-negative: 0; flex-shrink: 0; 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-deck .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-deck { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } } .card-group > .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .card-group > .card { -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .card-columns .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .accordion { overflow-anchor: none; } .accordion > .card { overflow: hidden; } .accordion > .card:not(:last-of-type) { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion > .card:not(:first-of-type) { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion > .card > .card-header { border-radius: 0; margin-bottom: -1px; } .breadcrumb { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: 0.25rem; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { float: left; padding-right: 0.5rem; color: #6c757d; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #6c757d; } .pagination { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #4193d7; background-color: #fff; border: 1px solid #dee2e6; } .page-link:hover { z-index: 2; color: #236ca8; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 3; outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(65, 147, 215, 0.25); box-shadow: 0 0 0 0.2rem rgba(65, 147, 215, 0.25); } .page-item:first-child .page-link { margin-left: 0; 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; } .page-item.active .page-link { z-index: 3; color: #fff; background-color: #4193d7; border-color: #4193d7; } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; } .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; line-height: 1.5; } .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.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-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, -webkit-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; 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, -webkit-box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .badge { -webkit-transition: none; transition: none; } } a.badge:hover, a.badge:focus { text-decoration: none; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-primary { color: #fff; background-color: #4193d7; } a.badge-primary:hover, a.badge-primary:focus { color: #fff; background-color: #2879bd; } a.badge-primary:focus, a.badge-primary.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(65, 147, 215, 0.5); box-shadow: 0 0 0 0.2rem rgba(65, 147, 215, 0.5); } .badge-secondary { color: #fff; background-color: #6c757d; } a.badge-secondary:hover, a.badge-secondary:focus { color: #fff; background-color: #545b62; } a.badge-secondary:focus, a.badge-secondary.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .badge-success { color: #fff; background-color: #28a745; } a.badge-success:hover, a.badge-success:focus { color: #fff; background-color: #1e7e34; } a.badge-success:focus, a.badge-success.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .badge-info { color: #fff; background-color: #17a2b8; } a.badge-info:hover, a.badge-info:focus { color: #fff; background-color: #117a8b; } a.badge-info:focus, a.badge-info.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .badge-warning { color: #212529; background-color: #ffc107; } a.badge-warning:hover, a.badge-warning:focus { color: #212529; background-color: #d39e00; } a.badge-warning:focus, a.badge-warning.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .badge-danger { color: #fff; background-color: #dc3545; } a.badge-danger:hover, a.badge-danger:focus { color: #fff; background-color: #bd2130; } a.badge-danger:focus, a.badge-danger.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .badge-light { color: #212529; background-color: #f8f9fa; } a.badge-light:hover, a.badge-light:focus { color: #212529; background-color: #dae0e5; } a.badge-light:focus, a.badge-light.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .badge-dark { color: #fff; background-color: #343a40; } a.badge-dark:hover, a.badge-dark:focus { color: #fff; background-color: #1d2124; } a.badge-dark:focus, a.badge-dark.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .badge-black { color: #fff; background-color: #000; } a.badge-black:hover, a.badge-black:focus { color: #fff; background-color: black; } a.badge-black:focus, a.badge-black.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); } .badge-navy { color: #fff; background-color: #005498; } a.badge-navy:hover, a.badge-navy:focus { color: #fff; background-color: #003865; } a.badge-navy:focus, a.badge-navy.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 84, 152, 0.5); box-shadow: 0 0 0 0.2rem rgba(0, 84, 152, 0.5); } .badge-darkBlue { color: #fff; background-color: #13335e; } a.badge-darkBlue:hover, a.badge-darkBlue:focus { color: #fff; background-color: #0a1c34; } a.badge-darkBlue:focus, a.badge-darkBlue.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(19, 51, 94, 0.5); box-shadow: 0 0 0 0.2rem rgba(19, 51, 94, 0.5); } .badge-maintheme { color: #fff; background-color: #800417; } a.badge-maintheme:hover, a.badge-maintheme:focus { color: #fff; background-color: #4f020e; } a.badge-maintheme:focus, a.badge-maintheme.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(128, 4, 23, 0.5); box-shadow: 0 0 0 0.2rem rgba(128, 4, 23, 0.5); } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 0.3rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 4rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; z-index: 2; padding: 0.75rem 1.25rem; color: inherit; } .alert-primary { color: #224c70; background-color: #d9e9f7; border-color: #cae1f4; } .alert-primary hr { border-top-color: #b5d5f0; } .alert-primary .alert-link { color: #163149; } .alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; } .alert-secondary hr { border-top-color: #c8cbcf; } .alert-secondary .alert-link { color: #202326; } .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; } .alert-success hr { border-top-color: #b1dfbb; } .alert-success .alert-link { color: #0b2e13; } .alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; } .alert-info hr { border-top-color: #abdde5; } .alert-info .alert-link { color: #062c33; } .alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; } .alert-warning hr { border-top-color: #ffe8a1; } .alert-warning .alert-link { color: #533f03; } .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } .alert-danger hr { border-top-color: #f1b0b7; } .alert-danger .alert-link { color: #491217; } .alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; } .alert-light hr { border-top-color: #ececf6; } .alert-light .alert-link { color: #686868; } .alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; } .alert-dark hr { border-top-color: #b9bbbe; } .alert-dark .alert-link { color: #040505; } .alert-black { color: black; background-color: #cccccc; border-color: #b8b8b8; } .alert-black hr { border-top-color: #ababab; } .alert-black .alert-link { color: black; } .alert-navy { color: #002c4f; background-color: #ccddea; border-color: #b8cfe2; } .alert-navy hr { border-top-color: #a6c3db; } .alert-navy .alert-link { color: #00101c; } .alert-darkBlue { color: #0a1b31; background-color: #d0d6df; border-color: #bdc6d2; } .alert-darkBlue hr { border-top-color: #aeb9c8; } .alert-darkBlue .alert-link { color: #010407; } .alert-maintheme { color: #43020c; background-color: #e6cdd1; border-color: #dbb9be; } .alert-maintheme hr { border-top-color: #d2a8ae; } .alert-maintheme .alert-link { color: #110103; } @-webkit-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: -webkit-box; display: -ms-flexbox; display: flex; height: 1rem; overflow: hidden; line-height: 0; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; } .progress-bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: #4193d7; -webkit-transition: width 0.6s ease; transition: width 0.6s ease; } @media (prefers-reduced-motion: reduce) { .progress-bar { -webkit-transition: none; 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; } } .media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .media-body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .list-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: 0.25rem; } .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa; } .list-group-item-action:active { color: #212529; background-color: #e9ecef; } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; 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: #4193d7; border-color: #4193d7; } .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 { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; 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 { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; 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 { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; 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 { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; 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 { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; 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 { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; 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: #224c70; background-color: #cae1f4; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #224c70; background-color: #b5d5f0; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #224c70; border-color: #224c70; } .list-group-item-secondary { color: #383d41; background-color: #d6d8db; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #383d41; background-color: #c8cbcf; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #383d41; border-color: #383d41; } .list-group-item-success { color: #155724; background-color: #c3e6cb; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #155724; background-color: #b1dfbb; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #155724; border-color: #155724; } .list-group-item-info { color: #0c5460; background-color: #bee5eb; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #0c5460; background-color: #abdde5; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #0c5460; border-color: #0c5460; } .list-group-item-warning { color: #856404; background-color: #ffeeba; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #856404; background-color: #ffe8a1; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #856404; border-color: #856404; } .list-group-item-danger { color: #721c24; background-color: #f5c6cb; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #721c24; background-color: #f1b0b7; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #721c24; border-color: #721c24; } .list-group-item-light { color: #818182; background-color: #fdfdfe; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #818182; background-color: #ececf6; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #818182; border-color: #818182; } .list-group-item-dark { color: #1b1e21; background-color: #c6c8ca; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #1b1e21; background-color: #b9bbbe; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #1b1e21; border-color: #1b1e21; } .list-group-item-black { color: black; background-color: #b8b8b8; } .list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { color: black; background-color: #ababab; } .list-group-item-black.list-group-item-action.active { color: #fff; background-color: black; border-color: black; } .list-group-item-navy { color: #002c4f; background-color: #b8cfe2; } .list-group-item-navy.list-group-item-action:hover, .list-group-item-navy.list-group-item-action:focus { color: #002c4f; background-color: #a6c3db; } .list-group-item-navy.list-group-item-action.active { color: #fff; background-color: #002c4f; border-color: #002c4f; } .list-group-item-darkBlue { color: #0a1b31; background-color: #bdc6d2; } .list-group-item-darkBlue.list-group-item-action:hover, .list-group-item-darkBlue.list-group-item-action:focus { color: #0a1b31; background-color: #aeb9c8; } .list-group-item-darkBlue.list-group-item-action.active { color: #fff; background-color: #0a1b31; border-color: #0a1b31; } .list-group-item-maintheme { color: #43020c; background-color: #dbb9be; } .list-group-item-maintheme.list-group-item-action:hover, .list-group-item-maintheme.list-group-item-action:focus { color: #43020c; background-color: #d2a8ae; } .list-group-item-maintheme.list-group-item-action.active { color: #fff; background-color: #43020c; border-color: #43020c; } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.5; } .close:hover { color: #000; text-decoration: none; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: 0.75; } button.close { padding: 0; background-color: transparent; border: 0; } a.close.disabled { pointer-events: none; } .toast { -ms-flex-preferred-size: 350px; flex-basis: 350px; max-width: 350px; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); opacity: 0; border-radius: 0.25rem; } .toast:not(:last-child) { margin-bottom: 0.75rem; } .toast.showing { opacity: 1; } .toast.show { display: block; opacity: 1; } .toast.hide { display: none; } .toast-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.25rem 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-body { padding: 0.75rem; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0, -50px); transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { -webkit-transition: none; transition: none; } } .modal.show .modal-dialog { -webkit-transform: none; transform: none; } .modal.modal-static .modal-dialog { -webkit-transform: scale(1.02); transform: scale(1.02); } .modal-dialog-scrollable { display: -webkit-box; display: -ms-flexbox; display: flex; max-height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden; } .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { -ms-flex-negative: 0; flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); height: -webkit-min-content; height: -moz-min-content; height: min-content; content: ""; } .modal-dialog-centered.modal-dialog-scrollable { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 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: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; 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 .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; 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; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: unset; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(100vh - 3.5rem); height: -webkit-min-content; height: -moz-min-content; height: min-content; } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-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 .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { padding: 0.4rem 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { padding: 0.4rem 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { left: 0; 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: 1060; display: block; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-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 .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[x-placement^=top] { margin-bottom: 0.5rem; } .bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { bottom: calc(-0.5rem - 1px); } .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #fff; } .bs-popover-right, .bs-popover-auto[x-placement^=right] { margin-left: 0.5rem; } .bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { left: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #fff; } .bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { margin-top: 0.5rem; } .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { top: calc(-0.5rem - 1px); } .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #fff; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f7f7f7; } .bs-popover-left, .bs-popover-auto[x-placement^=left] { margin-right: 0.5rem; } .bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { right: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 0.5rem 0.75rem; color: #212529; } .carousel { position: relative; } .carousel.pointer-event { -ms-touch-action: pan-y; touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.6s ease-in-out; transition: -webkit-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { -webkit-transition: none; transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next:not(.carousel-item-left), .active.carousel-item-right { -webkit-transform: translateX(100%); transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transform: none; transform: none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; -webkit-transition: opacity 0s 0.6s; transition: opacity 0s 0.6s; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { -webkit-transition: none; transition: none; } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; 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; -webkit-transition: opacity 0.15s ease; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { -webkit-transition: none; transition: none; } } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: 50%/100% 100% no-repeat; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0.5; -webkit-transition: opacity 0.6s ease; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators li { -webkit-transition: none; transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } @-webkit-keyframes spinner-border { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner-border { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: 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% { -webkit-transform: scale(0); transform: scale(0); } 50% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { opacity: 1; -webkit-transform: none; transform: none; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; 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; } } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #4193d7 !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #2879bd !important; } .bg-secondary { background-color: #6c757d !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #545b62 !important; } .bg-success { background-color: #28a745 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #1e7e34 !important; } .bg-info { background-color: #17a2b8 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #117a8b !important; } .bg-warning { background-color: #ffc107 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #d39e00 !important; } .bg-danger { background-color: #dc3545 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #bd2130 !important; } .bg-light { background-color: #f8f9fa !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #dae0e5 !important; } .bg-dark { background-color: #343a40 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #1d2124 !important; } .bg-black { background-color: #000 !important; } a.bg-black:hover, a.bg-black:focus, button.bg-black:hover, button.bg-black:focus { background-color: black !important; } .bg-navy { background-color: #005498 !important; } a.bg-navy:hover, a.bg-navy:focus, button.bg-navy:hover, button.bg-navy:focus { background-color: #003865 !important; } .bg-darkBlue { background-color: #13335e !important; } a.bg-darkBlue:hover, a.bg-darkBlue:focus, button.bg-darkBlue:hover, button.bg-darkBlue:focus { background-color: #0a1c34 !important; } .bg-maintheme { background-color: #800417 !important; } a.bg-maintheme:hover, a.bg-maintheme:focus, button.bg-maintheme:hover, button.bg-maintheme:focus { background-color: #4f020e !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #dee2e6 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-right { border-right: 1px solid #dee2e6 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-left { border-left: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #4193d7 !important; } .border-secondary { border-color: #6c757d !important; } .border-success { border-color: #28a745 !important; } .border-info { border-color: #17a2b8 !important; } .border-warning { border-color: #ffc107 !important; } .border-danger { border-color: #dc3545 !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #343a40 !important; } .border-black { border-color: #000 !important; } .border-navy { border-color: #005498 !important; } .border-darkBlue { border-color: #13335e !important; } .border-maintheme { border-color: #800417 !important; } .border-white { border-color: #fff !important; } .rounded-sm { border-radius: 0.2rem !important; } .rounded { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-right { 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-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-lg { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1400px) { .d-xxl-none { display: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !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: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-xxl-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.8571428571%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .embed-responsive-21by9::before { padding-top: 42.8571428571%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-sm-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-sm-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-sm-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-sm-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-sm-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-sm-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-md-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-md-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-md-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-md-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-md-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-md-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-lg-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-lg-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-lg-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-lg-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-lg-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-lg-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-xl-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-xl-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-xl-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-xl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-xl-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1400px) { .flex-xxl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xxl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xxl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xxl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xxl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xxl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-xxl-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-xxl-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-xxl-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-xxl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xxl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-xxl-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xxl-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xxl-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xxl-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xxl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xxl-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xxl-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xxl-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-xxl-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xxl-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xxl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xxl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xxl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xxl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xxl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xxl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xxl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xxl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xxl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xxl-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xxl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xxl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } @media (min-width: 1400px) { .float-xxl-left { float: left !important; } .float-xxl-right { float: right !important; } .float-xxl-none { float: none !important; } } .user-select-all { -webkit-user-select: all !important; -moz-user-select: all !important; -ms-user-select: all !important; user-select: all !important; } .user-select-auto { -webkit-user-select: auto !important; -moz-user-select: auto !important; -ms-user-select: auto !important; user-select: auto !important; } .user-select-none { -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports (position: sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { -webkit-box-shadow: none !important; box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 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-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } @media (min-width: 1400px) { .m-xxl-0 { margin: 0 !important; } .mt-xxl-0, .my-xxl-0 { margin-top: 0 !important; } .mr-xxl-0, .mx-xxl-0 { margin-right: 0 !important; } .mb-xxl-0, .my-xxl-0 { margin-bottom: 0 !important; } .ml-xxl-0, .mx-xxl-0 { margin-left: 0 !important; } .m-xxl-1 { margin: 0.25rem !important; } .mt-xxl-1, .my-xxl-1 { margin-top: 0.25rem !important; } .mr-xxl-1, .mx-xxl-1 { margin-right: 0.25rem !important; } .mb-xxl-1, .my-xxl-1 { margin-bottom: 0.25rem !important; } .ml-xxl-1, .mx-xxl-1 { margin-left: 0.25rem !important; } .m-xxl-2 { margin: 0.5rem !important; } .mt-xxl-2, .my-xxl-2 { margin-top: 0.5rem !important; } .mr-xxl-2, .mx-xxl-2 { margin-right: 0.5rem !important; } .mb-xxl-2, .my-xxl-2 { margin-bottom: 0.5rem !important; } .ml-xxl-2, .mx-xxl-2 { margin-left: 0.5rem !important; } .m-xxl-3 { margin: 1rem !important; } .mt-xxl-3, .my-xxl-3 { margin-top: 1rem !important; } .mr-xxl-3, .mx-xxl-3 { margin-right: 1rem !important; } .mb-xxl-3, .my-xxl-3 { margin-bottom: 1rem !important; } .ml-xxl-3, .mx-xxl-3 { margin-left: 1rem !important; } .m-xxl-4 { margin: 1.5rem !important; } .mt-xxl-4, .my-xxl-4 { margin-top: 1.5rem !important; } .mr-xxl-4, .mx-xxl-4 { margin-right: 1.5rem !important; } .mb-xxl-4, .my-xxl-4 { margin-bottom: 1.5rem !important; } .ml-xxl-4, .mx-xxl-4 { margin-left: 1.5rem !important; } .m-xxl-5 { margin: 3rem !important; } .mt-xxl-5, .my-xxl-5 { margin-top: 3rem !important; } .mr-xxl-5, .mx-xxl-5 { margin-right: 3rem !important; } .mb-xxl-5, .my-xxl-5 { margin-bottom: 3rem !important; } .ml-xxl-5, .mx-xxl-5 { margin-left: 3rem !important; } .p-xxl-0 { padding: 0 !important; } .pt-xxl-0, .py-xxl-0 { padding-top: 0 !important; } .pr-xxl-0, .px-xxl-0 { padding-right: 0 !important; } .pb-xxl-0, .py-xxl-0 { padding-bottom: 0 !important; } .pl-xxl-0, .px-xxl-0 { padding-left: 0 !important; } .p-xxl-1 { padding: 0.25rem !important; } .pt-xxl-1, .py-xxl-1 { padding-top: 0.25rem !important; } .pr-xxl-1, .px-xxl-1 { padding-right: 0.25rem !important; } .pb-xxl-1, .py-xxl-1 { padding-bottom: 0.25rem !important; } .pl-xxl-1, .px-xxl-1 { padding-left: 0.25rem !important; } .p-xxl-2 { padding: 0.5rem !important; } .pt-xxl-2, .py-xxl-2 { padding-top: 0.5rem !important; } .pr-xxl-2, .px-xxl-2 { padding-right: 0.5rem !important; } .pb-xxl-2, .py-xxl-2 { padding-bottom: 0.5rem !important; } .pl-xxl-2, .px-xxl-2 { padding-left: 0.5rem !important; } .p-xxl-3 { padding: 1rem !important; } .pt-xxl-3, .py-xxl-3 { padding-top: 1rem !important; } .pr-xxl-3, .px-xxl-3 { padding-right: 1rem !important; } .pb-xxl-3, .py-xxl-3 { padding-bottom: 1rem !important; } .pl-xxl-3, .px-xxl-3 { padding-left: 1rem !important; } .p-xxl-4 { padding: 1.5rem !important; } .pt-xxl-4, .py-xxl-4 { padding-top: 1.5rem !important; } .pr-xxl-4, .px-xxl-4 { padding-right: 1.5rem !important; } .pb-xxl-4, .py-xxl-4 { padding-bottom: 1.5rem !important; } .pl-xxl-4, .px-xxl-4 { padding-left: 1.5rem !important; } .p-xxl-5 { padding: 3rem !important; } .pt-xxl-5, .py-xxl-5 { padding-top: 3rem !important; } .pr-xxl-5, .px-xxl-5 { padding-right: 3rem !important; } .pb-xxl-5, .py-xxl-5 { padding-bottom: 3rem !important; } .pl-xxl-5, .px-xxl-5 { padding-left: 3rem !important; } .m-xxl-n1 { margin: -0.25rem !important; } .mt-xxl-n1, .my-xxl-n1 { margin-top: -0.25rem !important; } .mr-xxl-n1, .mx-xxl-n1 { margin-right: -0.25rem !important; } .mb-xxl-n1, .my-xxl-n1 { margin-bottom: -0.25rem !important; } .ml-xxl-n1, .mx-xxl-n1 { margin-left: -0.25rem !important; } .m-xxl-n2 { margin: -0.5rem !important; } .mt-xxl-n2, .my-xxl-n2 { margin-top: -0.5rem !important; } .mr-xxl-n2, .mx-xxl-n2 { margin-right: -0.5rem !important; } .mb-xxl-n2, .my-xxl-n2 { margin-bottom: -0.5rem !important; } .ml-xxl-n2, .mx-xxl-n2 { margin-left: -0.5rem !important; } .m-xxl-n3 { margin: -1rem !important; } .mt-xxl-n3, .my-xxl-n3 { margin-top: -1rem !important; } .mr-xxl-n3, .mx-xxl-n3 { margin-right: -1rem !important; } .mb-xxl-n3, .my-xxl-n3 { margin-bottom: -1rem !important; } .ml-xxl-n3, .mx-xxl-n3 { margin-left: -1rem !important; } .m-xxl-n4 { margin: -1.5rem !important; } .mt-xxl-n4, .my-xxl-n4 { margin-top: -1.5rem !important; } .mr-xxl-n4, .mx-xxl-n4 { margin-right: -1.5rem !important; } .mb-xxl-n4, .my-xxl-n4 { margin-bottom: -1.5rem !important; } .ml-xxl-n4, .mx-xxl-n4 { margin-left: -1.5rem !important; } .m-xxl-n5 { margin: -3rem !important; } .mt-xxl-n5, .my-xxl-n5 { margin-top: -3rem !important; } .mr-xxl-n5, .mx-xxl-n5 { margin-right: -3rem !important; } .mb-xxl-n5, .my-xxl-n5 { margin-bottom: -3rem !important; } .ml-xxl-n5, .mx-xxl-n5 { margin-left: -3rem !important; } .m-xxl-auto { margin: auto !important; } .mt-xxl-auto, .my-xxl-auto { margin-top: auto !important; } .mr-xxl-auto, .mx-xxl-auto { margin-right: auto !important; } .mb-xxl-auto, .my-xxl-auto { margin-bottom: auto !important; } .ml-xxl-auto, .mx-xxl-auto { margin-left: auto !important; } } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } @media (min-width: 1400px) { .text-xxl-left { text-align: left !important; } .text-xxl-right { text-align: right !important; } .text-xxl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #4193d7 !important; } a.text-primary:hover, a.text-primary:focus { color: #236ca8 !important; } .text-secondary { color: #6c757d !important; } a.text-secondary:hover, a.text-secondary:focus { color: #494f54 !important; } .text-success { color: #28a745 !important; } a.text-success:hover, a.text-success:focus { color: #19692c !important; } .text-info { color: #17a2b8 !important; } a.text-info:hover, a.text-info:focus { color: #0f6674 !important; } .text-warning { color: #ffc107 !important; } a.text-warning:hover, a.text-warning:focus { color: #ba8b00 !important; } .text-danger { color: #dc3545 !important; } a.text-danger:hover, a.text-danger:focus { color: #a71d2a !important; } .text-light { color: #f8f9fa !important; } a.text-light:hover, a.text-light:focus { color: #cbd3da !important; } .text-dark { color: #343a40 !important; } a.text-dark:hover, a.text-dark:focus { color: #121416 !important; } .text-black { color: #000 !important; } a.text-black:hover, a.text-black:focus { color: black !important; } .text-navy { color: #005498 !important; } a.text-navy:hover, a.text-navy:focus { color: #002a4c !important; } .text-darkBlue { color: #13335e !important; } a.text-darkBlue:hover, a.text-darkBlue:focus { color: #06101e !important; } .text-maintheme { color: #800417 !important; } a.text-maintheme:hover, a.text-maintheme:focus { color: #36020a !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-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .text-decoration-none { text-decoration: none !important; } .text-break { word-break: break-word !important; word-wrap: break-word !important; } .text-reset { color: inherit !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { *, *::before, *::after { text-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #adb5bd; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { 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 th, .table-bordered td { border: 1px solid #dee2e6 !important; } .table-dark { color: inherit; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #dee2e6; } .table .thead-dark th { color: inherit; border-color: #dee2e6; } } /* bootstrap */ :root { --maintheme: #800417; } html, body { font-family: Tahoma, Arial, Helvetica, sans-serif; height: 100%; background: transparent url("https://d2lcoivv20vty7.cloudfront.net/Content/img/mega88/bg-main.jpg") center center repeat; } .btn:focus, .btn.focus { box-shadow: none; } .alertBox-info .modal-body { word-wrap: break-word; } .flex-fill { /* solution for iOS mobile that didn't actually fit the height */ -ms-flex-preferred-size: 100% !important; flex-basis: 100% !important; } marquee { display: block; } .progress-container { position: relative; } .progress-bar { display: inline-block; height: 0.5rem; } .progress-text { position: absolute; right: 0; bottom: 100%; } .progress-text-title:after { display: inline-block; content: attr(data-percentage); } .carousel-indicators li { background-color: #cecece; width: 10px; height: 10px; border-radius: 50%; } .carousel-indicators li:hover, .carousel-indicators li.active { background-color: var(--maintheme) !important; } .section-title { border-radius: 0.2rem; } .section-name { display: inline-block; border-left: 5px solid var(--maintheme); color: #fff; font-weight: bold; padding: 0.5rem; } .title-stone { display: inline; height: 100%; border-left: 5px solid var(--maintheme); margin-right: 0.4rem; } .pagination a:hover:not(.active), .pagination a.active { background: var(--maintheme) !important; } .modal, .modal2 { z-index: 999999; } .image_ratio-1x1 { display: inline-block; position: relative; width: 100%; } .image_ratio-1x1 img { position: relative; top: 0; left: 0; right: 0; bottom: 0; height: 100% !important; -o-object-fit: cover; object-fit: cover; } .image_ratio-1x1.ratio-reversal { padding-top: calc(( 1 / 1 ) * 100%); } .image_ratio-4x3 { display: inline-block; position: relative; width: 100%; padding-top: calc(( 3 / 4 ) * 100%); } .image_ratio-4x3 img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100% !important; -o-object-fit: cover; object-fit: cover; } .image_ratio-4x3.ratio-reversal { padding-top: calc(( 4 / 3 ) * 100%); } .image_ratio-16x9 { display: inline-block; position: relative; width: 100%; padding-top: calc(( 9 / 16 ) * 100%); } .image_ratio-16x9 img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100% !important; -o-object-fit: cover; object-fit: cover; } .image_ratio-16x9.ratio-reversal { padding-top: calc(( 16 / 9 ) * 100%); } .image_ratio-21x9 { display: inline-block; position: relative; width: 100%; padding-top: calc(( 9 / 21 ) * 100%); } .image_ratio-21x9 img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100% !important; -o-object-fit: cover; object-fit: cover; } .image_ratio-21x9.ratio-reversal { padding-top: calc(( 21 / 9 ) * 100%); } .table-sticky { border-collapse: separate; border-spacing: 0; white-space: nowrap; } .table-sticky thead { position: relative; } .table-sticky thead .sticky-left { position: sticky; left: 0; max-width: 40vw; overflow-x: auto; /*z-index: 2;*/ background-color: #3b4358; } .table-sticky tbody .sticky-left { position: sticky; left: 0; } .table-sticky.table-striped tbody .sticky-left { background-color: #343a40; } .table-sticky.table-striped tbody tr:nth-child(odd) .sticky-left { background-color: #2c2c2c; } /* ---------------------------------------------------------------- Lazy Loading -----------------------------------------------------------------*/ .lazy { opacity: 0; } .lazy:not(.initial) { -webkit-transition: opacity 1s; transition: opacity 1s; } .lazy.initial, .lazy.lazy-loaded, .lazy.lazy-error { opacity: 1; } img.lazy { max-width: 100%; height: auto; } img.lazy:not([src]) { visibility: hidden; } .lazytest { opacity: 1; -webkit-transition: opacity 1s ease-out; transition: opacity 1s ease-out; } .lazytest[data-src] { opacity: 0; } .hide { display: none; } .game-overlay-DetailBottom { --border-radius: 10px; --padding: 5px; } .game-overlay-DetailBottom .top-container .badge.badge-new, .game-overlay-DetailBottom .top-container .badge.badge-hot, .dot3-popup.ui-widget.ui-widget-content #gameDetailsDialog .badge.badge-new, .dot3-popup.ui-widget.ui-widget-content #gameDetailsDialog .badge.badge-hot{ background: #f00; } .game-overlay-DetailBottom .top-container .fav-rtp-container .favourite-game-container { --star-on-icon: url(//nx-cdn.trgwl.com/Images/icons/star-on.svg?v=20230828-1); --star-off-icon: url(//nx-cdn.trgwl.com/Images/icons/star-off.svg?v=20230828-1); background: transparent; padding: calc(var(--padding) / 2); } .game-overlay-DetailBottom .top-container .fav-rtp-container .favourite-game-container .favourite-game-btn + label { background-color: #fff; border-radius: 50%; background-size: 70%; width: 20px; height: 20px; } .game-overlay-DetailBottom .top-container .game-img-container .hover-content .btn-play { background: var(--maintheme); } .game-overlay-DetailBottom .bottom-container { background: #4f020e; border-radius: 0; padding-inline: var(--padding); } .game-overlay-DetailBottom .bottom-container .provider-container .game-attribute { background: transparent; margin: 0; padding: 0.5rem 0.25rem; -webkit-transition: none; transition: none; } .game-overlay-DetailBottom .bottom-container .provider-container .game-attribute:hover, .game-overlay-DetailBottom .bottom-container .provider-container .game-attribute.focus-btn:hover, .game-overlay-DetailBottom .bottom-container .provider-container .game-attribute:active { background: transparent; -webkit-transition: none; transition: none; } .game-overlay-DetailBottom .bottom-container .provider-container .game-attribute .game-attribute-details { bottom: 2.2em; height: calc(100% - 2.2em); } .game-overlay-DetailBottom .bottom-container .provider-container .game-attribute .game-attribute-details-item { padding: calc(var(--padding) / 2) var(--padding); line-height: normal; } .game-overlay-DetailBottom .bottom-container .provider-container .game-attribute .game-attribute-details .badge.badge-new, .game-overlay-DetailBottom .bottom-container .provider-container .game-attribute .game-attribute-details .badge.badge-hot { background: #f00; } .game-overlay-DetailBottom.h-jackpot .bottom-container .game-attribute .game-attribute-details { bottom: 4em; height: calc(100% - 4em); } .mega88-header { background-color: #13284e; color: #fff; z-index: 1001; } .mega88-header .language_selector { z-index: 17; } .mega88-header .language_selector p { margin: 0; } .mega88-aside .aside-logo { display: inline-block; width: 116px; padding-right: 0.5rem; } .mega88-main_nav { z-index: 16; background-color: var(--maintheme); } .mega88-main_nav .main_nav-icon { width: 2rem; } .mega88-main_nav .main_nav-title { font-weight: bold; font-size: 0.75rem; } .mega88-main_nav .main_nav-balance_container { position: absolute; z-index: -1; top: 100%; right: 0; } .mega88-main_nav .main_nav-balance { background-color: #4f020e; padding: 0.2rem 0.4rem; } .mega88-main_nav .nav-link { color: #fff; padding: 0; } .mega88-main_nav .nav-item { position: unset; text-align: center; } .mega88-main_nav .nav-item .game-list { position: fixed; left: 0; right: 0; display: none; background-color: #03122f; -webkit-box-shadow: inset 0 3px 23px 0 black; box-shadow: inset 0 3px 23px 0 black; padding: 1rem 0; border-bottom: 7px solid #004158; } .mega88-main_nav .nav-item .game-list-item a { display: block; margin: auto; color: #fff; font-size: 0.75rem; text-decoration: none; border-radius: 5px; padding: 0.5rem; -webkit-transition: all 0.3s; transition: all 0.3s; overflow-wrap: break-word; } .mega88-main_nav .nav-item .game-list-item a:hover { background-color: #cc270d; } .mega88-main_nav .nav-item.nav-sport .main_nav-icon { background-position-y: 0; } .mega88-main_nav .nav-item.nav-sport:hover .main_nav-icon, .mega88-main_nav .nav-item.nav-sport.active .main_nav-icon { -webkit-transition: all 0.3s; transition: all 0.3s; } .mega88-main_nav .nav-item.nav-casino .main_nav-icon { background-position-y: -84px; } .mega88-main_nav .nav-item.nav-casino:hover .main_nav-icon, .mega88-main_nav .nav-item.nav-casino.active .main_nav-icon { -webkit-transition: all 0.3s; transition: all 0.3s; } .mega88-main_nav .nav-item.nav-egame .main_nav-icon { background-position-y: -168px; } .mega88-main_nav .nav-item.nav-egame:hover .main_nav-icon, .mega88-main_nav .nav-item.nav-egame.active .main_nav-icon { -webkit-transition: all 0.3s; transition: all 0.3s; } .mega88-main_nav .nav-item.nav-fishhunter .main_nav-icon { background-position-y: -252px; } .mega88-main_nav .nav-item.nav-fishhunter:hover .main_nav-icon, .mega88-main_nav .nav-item.nav-fishhunter.active .main_nav-icon { -webkit-transition: all 0.3s; transition: all 0.3s; } .mega88-main_nav .nav-item.nav-lottery .main_nav-icon { background-position-y: -336px; } .mega88-main_nav .nav-item.nav-lottery:hover .main_nav-icon, .mega88-main_nav .nav-item.nav-lottery.active .main_nav-icon { -webkit-transition: all 0.3s; transition: all 0.3s; } .mega88-main_nav .nav-item:hover { background-image: -webkit-gradient(linear, left top, left bottom, from(#cc270d), to(#cc270d)); background-image: linear-gradient(to bottom, #cc270d 0%, #cc270d 100%); } .mega88-main_nav .nav-item:hover > .game-list { display: block; } .mega88-footer-aside { background-color: var(--maintheme); } .mega88-footer .provider-container { position: relative; border-top: 1px solid var(--maintheme); padding: 1.5rem; margin-bottom: 1.5rem; } .mega88-footer .provider-title { position: absolute; top: -1rem; left: 0; color: #fff; font-weight: bold; background-color: var(--maintheme); text-transform: uppercase; padding-right: 0.5rem; margin: 0.25rem 0; } .mega88-lobby .popular-container { background-image: -webkit-gradient(linear, left top, left bottom, from(#0a0a0a), color-stop(46%, #3b3b3b), to(#0a0a0a)); background-image: linear-gradient(to bottom, #0a0a0a 0%, #3b3b3b 46%, #0a0a0a 100%); } .mega88-lobby .popular-content_area { max-height: 8rem; background-color: #000; padding: 0.5rem; } .mega88-lobby .popular-slider_multi { background-image: -webkit-gradient(linear, left top, left bottom, from(#242424), color-stop(46%, #515151), to(#242424)); background-image: linear-gradient(to bottom, #242424 0%, #515151 46%, #242424 100%); } .mega88-lobby .popular-slider_multi .carousel-inner a { display: inline-block; margin: 0.4rem 0.2rem; background-color: #000; } .mega88-lobby .popular-gamelist-item { padding: 0.2rem; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .mega88-lobby .popular-gamelist-link { top: 0; left: 0; right: 0; height: calc(100% - 2rem); position: absolute; opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .mega88-lobby .popular-gamelist-link:hover { opacity: 1; } .mega88-lobby .popular-gamelist-title { left: 0; right: 0; bottom: 0; height: 2rem; position: absolute; background-color: #b18f35; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 0.2rem; } .mega88-lobby .carousel-middle .card { height: 100%; } .mega88-lobby .carousel-middle .card-body { overflow-y: auto; } .mega88-lobby .carousel-inner { -ms-flex-preferred-size: 100%; flex-basis: 100%; } .mega88-lobby .carousel-item { height: 100%; } .mega88-company_list .company_list-overlay { position: absolute; top: 50%; left: 50%; width: 0; height: 0; display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 0; visibility: hidden; overflow: hidden; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: rgba(40, 48, 57, 0.85); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .mega88-company_list .company_list-overlay a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; font-size: 0.9rem; font-weight: bold; width: 6rem; height: 6rem; text-decoration: none; border: 1px solid #fff; border-radius: 50%; text-transform: uppercase; } .mega88-company_list .company_list-overlay a:hover { font-size: 1rem; background-color: var(--maintheme); -webkit-box-shadow: 0 12px 30px black; box-shadow: 0 12px 30px black; border-color: transparent; } .mega88-company_list .company_list-container { border-radius: 0.5rem; padding: 0.5rem; margin-bottom: 0.5rem; position: relative; } .mega88-company_list .company_list-container:hover .company_list-overlay { width: 100%; height: 100%; opacity: 1; visibility: visible; top: 0; left: 0; } .mega88-company_list .company_list-title { text-align: center; color: #ececec; } .mega88-item_list .item_list-title { text-align: center; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0; padding: 0.5rem; } .mega88-item_list .item_list-figure { position: relative; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .mega88-item_list .item_list-figure .figure-button { display: none; position: absolute; left: 0; right: 0; bottom: 0; } .mega88-item_list .item_list-figure .figure-button a { margin: 0; font-weight: bold; text-transform: uppercase; } .mega88-item_list .item_list-container { padding: 0.5rem; margin-bottom: 1rem; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.8); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.8); } .mega88-item_list .item_list-container:hover { background-color: #3a0901; } .mega88-item_list .item_list-container:hover .item_list-figure { -webkit-transform: scale(1.02); transform: scale(1.02); } .mega88-item_list .item_list-container:hover .item_list-figure img { opacity: 0.8; } .mega88-item_list .item_list-container:hover .item_list-figure .figure-button { display: block; } #searchmoregamelist .page-searchgame .row, .mega88-item_list .item_list-row { --gap: 10px; --count: 2; display: flex; flex-wrap: wrap; gap: var(--gap); margin-block-start: 1rem; } #searchmoregamelist .page-searchgame .row > .game-overlay-DetailBottom, .mega88-item_list .item_list-row > .game-overlay-DetailBottom, #searchmoregamelist .page-searchgame .row > .game-overlay-FadeInTop , .mega88-item_list .item_list-row > .game-overlay-FadeInTop { --border-radius: 0; flex-basis: calc(100% / var(--count) - calc(var(--gap) * calc(var(--count) - 1) / var(--count))); max-width: calc(100% / var(--count) - calc(var(--gap) * calc(var(--count) - 1) / var(--count))); } .mega88-promotion_list .promotion_list-container { margin-bottom: 1.5rem; } .mega88-promotion_list .promotion_list-figure { background-color: #ccc; padding: 0.5rem; } .mega88-promotion_list .promotion_list-info { color: #fff; padding: 0.5rem; } .theme-text-main { color: #e2c360; } .theme-bg-light { background-color: #f3f3f3; } @media screen and (min-width: 768px) { .mega88-aside .aside-avatar + .dropdown-menu { min-width: auto; display: block; position: unset !important; background: transparent; padding: 0; border: none; } .mega88-aside .aside-avatar + .dropdown-menu.show { min-width: auto; display: block; position: unset !important; background: transparent; -webkit-transform: unset !important; transform: unset !important; padding: 0; border: none; } .mega88-aside .aside-avatar + .dropdown-menu.show * { color: #fff; } .mega88-aside .aside-avatar + .dropdown-menu li { border-bottom: none !important; } .mega88-aside .aside-avatar + .dropdown-menu * { color: #fff; } .mega88-aside .aside-logo { width: 165px; } .mega88-main_nav .main_nav-icon { width: 3.25rem; } .mega88-main_nav .main_nav-title { font-size: unset; } .mega88-footer .shfooter .collapse { display: inherit; } .mega88-lobby .carousel-middle { height: 400px; } } @media screen and (min-width: 992px) { .mega88-main_nav .main_nav-title { white-space: nowrap; } #searchmoregamelist .page-searchgame .row > .game-overlay-DetailBottom, #searchmoregamelist .page-searchgame .row > .game-overlay-FadeInTop, .mega88-item_list .item_list-row { --count: 5; } .table-sticky tbody .sticky-left { max-width: 25vw; } } /* 垂直 */ /* 橫向 */ .luckspin_logo { background: #800417; } .modal-content.oned { background: -webkit-gradient(linear, left bottom, left top, from(#4f020e), color-stop(35%, #800417), to(#b10620)); background: linear-gradient(0deg, #4f020e 0%, #800417 35%, #b10620 100%); border-bottom: 5px solid #1d0105; } .dls-pop-bg { background: -webkit-gradient(linear, left top, left bottom, from(#b10620), color-stop(#800417), to(#4f020e)); background: linear-gradient(#b10620, #800417, #4f020e); } .dls-content h5 { color: #800417; } .dls-pop-button { background: -webkit-gradient(linear, left top, left bottom, from(#b10620), to(#800417)); background: linear-gradient(#b10620, #800417); } .dls-pop-button:hover { background: -webkit-gradient(linear, left top, left bottom, from(#800417), to(#4f020e)); background: linear-gradient(#800417, #4f020e); } .bonus-dls-bg { background: rgba(128, 4, 23, 0.5); } .afb-medias a { background: var(--maintheme); } .afb-medias a:hover { background: #4f020e; } .nav-item-qr .nav-link.active { color: var(--maintheme); } .btn-tnc { border-radius: 10px; background-color: #28324d; color: #fff; } .btn-tnc:hover { background-color: #171c2b; color: white; } .btn-tnc.collapsed > .fa-caret-up { display: none; } .btn-tnc:not(.collapsed) .fa-caret-down { display: none; } .btn-tnc:not(.collapsed) .fa-caret-up { display: inline-block; } #invite-friend .sharebox-container .input-group { border-radius: 0.4rem; border: none; } .btn-sharebox { /* background-image: linear-gradient(to right, #3ab1f2, #7c4cf5);*/ background: #800417; color: #fff; } .btn-sharebox:hover { /* background-image: linear-gradient(to right, #7c4cf5, #3ab1f2);*/ background: #4f020e; color: #fff; } .form-control:disabled, .form-control[readonly] { background-color: #e0e0e0; } #profile-Bet-History button, #profile-promotion-sec button { background-color: #fff0; color: #fff; border: none; } .offcanvas .dropdown-single-content a { color: #fff; } .offcanvas .dropdown-single-content a:hover { background-color: #333; color: var(--maintheme); } #active-member-list th, #active-member-list td { padding: 10px 4px; font-size: 0.8rem; } select[name="cryptoDepositPromoId"] { width: 500px; } #btnPromo { margin-top: 1px; margin-left: 10px; } @media only screen and (max-width: 767px) { .wallet-top-left span { word-break: inherit; } } @media screen and (max-width: 480px) { .game-part-2 .wallet-bottom-part { width: 100%; } } .input-group input{ color: white; } .deposit-form .input-group input { color: #495057 !important; } .simple-forgotpw a { color: #fff; } .simple-forgotpw a:hover { color: #ccc; } .sl-h { display: none; } @media (max-width: 992px) { .sl-h { display: inline-block; } } .simple-login button[type=submit] span, .btn[data-target="#loginModal"] { font-size: 80%; font-weight: 400; } .simple-login button[type=submit], .btn[data-target="#loginModal"] { text-transform: uppercase !important; padding: 0.25rem 0.5rem; line-height: 1.5; border-radius: 0.2rem; color: #fff; background-color: #343a40; border-color: #343a40; } .simple-login.sl-s { float: left; } .photobox, .jackpotpool .under-ml { font-size: 0.8rem !important; } .m-0.c_title_h1 { margin-top: -12px !important; } .card-header a p { font-size: 10px !important; margin-top: 2px !important; } @media (max-width:428px) { .card.carousel-middle.mb-2.mega88.c_main_div{ min-height:250px !important; } } button.afb01.xs { font-size: 1em !important; } @media (min-width:429px) { #accordionTournament { margin-left:200px !important; } } .mega88-lobby .c_searchform_main_div .c_searchform_div input, .mega88-lobby .c_searchform_main_div .c_searchform_div input::placeholder, .container-search-game input, .container-search-game input::placeholder { color: #282e3d !important; } .filterGameLobbyGameNotFound { color: #a3afb9 !important; } .simple-login .fld { border-radius: 5px !important; padding: 2px 3px !important; width: 115px; height: 27px; vertical-align: top; border: 1px solid #fff !important; box-sizing: border-box; } .simple-login button[type=submit], .btn-login, button[data-target="#loginModal"] { min-width: 74px !important; height: 27px !important; padding: 0.25rem 0.5rem !important; line-height: 1.5 !important; border-radius: 0.25rem !important; border: 0 !important; } button[data-target="#registerModal"] { min-width: 74px !important; height: 27px !important; padding: 0.25rem 0.5rem !important; line-height: 1.5 !important; border-radius: 0.25rem !important; border: 0 !important; margin-left: -12px !important; } /*.loginBox { margin-right: 22px !important; }*/ #searchgame2_searchgame_Keyword { color: #666 !important; } .modalcontent .form-group input, .modalcontent .form-group input::placeholder { color: #282e3d !important; } .dropdown-single-content a:hover, .active-lang { background: #ddd !important; color: #4193d7 !important; } .promo-details ul, .promo-details ol, .promo-details li { list-style: initial; } .promo-details ul li { list-style: disc; } .promo-details ol li { list-style: decimal; } .dot3-popup.ui-widget.ui-widget-content #gameDetailsDialog .badge.badge-new, .dot3-popup.ui-widget.ui-widget-content #gameDetailsDialog .badge.badge-hot { background: #f00; } /*transfer modal*/ #mega888StartingModal .heading.font-weight-bold, #megaGamingStartingModal .heading.font-weight-bold, #megaV3StartingModal .heading.font-weight-bold, #pussy888StartingModal .heading.font-weight-bold, #kiss918StartingModal .heading.font-weight-bold, #WICKET9Modal .heading.font-weight-bold, #mega888StartingModal h5, #megaGamingStartingModal h5, #megaV3StartingModal h5, #pussy888StartingModal h5, #kiss918StartingModal h5, #WICKET9Modal h5, #mega888StartingModal span, #megaGamingStartingModal span, #megaV3StartingModal span, #pussy888StartingModal span, #kiss918StartingModal span, #WICKET9Modal span, .transferModal .form-group label, .transferModal .h3, .transferModal .h5, .transferModal .form-group { color: #fff; } .transferModal .loginClose-btn span.text-dark, .transferModal span.text-dark { color: #fff !important; } .transferModal .input-group input { color: #000 !important; border-radius: 5px 0 0 5px !important; height: 34px !important; } .transferModal .input-group .input-group-append .btn.btn-primary { height: 34px !important; } .transferModal .form-group .btn.btn-link-pkv span, .transferModal .form-group .btn.btn-link-pkv span i { color: #000 !important; } .transferModal .modal-content, #buypromoModal .modal-content, #pokervModal .modal-content { background-color: #000 !important; } #buypromoModal label { color: #fff; } #buypromoModal .displayinfo label { color: #000 !important; } #buypromoModal .minmaxTxt, #buypromoModal .minmaxTxt span { color: #9796ff; } #pokervModal .text-dark, #pokervModal .h3, #pokervModal .h5, #pokervModal label, button.close-popup.close.loginClose-btn { color: #fff !important; } #pokervModal .btn.btn-link-pkv, #pokervModal .card { background: #fff !important; } #buypromoModal #buypromo-promotionTitleTxt, #buypromoModal .font-black { color: #ffffff !important; } .transferModal .btn-primary { background-color: #800417; border-color: #800417; } .transferModal .btn-color { padding: 10px; margin: 16px 0px; } .card.carousel-middle .c_searchform_main_div { padding: 8px 0; } /* .card.carousel-middle #newsWG .media.mb-3 { margin-bottom: 0 !important; } */ .card.carousel-middle #newsWG .media.mb-3 .news-auther { display: none; } .card.carousel-middle #newsWG .media.mb-3 .news-title p { margin-bottom: 0; } .did-floating-input, .did-floating-select, .custom-select-dd { border: 1px solid #ccc !important; border-radius: 5px !important; } .model-h3 > small { margin-bottom: 10px; line-height: 1.3; } .redDotNotification { position: relative; /* 設置相對定位，讓子元素的絕對定位參考此元素 */ display: inline-block; width: 36px; padding-top: 3px; } .redDotNotification img { display: block; /* 防止圖片下方出現間隙 */ } .redDotNotification::after { content: ""; top: 4px; left: 18px; width: 40%; height: 40%; background-image: url('https://d2lcoivv20vty7.cloudfront.net/Content/img/p2mobile/reddot.gif'); /* 替換成你想要的圖片 */ background-size: cover; /* 調整覆蓋方式 */ background-position: center; pointer-events: none; /* 確保按鈕功能正常 */ position: absolute; } .offcanvas-active .redDotNotification::after { display: none; } #pokervModal .form-group .col-12 .col-sm-auto { padding-left: 0; } #pokervModal .form-group .col-12 .col-sm input { border-radius: 5px 0 0 5px !important; } #pokervModal .form-group .col-12 .col-sm-auto .btn.btn-primary { border-radius: 0 5px 5px 0; border-color: var(--maintheme); } #pokervModal .form-group .col-12 .col-sm input, #pokervModal .form-group .col-12 .col-sm-auto .btn.btn-primary { height: 34px !important; } #pokervModal #playnowBtn, #IG_LOTTOModal #playnowBtn { padding: 10px 0 !important; } .promotion_list-info .button-disabled { color: #000000; } :root { --GenericFormColor: #1676f3; } /* new form css */ .signin-content-v3 { padding: 10px 25px 10px 25px; text-align: left; } .signin-content-v3 .bottom { display: flex; flex-direction: column; align-items: center; /*gap: 0.5rem; margin: 1rem 0;*/ } .model-h3 { font-size: 1.3rem !important; font-weight: 500; width: 95%; margin: 0 0 10px 0 !important; color:#333; line-height:125%; } .model-h3 > small { display: block; font-size: 0.75rem; margin-bottom: 10px; } #registerModal .modal-content { background-color: #fff; margin: auto; padding: 0; border: none; /* width: 400px;*/ /* border-radius: 5px;*/ } #registerModal .close-popup { position: absolute; top: 7px; right: 0; bottom: auto; left: auto; z-index: 10; cursor: pointer; color: #808aa6; font-size: 24px; font-weight: normal; line-height: 1; transition: opacity 1s 1s; } /*floating label input*/ .did-floating-label-content, .did-floating-label-content .localized-wrapping { position: relative; margin-bottom: 10px; display: flex; align-items: center; width: 100%; flex-wrap: wrap; } .did-floating-label-content .localized-wrapping:first-child { margin-bottom: 0; } .did-floating-label-content svg { position: absolute; width: 24px; height: 24px; color: var(--GenericFormColor); left: 17px; top: 5px; } .did-floating-label-content > div, .selectCustom > div:not(.select) { width: 100%; } .did-floating-label { color: #1e4c82; font-size: 13px; font-weight: normal; position: absolute; pointer-events: none; left: 50px; top: 9px; padding: 0 5px; background: transparent; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; transition: 0.2s ease all; } .did-floating-input, .did-floating-select { font-size: 16px; display: block; width: 100%; height: 35px; padding: 0 20px 0 55px; background: #fff; color: #323840; border: 1px solid #dbdfe5; border-radius: 5px; box-sizing: border-box; } .did-floating-input:focus, .did-floating-select:focus { outline: none; border-color:#2575fc; } .did-floating-input:focus ~ .did-floating-label, .did-floating-select:focus ~ .did-floating-label { /* top: -8px;*/ /* font-size: 13px;*/ opacity: 0; transform: translateY(-8px); } select.did-floating-select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } select.did-floating-select::-ms-expand { display: none; } .did-floating-input:not(:placeholder-shown) ~ .did-floating-label { top: -8px; font-size: 13px; opacity: 0; } .did-floating-select:not([value=""]):valid ~ .did-floating-label { top: -8px; font-size: 13px; opacity: 0; } .did-floating-select[value=""]:focus ~ .did-floating-label { top: 11px; font-size: 13px; } .did-floating-select:not([multiple]):not([size]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6'%3E%3Cpath id='Path_1' data-name='Path 1' d='M371,294l4,6,4-6Z' transform='translate(-371 -294)' fill='%23003d71'/%3E%3C/svg%3E%0A"); background-position: right 15px top 50%; background-repeat: no-repeat; } .did-error-input .did-floating-input, .did-error-input .did-floating-select { border: 2px solid #9d3b3b; color: #9d3b3b; } .did-error-input .did-floating-label { font-weight: 600; color: #9d3b3b; } .did-error-input .did-floating-select:not([multiple]):not([size]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6'%3E%3Cpath id='Path_1' data-name='Path 1' d='M371,294l4,6,4-6Z' transform='translate(-371 -294)' fill='%239d3b3b'/%3E%3C/svg%3E%0A"); } .did-floating-label-content .input-group { display: flex; } .did-floating-label-content .input-group .did-floating-input { border-radius: 0 4px 4px 0; border-left: 0; padding-left: 0; } .did-floating-label-content .input-group-append { display: flex; align-items: center; /* margin-left:-1px; */ } .did-floating-label-content .input-group-text { display: flex; align-items: center; font-weight: 400; height: 34px; color: #323840; padding: 0 5px 0 20px; font-size: 12px; text-align: center; white-space: nowrap; border: 1px solid #3D85D8; border-radius: 4px 0 0 4px; border-right: none; } #RCfilCol svg { top: 12px; } .did-floating-label-content.registerAccountIcon svg { width: 20px; left: 20px; top: 8px; } .did-floating-label.required:after { content: '*'; color: red; } .did-floating-label-content .toggle-password { position: absolute; right: 8px; top: 0; cursor: pointer; width: 35px; height: 35px; background-position: center center; background-size: 56%; background-repeat: no-repeat; } .did-floating-label-content .pw-eye { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 12' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.2498 12C6.64003 12 0.981934 8.09276 0.981934 6C0.981934 3.90724 6.64003 0 11.2498 0C15.8596 0 21.5176 3.90724 21.5176 6C21.5176 8.09276 15.8596 12 11.2498 12ZM2.95934 6.46234C3.45217 6.99398 4.12936 7.57615 4.89724 8.10641C6.85469 9.45814 9.06793 10.2774 11.2498 10.2774C13.4316 10.2774 15.6449 9.45814 17.6023 8.10641C18.3702 7.57615 19.0474 6.99398 19.5402 6.46234C19.6993 6.29078 19.8308 6.13295 19.928 6C19.8308 5.86705 19.6993 5.70922 19.5402 5.53766C19.0474 5.00602 18.3702 4.42385 17.6023 3.89359C15.6449 2.54186 13.4316 1.72256 11.2498 1.72256C9.06793 1.72256 6.85469 2.54186 4.89724 3.89359C4.12936 4.42385 3.45217 5.00602 2.95934 5.53766C2.8003 5.70922 2.6688 5.86705 2.57159 6C2.6688 6.13295 2.8003 6.29078 2.95934 6.46234ZM11.2498 9.5C9.26502 9.5 7.65604 7.933 7.65604 6C7.65604 4.067 9.26502 2.5 11.2498 2.5C13.2346 2.5 14.8435 4.067 14.8435 6C14.8435 7.933 13.2346 9.5 11.2498 9.5ZM11.2498 7.7C12.2138 7.7 12.9953 6.93888 12.9953 6C12.9953 5.06112 12.2138 4.3 11.2498 4.3C10.2858 4.3 9.50425 5.06112 9.50425 6C9.50425 6.93888 10.2858 7.7 11.2498 7.7Z' fill-opacity='0.6'/%3E%3C/svg%3E"); } .did-floating-label-content .pw-eye-slash { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 16' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.49908 13.6495L8.93791 12.2107C9.29193 12.2548 9.64639 12.2774 10 12.2774C12.1249 12.2774 14.2804 11.4582 16.1868 10.1064C16.9347 9.57615 17.5942 8.99399 18.0742 8.46235C18.2291 8.29079 18.3571 8.13296 18.4518 8.00001C18.3571 7.86706 18.2291 7.70923 18.0742 7.53767C17.5942 7.00603 16.9347 6.42386 16.1868 5.8936C16.0035 5.76358 15.8178 5.63848 15.63 5.51857L16.8352 4.31338C18.6938 5.53215 20 6.98112 20 8.00001C20 10.0928 14.4895 14 10 14C9.18692 14 8.34035 13.8719 7.49908 13.6495ZM3.16933 11.6896C1.30831 10.4702 0 9.01973 0 8.00001C0 5.90724 5.51049 2.00001 10 2.00001C10.815 2.00001 11.6637 2.12877 12.5069 2.35207L11.0688 3.79015C10.7126 3.74555 10.3558 3.72257 10 3.72257C7.87506 3.72257 5.71956 4.54187 3.81317 5.8936C3.06532 6.42386 2.4058 7.00603 1.92582 7.53767C1.77093 7.70923 1.64286 7.86706 1.54819 8.00001C1.64286 8.13296 1.77093 8.29079 1.92582 8.46235C2.4058 8.99399 3.06532 9.57615 3.81317 10.1064C3.99804 10.2375 4.18526 10.3636 4.37457 10.4844L3.16933 11.6896ZM9.66448 11.4841L13.4841 7.66448C13.4946 7.77491 13.5 7.88683 13.5 8.00001C13.5 9.93301 11.933 11.5 10 11.5C9.88682 11.5 9.7749 11.4946 9.66448 11.4841ZM6.51654 8.34242C6.5056 8.22976 6.5 8.11554 6.5 8.00001C6.5 6.06701 8.067 4.50001 10 4.50001C10.1155 4.50001 10.2298 4.50561 10.3424 4.51655L6.51654 8.34242ZM2.50435 14.5103L16.713 0.301597C17.0061 0.00851703 17.4813 0.00851703 17.7744 0.301597C18.0675 0.594678 18.0675 1.06985 17.7744 1.36294L3.56569 15.5716C3.2726 15.8647 2.79743 15.8647 2.50435 15.5716C2.21127 15.2785 2.21127 14.8034 2.50435 14.5103Z' fill-opacity='0.6'/%3E%3C/svg%3E"); } .registerPhone .f-dropdown-wrapper { position: absolute; right: 0; margin: 0; } .registerPhone .f-dropdown-wrapper .f-dropdown > span { padding: 0 10px !important; border-radius: 0 50px 50px 0 !important; border-right: none !important; border-top: none !important; border-bottom: none !important; height: 40px !important; background: transparent; } .registerPhone .f-dropdown-wrapper .f-dropdown > span:before { background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.4 8.7'%3E%3Cg%3E%3Cg%3E%3Cpath d='M7.7 8.6c-0.2 0-0.4-0.1-0.5-0.2l-6.9-7C0 1.1 0 0.6 0.3 0.3C0.5 0 1 0 1.3 0.3l6.4 6.5l6.4-6.5c0.3-0.3 0.8-0.3 1.1 0c0.3 0.3 0.3 0.8 0 1.1l-6.9 7C8.1 8.5 7.9 8.6 7.7 8.6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important; filter: none !important; } /*custom checkbox*/ .form-group-checkbox-custom { display: block; margin-bottom: 15px; } .form-group-checkbox-custom input { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; } .form-group-checkbox-custom label { position: relative; cursor: pointer; } .form-group-checkbox-custom label:before { content: ''; -webkit-appearance: none; border-radius: 3px; background-color: #e3e3e3; padding: 8px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 5px; } .form-group-checkbox-custom input:checked + label:after { content: ''; display: block; position: absolute; top: 3px; left: 6px; width: 6px; height: 10px; border: solid #0079bf; border-width: 0 2px 2px 0; transform: rotate(45deg); } .rgstButton { background-image: linear-gradient(to right, #6a11cb, #2575fc); color: #fff; border-radius: 5px; padding:10px; display: flex; align-items: center; justify-content: center; border: none; text-transform: uppercase; font-size: 1rem !important; } .rgstButton.rgstXS { padding: 6px 10px; cursor: pointer; } .rgstButton:hover { background-image: linear-gradient(to right, #2575fc, #6a11cb); } .text-underline { text-decoration: underline !important; } /*#registerModal .bottom { padding-bottom: 15px; border-radius: 0 0 5px 5px;*/ /* color: #333;*/ /*}*/ .registrationCaptcha { display: flex; align-items: normal; margin-bottom: 10px; flex-direction: column; } .registrationCaptcha .form-block { width: 100%; } .registrationCaptcha .fld-block { display: flex; justify-content: space-between; } .registrationCaptcha .captchaimage { width:50%; } .registrationCaptcha .captchaimage img { width: 90%; margin-right:15px; } .captchaInputRefresh { display:flex; justify-content:center; align-items:center; position:relative; } .captchaInputRefresh a.captcha-refresh { position: absolute; right: 10px; width: auto; } .captchaInputRefresh a.captcha-refresh span { display:none; } .captchaInputRefresh .fld { height: 38px; border-radius: 5px; border: 1px solid #dbdfe5; } .captchaInputRefresh input.fld:focus { border-color: #1676f3; } .captchaInputRefresh a.captcha-refresh i { font-size: 20px; color: #1676f3; } .did-floating-label-content.registerAffiliate svg { width: 25px; top: 11px; left: 17px; } /* end new form css */ .modalCloseButton { border: none; background: #efefef; position: absolute; right: 15px; top: 15px; padding: 5px 8px; border-radius: 100px; display: flex; align-items: center; width: 28px; height: 28px; justify-content:center; z-index:10; } .modalCloseButton svg { color: #333; width: 100%; } /* .genericLink { width: 100%; display: block; padding: 0 0 5px 0; } */ /*multisteps form */ .registerModalSteps .modal-dialog { max-width: 700px!important; } .registerModalSteps .modal-content { width: 100% !important; } .registerModalSteps .modal-content.one { max-width: 100% !important; } #registerModal .bottom .btn { font-size: 1rem!important; } .hide { display: none; } /* end multisteps form */ .selectCustom .select { cursor: pointer; display: inline-block; position: relative; color: #fff; width: 100%; height:30px; } .selectCustom select { display: none; } .custom-select-dd { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #fff; color: #225084; border: 1px solid #dbdfe5; border-radius: 5px; height: 35px; padding: 0 40px 0 55px; display: flex; align-items: center; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .custom-select-dd:after { transform: rotateZ(0deg); transition: all 0.5s; content: ""; display: block; position: absolute; right: 12px; transition: all 0.3s ease; background-repeat: no-repeat; background-size: 70%; background-position: center center; width: 15px; height: 15px; filter: invert(43%) sepia(90%) saturate(3956%) hue-rotate(201deg) brightness(95%) contrast(99%); background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 19.3 18.7' xml:space='preserve'%3E%3Cpolygon points='9.6 18.6 4.8 9.3 0 0 9.6 0 19.3 0 14.4 9.3 '/%3E%3C/svg%3E"); } /*.custom-select:hover { background-color: #b83729; } */ .custom-select-dd:active, .custom-select-dd.active { background-color: #fff; color: #9E9E9E; border-color: #1677f1; } .custom-select-dd:active:after, .custom-select-dd.active:after { transform: rotateZ(180deg); transition: all 0.5s; } .custom-select-dd:focus { outline: 2px; } .select-options { max-height: 200px; overflow-y: auto; display: none; position: absolute; top: 110%; right: 0; left: 0; z-index: 999; margin: 0; padding: 0; list-style: none; background-color: #fff; border-radius: 5px; border: 1px solid #ccc; } .select-options li:first-child { display:none; } .select-options li { color: #424242; margin: 0; padding: 12px 0; /* text-indent: 15px; */ /* border-top: 1px solid #AED581; */ -moz-transition: all 0.15s ease-in; -o-transition: all 0.15s ease-in; -webkit-transition: all 0.15s ease-in; transition: all 0.15s ease-in; padding-left: 15px; } .select-options li.inactive { font-weight: bold; cursor: default; padding-left: 5px; } .select-options li.inactive:hover { background: none; color: #424242; } .select-options li:hover { color: #ffff; background: #1677f1; } .select-options li[rel="hide"] { display: none; } .select-options::-webkit-scrollbar { width: 8px; background-color: #F5F5F5; border-radius: 0 0 5px 0; } .select-options::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #9E9E9E; } .selectCustom { width: 100%; position: relative; margin-bottom: 10px; } .selectCustom svg { width: 24px; position: absolute; z-index: 1; left: 17px; color: #1676f3; top: 8px; } .disabled_field:after { content: ''; display: block; background-color: #000; position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0.08; border-radius: 5px; } #registerModal button.dropbtn-single-box{ color: inherit; } #registerModal .dropdown-single-content{ right: auto; left: 0; } #registerModal .dropdown-single-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; text-align:left; } #registerModal .dropdown-single-content a p { margin:0; /* color: black;*/ } .checkregisterpart1, .checkregisterpart2, .checkregisterpart3{ width:100%; } option.inactive { font-weight: bold; cursor: default; padding-left: 5px; } .phoneRegisterBorder { border: none; border-radius: 5px; box-sizing: border-box; } .border-0:focus, .did-floating-input.border-0{ border: none !important; } .phoneLabel{ left: 0px; } .did-floating-input.pl-2{ padding-left: 0.5rem !important; } .phone-svg{ margin-right: -0.5rem; } @media screen and (max-width:768px) { .phone-svg { margin-right: -0.25rem !important; } } .phone-svg-single { margin-right: 1.5rem; } #__AjaxRegisterAntiForgeryForm button#dropdownMenuLink { display: none; } @media screen and (max-width:768px) { .phone-svg-single { margin-right: -0.25rem !important; } #__AjaxRegisterAntiForgeryForm button#dropdownMenuLink { display: block; } } #__AjaxRegisterAntiForgeryForm button#dropdownMenuLink .icon-language { width: 25px; height: 25px; } .captchaInputRefresh a svg { width: 16px; margin-top: -3px; color: #007bff; } .localized-wrapping { background: transparent !important; border: 1px solid #dbdfe5; }