/* Minification failed. Returning unminified contents. (48,17): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (62,17): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (324,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (615,17): run-time error CSS1039: Token not allowed after unary operator: '-mainTheme' (701,17): run-time error CSS1039: Token not allowed after unary operator: '-iconSize' (702,18): run-time error CSS1039: Token not allowed after unary operator: '-iconSize' (1296,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (1324,30): run-time error CSS1046: Expect comma, found '34' (1324,36): run-time error CSS1046: Expect comma, found '/' (1630,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1631,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1642,32): run-time error CSS1039: Token not allowed after unary operator: '-backgroundColor' (1659,30): run-time error CSS1039: Token not allowed after unary operator: '-size' (1660,31): run-time error CSS1039: Token not allowed after unary operator: '-size' (1678,35): run-time error CSS1039: Token not allowed after unary operator: '-size' (1685,21): run-time error CSS1039: Token not allowed after unary operator: '-size' (1686,22): run-time error CSS1039: Token not allowed after unary operator: '-size' (1694,30): run-time error CSS1039: Token not allowed after unary operator: '-size' (1695,26): run-time error CSS1039: Token not allowed after unary operator: '-size' (1700,41): run-time error CSS1039: Token not allowed after unary operator: '-backgroundColor' (1719,22): run-time error CSS1039: Token not allowed after unary operator: '-size' (1720,23): run-time error CSS1039: Token not allowed after unary operator: '-size' (1721,28): run-time error CSS1039: Token not allowed after unary operator: '-backgroundColor' (1728,22): run-time error CSS1039: Token not allowed after unary operator: '-size' (1729,23): run-time error CSS1039: Token not allowed after unary operator: '-size' (1746,38): run-time error CSS1039: Token not allowed after unary operator: '-size' (1749,28): run-time error CSS1039: Token not allowed after unary operator: '-backgroundColor' (1767,17): run-time error CSS1038: Expected hex color, found '#fff0' (2105,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '#slideout_inner' (2412,34): run-time error CSS1046: Expect comma, found '255' (2412,42): run-time error CSS1046: Expect comma, found '/' (2597,5): run-time error CSS1035: Expected colon, found '}' (3044,28): run-time error CSS1039: Token not allowed after unary operator: '-button-primary' (3118,6): run-time error CSS1030: Expected identifier, found ' ' (3121,1): run-time error CSS1019: Unexpected token, found '}' (3219,1): run-time error CSS1019: Unexpected token, found '}' (3515,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (3519,21): run-time error CSS1039: Token not allowed after unary operator: '-light' (3559,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3560,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3573,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3574,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3686,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (3690,21): run-time error CSS1039: Token not allowed after unary operator: '-light' (3730,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3731,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3744,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3745,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3819,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3820,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (3831,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3832,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (3863,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (3890,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (3902,17): run-time error CSS1039: Token not allowed after unary operator: '-color-afb-black' (3938,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3939,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3948,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3949,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4008,22): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (4039,22): run-time error CSS1039: Token not allowed after unary operator: '-light' (4060,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4061,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4072,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4073,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4214,27): run-time error CSS1038: Expected hex color, found '#fff0' (4252,22): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (4262,33): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (4270,37): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (4326,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (4424,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (4551,28): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (4686,21): run-time error CSS1039: Token not allowed after unary operator: '-text-sm' (4692,21): run-time error CSS1039: Token not allowed after unary operator: '-text-xs' (4760,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4761,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4770,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4771,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4800,1): run-time error CSS1019: Unexpected token, found '}' (4882,21): run-time error CSS1039: Token not allowed after unary operator: '-text-sm' (4887,21): run-time error CSS1039: Token not allowed after unary operator: '-text-xs' (4955,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4956,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4965,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4966,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4977,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4978,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4979,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4980,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4981,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4982,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4983,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4984,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4985,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4986,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4987,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4988,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4989,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4993,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4994,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4995,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4996,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4997,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4998,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4999,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5001,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5002,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5003,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5004,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5005,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5006,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5012,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5013,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5014,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5015,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5016,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5017,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5018,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5034,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-xxs' (5039,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-xs' (5044,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-sm' (5049,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-md' (5054,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-lg' (5059,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-xl' (5064,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-xxl' (5072,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (5073,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (5084,1): run-time error CSS1019: Unexpected token, found '@keyframes' (5085,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (5103,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5104,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5105,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5106,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5112,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5113,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5114,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5115,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5116,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5117,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5118,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5119,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5120,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5121,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5122,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5123,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5124,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5125,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5126,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5127,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5128,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5129,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5130,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5131,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5132,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5133,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5134,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5135,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5136,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5137,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5138,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5139,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5140,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5141,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5142,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5143,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5144,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5145,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5146,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5147,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5148,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5149,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5150,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5151,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5152,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5153,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5154,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5155,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5156,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5157,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5158,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5159,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5160,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5161,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5162,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5163,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5164,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5165,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5166,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5167,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5168,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5169,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5170,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5171,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5172,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5173,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5174,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5175,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5176,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5177,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5178,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5179,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5180,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5181,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5182,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5183,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5184,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5185,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5186,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5187,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5188,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5189,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5190,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5191,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5192,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5193,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5194,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5195,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5196,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (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 '-' (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 '-' (5273,22): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (5334,22): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (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 '-' (5338,39): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-shadow' (5347,43): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-shadow' (5418,21): run-time error CSS1039: Token not allowed after unary operator: '-text-sm' (5421,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (5422,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (5431,1): run-time error CSS1019: Unexpected token, found '@keyframes' (5432,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (5447,17): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (5461,22): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (5501,28): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (5546,28): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (5548,28): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (5630,28): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (5816,24): run-time error CSS1039: Token not allowed after unary operator: '-color-warning' (5820,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (5824,24): run-time error CSS1039: Token not allowed after unary operator: '-color-contrast-low' (5828,24): run-time error CSS1039: Token not allowed after unary operator: '-color-success' (5832,28): run-time error CSS1039: Token not allowed after unary operator: '-color-warning' (5836,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (5840,28): run-time error CSS1039: Token not allowed after unary operator: '-color-contrast-low' (5844,28): run-time error CSS1039: Token not allowed after unary operator: '-color-success' (5870,1): run-time error CSS1019: Unexpected token, found '@keyframes' (5871,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (5882,1): run-time error CSS1019: Unexpected token, found '@keyframes' (5883,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (5894,1): run-time error CSS1019: Unexpected token, found '@keyframes' (5895,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (5906,1): run-time error CSS1019: Unexpected token, found '@keyframes' (5907,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (5918,1): run-time error CSS1019: Unexpected token, found '@keyframes' (5919,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (5930,1): run-time error CSS1019: Unexpected token, found '@keyframes' (5931,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (5942,1): run-time error CSS1019: Unexpected token, found '@keyframes' (5943,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (5980,32): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (6023,17): run-time error CSS1039: Token not allowed after unary operator: '-light' (6029,17): run-time error CSS1039: Token not allowed after unary operator: '-light' (6065,28): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (6087,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6088,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6098,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6099,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6139,28): run-time error CSS1039: Token not allowed after unary operator: '-photoboxOverlay' (6140,37): run-time error CSS1039: Token not allowed after unary operator: '-photoboxAnimationDuration' (6140,90): run-time error CSS1039: Token not allowed after unary operator: '-photoboxAnimationDuration' (6147,31): run-time error CSS1039: Token not allowed after unary operator: '-photoboxAnimationDuration' (6153,32): run-time error CSS1039: Token not allowed after unary operator: '-photoboxAnimationDuration' (6164,31): run-time error CSS1039: Token not allowed after unary operator: '-photoboxAnimationDuration' (6180,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6181,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6410,28): run-time error CSS1046: Expect comma, found '255' (6410,36): run-time error CSS1046: Expect comma, found '/' (6455,1): run-time error CSS1019: Unexpected token, found '}' (6829,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6830,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6839,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (6840,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6849,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6850,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6964,38): run-time error CSS1046: Expect comma, found '0' (6964,42): run-time error CSS1046: Expect comma, found '/' (7144,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7146,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7155,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (7157,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7166,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7168,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7456,36): run-time error CSS1046: Expect comma, found '62' (7456,42): run-time error CSS1046: Expect comma, found '/' (8043,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (8044,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (8069,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8070,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (8121,1): run-time error CSS1019: Unexpected token, found '@keyframes' (8122,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (8372,1): run-time error CSS1019: Unexpected token, found '@keyframes' (8373,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '30%' (9536,20): run-time error CSS1046: Expect comma, found '255' (9536,28): run-time error CSS1046: Expect comma, found '/' (9567,29): run-time error CSS1038: Expected hex color, found '#0003' (10128,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10132,15): run-time error CSS1039: Token not allowed after unary operator: '-gap' (10143,15): run-time error CSS1039: Token not allowed after unary operator: '-gap' (10146,1): run-time error CSS1019: Unexpected token, found '@keyframes' (10147,10): run-time error CSS1035: Expected colon, found '{' (10214,22): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (10250,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10285,30): run-time error CSS1039: Token not allowed after unary operator: '-mainTheme' (10308,22): run-time error CSS1039: Token not allowed after unary operator: '-mainTheme' (10327,1): run-time error CSS1019: Unexpected token, found '@keyframes' (10328,8): run-time error CSS1035: Expected colon, found '{' (10334,1): run-time error CSS1019: Unexpected token, found '@keyframes' (10335,8): run-time error CSS1035: Expected colon, found '{' (10531,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-border-radius' (10541,40): run-time error CSS1039: Token not allowed after unary operator: '-c-button-1-border' (10542,29): run-time error CSS1039: Token not allowed after unary operator: '-c-button-1-text' (10543,34): run-time error CSS1039: Token not allowed after unary operator: '-c-button-1-bg' (10774,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10775,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10780,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (10810,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10811,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10853,36): run-time error CSS1039: Token not allowed after unary operator: '-padding' (10853,56): run-time error CSS1039: Token not allowed after unary operator: '-padding' (10866,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10867,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10873,15): run-time error CSS1039: Token not allowed after unary operator: '-gap' (10882,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10883,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10889,19): run-time error CSS1039: Token not allowed after unary operator: '-gap' (10898,48): run-time error CSS1039: Token not allowed after unary operator: '-count' (10898,68): run-time error CSS1039: Token not allowed after unary operator: '-gap' (10898,86): run-time error CSS1039: Token not allowed after unary operator: '-count' (10898,106): run-time error CSS1039: Token not allowed after unary operator: '-count' (10899,35): run-time error CSS1039: Token not allowed after unary operator: '-count' (10899,55): run-time error CSS1039: Token not allowed after unary operator: '-gap' (10899,73): run-time error CSS1039: Token not allowed after unary operator: '-count' (10899,93): run-time error CSS1039: Token not allowed after unary operator: '-count' (10900,34): run-time error CSS1039: Token not allowed after unary operator: '-count' (10900,54): run-time error CSS1039: Token not allowed after unary operator: '-gap' (10900,72): run-time error CSS1039: Token not allowed after unary operator: '-count' (10900,92): run-time error CSS1039: Token not allowed after unary operator: '-count' (10904,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (10908,26): run-time error CSS1039: Token not allowed after unary operator: '-subtheme' (10912,53): run-time error CSS1039: Token not allowed after unary operator: '-mainTheme' (10912,71): run-time error CSS1039: Token not allowed after unary operator: '-mainTheme' (10917,57): run-time error CSS1039: Token not allowed after unary operator: '-mainTheme' (10917,75): run-time error CSS1039: Token not allowed after unary operator: '-mainTheme' (11029,17): run-time error CSS1039: Token not allowed after unary operator: '-color-afb-black' (11098,22): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (11113,33): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (11163,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (11226,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (11346,21): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (11348,37): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-2-h' (11348,58): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-2-s' (11348,84): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-2-l' (11382,17): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (11392,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (11426,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-xs' (11434,22): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (11463,22): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (11464,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11465,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11467,39): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-shadow' (11476,43): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-shadow' (11506,22): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (11563,28): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (11564,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (11566,36): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-4' (11568,17): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (11573,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (11596,22): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (11604,19): run-time error CSS1039: Token not allowed after unary operator: '-space-md' (11605,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11606,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11611,25): run-time error CSS1039: Token not allowed after unary operator: '-gray' (11611,38): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1-s' (11611,64): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1-l' (11613,25): run-time error CSS1039: Token not allowed after unary operator: '-text-sm' (11620,21): run-time error CSS1039: Token not allowed after unary operator: '-text-sm' (11626,23): run-time error CSS1039: Token not allowed after unary operator: '-space-lg' (11653,17): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (11684,28): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (11974,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11975,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11984,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11985,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11994,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11995,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12004,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12005,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12014,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12015,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12024,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (12025,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12034,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12035,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12044,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12045,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12061,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (12062,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12075,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12076,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12092,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12093,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12109,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (12110,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12123,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12124,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12377,24): run-time error CSS1039: Token not allowed after unary operator: '-color-warning' (12381,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (12385,24): run-time error CSS1039: Token not allowed after unary operator: '-color-contrast-low' (12389,24): run-time error CSS1039: Token not allowed after unary operator: '-color-success' (12393,28): run-time error CSS1039: Token not allowed after unary operator: '-color-warning' (12397,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (12401,28): run-time error CSS1039: Token not allowed after unary operator: '-color-contrast-low' (12405,28): run-time error CSS1039: Token not allowed after unary operator: '-color-success' (12430,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12431,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12442,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12443,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12454,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12455,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12466,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12467,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12478,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12479,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12490,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12491,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12502,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12503,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12964,26): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (13014,32): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (13802,17): run-time error CSS1039: Token not allowed after unary operator: '-color-afb-black' (13840,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '#216ca6' (13871,22): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (13881,33): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (13889,37): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (13939,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (14002,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (14124,21): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (14126,37): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-2-h' (14126,58): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-2-s' (14126,84): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-2-l' (14161,17): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (14170,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (14171,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (14205,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-xs' (14213,22): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (14242,22): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (14243,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14244,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14246,39): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-shadow' (14255,43): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-shadow' (14285,22): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (14343,28): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (14344,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (14348,17): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (14352,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (14353,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (14363,22): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (14371,19): run-time error CSS1039: Token not allowed after unary operator: '-space-md' (14372,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14373,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14378,25): run-time error CSS1039: Token not allowed after unary operator: '-gray' (14378,38): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1-s' (14378,64): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1-l' (14380,25): run-time error CSS1039: Token not allowed after unary operator: '-text-sm' (14387,21): run-time error CSS1039: Token not allowed after unary operator: '-text-sm' (14393,23): run-time error CSS1039: Token not allowed after unary operator: '-space-lg' (14420,17): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (14451,28): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (14741,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (14742,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (14751,1): run-time error CSS1019: Unexpected token, found '@keyframes' (14752,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (14761,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (14762,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (14771,1): run-time error CSS1019: Unexpected token, found '@keyframes' (14772,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (14781,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (14782,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (14791,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (14792,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (14801,1): run-time error CSS1019: Unexpected token, found '@keyframes' (14802,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (14811,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (14812,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (14828,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (14829,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (14842,1): run-time error CSS1019: Unexpected token, found '@keyframes' (14843,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (14859,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (14860,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (14876,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (14877,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (14890,1): run-time error CSS1019: Unexpected token, found '@keyframes' (14891,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (15005,29): run-time error CSS1046: Expect comma, found '0' (15005,33): run-time error CSS1046: Expect comma, found '/' (15150,24): run-time error CSS1039: Token not allowed after unary operator: '-color-warning' (15154,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (15158,24): run-time error CSS1039: Token not allowed after unary operator: '-color-contrast-low' (15162,24): run-time error CSS1039: Token not allowed after unary operator: '-color-success' (15166,28): run-time error CSS1039: Token not allowed after unary operator: '-color-warning' (15170,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (15174,28): run-time error CSS1039: Token not allowed after unary operator: '-color-contrast-low' (15178,28): run-time error CSS1039: Token not allowed after unary operator: '-color-success' (15203,1): run-time error CSS1019: Unexpected token, found '@keyframes' (15204,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (15215,1): run-time error CSS1019: Unexpected token, found '@keyframes' (15216,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (15227,1): run-time error CSS1019: Unexpected token, found '@keyframes' (15228,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (15239,1): run-time error CSS1019: Unexpected token, found '@keyframes' (15240,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (15251,1): run-time error CSS1019: Unexpected token, found '@keyframes' (15252,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (15263,1): run-time error CSS1019: Unexpected token, found '@keyframes' (15264,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (15275,1): run-time error CSS1019: Unexpected token, found '@keyframes' (15276,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (15769,22): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (15819,28): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (16457,17): run-time error CSS1039: Token not allowed after unary operator: '-light' (16481,17): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-2' (16486,17): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-2' (16674,1): run-time error CSS1019: Unexpected token, found '@keyframes' (16675,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (16729,36): run-time error CSS1046: Expect comma, found '37' (16729,41): run-time error CSS1046: Expect comma, found ')' (17067,1): run-time error CSS1019: Unexpected token, found '@keyframes' (17068,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17084,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (17085,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17099,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (17100,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17129,1): run-time error CSS1019: Unexpected token, found '@keyframes' (17130,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17188,1): run-time error CSS1019: Unexpected token, found '@keyframes' (17189,10): run-time error CSS1035: Expected colon, found '{' (17506,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17507,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17508,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17509,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17510,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17511,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17512,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17513,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17514,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17515,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17516,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17517,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17518,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17519,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17520,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17521,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17522,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17523,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17524,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17525,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17526,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17527,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17528,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17529,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17530,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17531,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17532,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17533,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17534,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17535,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17536,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17537,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17538,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17539,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17540,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17541,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22343,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (22344,8): run-time error CSS1035: Expected colon, found '{' (22349,1): run-time error CSS1019: Unexpected token, found '@keyframes' (22350,8): run-time error CSS1035: Expected colon, found '{' (23351,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23352,6): run-time error CSS1035: Expected colon, found '{' (23356,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23357,6): run-time error CSS1035: Expected colon, found '{' (23377,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23378,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23386,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23387,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (26333,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26342,28): run-time error CSS1039: Token not allowed after unary operator: '-img-src' (26981,96): run-time error CSS1030: Expected identifier, found '.' (26981,107): run-time error CSS1031: Expected selector, found ')' (26981,107): run-time error CSS1025: Expected comma or open brace, found ')' (26996,96): run-time error CSS1030: Expected identifier, found '.' (26996,107): run-time error CSS1031: Expected selector, found ')' (26996,107): run-time error CSS1025: Expected comma or open brace, found ')' (27012,24): run-time error CSS1039: Token not allowed after unary operator: '-gap' (27012,40): run-time error CSS1039: Token not allowed after unary operator: '-gap' (27014,25): run-time error CSS1039: Token not allowed after unary operator: '-gap' (27126,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (27127,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (27128,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (27129,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (27135,29): run-time error CSS1039: Token not allowed after unary operator: '-gap' (27150,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (27235,21): run-time error CSS1039: Token not allowed after unary operator: '-GenericFormColor' (27751,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 !important; } .button.button-regular.two { 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: .8em !important; margin: 0; color: white !important; } .button.button-regular { padding: 4px 8px; font-size: 11px; line-height: 24px; margin: 0; color: white !important; 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: auto; 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; } .modal-content { border: none; } /* No Funtion Title */ .noData { font-size: 14px; 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: #2f3546; } .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: 240px; } /*#onexhl5gh_bethis td.table-th-font-limit { width: unset; } */ .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: cover; }*/ .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 { color: #222222; } .affix { top: 0; width: 100%; z-index: 9999 !important; } .affix + .container-fluid { padding-top: 70px; } .affix { position: fixed; } .vl { border-left: 5px solid green; height: 20px; display: inline; margin-right: 10px; margin-left: 10px; } /* AFB Title */ .afb-title-h1 { background-color: #3686bf; padding: .2rem 1rem; margin-bottom: 0px !important; width: 100%; font-size: 1.5em; color: var(--mainTheme); } .afb-title-h1.mb-3 { margin-bottom: 0px !important; } .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-right: 25px; 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 !important; 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 .dropbtn-single { background-image: linear-gradient(to right, #2575fc, #6a11cb); border-radius: 2px; }*/ button.dropbtn-single-box.dropbtn-single.btn-sm.btn-block:hover { background: #17a2b8 !important; } button.dropbtn-single-box.dropbtn-single.btn-sm.btn-block { font-weight: 400; } .dropdown-single:hover .dropdown-single-content { display: block; } /* Sign In */ input, textarea { border-radius: 50px !important; padding: 10px 15px; 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;*/ } 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 #2575fc !important; 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.afb01.xs { background-image: linear-gradient(to right, #6a11cb, #2575fc); border: none; border-radius: 2px 2px; padding: 5px 15px; color: white; /*font-size: .32em !important;*/ margin: 0 auto; line-height: 1.4; } button.afb01 { background: #17a2b8; border: none; border-radius: 2px 2px; padding: 5px 15px; color: white; } button.afb02 { background-image: linear-gradient(to right, #6a11cb, #2575fc); border: none; border-radius: 2px 2px; color: white; } button.afb:hover, button.afb01:hover { background: #138496; } button.afb03 { background: #1e8535; border: none; border-radius: 2px 2px; padding: 5px 15px; color: white; } .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: rgb(34 34 34 / 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 { right: 0; left: auto; transform: translateX(100%); } .offcanvas.show { visibility: visible; transform: translateX(0); transition: transform .2s; z-index: 9999999999; } .offcanvas .btn-close { position: relative; font-size: 1.5rem; } .text-truncate-nav { overflow: hidden; text-overflow: ellipsis; 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: 2px; line-height: 1.1; margin-bottom: 0px; 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: #2e3d4b; */ /*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: #1a5684; /* display: -webkit-box; */ /* display: -ms-flexbox; */ 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: #0c314e; } #snav li:nth-child(10n+2) span, #snav li:nth-child(10n+2) a:hover .fa { background-color: black; } #slideout { position: fixed; z-index: 1; 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; padding: 12px 0; text-align: center; background: #28a745; -webkit-writing-mode: tb-rl; writing-mode: tb-rl; -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_inner } #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-color: #7ba630; color: white; } .afb-medias .h1 { color: black; font-size: 1.5rem; font-weight: 400; } .afb-medias span { color: white; } .afb-medias a:hover { background-color: #658827; 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 !important; 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; right: 0; 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: 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; } .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: 18px; 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: .8em; 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: 3px 0px; */ } .amount-blur { color: #ffffff14 !important; text-shadow: 0 0 5px rgb(255 255 255 / 50%); } .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: auto; } } .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; } } @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 { line-height } } @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: auto; } } @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: auto; } } .tabcontentmd { color: #808aa6; } .tabcontentmd .popup-header, .tabcontentmd .popup-title { width: 100%; height: 64px; padding: 0; background-color: #fff; border-bottom: none; 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: auto; } } /*Lite button*/ .btn-lite { border: 2px solid rgba(255, 255, 255, .7) !important; background-color: var(--button-primary) !important; font-size: 80% !important; } .m-btn-lite { display: none; } @media (max-width: 767px) { .m-btn-lite { display: block; } } @media (max-width: 580px) { .standard-logo { width: 25%; } .login { font-size: 0.6em !important; /* width: 25%;*/ margin-left: 0.3em !important; white-space: initial; text-align: center; height: auto !important; } } @media only screen and (max-width:376px) { img.sbanner-images-cover { height: auto; } } @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: auto; } } @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; } @media only screen and (max-width: 767px) { .footer-bottom p { font-size: .9em; } } .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; border-left-color: var(--cd-color-1); 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%; margin-left: -1px; 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: -5px !important; left: 8px !important; 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);*/ color: #fff; } .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: #ccc; 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 } } /* Notification */ .notifUnread::after { width: 4px; background: #fff; left: 0; top: 0; bottom: 0; position: absolute; } .notifUnread { /* background-color: #004eff14;*/ background-color: #084571; border-color: #000000; /*border-right: 4px solid #ff0000;*/ } .notifUnread div { color: #fff; font-weight: 500; } .dropdown-menu { border: none; } .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: #fff; 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: #ccc; 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 !important; } .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 { -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) } } } */ .cd-tabs__panel p a { color: #002bff; padding: 0; font-size: 13px; } .profile-notif time { margin: 5px 0; font-size: var(--text-sm) } @-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; } /*.form-group label { color: black; }*/ .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) { #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; margin-left: auto; margin-right: auto; } .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, #103856); } .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; font-weight: revert; 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: 180px; } /* * 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-bottom: none; 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 */ .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; font-weight: 500; 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: rgb(255 255 255 / 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%; padding: 0; 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; bottom: 0; } /* 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 */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); 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; display: block; 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: 1; 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 rgb(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 !important; } .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; } @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%; width: 100%; background: transparent; 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; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: 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: rgb(62 62 62 / 60%); padding: 0 15px; line-height: 32px; color: #fff; border-radius: 16px; margin-right: 10px; margin-bottom: 10px; } .s006 form .suggestion-wrap span:hover { background: #4aa3d9; } @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 Desktop SearchGame */ .searchgamewidget { padding: 0px !important; } /* Widget Mobile SearchGame */ /*.search-button { margin: 0px 10px 5px 5px; }*/ .searchgameMobilewidget.show { top: 75px; } /* 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; border: 0; 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; } .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 10px 0px 10px; top: 0; left: 0; z-index: 1; } .top5game .under-ml { color: white; background-color: red; padding: 5px; /*font-size: .3em;*/ font-weight: 500; position: absolute; border-radius: 0 10px 0px 10px; bottom: 0; z-index: 99; } .seoar img { width: auto !important; max-width: 100%; } /*simple login*/ .btn-sm { font-size: 80% !important; /* height: 29.2px;*/ } .btn-login { height: 29.2px; color: #fff !important; background-color: #343a40 !important; border: none; text-transform: uppercase !important; padding: 0.25rem 0.5rem; border-radius: 0.2rem; } .btn-login:hover { background-color: #23272b !important; border-color: #1d2124 !important; } .btn-login > span { font-size: 80% !important; display: flex; } .sl-h { display: none !important; } .sl-s { display: inline-block; } @media (max-width: 520px) { .sl-h { display: inline-block !important; } .sl-s { display: none; } .simple-login { margin-right: 0px; margin-bottom: .25rem } .simple-login .login_username, .simple-login .login_password { width: 90px; } } /*registermodal*/ .register-form { display: flex; flex-wrap: wrap; } .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; } .signin-form { width: 100% !important; } .signin-image { width: 100% !important; } .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; } .signin-image img.two { display: none; } 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%; } @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: #7c7c7c !important; text-shadow: 1px 3px 2px #000000 !important; } } .register-fields h3 { font-weight: 700; font-size: 25px; color: #fec882; line-height: 1; text-align: center; margin-bottom: 30px; } .register-fields h4 { font-size: 14px; line-height: 1; margin-bottom: 10px; color: #94897a; font-weight: 400; } .register-fields .form-input { margin-bottom: 23px; } .register-fields .form-input .error-message { margin-top: 10px; } .register-fields__grats-image { width: 280px; padding-right: 20px; margin: 0 auto 10px; } .register-fields__grats-image img { display: block; width: 100%; height: auto; } .register-fields__grats-text { line-height: 28px; font-size: 16px; text-align: center; color: #fffaf3; padding: 0 20px; } .register-fields__sex-wrapper { margin-bottom: 23px; } .register-fields__sex-wrapper .inline-radio__item { flex: 1 0 auto; } .register-fields__password-wrapper { position: relative; } .register-fields .form__input-row .error-message { margin: 0 5px; flex: 1 0 auto; } .register-fields-grid { display: flex; margin: 0 -5px; } .register-fields-grid__col { padding: 0 5px; } .register-fields-grid__col--3 { width: 33.3333%; } .register-fields-grid .error-message { margin-bottom: 30px; } .register-actions { margin-top: 20px; display: flex; justify-content: space-between; align-items: center; } .register-actions__back-button { background: transparent; padding: 10px 20px; color: #d4c5b1; display: flex; justify-content: center; align-items: center; transition: color 0.2s ease; } .register-actions__back-button .font-icon { margin-right: 8px; } .register-actions__back-button:hover { color: #fec882; } .register-actions .app-button { width: 170px; } .register-actions--single { justify-content: center; } .register-actions--single .app-button { width: 220px; } @-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 (min-width: 576px) { .modal-dialog { max-width: unset; } } .signin-image { background-color: black; border-radius: 5px 0 0 0; width: 40%; } .signin-form { width: 60%; } .signin-form > div { padding: 30px; } .signup-content, .signin-content { display: flex; display: -webkit-flex; } .modal { padding-right: 16px; padding-left: 16px; } .top-header-menu { display: flex; align-items: center; } .navigation-line { width: 90%; margin: 0 auto; height: 2px; overflow: hidden; background: linear-gradient(to right, transparent, #fec882 50%, transparent); } .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; color: rgb(205, 156, 0); } .register-p-b-back i p { display: contents; color: rgb(205, 156, 0); font-weight: 500; } .register-p-b-next { padding: 10px 30px; margin: 0; text-align: center; font-size: 1.3em; width: 45%; float: right; } .text-red { color: #ff5464 !important; } .required:after { color: #ff5464 !important; } .congra .h2 { color: rgb(205, 156, 0); } .congra p { font-size: 1em; text-align: center; } .congra img { width: 65%; margin: 20px; } .already-button { padding: 15px; background-color: #f0f0f0; color: black; } /*tablesticky*/ .table-sticky { border-collapse: separate; border-spacing: 0; white-space: nowrap; } .table-sticky thead { position: relative; /* z-index: 1;*/ } .table-sticky thead .sticky-left { position: sticky; left: 0; /*z-index: 2;*/ background-color: #3b4358 !important; } .table-sticky tbody .sticky-left { position: sticky; left: 0; max-width: 40vw; overflow-x: auto; /* z-index: 2; */ } @media screen and (min-width: 960px) { .table-sticky { border-collapse: collapse; white-space: normal; } .table-sticky tbody .sticky-left { max-width: 25vw; } } /* free spin */ .btn-mix-noborder { outline: 0; border-radius: 50px; font-size: 0.6em; letter-spacing: 2px; overflow: hidden; position: relative; padding: .8em 2em; /* margin: 4em; */ text-transform: uppercase; -webkit-tap-highlight-color: transparent; transition: all 500ms ease-in-out; display: inline-block; } .btn-mix-wrapper-mb { width: 100%; position: absolute; left: 0; right: 0; top: -35px; text-align: center; } .btn-mix-noborder.one { outline: 0; border-radius: 50px; font-size: 0.8em; letter-spacing: 2px; overflow: hidden; position: relative; padding: .8em 2em; /* margin: 4em; */ text-transform: uppercase; -webkit-tap-highlight-color: transparent; transition: all 500ms ease-in-out; } .btn-mix-noborder::after, .btn-mix-noborder::before { content: ""; position: absolute; } .btn-mix-noborder:hover, .btn-mix-noborder:focus { background: rgba(255, 255, 255, 0.8); } .btn-mix-noborder::after { background: #222; border-radius: 120px; content: attr(data-text); color: #fff; padding: .4em 1.5em; top: 0.4em; left: 0.5em; -moz-user-select: none; user-select: none; user-drag: none; } .btn-mix-noborder::before { background: transparent; border-radius: 100%; top: 50%; left: 50%; box-shadow: 0 1em 2em 3em rgba(255, 50, 0, 0.5), 4em 0em 2em 2em rgba(155, 50, 0, 0.6), -4em -2em 2em 2em rgba(255, 0, 150, 0.5), -4em 2em 2em 4em rgba(0, 0, 150, 0.5), 0 -3em 2em 3em rgba(120, 250, 0, 0.5), 2em -1em 2em 2em rgba(50, 10, 200, 0.5); width: 0; height: 0; animation: mix 5s linear infinite; } @keyframes mix { 30% { box-shadow: 0 -1em 2em 3em rgba(255, 0, 200, 0.5), 4em -1em 2em 3em rgba(255, 50, 0, 0.8), -4em 2em 3em 2em rgba(155, 200, 0, 0.5), -4em -2em 2em 2em rgba(200, 0, 150, 0.6), 0 3em 2em 2em rgba(20, 250, 0, 0.5), 2em 1em 2em 2em rgba(50, 10, 250, 0.5); } 60% { box-shadow: 2em 1em 2em 3em rgba(55, 0, 200, 0.5), 3em 1em 2em 3em rgba(25, 150, 0, 0.6), 3em -2em 3em 3em rgba(155, 200, 0, 0.5), -4em 2em 2em 3em rgba(200, 0, 50, 0.6), 0 -3em 2em 3em rgba(200, 250, 0, 0.5), -2em 1em 2em 3em rgba(50, 210, 250, 0.6); } } .btn-mix-noborder::after { background: transparent !important; color: white !important; font-weight: 600; } /*logout*/ svg#logout { width: 15px; fill: white; } .btn-outline-light:hover > svg#logout { fill: black; } /* top5table*/ table.transaction-game.table-sticky thead .sticky-left { background: #3b4358; width: 240px; } table.transaction-game.table-sticky tbody .sticky-left { background: #3c3c3c; } table.transaction-game.table-sticky tbody tr:nth-child(2n+2) .sticky-left { background: #4b545d; } /*mobileaffiliate*/ button.dropbtn-single-box { background-color: #7be50000; color: white; font-size: 14px; border: none; padding: 7px 10px; } button.dropbtn-single-box.dropbtn-single:hover { background: transparent !important; } button.dropbtn-single-box.black { color: black; } .dropdown-single { position: relative; display: inline-block; z-index: 999; } .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: 99; left: auto; border-radius: 5px; font-size: 1em; padding: 0; right: 0; } .dropdown-single-content.one:before { position: absolute; bottom: -6px; left: 50px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .dropdown-single-content.one:after { position: absolute; bottom: -6px; left: 50px; display: inline-block; border-right: 6px solid transparent; border-top: 6px solid #ffffff; border-left: 6px solid transparent; content: ''; } .dropdown-single:hover .dropbtn-single { background-image: transparent !important; border-radius: 2px; } .dropdown-single:hover .dropdown-single-content { display: block; } .friends-dropdown { padding: 15px; text-align: center; color: #000; } .friends-dropdown p { margin: 10px 0 0; } .friends-dropdown p.one { margin: 0 auto; } .friends-dropdown hr { margin-top: .5rem; margin-bottom: .5rem; } .friends-dropdown .h4 { font-size: 1.2em; font-weight: 700; margin-bottom: 10px; } .friends-dropdown a { padding: 0; } .drop-up { top: auto; bottom: 100% !important; left: -20px; margin-bottom: 15px; } /*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); } /*mobile-user-profile*/ .dropdown-menu.show { transform: translate3d(40px, 32px, 0px) !important; } .header-avatar-large { display: flex; } @media only screen and (max-width: 767px) { .header-avatar-large { display: none; } } @media only screen and (min-width: 767px) { .dropdown-menu.mobile { display: none !important; } } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { background-color: #3f719d !important; } .dropdown-menu.dropdown-menu-right.a-drop-text.theme-bg-blue.show { transform: translate3d(-10px, 20px, 0px) !important; } button.btn.btn-link:hover, button.btn.btn-link:focus { text-decoration: none; } button.btn-link > a { color: #1a5684; } button.btn-link > a:hover { color: #17a2b8; } .figure-button > a { font-size: 0.875rem !important; } .figure-button > a:nth-child(2) { margin-top: 20px !important; } .modal-content.one { width: 48% !important; border-radius: 5px; border: none; padding: 0; margin: auto; } @media only screen and (max-width:415px) { .modal-content.one { width: 100% !important; } } @media only screen and (max-width:1144px) { .modal-content.one { width: 60% !important; } } @media only screen and (max-width:991px) { .modal-content.one { width: 70% !important; } } @media only screen and (max-width:640px) { .modal-content.one { width: 90% !important; } } .d-none838 { display: block !important; } .m-dp-none838 { display: none !important; } @media only screen and (max-width:838px) { .m-dp-none838 { display: block !important; } .footer-copy-right { padding-bottom: 40px; position: relative; } .footer-copy-right::after { position: absolute; display: block; content: ''; background-color: #0c314e; width: 100%; height: 60px; top: 100%; left: 0; } .d-none838 { display: none !important; } .luckspin_logo { bottom: 75px !important; } } button.btn.btn-primary.filter-button { background: #17a2b8; } button.btn.btn-default.filter-button { color: white; } button.btn.filter-button:hover { background: #138496; } button.btn.btn-sm.btn-theme { background: #17a2b8; color: white; } button.btn.btn-sm.btn-theme:hover { background: #138496; } #feature-game .popular-items.type-2 { position: relative; overflow: hidden; color: #fff; } #feature-game .popular-items.type-2 .popular-name { position: absolute; background-color: transparent; width: 100%; height: 200%; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transition: all .5s; transition: all .5s; padding: 0; } #feature-game .popular-name { font-size: small; text-align: center; padding: .2rem .5rem; font-weight: bold; background-color: #7ba630; } #feature-game .popular-items.type-2 .popular-name-title { -ms-flex-preferred-size: 50%; flex-basis: 50%; text-align: left; padding: 0.5rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #fff; } #feature-game .popular-items.type-2:hover .popular-name { top: -100%; background-color: rgba(0, 0, 0, 0.8); } #feature-game .popular-items.type-2 .popular-name-title-text { position: relative; } #feature-game .popular-items.type-2 .popular-name-title-text:before { position: absolute; display: inline-block; content: ''; width: 2rem; height: 2px; bottom: -2px; background-color: #fff; } #feature-game .popular-items.type-2 .popular-name-action { -ms-flex-preferred-size: 50%; flex-basis: 50%; 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; } #feature-game .popular-items.type-2 .popular-name-action-text { padding-bottom: .2rem; border-bottom: 2px solid #4aa2d9; } .lazytest { opacity: 1; transition: opacity 1s ease-out; } .lazytest[data-src] { opacity: 0; } input#searchkeyword, .searchgamewidget .input-group input { color: #272727 !important; } button.afb04 { background: #32384a !important; border: none; } .vl { display: none; } .col-12.onex > section { padding: 0px; } button.button-disabled.afb03 { background: #9b4747; } @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%); } #footer { position: relative; padding-left: 0; padding-right: 0; } /* @media (max-width: 580px) { .footer-copy-right { margin-bottom: 58px; } } */ #member-deposit span { color: #333; } .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; } #onenotifModal .modal-content { width: 90% !important; } } /*.localized-wrapping { border-radius: 5px !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; }*/ #registerModal .modal-content { width: 400px; } #onenotifModal .modal-content { width: 360px; } div#pokervModal .modal-dialog { max-width: 500px !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; color: black; } .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; } /*------------*/ .modal-content { width: 360px; } div#betHistoryModel div#betHistoryModelDiv { width: 100% !important; margin: 0; } div#bet_history_list_data { padding: 0; } ul#Useful-Link li, ul#CMS li { margin-bottom: 5px; } /*------t5g------*/ a.btn.btn-sm.btn-block.btn-light { font-weight: bold; text-transform: uppercase; } /*------------*/ @media screen and (max-width:768px) { #jackpotPool span.gold { font-size: 12px; } } .text-center { text-align: center; } .text-right { text-align: right !important; } /* widget */ .top5game .afb-title-h1 { width: 100%; font-size: 1rem; font-weight: 500; padding: 10px 20px 10px 10px; color: #fff; margin: 15px 0; display: flex; justify-content: space-between; text-transform: uppercase; position: relative; align-items: center } .top5game .afb-title-h1:before { content: none; } .top5game .afb-title-h1 a span { display: flex; color: #fff; align-items: center } .top5game .afb-title-h1 a span:hover { color: #cbd3da; } .top5game .afb-title-h1 a span svg { margin-left: 5px } .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; position: absolute; top: 0; width: 100%; } .top5game .photobox .photobox_title a.tmb-content__link { font-size: .7rem; line-height: 15px; padding: 10px 5px; display: block; color: #fff; text-align: left; font-weight: bold; background: transparent; } .top5game .photobox .photobox_title a.tmb-content__link div { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 auto } .top5game .photobox .photobox_title a.tmb-content__link div:before { position: absolute; display: inline-block; content: ''; width: 2rem; height: 2px; bottom: 5px; background-color: #fff; } .top5game .photobox__previewbox { position: relative; overflow: hidden; border-radius: 10px; } .top5game .photobox__previewbox:before { content: ''; width: 0; height: 0; padding: 25%; border-radius: 0%; position: absolute; top: 0; left: 0; background-color: transparent; transition: transform calc(.5s/2) ease calc(.5s/2); will-change: transform; transform: scale(0); z-index: 8 } .top5game .photobox__previewbox .action_overlay { bottom: 0; right: 0; padding: 10px; overflow: hidden; justify-content: center; align-items: center; z-index: 9; position: absolute; background-color: transparent; width: 100%; height: 300%; top: 0; left: 0; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transition: all .5s; transition: all .5s; } .top5game .photobox__previewbox .action_overlay a { display: flex } .top5game .photobox__previewbox .action_overlay a:first-child div { font-size: .7rem; padding: 6px 10px; text-align: center; margin: 5px 0; border-radius: 3px; display: block; background-image: linear-gradient(to bottom, #7ba630, #7ba630); border-color: #7ba630; color: #fff; } .top5game .photobox__previewbox .action_overlay a:first-child div:hover { background-image: linear-gradient(to bottom, #658827, #658827); border-color: #5e7e25; } .top5game .photobox__previewbox .action_overlay a:nth-child(2) div { font-size: .7rem; padding: 6px 10px; text-align: center; margin: 5px 0; border-radius: 3px; display: block; background-image: linear-gradient(to bottom, #f8f9fa, #f8f9fa); border-color: #f8f9fa; color: #212529; } .top5game .photobox__previewbox .action_overlay a:nth-child(2) div:hover { background-image: linear-gradient(to bottom, #e2e6ea, #e2e6ea); border-color: #dae0e5; } .top5game .photobox__previewbox:hover .action_overlay { top: -100%; background-color: rgba(0, 0, 0, 0.8); } .top5game .photobox__previewbox:hover ~ .photobox_title { display: none; } .jackpotpool .afb-title-h1 { width: 100%; font-size: 1rem; font-weight: 500; padding: 10px 20px 10px 10px; color: #fff; margin: 15px 0; display: flex; justify-content: space-between; text-transform: uppercase; position: relative; align-items: center } .jackpotpool .afb-title-h1:before { content: none; } .jackpotpool .afb-title-h1 a span { display: flex; color: #fff; align-items: center } .jackpotpool .afb-title-h1 a span:hover { color: #cbd3da; } .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__previewbox { position: relative; overflow: hidden; border-radius: 10px 10px 0 0; } .jackpotpool .photobox__previewbox:before { content: ''; width: 0; height: 0; padding: 25%; border-radius: 0%; position: absolute; top: 0; left: 0; background-color: transparent; transition: transform calc(.5s/2) ease calc(.5s/2); will-change: transform; transform: scale(0); z-index: 8 } .jackpotpool .photobox__previewbox .action_overlay { bottom: 0; right: 0; padding: 10px; overflow: hidden; justify-content: center; align-items: center; z-index: 9; position: absolute; background-color: transparent; width: 100%; height: 300%; top: 0; left: 0; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transition: all .5s; transition: all .5s; } .jackpotpool .photobox__previewbox .action_overlay a { display: flex } .jackpotpool .photobox__previewbox .action_overlay a:first-child div { font-size: .7rem; padding: 6px 10px; text-align: center; margin: 5px 0; border-radius: 3px; display: block; background-image: linear-gradient(to bottom, #7ba630, #7ba630); border-color: #7ba630; color: #fff; } .jackpotpool .photobox__previewbox .action_overlay a:first-child div:hover { background-image: linear-gradient(to bottom, #658827, #658827); border-color: #5e7e25; } .jackpotpool .photobox__previewbox .action_overlay a:nth-child(2) div { font-size: .7rem; padding: 6px 10px; text-align: center; margin: 5px 0; border-radius: 3px; display: block; background-image: linear-gradient(to bottom, #f8f9fa, #f8f9fa); border-color: #f8f9fa; color: #212529; } .jackpotpool .photobox__previewbox .action_overlay a:nth-child(2) div:hover { background-image: linear-gradient(to bottom, #e2e6ea, #e2e6ea); border-color: #dae0e5; } .jackpotpool .photobox__previewbox:hover .action_overlay { top: -100%; background-color: rgba(0, 0, 0, 0.8); } .jackpotpool .photobox__previewbox:hover ~ .photobox_title { display: none; } .jackpotpool div.text-wrap { text-align: center; background: #7ba630; display: -webkit-box; padding: 5px 5px; white-space: normal } .jackpotpool div.text-wrap a { display: block; width: 100% } .jackpotpool div.text-wrap .jackpotcounter { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 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 { background-color: #3f719d !important; font-weight: 700; color: rgb(255 255 255 / 87%); } @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; } /* footer social icons */ .socialMedia-list a.icoLine > img { width: 25px !important; margin: auto; filter: invert(47%) sepia(21%) saturate(347%) hue-rotate(182deg) brightness(86%) contrast(97%); } .socialMedia-list li a.icoLine:hover > img { filter: brightness(0) invert(1); } .socialMedia-list a.icoLine:hover { background-color: #01bd02; } .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 { 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.icoThreads: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 { 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 { 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.icoZalo > img { margin: auto; filter: invert(47%) sepia(21%) saturate(347%) hue-rotate(182deg) brightness(86%) contrast(97%); } .socialMedia-list a.icoZalo:hover { background-color: #0068FF; } .socialMedia-list li a.icoZalo:hover > img { filter: brightness(0) invert(1); } .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; width: 100% !important; } .socialMedia-list a.icoTikTok > .img-fluid { filter: none; width: 100% !important; } .socialMedia-list a.icoXHS > .img-fluid { filter: none; width: 100% !important; } .socialMedia-list a.icoThreads > .img-fluid { filter: none; width: 100% !important; } .socialMedia-list a.icoTelegram > .img-fluid { filter: none; width: 100% !important; } .socialMedia-list a.icoWeChat > .img-fluid { filter: none; width: 100% !important; } .socialMedia-list a.icoZalo > .img-fluid { filter: none; width: 100% !important; } .footer-bottom { padding: 100px 0; } .oneXBet-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; } /*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: #333; } .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; } #shareboxPopup .modal-body .h5 { color: #333; } .rgstButton { background: #7ba630 !important; } .rgstButton:hover { background: #597e17 !important; } #registerModal .bottom a { color: #7ba630 !important; } #registerModal .bottom a:hover { color: #333 !important; } #VTdata img { width: 100%; height: auto; } #mega888StartingModal, #megaGamingStartingModal, #megaV3StartingModal, #pussy888StartingModal, #kiss918StartingModal { 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 { max-width: unset; } 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%; } #disclaimerModal .modal-body, #disclaimerContinueModal .modal-body { color: black; } #disclaimerContinueModal .modal-content { width: 360px; } @media (min-width: 576px) { #loginModal .modal-dialog { max-width: 500px; } } /*promotion rules*/ @media (max-width:426px) { .promotion-rules-page .container .col-6 { flex: none; max-width: 100%; } } #mega888StartingModal .modal-dialog, #forgotPasswordModal .modal-dialog, #changePasswordModal .modal-dialog, #alertModal .modal-dialog { max-width: 500px; } .modal-content{ width: 360px !important; } #forgotPasswordModal .sm-text { color: black; } @media(max-width: 428px) { #disclaimerModal .modal-dialog, #disclaimerContinueModal .modal-dialog { padding-bottom: 0px !important; } } .sharebox-container.text-center.p-1 .input-group-append button { padding-top: 0 !important; } @media(max-width:428px) { #invite-friend .share-title { font-size: 9px; max-height: 27px; } } @media only screen and (max-width: 1195px) and (min-width: 996px) { #invite-friend .row .col-12.col-md-6.col-lg-3.px-1, #invite-friend .row .col-12.col-md-6.col-lg-3.px-1, #invite-friend .row .d-none.d-md-block.col-md-6.px-1 { min-width: 50% !important; } } #invite-friend .row .col-12.col-md-6.col-lg-3.px-1 input, #invite-friend .row .col-12.col-md-6.col-lg-3.px-1 input, #invite-friend .row .d-none.d-md-block.col-md-6.px-1 input { min-height: 33.19px !important; } .free-spin-btn { margin-right: 5px !important; font-size: 0.6rem; border-radius: 5px !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; } .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 { margin-bottom: 0.8rem; 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*/ #registerModal .bottom{ color: #333; } #__AjaxOTPAntiForgeryForm .heading, #otpModal .bottom { color: black; } /* Bottom Nav CSS */ :root { --mainTheme: #1a5684; } .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; } .toast-body { border-bottom: 6px solid #1a5684; } .loyalprogram-info .table-title { color: rgba(26, 86, 132,.8); } .affix { position: sticky; top: 0; width: 100%; z-index: 9999 !important; } .offcanvas { width: 100%; visibility: hidden; transform: translateX(-100%); transition: all .8s; border-radius: 0; display: block; position: fixed; top: 0; left: 0; height: 100%; z-index: 99999; background-color: #fff; } .offcanvas .h6 { font-size: 1rem; } .offcanvas.offcanvas-right { right: 0; left: auto; transform: translateX(100%); } .offcanvas.show { visibility: visible; transform: translateX(0); transition: transform .2s; z-index: 99999 !important; } /* .offcanvas .btn-close { right: 2px; top: 1px; font-size: 1.5rem; }*/ .background-overlay.bg-overlay { display: block } .background-overlay { background-color: rgba(25,25,25,.7); z-index: 9998; opacity: 1; transition: all .4s ease; position: fixed; display: none; top: 0; bottom: 0; left: 0; right: 0 } .menu-overlay.open { visibility: visible; opacity: 1; transform: translateX(0%); overflow-x: hidden; overflow-y: auto; } #my_offcanvas1 { display: none !important; } @media screen and (max-width: 768px) { nav.list-group { overflow-y: auto; background: #1a5684; width: 100% } #my_offcanvas1 { display: block !important; } #my_offcanvas1 { background: #000 !important } #my_offcanvas1 .mask { background: #1a5684; width: 100%; height: 100% } #my_offcanvas1 .mask .bg-black { background: #000 !important; width: 100% !important } #my_offcanvas1 span.iconDropdown { float: right; margin: 0; width: 20px } #my_offcanvas1 span.iconDropdown img { filter: invert(1) } #my_offcanvas1 .border-bottom { border-bottom: 1px solid #dee2e6 !important } #my_offcanvas1 .bg-black { background-color: #1c1c1c !important } #my_offcanvas1 .c-primary-bg { width: calc(100% - 2em); background: #3686bf !important; font-size: .8rem; border-left: 1px solid #dee2e6; margin-left: 2em; margin-bottom: 10px; } #my_offcanvas1 .c-primary-bg a { color: #fff } #my_offcanvas1 .c-primary-bg .mt-2 img { filter: invert(1); width: 15px } #my_offcanvas1 .c-primary-bg .fs-3 { font-size: calc(1.3rem + .6vw) !important } #my_offcanvas1 .asideLoginBox { width: 100%; padding-top: 10px !important } #my_offcanvas1 .asideLoginBox .loginButton, #my_offcanvas1 .asideLoginBox .registerButton { width: 100%; margin-bottom: 5px; font-size: 1rem; border-radius: var(--bs-btn-border-radius) !important; display: block; text-align: center; line-height: 2rem; background: linear-gradient(180deg,#e6000f 0%,#d30011 25%,#c0000f 50%,#ae000c 75%,#9d010c 100%); color: #fff; border-bottom: 1px solid #fc0018 } #my_offcanvas1 .asideLoginBox .loginButton { border: 1px solid var(--c-button-1-border) !important; color: var(--c-button-1-text) !important; background: var(--c-button-1-bg) !important; font-weight: 600 !important; font-size: 1rem !important } #my_offcanvas1 .aside-logo { width: 100px; display: block } #my_offcanvas1 .btn.btn-outline-light.btn-close { border: 0; font-size: 1em !important } #my_offcanvas1 .full-nav-lang { right: 0px } #my_offcanvas1 afb-padding-lr { height: 30px } #my_offcanvas1 span.angle-down { float: right !important; margin: 0; width: 20px; line-height: 0 } #my_offcanvas1 span.angle-down img { height: 15px; filter: invert(1) } #my_offcanvas1 a.btn-icontop-lg { color: #fff; background-color: transparent !important; padding: 4px 4px; height: 40px; display: block; position:relative; } #my_offcanvas1 a.btn-icontop-lg:hover { color: #fff; background: #3686bf !important; } #my_offcanvas1 a.btn-icontop-lg span.icon { float: left; margin: 0; width: 25px; transform: scale(0.8) } #my_offcanvas1 a.btn-icontop-lg span.icon img { filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(299deg) brightness(102%) contrast(102%) } #my_offcanvas1 a.btn-icontop-lg span { float: left; line-height: 2rem; margin-left: 13px; font-weight: bold } #my_offcanvas1 a.btn-icontop-lg span.iconDropdown { float: right !important; margin: 0; margin-right: 0; width: 20px; filter: invert(1) } #my_offcanvas1 a.btn-icontop-lg[data-toggle="collapse"]:not(.collapsed):after { position: absolute; right: 10px; content: url(https://d2lcoivv20vty7.cloudfront.net/Content/img/LG88/angle-down-solid.svg); width: 20px; height: 15px; filter: invert(1); transform: rotate(180deg) scale(0.7) translate(0%, -30%); transition: transform .25s, -webkit-transform .25s; top: 10px; } #my_offcanvas1 a.btn-icontop-lg[data-toggle="collapse"].collapsed:after { position: absolute; right: 10px; content: url(https://d2lcoivv20vty7.cloudfront.net/Content/img/LG88/angle-down-solid.svg); width: 20px; height: 15px; filter: invert(1); transform: scale(0.7) translate(0%, 30%); transition: transform .25s, -webkit-transform .25s; top: 7px; } #my_offcanvas1 div[data="itemMenu"] span.icon img { filter: brightness(0) invert(1) } } .searchgameMobilewidgetv2 .input-group { color: #999; background: none !important; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2),0 1px 2px 0 rgba(0,0,0,.12); border: 1px solid #dee2e6 !important; border-radius: .25rem; letter-spacing: 0; font-weight: 600; outline: 0; margin: 0; cursor: text; font-size: .875rem; display: flex; align-items: center; border-radius: 2.5px; padding: 0 .5rem; } .searchgameMobilewidgetv2 .dropdown-single2 .dropdown-toggle { color: #fff !important; background: none !important; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2),0 1px 2px 0 rgba(0,0,0,.12); border: 1px solid #dee2e6 !important; border-radius: 2.5px !important; padding: 5px !important; text-align: left; width: auto; } .provider-icon { display: inline-block; border: 5px solid #1a5684; background-color: #1a5684; border-radius: 50px; padding-top: 1px; } .icon { display: inline-block; color: inherit; fill: currentColor; height: 1em; width: 25px !important; line-height: 1; -ms-flex-negative: 0; flex-shrink: 0; } .oneXBet-main_nav .main_nav-balance { position: inherit !important; z-index: 1; top: 100%; right: 0; background-color: transparent !important; padding: .2rem .4rem; } .searchgameMobilewidgetv2 .dropdown-single2 .dropdown-single-content2 { display: none; position: absolute; background-color: #3686bf !important; min-width: 160px; box-shadow: 0 8px 16px 0 rgba(0,0,0,.2); z-index: 99; right: auto; border-radius: 10px; font-size: 1em; left: 0; border: solid 1px #fff !important; padding: 7px; margin-top: 10px; } .searchgameMobilewidgetv2 .result-wrapper .badge.badge-pill.badge-secondary { font-weight: 300; color: #dee2e6; background: #3686bf; border-radius: 2.5px; border: .5px solid #fff; } .play-btn { top: 20%; } .free-trial-btn { top: 42%; } button#depositBtn, button#withdrawBtn, button#WICKET9WithdrawBtn { background: linear-gradient(to bottom, #7ba630, #7ba630); } button#depositBtn:hover, button#withdrawBtn:hover, button#WICKET9WithdrawBtn:hover { background: linear-gradient(to bottom, #658827, #658827); } button#playnowBtn { background-image: linear-gradient(to bottom, #7ba630, #7ba630); border-radius: 2px; } button#playnowBtn:hover { background-image: linear-gradient(to bottom, #658827, #658827); border-radius: 2px; } button.close-popup.close.loginClose-btn { font-size: 2rem; position: absolute; right: 10px; top: 5px; font-weight: 500; } h3.mb-2.pt-4.text-center.heading.font-weight-bold { color: black; } .transferModal #playnowBtn, .updatepassword { background-image: linear-gradient(to bottom, #658827, #658827) !important; } .game-overlay-DetailBottom { --border-radius: var(--borderRadius); --padding: 5px; text-align: center; } .game-overlay-DetailBottom .top-container { border-radius: var(--border-radius); } .game-overlay-DetailBottom .top-container .game-tags { z-index: 1; } .game-overlay-DetailBottom .top-container .game-img-container .provider-image { aspect-ratio: 1/1; -webkit-transition: all 0.3s; transition: all 0.3s; } .game-overlay-DetailBottom .top-container .game-img-container .hover-content .btn-play, .game-overlay-DetailBottom .top-container .game-img-container .hover-content .btn-demo { font-size: 0.625rem; background: #1a5684; } .game-overlay-DetailBottom .top-container .game-img-container:hover .provider-image { -webkit-transform: scale(1.02); transform: scale(1.02); opacity: 0.8; } .game-overlay-DetailBottom .top-container .game-img-container:hover .hover-content { z-index: 1; } .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: unset; -webkit-padding-end: 0.2em; padding-inline-end: 0.2em; } .game-overlay-DetailBottom .fav-rtp-container { flex-flow: row-reverse; } .game-overlay-DetailBottom .bottom-container { background: transparent; } .game-overlay-DetailBottom .bottom-container .provider-container .provider-logo { display: none; } .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: 3em; height: calc(100% - 3em); min-width: unset; } .game-overlay-DetailBottom .bottom-container .provider-container .game-attribute .game-attribute-details::after { right: 7%; } .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 { padding: 0.125rem 0.25rem; } .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; } .oneXBet-item_list .item_list-row { --gap: 8px; --count: 6; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: var(--gap); margin-right: 0; margin-left: 0; margin-block: 1rem; text-align: center; } @media (max-width:767px) { .oneXBet-item_list .item_list-row { --gap: 8px; --count: 3; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: var(--gap); margin-right: 0; margin-left: 0; margin-block: 1rem; } } .oneXBet-item_list .item_list-row > .game-overlay-DetailBottom { -ms-flex-preferred-size: calc( 100% / var(--count) - calc(var(--gap) * calc(var(--count) - 1) / var(--count)) ); 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)) ); } .game-overlay-DetailBottom { border-radius: var(--border-radius); } .game-overlay-DetailBottom:hover { background: var(--subtheme); } #NRebateClaim .button-claim-rebate { background-image: linear-gradient(to right,var(--mainTheme), var(--mainTheme)); color: #fff; } #NRebateClaim .button-claim-rebate:hover { background-image: linear-gradient(to right,var(--mainTheme), var(--mainTheme)); color: #fff; } .his-success-content { color: #25b00c !important; } button.afb01 { border: none; border-radius: 2px 2px; padding: 5px 15px; color: white; } button.afb02 { background-image: linear-gradient(to right, #fb1e1e, #f30000); border: none; border-radius: 2px 2px; color: white; } button.afb01:hover { } .fld { box-sizing: border-box; width: 100%; 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; } * { box-sizing: border-box; } @media only screen and (max-width: 992px) { article .content { padding-top: 25px; } } @media only screen and (max-width:415px) { .modal-content { width: 100% !important; } .wallet-top-left span { padding: 5px; } } @media only screen and (max-width:376px) { .table td, .table th { font-size: .8em; } } @media only screen and (min-width:240px) and (max-width:1111px) { .h_nav-item > a { padding-bottom: 0; } .modal-content { width: 330px; } .popup-form { padding: 20px 40px 25px; } } .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) { .cd-tabs__panel p.one { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 120px; display: inline-block; } } .tabcontentmd { color: #808aa6; } .profile-notif strong { color: var(--color-afb-black); font-size: .9em; } .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%); } .pagination > li > a { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7 !important; text-decoration: none; background-color: #fff; border: 1px solid #616161; } .pagination > li > a:focus, .pagination > li > a:hover { z-index: 2; background-image: linear-gradient(to right, #2575fc, #6a11cb); border-color: #ddd; color: #fff !important; } .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 { content: ""; position: absolute; right: -15px; height: 0; width: 0; border: 8px solid transparent; border-left-color: var(--cd-color-1); top: 0; bottom: 0; margin: auto; } .wallet-top-left span { color: white; font-weight: 400; font-size: .9em; 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: .9em; color: white; } .wallet-top-right { width: 65%; float: left; text-align: center; background: #292929; 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; padding-left: 10px; } .game-part-2 .wallet-top-part .game-history-part:nth-child(3) { width: 25%; padding: 5px; padding-left: 10px; } .game-part-2 .wallet-top-part .game-history-part:last-child { width: 25%; padding: 5px; padding-right: 10px; } .game-part-2 .wallet-top-left:before { display: none; } .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; 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 .wallet-top-part .game-history-part:first-child { padding-left: 10px; } .game-part-2 .wallet-top-part { width: 400px; float: left !important; } .game-part-section { width: 100%; display: inline-block; } .wallet-section { width: 50%; float: left; } .close-popup { position: absolute; 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; } .modal2 { display: none; position: fixed; z-index: 999999999; padding-top: 0; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.6); backdrop-filter: blur(5px); align-items: center; justify-content: center; } .cd-tabs { position: relative; } @media (min-width: 48rem) { .cd-tabs { display: -ms-flexbox; display: flex; } } /*@media (min-width: 64rem) { .cd-tabs { display: block; } }*/ .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; color: hsl(0deg 0% 90%); text-decoration: none; font-weight: 600; text-align: center; line-height: 12px; padding: 0 1em !important; } .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: #ebebeb !important; color: #333 !important; } .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; } }*/ .icon { display: inline-block; color: inherit; fill: currentColor; height: 1em; width: 1em; line-height: 1; -ms-flex-negative: 0; flex-shrink: 0; } .icon--xs { font-size: 16px; font-size: var(--icon-xs); } .cd-tabs { position: relative; } thead.user-background { background: var(--cd-color-1) !important; color: white; font-size: .78rem; } .form-control:disabled { 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; } }*/ .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; background-color: var(--cd-color-1); } }*/ .cd-tabs__list { display: -ms-flexbox; display: flex; overflow-x: auto; -webkit-overflow-scrolling: touch; } ul.cd-tabs__list { padding: 0; z-index: 9; } .cd-tabs__list li { -ms-flex-negative: 0; flex-shrink: 0; background: var(--cd-color-1); } @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 4% 38%); } @media (min-width: 48rem) { .js .cd-tabs__item--selected { box-shadow: inset 2px 0 0 #158061; } } /*@media (min-width: 64rem) { .js .cd-tabs__item--selected { box-shadow: inset 0 2px 0 #158061; box-shadow: inset 0 3px 0 #158061; } }*/ .cd-tabs__panels { background: hsl(0deg 0% 92%) !important; background: var(--color-user-bg); 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); } .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 !important; -webkit-animation: cd-fade-in 0.5s; animation: cd-fade-in 0.5s; } /*.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; } .fileinput input { padding: 0 !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_nav-list > li { display: inline-block; width: auto; height: inherit; padding: 0; } .h_nav-item > a { display: block; padding: 0 10px; z-index: 0; color: #bebebe; font-weight: 500; font-size: 12px; line-height: 40px; } .h_nav-item > a:hover { color: #fff; } .h_nav-item > a.active { color: black; } .game-part-section { width: 100%; display: inline-block; } .card { border: none; background-color: #dadada; } @media screen and (max-width:415px) { .pr-m-3 { padding-right: 1rem !important; } } @media screen and (max-width: 480px) { .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; } } .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); } .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; } .btn-link i { color: white; } .tab-content { box-shadow: 0 1px 5px rgba(85, 85, 85, 0.15); } .data-container > div { color: black; } .card-text:last-child { padding-top: 0; } .form-group { text-align: left; } .bank-list table td, table th { font-size: .9em; border: 1px solid #ccc; } #outer-nav-profile { overflow: hidden; } @media only screen and (max-width: 767px) { #outer-nav-profile { overflow-x: scroll; } #outer-nav-profile ::-webkit-scrollbar { width: 0px; height: 0px; } } .toggleLeft-profile { background: transparent; } .afb-blue-bar .flex-shrink-0 { height: 45px; display: flex; background: #158061; align-items: center; } .toggleRight-profile { background: transparent; } .cd-tabs__panels label { color: #525252; margin-bottom: 0; } .pagination a:hover:not(.active) { background-color: transparent !important; } @media (min-width : 768px) { .toggleRight-profile, .toggleLeft-profile { display: none; } } @media screen and (max-width : 767px) { .toggleRight-profile, .toggleLeft-profile { display: block; } } .fa-arrow-right { -webkit-animation: bounceRight 2s infinite; animation: bounceRight 2s infinite; float: right; padding: 5px; } .fa-arrow-left { -webkit-animation: bounceLeft 2s infinite; animation: bounceLeft 2s infinite; padding: 5px; } .fa-arrow-left:hover, .fa-arrow-right:hover { -webkit-animation: bounceLeft 0s infinite; animation: bounceLeft 0s infinite; } .afb-blue-bar { background-color: #171717; } /* .table-sticky thead { position: relative; z-index: 1; } .table-sticky thead .sticky-left { position: sticky; left: 0; z-index: 2; }*/ /*#active-member-list .table-sticky thead .sticky-left { background-color: #5f5c68; }*/ .allowAmountNote { font-size: 12px; color: red; display: block; } .amountNote { /*font-size: 12px;*/ color: red; } .dpt-bank-img { width: 110px; } .paginationjs-page.J-paginationjs-page.active { background-color: transparent; color: white !important; } .paginationjs-page.J-paginationjs-page.active a { color: white !important; background-color: transparent !important; } .fileinput input { background: none; padding: 10px 0px; } /*! CSS Used keyframes */ @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes cd-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes cd-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @-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; } } @-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); } } @-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); } } .bank-list { margin-bottom:20px; } .game-part h3 { background: #2a3040; width: 100%; padding: 15px; font-size: 15px; font-weight: normal; text-transform: capitalize; color: #fff; margin: 0; display: flex; justify-content: space-between; align-content:center; } .game-part { /*border: solid 1px #2a3040; border-radius: 4px; background: #1c1b20; width: 49%;*/ width: 100%; } #profile-promotion-sec span { font-size: 13px; } #profile-promotion-sec span button { display: inline-block; position: relative; cursor: pointer; outline: none; white-space: nowrap; /* margin: 5px; */ padding: 0 10px; background-color: transparent; color: #FFF; font-weight: 700; text-transform: uppercase; letter-spacing: normal; border: none; border-radius: 5px; } #profile-Bet-History button { display: inline-block; position: relative; cursor: pointer; outline: none; white-space: nowrap; /* margin: 5px; */ padding: 0 10px; background-color: transparent; color: #FFF; font-weight: 700; text-transform: uppercase; letter-spacing: normal; border: none; border-radius: 5px; } #profile-Bet-History span { font-size: 13px; } .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; } /*for promotion progress*/ .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; } } .pmo-title { font-size: .89rem; text-transform: uppercase; font-weight: 600; color: #98ffe1 !important; border-bottom: 1px solid #6b6b6b; } .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: .88rem; 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: #ff7804; font-weight: bold; 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%; } } /* promotion progress end*/ .game-part .accordion { margin-bottom:0; } .game-part .accordion .h4 { color: #fff; font-size: 14px; } .game-part .accordion a { width: 100%; padding: 10px 15px; display: block; position: relative; } .game-part .accordion a i { position: absolute; right:15px; } /* affiliate */ @media (max-width: 767.98px) { h3.details-title { height: 30px !important; } } h3.details-title { height: 45px; } #invite-friend .share-title { font-size: .75rem; } .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); } /* affiliate */ @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; } .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; } input, textarea { border-radius: 5px !important; padding: 10px 15px; 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; */ } select { border-radius: 5px !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-group input { background-color: transparent; border: 1px solid #545454 !important; border-radius: 0px !important; padding: 18px 10px !important; color: white !important; font-size: 1em !important; }*/ .input-group { border-radius: 5px !important; } @media (max-width: 980px) { h3.details-title { height: 45px !important; } } @media (max-width: 767.98px) { .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; } #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; } .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); } button.qrcode { border: none; background: transparent; cursor: pointer; } button.qrcode:hover { outline: none; } #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; } /*affiliate actual*/ #main-affiliate .h3 { width: 100%; padding: 8px 5px; font-size: 15px; font-weight: normal; text-transform: capitalize; color: #000; margin: 0; } #main-affiliate table { font-size: .95em; margin: 0; } #main-affiliate thead { background: #201f25; color: #fff; } #main-affiliate tbody td { background: #fff; color: rgb(0,0,0); } #main-affiliate tbody tr:nth-child(2n+2) td { background: #e2e2e2; } #main-affiliate th, #main-affiliate td { padding: 10px 7px; } #main-affiliate .table-sticky thead .sticky-left { background-color: #4f5871; } #main-affiliate .table-sticky tbody .sticky-left { background: #e2e2e2; } #main-affiliate .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; } @media screen and (min-width: 960px) { .table-sticky { border-collapse: collapse; white-space: normal; } } #invite-friend .h3 { width: 100%; padding: 8px 5px; font-size: 15px; font-weight: normal; text-transform: capitalize; color: #000; margin: 0; } .btn-sharebox-gray { background-color: #28324d; color: #fff !important; } .sharebox-container { border-radius: 10px; background-color: #28324d; } /* .btn-sharebox { background-image: linear-gradient(to right, #3ab1f2, #7c4cf5); color: #fff; width: 44px; }*/ .btn-sharebox > .h5 { margin: 0; } .btn-sharebox > img { padding-bottom: 4px; } .btn-sharebox-gray > img { padding-bottom: 4px; } #shareboxPopup .modal, #shareboxQRcode .modal, #pompayQRcode_Modal .modal { display: none; position: fixed; z-index: 999999999; padding-top: 0; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.6); backdrop-filter: blur(5px); align-items: center; justify-content: center; } #shareboxPopup .modal-content, #shareboxQRcode .modal-content, #pompayQRcode_Modal .modal-content { background-color: #fff !important; margin: auto; padding: 0; border: none; width: 360px; border-radius: 5px; } #shareboxPopup .modal-header { background: var(--cd-color-1); color: #ffffff; border-bottom-color: #dee2e6 !important; } #shareboxPopup .h5 { margin: auto; font-size: 1.25rem; } .btn-sharebox .h5 { color: white !important; font-size: .95rem !important; } button#copytext { border: none; background: transparent; cursor: pointer; padding-top: 0px; } button#copytext:hover { outline: none; } button#copylink { border: none; background: transparent; cursor: pointer; padding-top: 0px; } button#copylink:hover { outline: none; } #invite-friend .card-body { color: rgb(0,0,0); } button[aria-expanded=true] .fa-caret-down { display: none; } button[aria-expanded=false] .fa-caret-up { display: none; } .btn-tnc { background-color: var(--cd-color-1); color: white; } .btn-tnc:hover { background-color: #626872; color: white; } .collapse.show .card-body { border-bottom: 1px solid rgba(0, 0, 0, 0.125); } #tier table { font-size: .95em; margin: 0; } #tier thead { background: #201f25; color: #fff; } #tier tbody td { background: #fff; color: #434649; } #tier tbody tr:nth-child(2n+2) td { background: #e2e2e2; } #tier th, #tier td { padding: 10px 7px; } input#copy-link { padding: 5px 10px !important; } .downline-details { background: #e2e2e2; border-radius: 0 0 4px 4px; padding: 15px; } .downline-details .h3.one { padding: 0 !important; margin: 0 auto !important; font-weight: 500; } .downline-details .h3 { font-size: .85rem; border-bottom: 1px solid transparent; margin-bottom: 15px; } #active-member-list .h3 { width: 100%; padding: 8px 5px; font-size: 15px; font-weight: normal; text-transform: capitalize; color: #000; margin: 0; } #active-member-list table { border-collapse: collapse; font-size: .95em; margin: 0; } #active-member-list thead { background: #201f25; color: #fff; } #active-member-list tbody td { background: #fff; border-bottom: 2px solid #d0d0d0; color: rgb(0,0,0); } #active-member-list tbody tr:nth-child(2n+2) td { background: #e2e2e2; } #active-member-list .table-sticky thead .sticky-left { background-color: #4f5871; } #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; } #active-member-list th, #active-member-list td { padding: 10px 7px; } #DepositTabContent .table-sticky thead.user-background .sticky-left { background-color: #777; } #DepositTabContent .table-sticky tbody .sticky-left { background-color: #fff; } table.bet-history.table-sticky thead .sticky-left { background-color: #333; } table.bet-history.table-sticky tbody .sticky-left { background: #2c2c2c; } table.bet-history.table-sticky tbody tr:nth-child(2n+2) .sticky-left { background: #070707; } table.bet-history th, table.bet-history td { padding: 10px 7px; } table.bet-history tr { border-bottom: 1px solid #d0d0d0; } table.bet-history > tbody > tr > td { background: #2c2c2c; } table.bet-history > tbody > tr:nth-child(2n+2) td { background: #070707; } .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; } @media screen and (max-width: 753px) { .cd-tabs__item .icon { margin-right: 0px !important; } } /* 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; } .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 { margin-top: 20px; border-top: 1px solid #e7e7e7; padding-top: 20px; } .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 */ /*games-history-datepicker*/ .gh-calendar-part { height: unset; width: 100%; background: #eaeaea; padding: 5px; } .gh-calendar-side { display: flex; } .from-date, .end-date { box-sizing: border-box; padding: 4px 8px; 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; } .from-date:focus-within, .end-date:focus-within { background: #07a4bd; color: #fff } .gh-calendar-part label { color: #555; white-space: nowrap; margin-bottom: 0px; margin-top:0px; text-transform: capitalize; } @media (max-width:425px){ .gh-calendar-part label { font-size:0.8em; } .gh-calendar-part input{ font-size:0.8em !important; margin-right:0 !important; margin-left:0 !important; padding:5px !important; } } .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: #07a4bd !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: #07a4bd; 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 #07a4bd; background: #07a4bd; font-weight: normal; color: #fff; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #07a4bd; background: #07a4bd; 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) } .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: rgb(23,75,115); background: #216ca6; 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: #138496 !important; } .his-success-content { color: #25b00c !important; } button.afb01 { border: none; border-radius: 2px 2px; padding: 5px 15px; color: white; } button.afb02 { background-image: linear-gradient(to right, #fb1e1e, #f30000); border: none; border-radius: 2px 2px; color: white; } button.afb01:hover { } .fld { box-sizing: border-box; width: 100%; height: 32px; 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; } * { box-sizing: border-box; } @media only screen and (max-width: 992px) { article .content { padding-top: 25px; } } @media only screen and (max-width:415px) { .modal-content { width: 100% !important; } .wallet-top-left span { padding: 5px; } } @media only screen and (max-width:376px) { .table td, .table th { font-size: .8em; } } @media only screen and (min-width:240px) and (max-width:1111px) { .h_nav-item > a { padding-bottom: 0; } .modal-content { width: 330px; } .popup-form { padding: 20px 40px 25px; } } .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) { .cd-tabs__panel p.one { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 120px; display: inline-block; } } .tabcontentmd { color: #808aa6; } .profile-notif strong { color: var(--color-afb-black); font-size: .9em; } .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%); } .pagination > li > a { position: relative; float: left;#216ca6 padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7 !important; text-decoration: none; background-color: #fff; border: 1px solid #616161; } .pagination > li > a:focus, .pagination > li > a:hover { z-index: 2; background: rgb(23,75,115); background: #174b73; border-color: #ddd; color: #fff !important; } .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; border-left-color: var(--cd-color-1); 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: white; font-weight: 400; font-size: .9em; 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: .9em; color: white; } .wallet-top-right { width: 65%; float: left; text-align: center; background: #292929; 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; padding-left: 10px; } .game-part-2 .wallet-top-part .game-history-part:nth-child(3) { width: 25%; padding: 5px; padding-left: 10px; } .game-part-2 .wallet-top-part .game-history-part:last-child { width: 25%; padding: 5px; padding-right: 10px; } .game-part-2 .wallet-top-left:before { display: none; } .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; 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 .wallet-top-part .game-history-part:first-child { padding-left: 10px; } .game-part-2 .wallet-top-part { width: 400px; float: left !important; } .game-part-section { width: 100%; display: inline-block; } .wallet-section { width: 50%; float: left; } .close-popup { position: absolute; 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; } .modal2 { display: none; position: fixed; z-index: 999999999; padding-top: 0; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.6); backdrop-filter: blur(5px); align-items: center; justify-content: center; } .cd-tabs { position: relative; } @media (min-width: 48rem) { .cd-tabs { display: -ms-flexbox; display: flex; } } /*@media (min-width: 64rem) { .cd-tabs { display: block; } }*/ .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.715em; /* font-size: calc(var(--text-xs)*1.1); */ font-weight: 700; color: hsl(0deg 0% 90%); text-decoration: none; font-weight: 600; text-align: center; line-height: 15px; 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*/ /* width: 95px;*/ /*} }*/ /*@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: #ebebeb !important; color: #333 !important; } .js .cd-tabs__item--selected:hover { background-color: var(--color-user-bg); 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; 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; } }*/ .icon { display: inline-block; color: inherit; fill: currentColor; height: 1em; width: 1em; line-height: 1; -ms-flex-negative: 0; flex-shrink: 0; } .icon--xs { font-size: 16px; font-size: var(--icon-xs); } .cd-tabs { position: relative; } thead.user-background { background: var(--cd-color-1) !important; color: white; font-size: .78rem; } .form-control:disabled { 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; } }*/ .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; background-color: var(--cd-color-1); } }*/ .cd-tabs__list { display: -ms-flexbox; display: flex; overflow-x: auto; -webkit-overflow-scrolling: touch; } ul.cd-tabs__list { padding: 0; z-index: 9; } .cd-tabs__list li { -ms-flex-negative: 0; flex-shrink: 0; background: var(--cd-color-1); } @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*/ /* width: 95px;*/ /*} }*/ /*@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 #2575fc; box-shadow: inset 0 2px 0 #2575fc; color: hsl(225, 31%, 23%); color: var(--cd-color-1); } .js .cd-tabs__item--selected:hover { background-color: var(--color-user-bg); background-color: var(--color-user-bg); } .js .cd-tabs__item--selected .icon { color: hsl(0deg 4% 38%); } .cd-tabs__panels { background: hsl(0deg 0% 92%) !important; background: var(--color-user-bg); 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); } .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 !important; -webkit-animation: cd-fade-in 0.5s; animation: cd-fade-in 0.5s; } /*.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; } .fileinput input { padding: 0 !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_nav-list > li { display: inline-block; width: auto; height: inherit; padding: 0; } .h_nav-item > a { display: block; padding: 0 10px; z-index: 0; color: #bebebe; font-weight: 500; font-size: 12px; line-height: 40px; } .h_nav-item > a:hover { color: #fff; } .h_nav-item > a.active { color: black; } .game-part-section { width: 100%; display: inline-block; } .card { border: none; background-color: #dadada; } @media screen and (max-width:415px) { .pr-m-3 { padding-right: 1rem !important; } } @media screen and (max-width: 480px) { .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; } } .tabcontentmd { color: #808aa6; } .tabcontentmd .popup-header, .tabcontentmd .popup-title { width: 100%; height: 64px; padding: 0; background-color: #fff; border-bottom: none; 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); } .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; font-weight: 500; margin-top: 5px; font-weight: bold; } .popup-footer button span { color: white; } .btn-link i { color: white; } .tab-content { box-shadow: 0 1px 5px rgba(85, 85, 85, 0.15); } .data-container > div { color: black; } .card-text:last-child { padding-top: 0; } .form-group { text-align: left; } #outer-nav-profile { overflow: hidden; } @media only screen and (max-width: 767px) { #outer-nav-profile { overflow-x: scroll; } #outer-nav-profile ::-webkit-scrollbar { width: 0px; height: 0px; } } .toggleLeft-profile { background: transparent; } .afb-blue-bar .flex-shrink-0 { height: 45px; display: flex; background: #1a5684; align-items: center; } .toggleRight-profile { background: transparent; } .cd-tabs__panels label { color: #525252; margin-bottom: 0; } .pagination a:hover:not(.active) { background-color: transparent !important; } @media (min-width : 768px) { .toggleRight-profile, .toggleLeft-profile { display: none; } } @media screen and (max-width : 767px) { .toggleRight-profile, .toggleLeft-profile { display: block; } } .fa-arrow-right { -webkit-animation: bounceRight 2s infinite; animation: bounceRight 2s infinite; float: right; padding: 10px; } .fa-arrow-left { -webkit-animation: bounceLeft 2s infinite; animation: bounceLeft 2s infinite; padding: 10px; } .fa-arrow-left:hover, .fa-arrow-right:hover { -webkit-animation: bounceLeft 0s infinite; animation: bounceLeft 0s infinite; } .afb-blue-bar { background-color: #1a5684; } /* .table-sticky thead { position: relative; z-index: 1; } .table-sticky thead .sticky-left { position: sticky; left: 0; z-index: 2; }*/ /*#active-member-list .table-sticky thead .sticky-left { background-color: #5f5c68; }*/ .allowAmountNote { font-size: 12px; color: red; display: block; } .amountNote { /*font-size: 12px;*/ color: red; } .dpt-bank-img { width: 110px; } .paginationjs-page.J-paginationjs-page.active { background-color: transparent; color: white !important; } .paginationjs-page.J-paginationjs-page.active a { color: white !important; background-color: #138496 !important; } .paginationjs-page.J-paginationjs-page.active a:hover { color: white !important; background-color: #0c314e !important; } .fileinput input { background: none; padding: 10px 0px; } /*! CSS Used keyframes */ @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes cd-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes cd-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @-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; } } @-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); } } @-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); } } .bank-list { margin-bottom: 20px; } .game-part .h3 { background: #2a3040; width: 100%; padding: 15px; font-size: 15px; font-weight: normal; text-transform: capitalize; color: #fff; margin: 0; display: flex; justify-content: space-between; align-content: center; } .game-part { /*border: solid 1px #2a3040; border-radius: 4px; background: #1c1b20; width: 49%;*/ width: 100%; } #profile-promotion-sec span { font-size: 13px; } #profile-promotion-sec span button { display: inline-block; position: relative; cursor: pointer; outline: none; white-space: nowrap; /* margin: 5px; */ padding: 0 10px; background-color: transparent; color: #FFF; font-weight: 700; text-transform: uppercase; letter-spacing: normal; border: none; border-radius: 5px; } #profile-Bet-History button { display: inline-block; position: relative; cursor: pointer; outline: none; white-space: nowrap; /* margin: 5px; */ padding: 0 10px; background-color: transparent; color: #FFF; font-weight: 700; text-transform: uppercase; letter-spacing: normal; border: none; border-radius: 5px; } #profile-Bet-History span { font-size: 13px; } .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; } /*for promotion progress*/ .card-header { background: #363c4e; padding-left: 0 !important; background-color: rgb(0 0 0 / 30%) !important; } @media screen and (min-width:991px) { .col.promotion_Progress.mt-2.mb-2 > div { padding-left: .5rem; } } @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; } } .pmo-title { font-size: .89rem; text-transform: uppercase; font-weight: 600; color: #98ffe1 !important; border-bottom: 1px solid #6b6b6b; } .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: .88rem; 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: #ff7804; font-weight: bold; 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%; } } /* promotion progress end*/ .game-part .accordion { margin-bottom: 0; } .game-part .accordion .h4 { color: #fff; font-size: 14px; } .game-part .accordion a { width: 100%; padding: 10px 15px; display: block; position: relative; } .game-part .accordion a i { position: absolute; right: 15px; } /* affiliate */ @media (max-width: 767.98px) { h3.details-title { height: 30px !important; } } h3.details-title { height: 45px; } #invite-friend .share-title { font-size: .75rem; } .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); } /* affiliate */ @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; } .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; } input, textarea { border-radius: 5px !important; padding: 10px 15px; 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; */ } select { border-radius: 5px !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-group input { background-color: transparent; border: 1px solid #545454 !important; border-radius: 0px !important; padding: 18px 10px !important; color: white !important; font-size: 1em !important; } */ .input-group { border-radius: 5px !important; } @media (max-width: 980px) { h3.details-title { height: 45px !important; } } @media (max-width: 767.98px) { .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; } #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; } .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); } button.qrcode { border: none; background: transparent; cursor: pointer; } button.qrcode:hover { outline: none; } #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; } /*affiliate actual*/ #main-affiliate .h3 { width: 100%; padding: 8px 5px; font-size: 15px; font-weight: normal; 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; margin: 0; } #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; color: rgb(0,0,0); } #main-affiliate tbody tr:nth-child(2n+2) td, #daily-lucky-spin-history tbody tr:nth-child(2n+2) td, #deposit-withdraw-history tr:nth-child(2n+2) td, #gamedeposit-withdraw-history 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; } #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: #4f5871; } #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; } @media screen and (min-width: 960px) { .table-sticky { border-collapse: collapse; white-space: normal; } } #invite-friend .h3 { width: 100%; padding: 8px 5px; font-size: 15px; font-weight: normal; text-transform: capitalize; color: #000; margin: 0; } .btn-sharebox-gray { background-color: #28324d !important; color: #fff !important; } .sharebox-container { border-radius: 10px; background-color: #28324d; } .btn-sharebox { background-color: #17a2b8 !important; color: #fff; width: 44px; } .btn-sharebox > .h5 { margin: 0; } .btn-sharebox:hover { background: #138496 !important; color: #fff; } .btn-sharebox > img { padding-bottom: 4px; } .btn-sharebox-gray > img { padding-bottom: 4px; } #shareboxPopup .modal, #shareboxQRcode .modal, #pompayQRcode_Modal .modal { display: none; position: fixed; z-index: 999999999; padding-top: 0; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.6); backdrop-filter: blur(5px); align-items: center; justify-content: center; } #shareboxPopup .modal-content, #shareboxQRcode .modal-content, #pompayQRcode_Modal .modal-content { background-color: #fff !important; margin: auto; padding: 0; border: none; width: 360px; border-radius: 5px; } #shareboxPopup .modal-header { background: var(--cd-color-1); color: #ffffff; border-bottom-color: #dee2e6 !important; } #shareboxPopup .h5 { margin: auto; font-size: 1.25rem; } .btn-sharebox .h5 { color: white !important; font-size: .95rem !important; } button#copytext { border: none; background: transparent; cursor: pointer; padding-top: 0px; } button#copytext:hover { outline: none; } button#copylink { border: none; background: transparent; cursor: pointer; padding-top: 0px; } button#copylink:hover { outline: none; } #invite-friend .card-body { color: rgb(0,0,0); } button[aria-expanded=true] .fa-caret-down { display: none; } button[aria-expanded=false] .fa-caret-up { display: none; } .btn-tnc { background-color: var(--cd-color-1) !important; color: white !important; } .btn-tnc:hover { background-color: #626872 !important; color: white; } .collapse.show .card-body { border-bottom: 1px solid rgba(0, 0, 0, 0.125); } #tier table { font-size: .95em; margin: 0; } #tier thead { background: #201f25; color: #fff; } #tier tbody td { background: #fff; color: #434649; } #tier tbody tr:nth-child(2n+2) td { background: #e2e2e2; } #tier th, #tier td { padding: 10px 7px; } input#copy-link { padding: 5px 10px !important; } .downline-details { background: white; border-radius: 0 0 4px 4px; padding: 15px; margin-top: 1.5rem; } .downline-details .h3.one { padding: 0 !important; margin: 0 auto !important; font-weight: 500; } .downline-details .h3 { font-size: .85rem; border-bottom: 1px solid transparent; margin-bottom: 15px; } #active-member-list .h3 { width: 100%; padding: 8px 5px; font-size: 15px; font-weight: normal; text-transform: capitalize; color: #000; margin: 0; } #active-member-list table { border-collapse: collapse; font-size: .95em; margin: 0; } #active-member-list thead { background: #201f25; color: #fff; } #active-member-list tbody td { background: #fff; border-bottom: 2px solid #d0d0d0; color: rgb(0,0,0); } #active-member-list tbody tr:nth-child(2n+2) td { background: #e2e2e2; } #active-member-list .table-sticky thead .sticky-left { background-color: #4f5871; } #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; } #active-member-list th, #active-member-list td { padding: 10px 7px; } #DepositTabContent .table-sticky thead.user-background .sticky-left { background-color: #777; } #DepositTabContent .table-sticky tbody .sticky-left { background-color: #fff; } /*bethistory*/ table.bet-history { color: white; } table.bet-history th, table.bet-history td { padding: 10px 7px; border:none; } table.bet-history > thead { background: #343a40; } table.bet-history > tbody > tr > td { background: #2c2c2c; } table.bet-history > tbody > tr:nth-child(2n+2) td { background: #454d55; } table.bet-history.table-sticky thead .sticky-left { background-color: #3b4358; } table.bet-history.table-sticky tbody .sticky-left { background: #3c3c3c; } table.bet-history.table-sticky tbody tr:nth-child(2n+2) .sticky-left { background: #4b545d; } table.bet-history tr { border-bottom: none; } section#deposit-withdraw-history { padding-right: 0rem !important; } div#addBank > .modal-content { max-width: 400px; } table.table-dls.table-bordered td, table.table-dls.table-bordered th, table.table-transaction.table-bordered td, table.table-transaction.table-bordered th { border: 1px solid #c9c9c9; } .member-bank-list td.sticky-left { background: #f8f8f8; } @media screen and (max-width: 753px) { .cd-tabs__item .icon { margin-right: 0px !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; */ } .games-inner.member-bank-list tbody td { color: #333; background: #fff; } .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; } #crypto-deposit .tooltip { padding: 10px; background: #000; color: #fff; font-size: 0.75rem; top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none; transition: opacity 0.4s; } .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 { margin-bottom: 0; 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; } #btnPromo{ margin-top:9px; } .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: 0; margin-bottom: 10px; word-break: break-all; text-transform: capitalize; } #copycryptoaddress { width: 50%; } .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: #07a4bd; 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: 100%; } .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 */ .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 { 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 { margin: 0 auto; font-size: 16px; text-transform: uppercase; font-weight: 400; padding: 0 0 5px; } .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; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; width: 100%; text-align: center; background: #7ba630; } .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; } } /*this is promo*/ .promo-details-container { margin-left: 15px; margin-right: 15px; } .promo-list-width { padding-left: 7px !important; } .promo-list-img { width: 100%; height: 75%; } .promo-list-text p { text-align: left; background: none; } .promo-title { text-transform: uppercase; font-weight: bold; width: 80%; margin-left: 12px !important; } .promo-list-img img { max-width: 100%; max-height: 100%; object-fit: cover; } .oneXBet-promotion_list .promotion_list-image { height:auto; } .promotion_list-info p { text-align: left; background: none; } /* 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; } #dls { margin: 20px auto; position: relative; align-items: center; justify-content: center } .marker { position: absolute; width: 40px; left: 0; right: 0; margin: 0 auto; top: 105px; z-index: 2; } .dls-wheel { width: 100%; } .dls-button { margin: 0 auto; background-color: red; color: white; border: none; border-radius: 20px; padding: 5px 45px; cursor: pointer; font-size: 1.5em !important; font-weight: 700; } .dls-button:active { background-color: black; } .blur { animation: blur 10s; } @keyframes blur { 0% { filter: blur(1.5px); } 80% { filter: blur(1.5px); } 100% { filter: blur(0px); } } .luckspin_logo { display: inline-block; position: fixed; bottom: 15px; left: 20px; z-index: 99; font-size: 18px; border: none; outline: none; background: #12082f; color: white; cursor: pointer; padding: 9px; width: 150px; border-radius: 20px; box-shadow: 3px 3px 13px black; } .luckspin_logo_img { width: 100%; } .luckspin_countdown { font-weight: 500; color: #ffeb00; text-align: center; width: 150px; } .luckspin_logo_ready { opacity: 1 !important; } .dlsLogoBtn { background: transparent; border: none; } .modal-content.oned { background: rgb(32,106,165); background: linear-gradient(180deg, rgba(32,106,165,1) 0%, rgba(26,87,135,1) 50%, rgba(17,62,97,1) 100%); border-bottom: 5px solid rgb(6 37 62); margin: auto; padding: 30px; width: 350px; border-radius: 55px; } .modal-content.oned .h1 { color: white; font-size: 1.2em; margin-bottom: 20px; text-align: center; } #dls-close.close { font-size: 1.5rem; font-weight: 500; line-height: 1; color: #fff; text-shadow: 0 1px 0 #fff; text-align: center; background-color: black; width: 25px; height: 25px; border-radius: 30px; margin: 0 auto; position: absolute; bottom: -15px; right: 0; left: 0; opacity: 1; border: 1px solid white; } .dls-title { text-align: center; position: relative; top: 25px; z-index: 99; } .dls-title .h1 { background-color: #00bc20; border-radius: 80px; text-align: center; color: white; padding: 15px 40px; font-size: 1.6em; display: inline-block; margin: 0 auto; font-weight: 700; } #dls-btn-close.close { color: #c7c7c7; font-weight: 300; opacity: 1; border-radius: 100%; border: 2px solid #c7c7c7; width: 21px; } .bonus-dls { width: 100%; text-align: center; padding: 0 5px 0; margin-top: 35px; } .bonus-dls .h1 { color: #ffeb00; border-bottom: 1px solid; font-size: 2em; padding: 5px; } .bonus-dls-bg { background: #12082fcc; border-radius: 20px; padding: 5px 2px 0; } .bonus-box { padding: 15px 0 0; border-radius: 11px 11px 0 0; width: 100%; margin: 3px; } .bonus-box img { width: 20px; } .bonus-box span { font-size: .9em; font-weight: 600; width: 100%; display: block; padding-bottom: 5px; } .bonus-box p { background-color: #00000061; width: 100%; color: white; padding: 3px; font-size: .8em; margin: 0; } @media screen and (max-width: 320px) { .bonus-box p { height: 35px; } .marker { top: 40px; } } .dls-blue { background-color: #0000ff; } .dls-orange { background-color: #f46300; } .dls-red { background-color: #ea0000; } .dls-purple { background-color: #a200c9; } .dls-green { background-color: #065b10; } .dls-purplrlight { background-color: #fc00f0; } .dls-mobile { position: absolute; top: 0; width: 100%; background: blue; } .dls-mobile p { color: white; font-size: 1em; } .dls-time-title { color: white; font-size: .6em; padding: 5px 0; } #dls-mobile-close.close { color: white; opacity: 1; font-weight: 400; border: 1px solid white; border-radius: 100%; width: 15px; background-color: #3a3a3a; margin: 2px 0; position: absolute; right: 15px; } #dls-mobile { background-color: #000023; padding: 5px; text-align: center; } #dls-mobile img { width: 20px; } span#dls-countdown2 { font-weight: 500; color: #ffeb00; } .free-spin-btn { background-color: green; background-image: none !important; color: white; padding: 5px 5px; margin-right: 10px; width: 50px; border-radius: 0 0 5px 5px; } .free-spin-btn:hover { background-color: #e60000; } #spin-button { padding-top: 20px; } .dls-overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); z-index: 9999; cursor: pointer; } .dls-wrapper { width: 250px; margin: 0 auto; position: absolute; top: 5%; left: 0; right: 0; } .dls-img { position: absolute; top: -135px; } .dls-pop-bg { background: -webkit-linear-gradient(top, #206aa5, #1a5787, #113e61); position: relative; top: 165px; z-index: -9; border-radius: 15px; } .dls-title-ms { padding-top: 100px; text-align: center; padding-bottom: 10px; } .dls-title-ms .h6 { color: white; font-size: 1.4em; margin: 0; } .dls-content-wrapper { text-align: center; background-color: #e0e0e0; border-radius: 0 0 15px 15px; } .dls-gold { background: -webkit-linear-gradient(left, #DF9F28, #FDE08D, #8f6B29); background: linear-gradient(left, #DF9F28, #FDE08D, #8f6B29); height: 5px; } .dls-content { padding: 20px; line-height: 15px; word-break: break-word; overflow-wrap: break-word; } .dls-content .h5 { margin: 0 0 15px; font-size: 2.5em; color: #0054bd; font-weight: 600; } .dls-content p { font-size: .9em; margin: 0; font-weight: 600; color: #3a3a3a; } .dls-content p span { font-size: 1em; font-weight: 600; } .dls-content span { font-size: .7em; color: #3a3a3a; } .dls-pop-button { background: -webkit-linear-gradient(top, #0373ff, #0054bd); display: inline-block; padding: 10px 55px; border-radius: 20px; color: white; font-size: .9em; font-weight: 500; margin-top: 20px; } .dls-pop-button:hover { background: -webkit-linear-gradient(top, #0054bd, #0373ff); } .dls-show { display: block; } .dls-hide { display: none !important; } /* DLS Font animation */ .btn-shine { transform: translate(-50%,-50%); padding: 12px 48px; color: #ffffff; background: linear-gradient(to right, #898989 0, #fcff57 10%, #898989 30%); background-position: 0; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: shine 1.5s infinite linear; animation-fill-mode: forwards; -webkit-text-size-adjust: none; font-weight: 700; text-decoration: none; white-space: nowrap; } @keyframes shine { 0% { background-position: 0; } 60% { background-position: 180px; } 100% { background-position: 180px; } } @-webkit-keyframes button_jump { 0% { margin-bottom: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } 50% { -webkit-transform: translate(0, -10px); -ms-transform: translate(0, -10px); transform: translate(0, -10px); } } @-moz-keyframes button_jump { 0% { margin-bottom: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } 50% { -webkit-transform: translate(0, -10px); -ms-transform: translate(0, -10px); transform: translate(0, -10px); } } @-o-keyframes button_jump { 0% { margin-bottom: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } 50% { -webkit-transform: translate(0, -10px); -ms-transform: translate(0, -10px); transform: translate(0, -10px); } } @keyframes button_jump { 0% { margin-bottom: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } 50% { -webkit-transform: translate(0, -10px); -ms-transform: translate(0, -10px); transform: translate(0, -10px); } } .dls-images-jump { position: relative; -webkit-animation-delay: 0; -webkit-animation-duration: 1s; -webkit-animation-name: button_jump; -webkit-animation-timing-function: ease-out; -webkit-animation-iteration-count: infinite; -webkit-animation-fill-mode: forwards; /* this prevents the animation from restarting! */ -moz-animation-delay: 0; -moz-animation-duration: 1s; -moz-animation-name: button_jump; -moz-animation-timing-function: ease-out; -moz-animation-iteration-count: infinite; -moz-animation-fill-mode: forwards; /* this prevents the animation from restarting! */ -o-animation-delay: 0; -o-animation-duration: 1s; -o-animation-name: button_jump; -o-animation-timing-function: ease-out; -o-animation-iteration-count: infinite; -o-animation-fill-mode: forwards; /* this prevents the animation from restarting! */ animation-delay: 0; animation-duration: 1s; animation-name: button_jump; animation-timing-function: ease-out; animation-iteration-count: infinite; animation-fill-mode: forwards; /* this prevents the animation from restarting! */ } /*daily lucky spin set 2*/ .luckspin_logo { background: rgb(168,72,252) !important; background: linear-gradient(135deg, rgba(168,72,252,1) 0%, rgba(86,31,152,1) 100%) !important; } .luckspin_logo_ready { animation: rotation 10s infinite linear; } @keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } .dls-set-2 .modal-content { background: transparent; width: 900px !important; max-width: none !important; border: none; } .dls-set-2::-webkit-scrollbar { display: none; } .dls-set-2 #dls { width: 60%; position: relative; display: flex; align-items: center; } .dls-set-2 .dls-wheel { width: 78%; position: absolute; margin: 0 auto; left: 0; right: 0; } .dls-set-2 .marker { width: 11%; top: 41px; } .dls-set-2 .dls-spin-button { position: absolute; margin: 0 auto; left: 0; right: 0; width: 45%; background: transparent; z-index: 9; } .dls-set-2 .dls-spinner-wrapper { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; } .dls-set-2 .h1 { font-size: 16px; color: #fff; font-weight: 300; } .dls-set-2 .dls-footer { width: 100%; text-align: center; padding-bottom: 20px; } .dls-set-2 .bonus-dls { width: 50%; padding: 0 5px 0; margin-top: 0; } .dls-set-2 .bonus-dls-bg-wrapper { display: flex; background: rgb(42,2,79); background: linear-gradient(90deg, rgba(42,2,79,1) 0%, rgba(56,6,102,1) 100%); border-radius: 5px; flex-wrap: wrap; } .bonus-dls-bg-wrapper img { width: 80%; margin: 0 auto; } .bonus-dls-bg-wrapper > div > div.card { background-color: #342a5d; } .dls-set-2 .bonus-dls-wrapper { width: 40%; background: rgb(86,31,152); background: linear-gradient(90deg, rgba(86,31,152,1) 0%, rgba(168,72,252,1) 49%, rgba(86,31,152,1) 100%); padding: 3px; border-radius: 5px; position: relative; } .dls-set-2 .bonus-dls-content { width: 25%; padding: 5px; word-wrap: break-word; } .dls-set-2 .bonus-dls-content div { border: 2px solid #8d5304; border-radius: 5px; box-shadow: 4px 5px 13px -2px rgba(0,0,0,0.54) inset; -webkit-box-shadow: 4px 5px 13px -2px rgba(0,0,0,0.54) inset; -moz-box-shadow: 4px 5px 13px -2px rgba(0,0,0,0.54) inset; width: 100%; } .dls-set-2 .bonus-dls-content div > span { display: none; } .dls-set-2 div > p { margin: 0; background: #fedf19; padding: 2px 0; text-align: center; border-radius: 0 0 3px 3px; font-weight: 600; color: #000; margin-bottom: 0; font-size: .7rem; } .dls-set-2 .bonus-dls-content div > img { padding: 10px; max-width: 100%; } .dls-set-2 .dls-seasonal-visual { position: absolute; bottom: 15%; right: 1%; width: 150px; z-index: 99; } .dls-set-2 .h1.bonus-title { width: 100%; text-align: center; font-size: 20px; font-weight: 500; margin-bottom: 0px; } .dls-set-2 .dls-content-visual { position: absolute; bottom: -11px; right: -35px; width: 60px; } .dls-spin-button img { transition: transform .7s ease-in-out; } .dls-spin-button img:hover { transform: rotate(360deg); transition: transform .7s ease-in-out; } .dls-set-2 #dls-close.close { border: none !important; background: transparent !important; cursor: pointer; } @media screen and (max-width: 999px) { .dls-content-visual { display: none; } .dls-set-2 .bonus-dls-content { width: 16.666%; } .dls-set-2 #dls { width: 65%; margin: 0 auto; } .dls-set-2 .bonus-dls-wrapper { width: 90%; margin: 0 auto; display: block; } .dls-set-2 .dls-footer { margin-top: 25px; } .dls-set-2 #dls-close.close { border: none; background: transparent; cursor: pointer; } .theme-chineseNewYear-2 #dls-close.close { background: #606060; } .dls-set-2 #dls-close.close { top: 0; right: 25px; left: auto; bottom: auto; } .dls-set-2 .dls-seasonal-visual { bottom: 12%; right: 0%; width: 130px; } .dls-set-2 .dls-spin-button { width: 250px; } } @media screen and (max-width: 680px) { .dls-set-2 .dls-spin-button { width: 200px; } .dls-set-2 .bonus-dls-content { width: 25%; } .dls-set-2 #dls { width: 90%; } } @media screen and (max-width: 580px) { .dls-set-2 .marker { width: 10%; top: 7%; } .dls-set-2 .dls-spin-button { width: 180px; } .dls-set-2 .dls-seasonal-visual { width: 100px; } } @media screen and (max-width: 380px) { .dls-set-2 .dls-seasonal-visual { width: 80px; } .dls-set-2 .bonus-dls-content { width: 33.3333%; } } .dls-set-2 .modal-dialog { max-width: fit-content !important; } .dls-set-2 { overflow: auto !important; } .bonus-dls-bg-wrapper span { color: #212529; font-size: .7rem; font-weight: 300; } /*daily lucky spin set 2*/ @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: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --navy: #005498; --darkBlue: #13335e; --lightGreen: #7ba630; --black: #000; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --black: #000; --navy: #005498; --darkBlue: #13335e; --lightGreen: #7ba630; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, *::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", 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: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #007bff; text-decoration: none; background-color: transparent; } a:hover { color: #0056b3; text-decoration: underline; } a:not([href]):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: .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; } .afb-title-h1 .h1 { font-size: 1.5em; } 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: "\2014\00A0"; } .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-sm, .container-md, .container-lg, .container-xl { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container, .container-sm { max-width: 540px; } } @media (min-width: 768px) { .container, .container-sm, .container-md { max-width: 720px; } } @media (min-width: 992px) { .container, .container-sm, .container-md, .container-lg { max-width: 960px; } } @media (min-width: 1200px) { .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1140px; } } .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-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { 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.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .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.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .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.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .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.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .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.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .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.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .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.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } @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.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .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.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .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.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .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.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .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.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .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.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .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.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } } @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.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .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.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .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.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .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.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .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.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .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.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .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.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } } @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.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .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.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .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.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .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.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .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.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .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.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .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.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } @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.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .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.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .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.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .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.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .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.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .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.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .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.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } } .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: #b8daff; } .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: #7abaff; } .table-hover .table-primary:hover { background-color: #9fcdff; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #9fcdff; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #d6d8db; } .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { border-color: #b3b7bb; } .table-hover .table-secondary:hover { background-color: #c8cbcf; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #c8cbcf; } .table-success, .table-success > th, .table-success > td { background-color: #c3e6cb; } .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody { border-color: #8fd19e; } .table-hover .table-success:hover { background-color: #b1dfbb; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #b1dfbb; } .table-info, .table-info > th, .table-info > td { background-color: #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-lightGreen, .table-lightGreen > th, .table-lightGreen > td { background-color: #dae6c5; } .table-lightGreen th, .table-lightGreen td, .table-lightGreen thead th, .table-lightGreen tbody + tbody { border-color: #bad193; } .table-hover .table-lightGreen:hover { background-color: #cfdeb3; } .table-hover .table-lightGreen:hover > td, .table-hover .table-lightGreen:hover > th { background-color: #cfdeb3; } .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; } } .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: #80bdff; outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 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: .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") no-repeat right 0.75rem center/8px 10px, #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: .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") no-repeat right 0.75rem center/8px 10px, #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(0, 123, 255, 0.25); box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 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: #007bff; border-color: #007bff; } .btn-primary:hover { color: #fff; background-color: #0069d9; border-color: #0062cc; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #0069d9; border-color: #0062cc; -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #0062cc; border-color: #005cbf; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 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-lightGreen { color: #fff; background-color: #7ba630; border-color: #7ba630; } .btn-lightGreen:hover { color: #fff; background-color: #658827; border-color: #5e7e25; } .btn-lightGreen:focus, .btn-lightGreen.focus { color: #fff; background-color: #658827; border-color: #5e7e25; -webkit-box-shadow: 0 0 0 0.2rem rgba(143, 179, 79, 0.5); box-shadow: 0 0 0 0.2rem rgba(143, 179, 79, 0.5); } .btn-lightGreen.disabled, .btn-lightGreen:disabled { color: #fff; background-color: #7ba630; border-color: #7ba630; } .btn-lightGreen:not(:disabled):not(.disabled):active, .btn-lightGreen:not(:disabled):not(.disabled).active, .show > .btn-lightGreen.dropdown-toggle { color: #fff; background-color: #5e7e25; border-color: #567522; } .btn-lightGreen:not(:disabled):not(.disabled):active:focus, .btn-lightGreen:not(:disabled):not(.disabled).active:focus, .show > .btn-lightGreen.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(143, 179, 79, 0.5); box-shadow: 0 0 0 0.2rem rgba(143, 179, 79, 0.5); } .btn-outline-primary { color: #007bff; border-color: #007bff; } .btn-outline-primary:hover { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-outline-primary:focus, .btn-outline-primary.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #007bff; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 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-lightGreen { color: #7ba630; border-color: #7ba630; } .btn-outline-lightGreen:hover { color: #fff; background-color: #7ba630; border-color: #7ba630; } .btn-outline-lightGreen:focus, .btn-outline-lightGreen.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(123, 166, 48, 0.5); box-shadow: 0 0 0 0.2rem rgba(123, 166, 48, 0.5); } .btn-outline-lightGreen.disabled, .btn-outline-lightGreen:disabled { color: #7ba630; background-color: transparent; } .btn-outline-lightGreen:not(:disabled):not(.disabled):active, .btn-outline-lightGreen:not(:disabled):not(.disabled).active, .show > .btn-outline-lightGreen.dropdown-toggle { color: #fff; background-color: #7ba630; border-color: #7ba630; } .btn-outline-lightGreen:not(:disabled):not(.disabled):active:focus, .btn-outline-lightGreen:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-lightGreen.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(123, 166, 48, 0.5); box-shadow: 0 0 0 0.2rem rgba(123, 166, 48, 0.5); } .btn-link { font-weight: 400; color: #007bff; text-decoration: none; } .btn-link:hover { color: #0056b3; text-decoration: underline; } .btn-link:focus, .btn-link.focus { text-decoration: underline; } .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; } } .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: #f8f9fa; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #007bff; } .dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 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: #007bff; background-color: #007bff; } .custom-control-input:focus ~ .custom-control-label::before { -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #80bdff; } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: #b3d7ff; border-color: #b3d7ff; } .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; } .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; } .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; } .custom-control-label::before { position: absolute; top: 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: #007bff; background-color: #007bff; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 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(0, 123, 255, 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(0, 123, 255, 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") no-repeat right 0.75rem center/8px 10px; border: 1px solid #ced4da; border-radius: 0.25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-select:focus { border-color: #80bdff; outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 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: #80bdff; -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 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(0, 123, 255, 0.25); box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #007bff; 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: #b3d7ff; } .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: #007bff; 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: #b3d7ff; } .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: #007bff; 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: #b3d7ff; } .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: #007bff; } .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 { 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;*/ padding-top: 0; padding-bottom: 0; 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 { 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 { -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 { 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 { -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 { 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 { -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 { 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 { -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; } } .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 { 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 { -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: #007bff; background-color: #fff; border: 1px solid #dee2e6; } .page-link:hover { z-index: 2; color: #0056b3; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 3; outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 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: #007bff; border-color: #007bff; } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; } .pagination-lg .page-link { padding: 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: #007bff; } a.badge-primary:hover, a.badge-primary:focus { color: #fff; background-color: #0062cc; } a.badge-primary:focus, a.badge-primary.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 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-lightGreen { color: #fff; background-color: #7ba630; } a.badge-lightGreen:hover, a.badge-lightGreen:focus { color: #fff; background-color: #5e7e25; } a.badge-lightGreen:focus, a.badge-lightGreen.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(123, 166, 48, 0.5); box-shadow: 0 0 0 0.2rem rgba(123, 166, 48, 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: #004085; background-color: #cce5ff; border-color: #b8daff; } .alert-primary hr { border-top-color: #9fcdff; } .alert-primary .alert-link { color: #002752; } .alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; } .alert-secondary hr { border-top-color: #c8cbcf; } .alert-secondary .alert-link { color: #202326; } .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; } .alert-success hr { border-top-color: #b1dfbb; } .alert-success .alert-link { color: #0b2e13; } .alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; } .alert-info hr { border-top-color: #abdde5; } .alert-info .alert-link { color: #062c33; } .alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; } .alert-warning hr { border-top-color: #ffe8a1; } .alert-warning .alert-link { color: #533f03; } .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } .alert-danger hr { border-top-color: #f1b0b7; } .alert-danger .alert-link { color: #491217; } .alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; } .alert-light hr { border-top-color: #ececf6; } .alert-light .alert-link { color: #686868; } .alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; } .alert-dark hr { border-top-color: #b9bbbe; } .alert-dark .alert-link { color: #040505; } .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-lightGreen { color: #405619; background-color: #e5edd6; border-color: #dae6c5; } .alert-lightGreen hr { border-top-color: #cfdeb3; } .alert-lightGreen .alert-link { color: #232e0e; } @-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: #007bff; -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: #007bff; border-color: #007bff; } .list-group-item + .list-group-item { border-top-width: 0; } .list-group-item + .list-group-item.active { margin-top: -1px; border-top-width: 1px; } .list-group-horizontal { -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; } } .list-group-flush { border-radius: 0; } .list-group-flush > .list-group-item { border-width: 0 0 1px; } .list-group-flush > .list-group-item:last-child { border-bottom-width: 0; } .list-group-item-primary { color: #004085; background-color: #b8daff; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #004085; background-color: #9fcdff; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #004085; border-color: #004085; } .list-group-item-secondary { color: #383d41; background-color: #d6d8db; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #383d41; background-color: #c8cbcf; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #383d41; border-color: #383d41; } .list-group-item-success { color: #155724; background-color: #c3e6cb; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #155724; background-color: #b1dfbb; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #155724; border-color: #155724; } .list-group-item-info { color: #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-lightGreen { color: #405619; background-color: #dae6c5; } .list-group-item-lightGreen.list-group-item-action:hover, .list-group-item-lightGreen.list-group-item-action:focus { color: #405619; background-color: #cfdeb3; } .list-group-item-lightGreen.list-group-item-action.active { color: #fff; background-color: #405619; border-color: #405619; } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; } .close:hover { color: #000; text-decoration: none; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: .75; } button.close { padding: 0; background-color: transparent; border: 0; } a.close.disabled { pointer-events: none; } .toast { -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: 1; 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: 1.2rem 1.2rem; 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", 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", 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: .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: .75s linear infinite spinner-border; animation: .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: .75s linear infinite spinner-grow; animation: .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: #007bff !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #0062cc !important; } .bg-secondary { background-color: #6c757d !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #545b62 !important; } .bg-success { background-color: #28a745 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #1e7e34 !important; } .bg-info { background-color: #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-lightGreen { background-color: #7ba630 !important; } a.bg-lightGreen:hover, a.bg-lightGreen:focus, button.bg-lightGreen:hover, button.bg-lightGreen:focus { background-color: #5e7e25 !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #dee2e6 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-right { border-right: 1px solid #dee2e6 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-left { border-left: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #007bff !important; } .border-secondary { border-color: #6c757d !important; } .border-success { border-color: #28a745 !important; } .border-info { border-color: #17a2b8 !important; } .border-warning { border-color: #ffc107 !important; } .border-danger { border-color: #dc3545 !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #343a40 !important; } .border-black { border-color: #000 !important; } .border-navy { border-color: #005498 !important; } .border-darkBlue { border-color: #13335e !important; } .border-lightGreen { border-color: #7ba630 !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 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.85714%; } .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.85714%; } .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; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .user-select-all { -webkit-user-select: all !important; -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; } } .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; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #007bff !important; } a.text-primary:hover, a.text-primary:focus { color: #0056b3 !important; } .text-secondary { color: #6c757d !important; } a.text-secondary:hover, a.text-secondary:focus { color: #494f54 !important; } .text-success { color: #28a745 !important; } a.text-success:hover, a.text-success:focus { color: #19692c !important; } .text-info { color: #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-lightGreen { color: #7ba630 !important; } a.text-lightGreen:hover, a.text-lightGreen:focus { color: #4f6b1f !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 */ html, body { height: 100%; background-color: #0c314e; color: #fff; } .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; } .progress-container { position: relative; } .progress-bar { display: inline-block; height: .5rem; } .progress-text { position: absolute; right: 0; bottom: 100%; } .progress-text-title:after { display: inline-block; content: attr(data-percentage); } .hover-list { --img-src: url('/images/img-fotter-sprite.png'); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .hover-list > li [data-icon] { display: inline-block; background: no-repeat center; background-image: var(--img-src); -webkit-transition: background-position .3s ease; transition: background-position .3s ease; } .hover-list > li [data-icon="nexus-engine"] { height: 37px; width: 180px; background-position: 0 -0; } .hover-list > li [data-icon="nexus-engine"]:hover { background-position-x: -181px; } .hover-list > li [data-icon="problem-gambling-support"] { height: 36px; width: 84px; background-position: 0 -141px; } .hover-list > li [data-icon="problem-gambling-support"]:hover { background-position-x: -172px; } .hover-list > li [data-icon="18+"] { height: 37px; width: 37px; background-position: 0 -191px; } .hover-list > li [data-icon="18+"]:hover { background-position-x: -45px; } .hover-list > li [data-icon="chrome"] { height: 34px; width: 34px; background-position: 0 -1047px; } .hover-list > li [data-icon="chrome"]:hover { background-position-x: -38px; } .hover-list > li [data-icon="edge"] { height: 34px; width: 34px; background-position: -90px -1047px; } .hover-list > li [data-icon="edge"]:hover { background-position-x: -125px; } .hover-list > li [data-icon="firefox"] { height: 34px; width: 34px; background-position: -193px -1047px; } .hover-list > li [data-icon="firefox"]:hover { background-position-x: -233px; } .hover-list > li [data-icon="pp"] { height: 44px; width: 116px; background-position: -0 -695px; } .hover-list > li [data-icon="pp"]:hover { background-position-x: -130px; } .carousel-indicators li { background-color: #cecece; width: 10px; height: 10px; border-radius: 50%; } .carousel-indicators li:hover, .carousel-indicators li.active { background-color: #800417 !important; } .section-title { color: #a3d93f; border-bottom: 2px solid #a3d93f; padding-bottom: .5rem; padding-left: 10px; } .title-stone { display: inline; height: 100%; border-left: 5px solid #800417; margin-right: .4rem; } .modal, .modal2 { z-index: 999999; } .oneXBet-header { background-color: #174b73; -webkit-box-shadow: inset 0 50px 25px -25px #216ca6; box-shadow: inset 0 50px 25px -25px #216ca6; } .oneXBet-header .language_selector { cursor: pointer; } .oneXBet-header .language_selector img { max-width: 1.5rem; } .oneXBet-header .language_selector .dropdown-menu { background-color: #1a5684; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5); } .oneXBet-header .language_selector .dropdown-item { color: #fff; } .oneXBet-header .language_selector .dropdown-item:hover { background-color: #1f72ad; } .oneXBet-main_nav { background-color: #1a5684; } .oneXBet-main_nav .main_nav-title { font-weight: bold; margin: 0; } .oneXBet-main_nav .main_nav-balance { position: absolute; z-index: 1; top: 100%; right: 0; background-color: #103552; padding: .2rem .4rem; } .oneXBet-main_nav .nav-link { color: #fff; } .oneXBet-main_nav .nav-item .game-list { position: fixed; z-index: -1; display: none; width: 100%; left: 0; opacity: 0; -webkit-transition: all .3s .5s; transition: all .3s .5s; background-color: #fefefe; text-align: left; border-top: 3px solid #66c4ff; border-radius: 2px; } .oneXBet-main_nav .nav-item .game-list-item { height: auto; border-radius: 0; } .game-list-item:hover { background: #2F455C; } .oneXBet-main_nav .nav-item:hover .main_nav-title, .oneXBet-main_nav .nav-item.active .main_nav-title { color: #66c4ff; } .oneXBet-main_nav .nav-item:hover > .game-list, .oneXBet-main_nav .nav-item.active > .game-list { opacity: 1; z-index: 16; display: block; background: #003055; } .oneXBet-main_nav .navbar-brand img { display: block; max-width: 180px; /*max-height: 46px;*/ } .oneXBet-main_nav.affix-top { position: relative; } .oneXBet-footer .footermenu-title { font-weight: bold; text-transform: uppercase; padding-bottom: 1rem; position: relative; } .oneXBet-footer .footermenu-title::before { position: absolute; display: inline-block; content: ''; width: 2rem; bottom: 0; border-bottom: 3px solid #4aa3d9; } .oneXBet-footer .footermenu-link { color: #d1dfef; font-size: small; position: relative; text-decoration: none; } .oneXBet-footer .footermenu-link::before { position: absolute; content: ''; display: inline-block; width: 0%; height: 2px; left: 0; right: 0; bottom: -4px; background-color: #d1dfef; -webkit-transition: all .3s; transition: all .3s; } .oneXBet-footer .footermenu-link:hover { color: #fff; } .oneXBet-footer .footermenu-link:hover::before { width: 100%; } .oneXBet-lobby .lobby-marquee { background-color: #174b73; -webkit-box-shadow: inset 0 50px 25px -25px #216ca6; box-shadow: inset 0 50px 25px -25px #216ca6; } .oneXBet-lobby .popular-title { background-color: #3686bf; padding: .2rem 1rem; } .oneXBet-lobby .popular-name { font-size: small; text-align: center; padding: .2rem .5rem; font-weight: bold; background-color: #7ba630; } .oneXBet-lobby .popular-items { background-color: 113756; } .oneXBet-lobby .popular-items.type-2 { position: relative; overflow: hidden; color: #fff; } .oneXBet-lobby .popular-items.type-2 .popular-name { position: absolute; background-color: transparent; width: 100%; height: 200%; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transition: all .5s; transition: all .5s; padding: 0; } .oneXBet-lobby .popular-items.type-2 .popular-name-title { -ms-flex-preferred-size: 50%; flex-basis: 50%; text-align: left; padding: 0.5rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #fff; } .oneXBet-lobby .popular-items.type-2 .popular-name-title-text { position: relative; } .oneXBet-lobby .popular-items.type-2 .popular-name-title-text:before { position: absolute; display: inline-block; content: ''; width: 2rem; height: 2px; bottom: -2px; background-color: #fff; } .oneXBet-lobby .popular-items.type-2 .popular-name-action { -ms-flex-preferred-size: 50%; flex-basis: 50%; 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; } .oneXBet-lobby .popular-items.type-2 .popular-name-action-text { padding-bottom: .2rem; border-bottom: 2px solid #4aa2d9; color: #fff; } .oneXBet-lobby .popular-items.type-2:hover .popular-name { top: -100%; background-color: rgba(0, 0, 0, 0.8); } .oneXBet-lobby .promotion-container { background-image: -webkit-gradient(linear, left top, left bottom, from(#041548), to(#3c5077)); background-image: linear-gradient(to bottom, #041548, #3c5077); } .oneXBet-lobby .promotion-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: .5rem; } .oneXBet-lobby .promotion-title .title-name { text-transform: uppercase; font-weight: bold; width: 80%; margin-left:7px; } .oneXBet-lobby .promotion-title .title-btn { color: #fff; text-decoration: none; font-size: small; -webkit-transition: all .3s; transition: all .3s; } .oneXBet-lobby .promotion-title .title-btn:hover { -webkit-transform: translateX(5%); transform: translateX(5%); } .oneXBet-lobby .promotion-content { padding: .5rem; display: -webkit-box; display: -ms-flexbox; display: flex; overflow-x: auto; } .oneXBet-lobby .promotion-content > .col { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .oneXBet-lobby .promotion-item { display: block; text-align: center; font-weight: bold; color: #fff; text-decoration: none; -webkit-transition: all .3s; transition: all .3s; } .oneXBet-lobby .promotion-item:hover { color: #7ba630; -webkit-transform: scale(1.1); transform: scale(1.1); } .oneXBet-company_list { background-color: #0b151d; } .oneXBet-company_list .company_list-provider { position: absolute; top: 5%; left: 5%; width: 35%; -webkit-transition: all .3s; transition: all .3s; -webkit-transform-origin: left center; transform-origin: left center; } .oneXBet-company_list .company_list-container { display: block; border-radius: .2rem; padding: .2rem; position: relative; } .oneXBet-company_list .company_list-container:hover .company_list-provider { -webkit-transform: scale(1.2); transform: scale(1.2); } .oneXBet-company_list .company_list-title { padding: 5px 0px; color: #ececec; background-color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .company_list-title:hover { background: #1a1a1a; } .oneXBet-item_list { background-color: #0b151d; } .oneXBet-item_list .item_list-title { text-align: center; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0; padding: .5rem; display: block; } .oneXBet-item_list .item_list-figure { position: relative; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; 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; } .oneXBet-item_list .item_list-figure img { width: 100%; } .oneXBet-item_list .item_list-figure .figure-button { position: absolute; visibility: hidden; opacity: 0; -webkit-transition: all .3s; transition: all .3s; } .oneXBet-item_list .item_list-figure .figure-button a { margin: 0; font-weight: bold; text-transform: uppercase; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .oneXBet-item_list .item_list-figure .figure-mask { position: absolute; display: inline-block; top: 0; left: 0; right: 0; bottom: 0; visibility: hidden; opacity: 0; background-color: rgba(0, 0, 0, 0.7); -webkit-transition: all .5s; transition: all .5s; } .oneXBet-item_list .item_list-container:hover .item_list-figure .figure-button { opacity: 1; visibility: visible; width: 100%; } .oneXBet-item_list .item_list-container:hover .item_list-figure .figure-mask { opacity: 1; visibility: visible; } .oneXBet-promotion_list .promotion_list-title { position: absolute; top: 0; width: 100%; padding: 1rem; } /*.oneXBet-promotion_list .promotion_list-info { position: absolute; padding: 1rem; left: 1rem; bottom: -100%; background-image: -webkit-gradient(linear, left top, right top, from(rgba(16, 38, 54, 0.9)), to(transparent)); background-image: linear-gradient(90deg, rgba(16, 38, 54, 0.9), transparent); border-left: 3px solid #66c4ff; -webkit-transition: all .3s; transition: all .3s; }*/ /*.oneXBet-promotion_list .promotion_list-container { padding: .4rem; display: block; position: relative; color: #fff; text-decoration: none; opacity: .8; overflow: hidden; -webkit-transition: all .3s; transition: all .3s; border: 1px solid #4c5159; } .oneXBet-promotion_list .promotion_list-container img { width: 100%; } .oneXBet-promotion_list .promotion_list-container:hover { opacity: 1; } .oneXBet-promotion_list .promotion_list-container:hover .promotion_list-info { bottom: 0; }*/ .oneXBet-promotion_list .promotion_list-detail { background-color: #0b1b26; border: 1px solid #4c5159; } .theme-dark { background-color: #0c314e; color: #fff; } .theme-text-main { color: #e2c360; } .theme-bg-light { background-color: #f3f3f3; } .theme-bg-blue { background-color: #1a5684; } .theme-bg-darkblue { background-color: #0c314e; } .theme-bg-darkblue .required { color: #ffc107; } @media screen and (min-width: 768px) { .oneXBet-header .header-login_box { border: none; border-left: 1px solid #fff; } .oneXBet-main_nav .main_nav-balance { right: 10%; } .oneXBet-main_nav .nav-item .game-list { left: 30%; margin-left: -15%; width: 70%; } .oneXBet-lobby .promotion-content > .col { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .oneXBet-footer .shfooter .collapse { display: inherit; } } @media screen and (min-width: 1024px) { .scrollbarY { overflow-y: auto; } .scrollbarY::-webkit-scrollbar { width: .3125em; height: .3125em; } .scrollbarY::-webkit-scrollbar-thumb { border-radius: .375em; background-color: rgba(184, 222, 255, 0.3); } .scrollbarY::-webkit-scrollbar-track { background-color: rgba(61, 61, 61, 0.1); } .scrollbarX { overflow-x: auto; } .scrollbarX::-webkit-scrollbar { width: .5rem; height: .5rem; } .scrollbarX::-webkit-scrollbar-thumb { border-radius: .5rem; background-color: rgba(184, 222, 255, 0.3); } .scrollbarX::-webkit-scrollbar-track { background-color: rgba(61, 61, 61, 0.1); } .oneXBet-header .header-avatar + .dropdown-menu, .oneXBet-header .header-avatar + .dropdown-menu.show { display: block; position: unset !important; background: transparent; padding: 0; border: none; } .oneXBet-header .header-avatar , .oneXBet-header .header-avatar { color: #fff !important; } .oneXBet-header .header-avatar + .dropdown-menu.show { -webkit-transform: unset !important; transform: unset !important; will-change: unset !important; } .oneXBet-lobby .main-content { position: relative; } .oneXBet-lobby .main-aside { position: absolute; right: 0; height: 100%; overflow: auto; } } /* 垂直 */ /* 橫向 */ .promoWG_Previous { margin-right: 15px; } .more-text { font-size:12; } .search-title { width: 80% !important; margin-left: 8px !important; } .search-title-text { width: 100%!important; } .search-more-text { width: 20%; text-align: right; margin-right: 8px !important; } .promo-more-btn { width: 20%; font-size: 1rem; text-align: right; margin-right: 8px !important; margin-bottom: 0.4rem; } table.blog { margin-top: 2rem; border: 1px solid #fff; border-collapse: collapse; } table.blog td { border: 1px solid #fff; } table.blog td a { color: #fff; } table.blog td a:hover { color: #a3d93f; } .t-center { text-align: center; } .t-right { text-align: right!important; } .wallet-top-left { line-height: 24px !important; } .wallet-top-left span { font-size: 0.8rem !important; color: white; word-break: break-word !important; } .simple-forgotpw a { color: #fff; } .simple-forgotpw a:hover { color: #ccc; } .btn-lightGreen[data-target="#registerModal"] { height: 28px; } .btn-lite { height: 28px; } #dropdownLang .bi-chevron-down{ color: black; } #searchgame2_searchgame_Keyword { color: #666 !important; } .angpow-ico-btn { width: 48px; } .dropdown-single-content a:hover, .active-lang { background: #ddd !important; color: #000 !important; } .universal_hamburger_menu .aside_content-main_content { background: #123c5c; } .universal_hamburger_menu .aside_content-login, .universal_hamburger_menu .aside_content-main_content .main_content-section { background: linear-gradient(90deg, #1a5684, #276fa6); } .universal_hamburger_menu .aside_content-login .did-floating-input { background: #2e2e2e; color: #FFF!important; } .universal_hamburger_menu .aside_content-main_content .main_content-section-title { color: #fff; border-bottom: 1px solid #fff; } .universal_hamburger_menu .collapse-container [data-toggle=collapse][aria-expanded=true]:has(+ .collapse-0) { background-color: #2c475b; } .universal_hamburger_menu .collapse-container [data-toggle=collapse] + .collapse-0 { background-color: #192f41; } .universal_hamburger_menu #hamburgerCategory img.icon { filter: grayscale(1) sepia(1) hue-rotate(139deg) brightness(0.9); } .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 { color: #72ccff; } .universal_hamburger_menu .collapse-container [data-toggle=collapse][aria-expanded=true]:has(+ .collapse-1) { background-color: #0f1e28; } .universal_hamburger_menu .collapse-container [data-toggle=collapse] + .collapse-1 { background-color: #13243a; } .universal_hamburger_menu .hamburgerSearch .result-wrapper #hamburger_searchgame_history_List > .badge { margin: 0 !important; background-image: linear-gradient(#215267, #213367); border-width: 1px; border-style: solid; border-color: #006d9b #004b9b #386973 #00679b; color: #38c2f0; padding: calc(var(--gap) / 2) var(--gap); line-height: 1; border-radius: var(--gap); } .universal_hamburger_menu .hamburgerSearch .dropdown-menu { background-color: #214967; border-width: 1.5px; border-style: solid; border-color: #006d9b #004b9b #386973 #00679b; } .universal_hamburger_menu .hamburgerSearch .dropdown-item:hover, .universal_hamburger_menu .hamburgerSearch .dropdown-item:focus, .universal_hamburger_menu .hamburgerSearch .dropdown-item.active { color: #fff; background-color: #214567; } .universal_hamburger_menu .collapse-container [data-toggle=collapse] + .collapse, .universal_hamburger_menu .collapse-container [data-toggle=collapse] + .collapsing { margin: 0; background-color: #152e42; } .dropdown-item.active, .dropdown-item:active { background-color: #3c8de3; } .dropdown-item:hover, .dropdown-item:focus { color: #16181b !important; text-decoration: none; background-color: #f8f9fa; } .universal_hamburger_menu .collapse-container [data-toggle=collapse][aria-expanded=true] { background-color: #4a82a7; } .universal_hamburger_menu .hamburgerSearch .input-group > .form-control:not(textarea)::placeholder, .universal_hamburger_menu .hamburgerSearch .input-group > .custom-select::placeholder { color: #ccc!important; } .universal_hamburger_menu .hamburgerSearch .dropdown-item:hover, .universal_hamburger_menu .hamburgerSearch .dropdown-item:focus, .universal_hamburger_menu .hamburgerSearch .dropdown-item.active { color: #fff!important; background-color: #214567; } .universal_hamburger_menu .aside_content-login .login-button button.btn-login { color: #fff; background-image: linear-gradient(#343a40, #343a40); } .universal_hamburger_menu .aside_content-login .login-button button.btn-register { color: #FFF; background-image: linear-gradient(0deg, rgba(0, 0, 0, .0) -1.02%, rgba(0, 0, 0, 0) 50.05%), linear-gradient(244deg, #7ba630 43.24%, #7ba630 90.76%); } .universal_hamburger_menu .hamburgerSearch .input-group .svg-icon { fill: #fff; color: #fff; margin: 0; } .universal_hamburger_menu .aside_content-account_box { background: linear-gradient(90deg, #1a5684, #276fa6); } .universal_hamburger_menu .aside_content-account_box .account_box-infopanel { background: #152e42; } .universal_hamburger_menu .hamburgerSearch .btn.gameCategoryBtn { border-radius: 5px !important; } .dropdown-menu.show { left: -41px; } .amount-button svg { fill: #fff; } .redDotNotification { position: relative; /* 設置相對定位，讓子元素的絕對定位參考此元素 */ display: inline-block; } .redDotNotification img { display: block; /* 防止圖片下方出現間隙 */ } .redDotNotification::after { content: ""; position: absolute; top: -2px; left: 20px; 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; /* 確保按鈕功能正常 */ } .offcanvas.open .redDotNotification::after { display: none; } .language_selector { padding-right: 10px; } .dropdown-menu.show { left: -41px !important; } .universal_hamburger_menu { --maintheme: #21674c; --subtheme: #154231; --contrasttheme: #f0b538; --gap: 8px; } .universal_hamburger_menu .hamburgerSearch .result-wrapper .searchgamewidgetListing li { background-image: linear-gradient(#214767, #214567); border-color: #00799b; border-radius: var(--gap); } .universal_hamburger_menu .hamburgerSearch .result-wrapper .searchgamewidgetListing li .d-flex > div:last-child small { color: #ccc; } #dls-countdown-title2 { color: #999!important; } #NotifPopUpSpecial p { color: #333 !important; } :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; line-height: 1.4; } #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 { position: relative; margin-bottom: 10px; display: block; width: 100%; } .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; z-index:2; } .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; margin: 0; } .error_register_msg { line-height: 1; } .did-floating-input, .did-floating-select { font-size: 16px; display: block; width: 100%; 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; 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, .custom-select-dd, .did-floating-input, .did-floating-select, .did-floating-label-content .toggle-password { height: 35px; } .selectCustom .select { cursor: pointer; display: block; position: relative; color: #fff; width: 100%; } .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; 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: 6px; } .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; background: transparent; } .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 { display: flex; height:35px; padding-left:55px; margin-bottom:0; } .svg-icon.svg { height:24px; } .localized-wrapping .did-floating-input { position: absolute; left:0; } .localized-wrapping.phoneRegCode .did-floating-label { left: 110px !important; } .localized-wrapping.phoneRegCode .did-floating-input { padding-left: 115px!important; } .error_register_msg { width: 100%; margin-top: 2px; } .localized-wrapping #phoneCode { padding: 0 !important; width: 55px; } #phoneCode { height: 35px !important; z-index: 2; background-color: transparent; } .did-floating-input.border-danger { border-color: #dc3545 !important; } .did-floating-label-content .checkmark, .did-floating-label-content .cross { top: 0 !important; right: 0; width: 35px !important; height: 35px !important; } .did-floating-label-content .checkmark, .did-floating-label-content .cross { z-index: 1; } .dropbtn-single-box.dropdown-toggle:after { display:none; } /*.btn-color { height: 35px !important; padding: inherit; }*/ @media(max-width:428px) { .captcha-image { height: 80px; width: 80%; /* float: left;*/ } .body-scroll { overflow-x: hidden; overflow-y: auto; } .body-scroll .modal-header, .modal-header .h4 { color: #333; text-align: center; display: block; height: 34px; } .body-scroll button.close, #registerModal button.close { padding: 0; position: absolute; z-index: 9; /*top: 20px;*/ right: 40px; } .body-scroll { overflow-x: hidden; overflow-y: auto; } .body-scroll .modal-header, .modal-header .h4 { color: #333 !important; text-align: center !important; display: block; /*height: 55px !important;*/ line-height: 3px !important; font-size: large; font-weight: bold; } .body-scroll .captcha-wrapper .captcha-image img { height: 36px; width: 100%; } .body-scroll .form-group, .body-scroll .captcha-wrapper { margin-bottom: 6px !important; } .body-scroll .modal-body { padding: 0 !important; } .body-scroll .modal-footer { padding: 0; } #scroll3 .already-button { padding: 5px; } .body-scroll form { margin-top: 5px; } .modal { padding: 0 !important; } .body-scroll form { margin-top: 5px; } #registerModal .signin-form > div { padding-left: 15px; padding-right: 15px; } #scroll3 form { padding-left: 15px; padding-right: 15px; margin-top: 30px; } #scroll3 button.close { padding: 0 !important; margin: 0 !important; right: 15px; top: 0px; } #registerModal .register-p-b { /*display: flex;*/ margin-top: 20px; } #scroll3 .pb-4, #scroll3 .py-4 { padding: 0 !important; padding-bottom: 0 !important; } #scroll1 .captcha-input-field, #scroll2 .captcha-input-field, #scroll3 .captcha-input-field { width: 50% !important; max-width: 50% !important; float: left; } #scroll1 .captcha-wrapper, #scroll2 .captcha-wrapper, #scroll3 .captcha-wrapper { width: 50%; float: right; } #scroll1 .captcha-wrapper .captcha-image, #scroll2 .captcha-wrapper .captcha-image, #scroll3 .captcha-wrapper .captcha-image { float: left; } #scroll1 .captcha-refresh .fa-refresh, #scroll2 .captcha-refresh .fa-refresh, #scroll3 .captcha-refresh .fa-refresh { display: block; font-size: 20px; } #scroll1 .captcha-refresh .fa-refresh { line-height: 36px; } #scroll2 .captcha-refresh .fa-refresh { line-height: 36px; } #scroll3 .captcha-refresh .fa-refresh { line-height: 36px; } #scroll1 .captcha-refresh span, #scroll2 .captcha-refresh span, #scroll3 .captcha-refresh span { display: none !important; } #scroll3 .checkregisterpart3 .register-p-b { display: block; padding-bottom: 2px; padding-top: 2px; } #scroll3 .checkregisterpart3 .register-p-b .register-p-b-back .fa-long-arrow-left { display: block; clear: both; line-height: 44px; float: left; } /*#registerModal button.close { position: relative; top: 8px; right: 1px; }*/ #scroll1 .close span { top: 0px !important; } .modal-content.one { width: 100% !important; } #scroll2 .close span { background: none; top: 0; } #scroll3 .close span { position: relative; top: 3px; right: 6px; background: none; } .register-multi .modal-content.one { width: 100% !important; } /*#FocusTextBox { display: contents; }*/ #scroll1 .mt-5, #scroll1 .my-5, #scroll2 .mt-5, #scroll2 .my-5 { margin-top: 0 !important; } button.close > span.text-dark.one { color: black !important; } span.modal-title.login { font-weight: 600; font-size: 20px !important; } #scroll1 form .col-md-10 .row, #scroll2 form .col-md-10 .row { display: block !important; margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-top: 5px !important; padding-bottom: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } #scroll1 .mb-5, #scroll1 .my-5, #scroll1 form .pb-4, #scroll1 form .py-4, #scroll1 form .mb-2, #scroll1 form .my-2, #scroll2 .mb-5, #scroll1 .my-5, #scroll2 form .pb-4, #scroll1 form .py-4, #scroll2 form .mb-2, #scroll1 form .my-2 { margin-bottom: 0 !important; } #scroll1 form .row div .pb-4, #scroll1 form .row div .py-4 { padding-bottom: 10px !important; } #scroll1 form .my-3, #scroll1 form.pt-3 { display: block !important; margin-left: 0 !important; margin-right: 0 !important; /*margin-bottom: -16px !important;*/ padding-bottom: 0 !important; } .text-danger { display: inline-block; } .modal.show .modal-dialog { padding-bottom: 95% !important; } /* #scroll2 .mb-5 { margin-top: -31px !important; }*/ #scroll2 form.pt-3 { margin-top: -21px !important; } #scroll2 form .my-3 { margin-top: 0px !important; } /* .btn-color { margin-top: 0 !important; }*/ #RegisterCaptcha, #LoginCaptcha, #captcha-input-field, #RegisterCaptchaInput, #LoginCaptchaInput { width: 50%; float: left; } .captchaimage { width: 50%; float: right; } .captchaimage, .captchaimage img, .captcha-image, #RegisterCaptchaImage, #LoginCaptchaImage { height: 36px; } .captcha-image { width: 80%; /* padding-left: 5px;*/ /* padding-right: 5px;*/ } .register-p-b-back ~ .btn-block { width: fit-content; } .form-block { margin: 0 0 5px; } } @media (min-width:429px) { #RegisterCaptchaImage, #captcha-image img { width: 50%; } .fld-block .captcha-image { width: 50%; float: left; } #registerModal #modal3 .register-p-b-nex { width: fit-content; } #scroll3 .signin-content { display: flex; flex-flow: row wrap; padding-top: 30px; } /* .btn-color { height: 35px !important; padding: inherit; margin-bottom: 0 !important; margin-top: 0 !important; }*/ #scroll2 .signin-content { display: block; } #registerModal #scroll3 button.close { /*top: 0px !important;*/ position: relative !important; } #scroll2 .form-inline { display: block !important; } #modal1, #modal2, #modal3 { position: relative !important; } .body-scroll .modal-header, .modal-header .h4 { color: #333; text-align: center; display: block; height: 56px; } #scroll1 .captcha-refresh .fa-refresh, #scroll2 .captcha-refresh .fa-refresh, #scroll3 .captcha-refresh .fa-refresh { display: none !important; } #scroll1 .captcha-refresh span, #scroll2 .captcha-refresh span, #scroll3 .captcha-refresh span { display: none !important; } #scroll1 .captcha-refresh span { line-height: 57px; } #scroll2 .captcha-refresh span { line-height: 70px; } #scroll3 .captcha-refresh span { line-height: 42px; } #scroll1 .close { position: absolute; right: 27px; top: 16px; } } @media(min-width:767px) { #registerModal .modal-content { width: 500px !important; } } #scroll3 .signin-content .col-md-12 .text-danger, #scroll2 .signin-content .col-md-12 .text-danger { clear: both !important; } @media (max-width: 425px) and (min-width: 400px) { #scroll3 .signin-content { display: block !important; } } #modal1, #modal2 { display: block !important; } .fld-block .captcha-image { padding-right: 5px; } #scroll1 .mb-5, #scroll1 .my-5, #scroll1 form .pb-4, #scroll1 form .py-4, #scroll1 form .mb-2, #scroll1 form .my-2, #scroll2 .mb-5, #scroll1 .my-5, #scroll2 form .pb-4, #scroll1 form .py-4, #scroll2 form .mb-2, #scroll1 form .my-2 { margin-bottom: 0 !important; } .signin-content { clear: both; } .body-scroll { padding-bottom: 10px !important; } #scroll1 .close span { top: 0 !important; } #scroll3 .btn-color { line-height: initial !important; } .captcha-wrapper .captcha-image { margin: 0; }