/* 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' (266,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (434,28): run-time error CSS1039: Token not allowed after unary operator: '-subtheme' (608,17): run-time error CSS1039: Token not allowed after unary operator: '-iconSize' (609,18): run-time error CSS1039: Token not allowed after unary operator: '-iconSize' (1102,30): run-time error CSS1046: Expect comma, found '34' (1102,36): run-time error CSS1046: Expect comma, found '/' (1392,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1393,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1402,32): run-time error CSS1039: Token not allowed after unary operator: '-backgroundColor' (1416,31): run-time error CSS1039: Token not allowed after unary operator: '-size' (1417,31): run-time error CSS1039: Token not allowed after unary operator: '-size' (1434,35): run-time error CSS1039: Token not allowed after unary operator: '-size' (1439,22): run-time error CSS1039: Token not allowed after unary operator: '-size' (1440,22): run-time error CSS1039: Token not allowed after unary operator: '-size' (1448,30): run-time error CSS1039: Token not allowed after unary operator: '-size' (1449,26): run-time error CSS1039: Token not allowed after unary operator: '-size' (1454,41): run-time error CSS1039: Token not allowed after unary operator: '-backgroundColor' (1473,22): run-time error CSS1039: Token not allowed after unary operator: '-size' (1474,23): run-time error CSS1039: Token not allowed after unary operator: '-size' (1475,28): run-time error CSS1039: Token not allowed after unary operator: '-backgroundColor' (1482,22): run-time error CSS1039: Token not allowed after unary operator: '-size' (1483,23): run-time error CSS1039: Token not allowed after unary operator: '-size' (1495,38): run-time error CSS1039: Token not allowed after unary operator: '-size' (1498,28): run-time error CSS1039: Token not allowed after unary operator: '-backgroundColor' (1515,17): run-time error CSS1038: Expected hex color, found '#fff0' (1829,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '#slideout_inner' (2111,34): run-time error CSS1046: Expect comma, found '255' (2111,42): run-time error CSS1046: Expect comma, found '/' (2233,5): run-time error CSS1035: Expected colon, found '}' (2671,6): run-time error CSS1030: Expected identifier, found ' ' (2674,1): run-time error CSS1019: Unexpected token, found '}' (2757,1): run-time error CSS1019: Unexpected token, found '}' (3012,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3013,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3026,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3027,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3101,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (3105,21): run-time error CSS1039: Token not allowed after unary operator: '-light' (3134,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3135,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3148,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3149,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3220,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3221,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (3232,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3233,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (3260,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (3287,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (3298,17): run-time error CSS1039: Token not allowed after unary operator: '-color-afb-black' (3334,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3335,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3344,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3345,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3402,23): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (3432,22): run-time error CSS1039: Token not allowed after unary operator: '-light' (3451,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3452,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3463,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3464,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3592,27): run-time error CSS1038: Expected hex color, found '#fff0' (3696,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (3788,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (3897,28): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (4021,21): run-time error CSS1039: Token not allowed after unary operator: '-text-sm' (4022,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-dark' (4026,21): run-time error CSS1039: Token not allowed after unary operator: '-text-xs' (4094,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4095,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4104,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4105,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4133,1): run-time error CSS1019: Unexpected token, found '}' (4198,21): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (4200,37): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-2-h' (4200,58): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-2-s' (4200,84): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-2-l' (4210,17): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (4214,28): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (4215,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (4217,36): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-4' (4221,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (4222,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (4269,21): run-time error CSS1039: Token not allowed after unary operator: '-text-sm' (4270,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-dark' (4274,21): run-time error CSS1039: Token not allowed after unary operator: '-text-xs' (4342,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4343,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4352,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4353,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4363,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4364,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4365,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4366,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4367,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4368,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4369,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4370,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4371,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4372,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4373,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4374,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4375,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4379,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4380,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4381,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4382,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4383,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4384,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4385,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4387,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4388,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4389,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4390,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4391,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4392,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4396,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4397,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4398,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4399,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4400,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4401,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4402,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4418,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-xxs' (4423,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-xs' (4428,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-sm' (4433,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-md' (4438,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-lg' (4443,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-xl' (4448,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-xxl' (4456,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4457,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4468,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4469,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4486,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4487,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4488,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4489,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4493,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4494,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4495,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4496,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4497,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4498,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4499,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4500,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4501,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4502,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4503,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4504,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4505,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4506,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4507,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4508,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4509,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4510,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4511,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4512,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4513,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4514,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4515,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4516,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4517,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4518,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4519,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4520,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4521,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4522,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4523,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4524,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4525,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4526,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4527,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4528,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4529,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4530,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4531,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4532,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4533,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4534,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4535,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4536,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4537,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4538,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4539,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4540,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4541,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4542,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4543,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4544,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4545,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4546,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4547,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4548,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4549,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4550,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4551,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4552,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4553,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4554,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4555,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4556,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4557,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4558,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4559,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4560,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4561,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4562,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4563,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4564,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4565,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4566,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4567,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4568,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4569,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4570,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4571,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4572,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4573,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4574,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4575,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4576,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4577,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4578,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4579,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4580,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4581,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4582,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4583,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4584,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4585,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4586,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4587,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4588,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4589,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4590,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4591,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4592,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4593,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4594,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4595,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4596,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4597,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4598,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4599,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4600,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4601,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4602,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4603,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4604,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4605,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4606,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4607,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4608,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4609,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4610,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4611,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4612,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4613,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4614,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4615,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4616,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4617,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4618,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4619,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4620,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4621,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4622,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4623,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4624,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4625,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4626,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4630,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4631,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4632,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4633,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4634,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4635,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4636,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4637,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4638,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4639,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4640,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4641,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4642,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4643,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4644,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4645,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4646,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4707,22): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (4709,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4710,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4712,39): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-shadow' (4721,43): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-shadow' (4739,22): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (4750,28): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (4751,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (4753,36): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-4' (4755,17): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (4759,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (4760,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (4776,22): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (4784,19): run-time error CSS1039: Token not allowed after unary operator: '-space-md' (4785,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4786,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4791,25): run-time error CSS1039: Token not allowed after unary operator: '-gray' (4791,38): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1-s' (4791,64): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1-l' (4793,25): run-time error CSS1039: Token not allowed after unary operator: '-text-sm' (4804,21): run-time error CSS1039: Token not allowed after unary operator: '-text-sm' (4810,23): run-time error CSS1039: Token not allowed after unary operator: '-space-lg' (4825,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4826,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4835,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4836,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4846,17): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (4860,22): run-time error CSS1039: Token not allowed after unary operator: '-subtheme' (4900,28): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (4943,28): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (4945,28): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (5018,28): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (5207,24): run-time error CSS1039: Token not allowed after unary operator: '-color-warning' (5211,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (5215,24): run-time error CSS1039: Token not allowed after unary operator: '-color-contrast-low' (5219,24): run-time error CSS1039: Token not allowed after unary operator: '-color-success' (5223,28): run-time error CSS1039: Token not allowed after unary operator: '-color-warning' (5227,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (5231,28): run-time error CSS1039: Token not allowed after unary operator: '-color-contrast-low' (5235,28): run-time error CSS1039: Token not allowed after unary operator: '-color-success' (5259,1): run-time error CSS1019: Unexpected token, found '@keyframes' (5260,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (5271,1): run-time error CSS1019: Unexpected token, found '@keyframes' (5272,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (5283,1): run-time error CSS1019: Unexpected token, found '@keyframes' (5284,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (5295,1): run-time error CSS1019: Unexpected token, found '@keyframes' (5296,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (5307,1): run-time error CSS1019: Unexpected token, found '@keyframes' (5308,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (5319,1): run-time error CSS1019: Unexpected token, found '@keyframes' (5320,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (5331,1): run-time error CSS1019: Unexpected token, found '@keyframes' (5332,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (5370,32): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (5396,17): run-time error CSS1039: Token not allowed after unary operator: '-light' (5400,18): run-time error CSS1039: Token not allowed after unary operator: '-light' (5456,1): run-time error CSS1019: Unexpected token, found '@keyframes' (5457,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (5467,1): run-time error CSS1019: Unexpected token, found '@keyframes' (5468,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (5507,28): run-time error CSS1039: Token not allowed after unary operator: '-photoboxOverlay' (5508,37): run-time error CSS1039: Token not allowed after unary operator: '-photoboxAnimationDuration' (5508,90): run-time error CSS1039: Token not allowed after unary operator: '-photoboxAnimationDuration' (5515,31): run-time error CSS1039: Token not allowed after unary operator: '-photoboxAnimationDuration' (5521,32): run-time error CSS1039: Token not allowed after unary operator: '-photoboxAnimationDuration' (5532,31): run-time error CSS1039: Token not allowed after unary operator: '-photoboxAnimationDuration' (5544,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5545,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5762,28): run-time error CSS1046: Expect comma, found '255' (5762,36): run-time error CSS1046: Expect comma, found '/' (5807,1): run-time error CSS1019: Unexpected token, found '}' (6170,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6171,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6180,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (6181,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6190,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6191,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6304,38): run-time error CSS1046: Expect comma, found '0' (6304,42): run-time error CSS1046: Expect comma, found '/' (6480,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6481,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6490,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (6491,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6500,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6501,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6772,36): run-time error CSS1046: Expect comma, found '62' (6772,42): run-time error CSS1046: Expect comma, found '/' (7371,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (7372,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7388,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7389,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7405,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7406,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7428,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7429,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7445,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (7446,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7459,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7460,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7480,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7481,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7497,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (7498,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7511,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7512,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7531,28): run-time error CSS1039: Token not allowed after unary operator: '-subtheme' (7836,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (7837,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7862,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7863,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7914,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7915,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (8372,23): run-time error CSS1046: Expect comma, found '0' (8372,27): run-time error CSS1046: Expect comma, found '/' (8454,29): run-time error CSS1038: Expected hex color, found '#0003' (8913,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8917,15): run-time error CSS1039: Token not allowed after unary operator: '-gap' (8928,15): run-time error CSS1039: Token not allowed after unary operator: '-gap' (8931,1): run-time error CSS1019: Unexpected token, found '@keyframes' (8932,10): run-time error CSS1035: Expected colon, found '{' (9002,22): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (9038,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9073,30): run-time error CSS1039: Token not allowed after unary operator: '-mainTheme' (9096,22): run-time error CSS1039: Token not allowed after unary operator: '-mainTheme' (9115,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9116,8): run-time error CSS1035: Expected colon, found '{' (9122,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9123,8): run-time error CSS1035: Expected colon, found '{' (9162,35): run-time error CSS1039: Token not allowed after unary operator: '-mainTheme' (9265,30): run-time error CSS1046: Expect comma, found '76' (9265,36): run-time error CSS1046: Expect comma, found '/' (9303,53): run-time error CSS1039: Token not allowed after unary operator: '-subtheme' (9303,70): run-time error CSS1039: Token not allowed after unary operator: '-subtheme' (9308,53): run-time error CSS1039: Token not allowed after unary operator: '-subtheme' (9308,70): run-time error CSS1039: Token not allowed after unary operator: '-subtheme' (9352,28): run-time error CSS1039: Token not allowed after unary operator: '-subtheme' (9970,17): run-time error CSS1039: Token not allowed after unary operator: '-light' (9998,17): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-2' (10144,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10145,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10146,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10165,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10166,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10262,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10263,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10265,22): run-time error CSS1039: Token not allowed after unary operator: '-padding' (10280,20): run-time error CSS1039: Token not allowed after unary operator: '-maintheme' (10320,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10321,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10323,23): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (10325,34): run-time error CSS1038: Expected hex color, found '#000c' (10329,26): run-time error CSS1039: Token not allowed after unary operator: '-maintheme' (10470,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10471,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10482,1): run-time error CSS1019: Unexpected token, found '@keyframes' (10483,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10494,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10495,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10506,1): run-time error CSS1019: Unexpected token, found '@keyframes' (10507,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10768,22): run-time error CSS1039: Token not allowed after unary operator: '-subtheme' (11155,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11156,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11159,13): run-time error CSS1039: Token not allowed after unary operator: '-gap' (11169,17): run-time error CSS1039: Token not allowed after unary operator: '-count' (11170,17): run-time error CSS1039: Token not allowed after unary operator: '-gap' (11170,35): run-time error CSS1039: Token not allowed after unary operator: '-count' (11170,55): run-time error CSS1039: Token not allowed after unary operator: '-count' (11173,17): run-time error CSS1039: Token not allowed after unary operator: '-count' (11174,17): run-time error CSS1039: Token not allowed after unary operator: '-gap' (11174,35): run-time error CSS1039: Token not allowed after unary operator: '-count' (11174,55): run-time error CSS1039: Token not allowed after unary operator: '-count' (11181,20): run-time error CSS1039: Token not allowed after unary operator: '-maintheme' (11184,23): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (11489,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12126,30): run-time error CSS1039: Token not allowed after unary operator: '-subTheme' (12734,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12735,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12736,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12745,23): run-time error CSS1039: Token not allowed after unary operator: '-gap' (12751,32): run-time error CSS1039: Token not allowed after unary operator: '-contrasttheme' (12765,26): run-time error CSS1039: Token not allowed after unary operator: '-contrasttheme' (12769,30): run-time error CSS1039: Token not allowed after unary operator: '-subtheme' (12804,25): run-time error CSS1039: Token not allowed after unary operator: '-main_text' (12805,30): run-time error CSS1039: Token not allowed after unary operator: '-subtheme' (12806,32): run-time error CSS1039: Token not allowed after unary operator: '-subtheme' (12820,26): run-time error CSS1039: Token not allowed after unary operator: '-contrasttheme' (12821,28): run-time error CSS1039: Token not allowed after unary operator: '-contrasttheme' (12826,30): run-time error CSS1039: Token not allowed after unary operator: '-contrasttheme' (12830,28): run-time error CSS1039: Token not allowed after unary operator: '-subtheme' (12836,36): run-time error CSS1039: Token not allowed after unary operator: '-contrasttheme' (12841,26): run-time error CSS1039: Token not allowed after unary operator: '-contrasttheme' (12842,28): run-time error CSS1039: Token not allowed after unary operator: '-contrasttheme' (12846,26): run-time error CSS1039: Token not allowed after unary operator: '-subtheme' (12847,28): run-time error CSS1039: Token not allowed after unary operator: '-contrasttheme' (12865,100): run-time error CSS1030: Expected identifier, found '.' (12865,111): run-time error CSS1031: Expected selector, found ')' (12865,111): run-time error CSS1025: Expected comma or open brace, found ')' (12872,104): run-time error CSS1030: Expected identifier, found '.' (12872,115): run-time error CSS1031: Expected selector, found ')' (12872,115): run-time error CSS1025: Expected comma or open brace, found ')' (12879,32): run-time error CSS1039: Token not allowed after unary operator: '-contrasttheme' (12888,28): run-time error CSS1039: Token not allowed after unary operator: '-subtheme' (12902,21): run-time error CSS1039: Token not allowed after unary operator: '-contrasttheme' (12906,26): run-time error CSS1039: Token not allowed after unary operator: '-subtheme' (13014,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13100,21): run-time error CSS1039: Token not allowed after unary operator: '-GenericFormColor' (13605,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; letter-spacing: 0.5px; margin: 0; font-weight: 400; line-height: 1.5; text-align: left; } 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: black; 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: 400px; width: 100%; object-fit: cover; } /*---------------------------------------------*/ .h6, h6 { font-size: 1.8rem; } a { text-decoration: none !important; } p { font-size: .9em; 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-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; border-radius: 1rem; } #promoWG .button { display: block; width: 100%; margin: 0; background-color: #28a745; } /* Width Control */ .width-control1024 { width: 80% !important; } /* color */ .afb-f-red { color: #ff2a2a !important; } .afb-f-yellow { color: #ffe000 !important; } .afb-f-green { color: #00ff00 !important; } /* background color */ .afb-bg-ddark-blue { background-color: #3b4358; } .afb-padding-lr { padding-left: 5px !important; padding-right: 5px !important; } .afb-padding-l { padding-left: 2px !important; padding-right: 0px !important; } .afb-padding-r { padding-right: 2px !important; padding-left: 0px !important; } :root { --iconSize: 15px; } /* .container { max-width: 1480px; } */ .afb-justify-end { justify-content: flex-end; } /* Table */ .thead-dark { background-color: black; } .table-striped tbody tr:nth-of-type(odd) { background-color: #2c2c2c !important; } .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { /*line-height: 2.4;*/ padding: 5px 5px; } .table .thead-dark th { color: #fff; background-color: #000000; border-color: #ffffff; border-top: 0; } th.table-th-font-limit, td.table-th-font-limit { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; max-width: 210px; min-width: 150px; } .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; } .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; } /*Lite Version Button*/ .btn-lite { border: 2px solid rgba(255, 255, 255, .7) !important; background-color: var(--subtheme) !important; font-size: 1em !important; } .m-btn-lite { display: none; } @media(max-width:767px) { .d-btn-lite { display: none; } .m-btn-lite { display: block; font-size: 0.8em; } .m-btn-lite .btn-lite { padding: 4px; } .position-relative .fa-user-circle { font-size: 1em; } } /*Crypto Deposit Claim button align*/ #crypto-deposit #btnPromo { margin-top: 8px; } /* 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 { object-fit: contain; max-width: 120px; max-height: 70px } .logo-notif-wrapper { position: absolute; width: 200px; } .logo-notif-wrapper .panel { position: relative; right: -75%; } /* All Page Title */ .user-profile h3, .user-profile .h3 { border-bottom: 1px solid #3e3e3e; color: #222222; font-size: 1rem; } .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 { color: #fff; width: 100%; padding: 8px 0; font-size: 1.5em; } .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; margin-right: 25px; margin: 0 auto; font-size: .9em; } /* 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; } .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; max-height: 40vh; overflow-y: auto; } .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; } .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: 99; right: 0; border-radius: 5px; font-size: 1em; padding: 0; left: auto; } img.icon-flag { width: 20px; margin-right: 10px; } .dropdown-single-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; } .dropdown-single-content a { border-bottom: 1px solid #e7e7e7; } .dropdown-single-content a:last-child { border-bottom: none; } .dropdown-single-content a:hover { background-color: #ddd; border-radius: 5px; } input:focus, textarea:focus, select:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #2575fc; outline-width: 0; font-weight: 400; } .form-control-label { font-size: 12px; margin-left: 15px; font-weight: 500; } .msg-info { 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 0; font-size: 1.6rem; } .btn-color:hover { color: #fff; background-image: linear-gradient(to right, #2575fc, #6a11cb); } .btn-white { border-radius: 50px; color: #2575fc; background-color: #fff; padding: 8px 40px; cursor: pointer; border: 2px solid #2575fc !important; } .btn-white:hover { color: #fff; background-image: linear-gradient(to right, #2575fc, #6a11cb); } button:focus { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; outline-width: 0; } .button.afb { background-color: #28a745; border: none; border-radius: 2px 2px; padding: 5px 15px; } button.afb:hover { background-color: #ead900; } button.afb01.xs { border: none; border-radius: 2px 2px; padding: 5px 15px; color: white; margin: 0 auto; line-height: 1.4; } .button.afb01 { border: none; border-radius: 2px 2px; padding: 5px 15px; color: #fff !important; background: #6d4da1; border-color: #6d4da1; } .button.afb01:hover { filter: brightness(0.9); background-color: #563d7f; } .button.afb02 { background-color: #ffd22f; border: none; border-radius: 2px 2px; color: black; } .button.afb03 { background: #1e8535; border: none; border-radius: 2px 2px; padding: 5px 15px; color: white; } .button.afb04 { background-color: #ccc; border: none; border-radius: 2px 2px; padding: 5px 15px; color: black; } .button.afb04:hover { background-color: #bbb; } @media (min-width: 576px) { .modal > .modal-dialog { max-width: 500px; margin: 7rem auto; } } .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: #ccc; font-size: .65rem; } /* 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: 100%; 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: #1b1928; 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: 9999; } .full-nav { display: flex; justify-content: space-between; align-items: center; } .full-nav-lang { position: absolute; right: 90px; } .full-nav-template { position: absolute; right: 150px; } .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: 1rem; line-height: 1.1; margin-bottom: 10px; padding: 20px 15px; 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; filter: brightness(2); } .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 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;*/ border-radius: 1rem 1rem 0 0; } [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;*/ font-size: 1em; /*display: -webkit-box;*/ -webkit-line-clamp: 1; -webkit-box-orient: vertical; /* width: 120px;*/ width: 100%; } .text-wrap { text-align: center; background-color: #2b2740; margin-bottom: 10px; border-radius: 0 0 1rem 1rem; } .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; } @media (min-width:767px) { .nav_bottom-container { position: fixed; } } .nav-bottom { --size: 5rem; --backgroundColor: #2b2740; 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; flex-basis: 0; flex-grow: 1; max-width: 100%; overflow: hidden; } .nav-bottom .nav-link .megamenu-icon { display: inline-block; 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: transparent; display: flex; justify-content: center; align-items: center; 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 { filter: brightness(1); } .nav-bottom .nav-bottom-home:hover::after, .nav-bottom .nav-bottom-home.active::after { filter: brightness(0.9); } .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: #2b2740; } #snav li:nth-child(10n+1) span, #snav li:nth-child(10n+1) a:hover .fa { background-color: #ffd22f; } #snav li:nth-child(10n+2) span, #snav li:nth-child(10n+2) a:hover .fa { background-color: black; } #slideout { position: fixed; 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-image: linear-gradient(to right, #6a11cb, #2575fc); color: white; } .afb-medias .h1 { color: black; font-size: 1.5rem; font-weight: 400; } .afb-medias span { color: white; } .afb-medias a:hover { background-image: linear-gradient(to right, #2575fc, #6a11cb); color: white; } .afb-medias a > div { display: inline-block; margin-right: 5px; } .news-title h2 a { font-weight: 400; } /* back to top */ @media screen and (prefers-reduced-motion: no-preference) { html, body { scroll-behavior: smooth; } } main { position: relative; } main *:last-child { margin-bottom: 0; } .back-to-top-wrapper { position: absolute; top: 100vh; right: 0.25rem; bottom: 0; width: 3em; pointer-events: none; } .back-to-top-link { position: fixed; position: sticky; pointer-events: all; top: calc(100vh - 10em); display: inline-block; text-decoration: none; font-size: 2rem; line-height: 3rem; text-align: center; width: 3rem; height: 3rem; border-radius: 20%; padding: 0.25rem; border: 1px solid #254568; background-color: #0373ff; transition: transform 80ms ease-in; } .back-to-top-link:hover, .back-to-top-link:focus { transform: scale(1.1); } .back-to-top-link:focus { outline: none; box-shadow: 0 0 0 3px #4e85c0; } /* Search */ .form-control-borderless { border: none; } .form-control-borderless:hover, .form-control-borderless:active, .form-control-borderless:focus { border: none; outline: none; box-shadow: none; } .has-search .form-control { padding-left: 2.375rem; } .has-search .form-control-feedback { position: absolute; z-index: 2; display: block; width: 2.375rem; height: 2.375rem; line-height: 2.375rem; text-align: center; pointer-events: none; color: #aaa; } 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: 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; } .Uld { box-sizing: border-box; width: 80%; height: 35px; background-color: #f9f9f9; border-color: #d7d7d7; border-radius: 2px; padding: 0 10px; border: 1px solid #ddd; outline: none; color: #7d7d7d; font-size: 16px; line-height: 1; } img.badget-img { width: 40px; margin-right: 10px; } .progress { margin: 0 auto; } .progress-bar { display: inline-table; font-size: .9em; } /* Notifation Bar */ button.notif-dropdown { background-color: #ffffff00; color: white; } button.notif-dropdown:hover, button.notif-dropdown:focus { color: white; } /* Amount */ * { box-sizing: border-box; } .TogglePanel { display: inline-block; height: 15px; overflow: hidden; transition: background-color .2s ease-in; position: relative; /*top: 2px;*/ } .TogglePanel__PanelOne, .TogglePanel__PanelTwo { color: #ffffff !important; align-items: center; justify-content: center; font-size: .85em; 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; margin-top: 2px; } .TogglePanel__PanelTwo { opacity: 0; } .TogglePanel--showAlternate .TogglePanel__PanelOne { margin-top: -17px; opacity: 0; } .TogglePanel--showAlternate .TogglePanel__PanelTwo { opacity: 1; margin: 4px 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 (max-width: 1200px) { .jackpot-top span { font-size: 3.5em; } } @media only screen and (max-width:1180px) { img.sbanner-images-cover { height: 300px; } } .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; } /* 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%; } .content-section { min-height: auto; } } @media only screen and (max-width: 767px) { .badget-img { margin-right: 0 !important; } } @media only screen and (max-width:680px) { .text-truncate { } } @media only screen and (max-width:415px) { .button-afb.one { display: block; } .button-afb { display: none; } article .content.two { padding: 0; } .modal-content { width: 100% !important; } .afb-logo, .header-memu-m { width: 100%; text-align: center; } 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) { .offcanvas { width: 100%; } .btn-icontop-lg { padding: 20px 10px; } .table td, .table th { font-size: .8em; } } @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 { 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%; margin: 0 auto; } .mobile-nav .sub-cate li span { right: 40px; } .mobile-nav .sub-cate li a p { color: white; margin: 0 auto; margin-top: 5px; } .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) { .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: 330px; } } @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; } .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: 240px; } } .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: 435px; } } @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; } .alert-danger { display: none !important; } .content-section { min-height: auto; margin-top: 15px; } img.sbanner-images-cover { height: 398px; } } @media only screen and (max-width:376px) { img.sbanner-images-cover { height: 330px; } } @media only screen and (max-width:320px) { /* 320px Hide | Show */ .t320-dp-none { display: none !important; } .t320-dp-block { display: block !important; } /* Mobile Navigation Bar ||| */ .offcanvas { width: 305px; } /* label */ .afb-label-new, .afb-label-top, .afb-label-pp { font-size: .4em; } /* jackpot */ .jackpot-top span { font-size: 1rem; } .btn-icontop-lg { font-size: .8em; padding: 20px 10px; } img.sbanner-images-cover { height: 304px; } } @media only screen and (max-width: 320px) { | .jackpot-top span { font-size: .9rem; } } /*--- footer --*/ .footer-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%; } 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-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; } /*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; } } .footer-copy-right { background-color: #000000; text-align: center; color: #bebebe; font-size: 10px; padding: 10px; display: inline-block; width: 100%; } .footer-copy-right p { margin: 0 auto; } .footer-bottom { padding: 45px 0; } .footer-bottom .h1 { font-size: 18px; color: var(--white); } .footer-bottom p { color: var(--light); font-size: 12px; margin: 5px 0 auto; } .footer-bottom p:hover { color: #06B1DC; } /*how part*/ .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; } } @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 { 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); } .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; } 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-color: #2b2740; 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: #2b2740; border-bottom: solid 1px hsl(0deg 0% 22%); color: #ff6a00; text-align: center; position: relative; line-height: 34px; } .wallet-top-left:before { border-color: transparent; content: ""; position: absolute; right: -15px; height: 0; width: 0; border-width: 8px; border-style: solid; border-left: 8px solid #2b2740; top: 0; bottom: 0; margin: auto; } .wallet-top-left span { color: white; font-weight: 400; font-size: 14px; word-break: break-all; } .wallet-top-left span.one { color: #495057; } .wallet-top-left { width: 40%; } .wallet-top-left span { font-size: 14px; color: white; } .wallet-top-right span { font-size: 14px; } .wallet-top-right { width: 65%; float: left; text-align: center; background: #ccc; 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: #2b2740; 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; display: flex; flex-wrap: nowrap; border-radius: 3px; } .game-part-2 .wallet-top-part { width: 100%; } .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 .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-section { width: 100%; 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 { 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: -8px; left: -10px; width: 15px; height: 15px; padding: 4px 2px; } .btn .notif-02 { top: -3px; left: 0; padding: 3px 0; } .c-header-nav .c-header-nav-link .badge, .c-header-nav .c-header-nav-btn .badge { position: absolute; top: 50%; margin-top: -16px } html:not([dir="rtl"]) .c-header-nav .c-header-nav-link .badge, html:not([dir="rtl"]) .c-header-nav .c-header-nav-btn .badge { left: 50%; margin-left: 0 } *[dir="rtl"] .c-header-nav .c-header-nav-link .badge, *[dir="rtl"] .c-header-nav .c-header-nav-btn .badge { right: 50%; margin-right: 0 } .close-popup { position: absolute; 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; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1200; /* Sit on top */ padding-top: 0; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0, 0, 0); /* Fallback color */ background-color: rgba(0, 0, 0, 0.6); /* Black w/ opacity */ backdrop-filter: blur(5px); align-items: center; justify-content: center; } /* Notification */ .notif-hd-title { background-color: #0006b5; padding: 10px; color: white; text-align: center; border-radius: 2px 2px 0 0; margin-left: -0.01em; margin-top: -0.01em; } .a-top-text-heading { font-size: var(--text-sm); color: var(--gray-dark); } .a-top-text-light { font-size: var(--text-xs); } .a-top-text-block { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: inherit !important; border-bottom: 1px solid #f4f4f4; position: relative; } .a-top-text-block:hover:before { content: ''; width: 4px; background: #06B1DC; left: 0; top: 0; bottom: 0; position: absolute; } .a-top-text-block.unread { background: #ffc; } .a-top-text-block .a-top-text-light { color: #999; font-size: 0.8em; } .a-top-head-dropdown .a-dropdown-menu { width: 350px; height: 300px; overflow: auto; } .a-top-head-dropdown li:last-child .a-top-text-block { border-bottom: 0; } .a-topbar-align-center { text-align: center; } .a-top-head-dropdown ul li { width: 350px; padding: 5px; } ul.a-drop-text li a { padding: 5px 15px; } .a-loader-topbar { margin: 5px auto; border: 3px solid #ddd; border-radius: 50%; border-top: 3px solid #666; width: 22px; height: 22px; -webkit-animation: spin-topbar 1s linear infinite; animation: spin-topbar 1s linear infinite; } @-webkit-keyframes spin-topbar { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin-topbar { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .notifUnread::after { width: 4px; background: #f05a1a; left: 0; top: 0; bottom: 0; position: absolute; } .notifUnread { background-color: #004eff14; border-color: #000000; } .notifUnread div { color: #0056b3; font-weight: 500; } } .cd-tabs { position: relative } @media (min-width: 48rem) { .cd-tabs { display: -ms-flexbox; display: flex } } @supports (background: linear-gradient(to left, #000, #000)) { .cd-tabs::after { content: ""; position: absolute; top: 0; right: 0; height: 80px; width: 25px; z-index: 1; pointer-events: none; background: linear-gradient(to left, hsl(54, 42%, 95%), hsla(54, 42%, 95%, 0)); background: linear-gradient(to left, var(--cd-color-2), hsla(var(--cd-color-2-h), var(--cd-color-2-s), var(--cd-color-2-l), 0)); visibility: visible; opacity: 1; transition: opacity .3s 0s, visibility 0s 0s } @media (min-width: 48rem) { .cd-tabs::after { display: none } } .cd-tabs--scroll-ended::after { visibility: hidden; opacity: 0; transition: opacity .3s 0s, visibility 0s .3s } } .cd-tabs__item { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; font-size: 0.79em; font-weight: 700; color: hsl(0deg 0% 90%); text-decoration: none; font-weight: 600; text-align: center; line-height: 12px; padding: 10px; } .cd-tabs__item:hover { color: hsl(225, 31%, 23%); color: var(--cd-color-1); background-color: hsla(54, 42%, 84.55%, 0.3); background-color: hsla(var(--cd-color-2-h), var(--cd-color-2-s), calc(var(--cd-color-2-l)*0.89), 0.3) } .cd-tabs__item .icon { margin-bottom: 5px !important; color: inherit } .js .cd-tabs__item--selected span { color: hsl(225, 31%, 23%); color: var(--cd-color-1) } .js .cd-tabs__item--selected { background-color: var(--color-user-bg); background-color: var(var(--color-user-bg)); box-shadow: inset 0 2px 0 hsl(1, 84%, 63%); box-shadow: inset 0 2px 0 var(--cd-color-4); } .js .cd-tabs__item--selected:hover { background-color: var(--color-user-bg); 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; } } /* Notification */ .notifUnread::after { width: 4px; background: #f05a1a; left: 0; top: 0; bottom: 0; position: absolute; } .notifUnread { background-color: #004eff14; border-color: #000000; } .notifUnread div { color: #0056b3; font-weight: 500; } .dropdown-menu { border: none; } .dropdown-menu a span { color: black; } .mobile-bts span, .mobile-bts svg { font-size: .8em; } .a-top-text-heading { font-size: var(--text-sm); color: var(--gray-dark); } .a-top-text-light { font-size: var(--text-xs); } .a-top-text-block { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: inherit !important; border-bottom: 1px solid #f4f4f4; position: relative; } .a-top-text-block:hover:before { content: ''; width: 4px; background: #ffd22f; left: 0; top: 0; bottom: 0; position: absolute; } .a-top-text-block.unread { background: #ffc; } .a-top-text-block .a-top-text-light { color: #999; font-size: 0.8em; } .a-top-head-dropdown .a-dropdown-menu { width: 350px; height: 300px; overflow: auto; } .a-top-head-dropdown li:last-child .a-top-text-block { border-bottom: 0; } .a-topbar-align-center { text-align: center; } .a-top-head-dropdown ul li { width: 350px; padding: 5px; } ul.a-drop-text li a { padding: 5px 15px; } .a-loader-topbar { margin: 5px auto; border: 3px solid #ddd; border-radius: 50%; border-top: 3px solid #666; width: 22px; height: 22px; -webkit-animation: spin-topbar 1s linear infinite; animation: spin-topbar 1s linear infinite; } @-webkit-keyframes spin-topbar { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin-topbar { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* 20201001 Dashboard */ :root { --font-primary: sans-serif; --text-base-size: 1em; --text-scale-ratio: 1.2; --text-xs: calc(1em/var(--text-scale-ratio)/var(--text-scale-ratio)); --text-sm: calc(var(--text-xs)*var(--text-scale-ratio)); --text-md: calc(var(--text-sm)*var(--text-scale-ratio)*var(--text-scale-ratio)); --text-lg: calc(var(--text-md)*var(--text-scale-ratio)); --text-xl: calc(var(--text-lg)*var(--text-scale-ratio)); --text-xxl: calc(var(--text-xl)*var(--text-scale-ratio)); --text-xxxl: calc(var(--text-xxl)*var(--text-scale-ratio)); --body-line-height: 1.4; --heading-line-height: 1.2; --font-primary-capital-letter: 1 } :root { --space-unit: 1em; --space-xxxxs: calc(0.125*var(--space-unit)); --space-xxxs: calc(0.25*var(--space-unit)); --space-xxs: calc(0.375*var(--space-unit)); --space-xs: calc(0.5*var(--space-unit)); --space-sm: calc(0.75*var(--space-unit)); --space-md: calc(1.7*var(--space-unit)); /*1.25*/ --space-lg: calc(2*var(--space-unit)); --space-xl: calc(3.25*var(--space-unit)); --space-xxl: calc(5.25*var(--space-unit)); --space-xxxl: calc(8.5*var(--space-unit)); --space-xxxxl: calc(13.75*var(--space-unit)); --component-padding: var(--space-md) } :root { --icon-xxs: 12px; --icon-xs: 16px; --icon-sm: 24px; --icon-md: 32px; --icon-lg: 48px; --icon-xl: 64px; --icon-xxl: 128px } .icon { display: inline-block; color: inherit; fill: currentColor; height: 1em; width: 1em; line-height: 1; -ms-flex-negative: 0; flex-shrink: 0 } .icon--xxs { font-size: 12px; font-size: var(--icon-xxs) } .icon--xs { font-size: 16px; font-size: var(--icon-xs) } .icon--sm { font-size: 24px; font-size: var(--icon-sm) } .icon--md { font-size: 32px; font-size: var(--icon-md) } .icon--lg { font-size: 48px; font-size: var(--icon-lg) } .icon--xl { font-size: 64px; font-size: var(--icon-xl) } .icon--xxl { font-size: 128px; font-size: var(--icon-xxl) } .icon--is-spinning { -webkit-animation: icon-spin 1s infinite linear; animation: icon-spin 1s infinite linear } @-webkit-keyframes icon-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes icon-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .icon use { color: inherit; fill: currentColor } :root { --zindex-header: 2; --zindex-popover: 5; --zindex-fixed-element: 10; --zindex-overlay: 15 } :root, [data-theme="default"] { --color-primary-darker: hsl(220, 90%, 36%); --color-primary-darker-h: 220; --color-primary-darker-s: 90%; --color-primary-darker-l: 36%; --color-primary-dark: hsl(220, 90%, 46%); --color-primary-dark-h: 220; --color-primary-dark-s: 90%; --color-primary-dark-l: 46%; --color-primary: hsl(220, 90%, 56%); --color-primary-h: 220; --color-primary-s: 90%; --color-primary-l: 56%; --color-primary-light: hsl(220, 90%, 66%); --color-primary-light-h: 220; --color-primary-light-s: 90%; --color-primary-light-l: 66%; --color-primary-lighter: hsl(220, 90%, 76%); --color-primary-lighter-h: 220; --color-primary-lighter-s: 90%; --color-primary-lighter-l: 76%; --color-accent-darker: hsl(355, 90%, 41%); --color-accent-darker-h: 355; --color-accent-darker-s: 90%; --color-accent-darker-l: 41%; --color-accent-dark: hsl(355, 90%, 51%); --color-accent-dark-h: 355; --color-accent-dark-s: 90%; --color-accent-dark-l: 51%; --color-accent: hsl(355, 90%, 61%); --color-accent-h: 355; --color-accent-s: 90%; --color-accent-l: 61%; --color-accent-light: hsl(355, 90%, 71%); --color-accent-light-h: 355; --color-accent-light-s: 90%; --color-accent-light-l: 71%; --color-accent-lighter: hsl(355, 90%, 81%); --color-accent-lighter-h: 355; --color-accent-lighter-s: 90%; --color-accent-lighter-l: 81%; --color-black: hsl(240, 8%, 12%); --color-black-h: 240; --color-black-s: 8%; --color-black-l: 12%; --color-white: hsl(0, 0%, 100%); --color-white-h: 0; --color-white-s: 0%; --color-white-l: 100%; --color-success-darker: hsl(94, 48%, 36%); --color-success-darker-h: 94; --color-success-darker-s: 48%; --color-success-darker-l: 36%; --color-success-dark: hsl(94, 48%, 46%); --color-success-dark-h: 94; --color-success-dark-s: 48%; --color-success-dark-l: 46%; --color-success: hsl(94, 48%, 56%); --color-success-h: 94; --color-success-s: 48%; --color-success-l: 56%; --color-success-light: hsl(94, 48%, 66%); --color-success-light-h: 94; --color-success-light-s: 48%; --color-success-light-l: 66%; --color-success-lighter: hsl(94, 48%, 76%); --color-success-lighter-h: 94; --color-success-lighter-s: 48%; --color-success-lighter-l: 76%; --color-error-darker: hsl(355, 90%, 41%); --color-error-darker-h: 355; --color-error-darker-s: 90%; --color-error-darker-l: 41%; --color-error-dark: hsl(355, 90%, 51%); --color-error-dark-h: 355; --color-error-dark-s: 90%; --color-error-dark-l: 51%; --color-error: hsl(355, 90%, 61%); --color-error-h: 355; --color-error-s: 90%; --color-error-l: 61%; --color-error-light: hsl(355, 90%, 71%); --color-error-light-h: 355; --color-error-light-s: 90%; --color-error-light-l: 71%; --color-error-lighter: hsl(355, 90%, 81%); --color-error-lighter-h: 355; --color-error-lighter-s: 90%; --color-error-lighter-l: 81%; --color-warning-darker: hsl(46, 100%, 41%); --color-warning-darker-h: 46; --color-warning-darker-s: 100%; --color-warning-darker-l: 41%; --color-warning-dark: hsl(46, 100%, 51%); --color-warning-dark-h: 46; --color-warning-dark-s: 100%; --color-warning-dark-l: 51%; --color-warning: hsl(46, 100%, 61%); --color-warning-h: 46; --color-warning-s: 100%; --color-warning-l: 61%; --color-warning-light: hsl(46, 100%, 71%); --color-warning-light-h: 46; --color-warning-light-s: 100%; --color-warning-light-l: 71%; --color-warning-lighter: hsl(46, 100%, 81%); --color-warning-lighter-h: 46; --color-warning-lighter-s: 100%; --color-warning-lighter-l: 81%; --color-bg: hsl(0, 0%, 100%); --color-bg-h: 0; --color-bg-s: 0%; --color-bg-l: 100%; --color-contrast-lower: hsl(0, 0%, 95%); --color-contrast-lower-h: 0; --color-contrast-lower-s: 0%; --color-contrast-lower-l: 95%; --color-contrast-low: hsl(240, 1%, 83%); --color-contrast-low-h: 240; --color-contrast-low-s: 1%; --color-contrast-low-l: 83%; --color-contrast-medium: hsl(240, 1%, 48%); --color-contrast-medium-h: 240; --color-contrast-medium-s: 1%; --color-contrast-medium-l: 48%; --color-contrast-high: hsl(240, 4%, 20%); --color-contrast-high-h: 240; --color-contrast-high-s: 4%; --color-contrast-high-l: 20%; --color-contrast-higher: hsl(240, 8%, 12%); --color-contrast-higher-h: 240; --color-contrast-higher-s: 8%; --color-contrast-higher-l: 12%; --color-user-bg: #ececec; --color-afb-black: #212529; } :root { --cd-color-1: hsl(225, 31%, 23%); --cd-color-1-h: 225; --cd-color-1-s: 31%; --cd-color-1-l: 23%; --cd-color-2: hsl(54, 42%, 95%); --cd-color-2-h: 54; --cd-color-2-s: 42%; --cd-color-2-l: 95%; --cd-color-3: hsl(54, 8%, 75%); --cd-color-3-h: 54; --cd-color-3-s: 8%; --cd-color-3-l: 75%; --cd-color-4: hsl(1, 84%, 63%); --cd-color-4-h: 1; --cd-color-4-s: 84%; --cd-color-4-l: 63%; --font-primary: 'PT Sans', sans-serif } .cd-tabs { position: relative } thead.user-background { background: #2b2740; color: white; font-size: .78rem; } .form-control:disabled, .form-control[readonly] { background-color: #e0e0e0; } .cd-tabs__list span { color: white; word-break: break-word; } @media (min-width: 48rem) { .cd-tabs { display: -ms-flexbox; display: flex } } @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); /* background: #0589aa;*/ --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) } } .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; background: var(--cd-color-1); } @media (min-width: 48rem) { .cd-tabs__list { -ms-flex-direction: column; flex-direction: column } } .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); 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; } } .cd-tabs__panels { background: hsl(0, 0%, 100%); 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) } .cd-tabs__panel p a { color: #002bff; padding: 0; font-size: 13px; } .profile-notif time { margin: 5px 0; font-size: var(--text-sm) } @media (min-width: 48rem) { .cd-tabs__panel { padding: 2em; padding: var(--space-lg) } } .js .cd-tabs__panel { display: none; padding: 20px; } .js .cd-tabs__panel--selected { display: block; -webkit-animation: cd-fade-in 0.5s; animation: cd-fade-in 0.5s } @-webkit-keyframes cd-fade-in { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes cd-fade-in { 0% { opacity: 0 } 100% { opacity: 1 } } .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 { height: 100%; color: white; display: inline-block; background: var(--subtheme); 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; margin-bottom: 0 } .fileinput input, textarea { padding: 0 !important; } .form-control { border-radius: .3em !important; padding: 0.35rem !important; height: calc(1.2em + 0.75rem + 2px) !important; } .games-bg .top-games-item .col-data { float: left; width: 20%; text-align: center; border-right: 1px solid #ec8b23; color: #fff; } .top-games-item.one { background-color: #f8f8f8; line-height: 3; } .games-bg .top-games-item .col-data.one { border: 1px solid var(--color-user-bg); color: #495057; padding: 5px; } @media only screen and (max-width:670px) { .games-bg .top-games-item .col-data.one { width: 155px; } } .games-title.one { padding-bottom: 20px; } h_bar-login, .h_nav { font-weight: 700; text-transform: uppercase; } .h_nav { display: flex; justify-content: space-around; width: auto; height: auto; } .h_nav-list > li { display: inline-block; width: auto; height: inherit; padding: 0; } .h_nav-item > a, .h_nav-item > span { display: block; padding: 0 10px; z-index: 0; color: #bebebe; font-weight: 500; font-size: 12px; line-height: 35px; border-radius: 5px; background-color: var(--cd-color-1); margin-right: 5px; border: 2px solid var(--cd-color-1); } .h_nav-item > a:hover, .h_nav-item > span:hover { color: #fff; } .h_nav-item > a.active { color: black; } .h_bar { justify-content: flex-end; min-height: 100%; margin-left: auto; width: auto; height: auto; } .h_bar, .h_bar-dropdown { display: flex; align-items: center; position: relative; } /* User Games List */ .game-part { width: 100%; } .game-part .h3 { background: #2b2740; width: 100%; padding: 15px; font-size: 15px; font-weight: normal; text-transform: capitalize; color: #fff; margin: 0; } .game-part-section { width: 100%; 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; word-break: break-all; } .top-five-title { margin-top: 10px; color: white; text-align: center; font-size: 14px; background-color: var(--cd-color-1); padding: 5px; } ul.gamesHs-title li { background-color: #0589aa; border: none; color: white; font-weight: 600; height: auto; } .rank-part { 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; } @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; } .pmo-progress-wrapper > .row { margin: 0; } .pmo-progress-wrapper > .row > .col, .pmo-progress-wrapper > .row > [class*=col-] { padding-left: .25rem; padding-right: .25rem; } .promotion_Progress { padding-left: 5%; padding-right: 5%; } .promotion_Progress > .row { margin: 0; } .promotion_Progress > .row > .col, .promotion_Progress > .row > [class*=col-] { padding-left: 0; padding-right: 0; } .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 { color: #000; background-color: #ffd22f; } @media screen and (max-width:767px) { #gotoTop { position: unset; z-index: initial; 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 { background-color: #2b2740; padding: 30px 0; width: 100%; } .footer-wrapper01 h1, .footer-wrapper01 h2, .footer-wrapper01 h3, .footer-wrapper01 h4, .footer-wrapper01 h5, .footer-wrapper01 h6 { word-break: break-all; } .wrapper-container { max-width: 1400px; } .footer-wrapper01 p { 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); } .footer-wrapper01 h1 { color: var(--light); } @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, #2b2740); } .sidebar-box .read-more a.button { display: inline-block; position: relative; cursor: pointer; outline: none; white-space: nowrap; margin: 5px; background-color: #2b2740; 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: #ffd22f; } .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-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 */ .modal2 .modal-content { background-color: #fff; margin: auto; padding: 0; border: none; width: 400px; 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; 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; 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 { color: black; } /* 1st login message */ .cd-nav { display: none; } /* notification */ .unreadMSG { background-color: #ebf1ff; } .titleUnread { color: #256ebf !important; } .card-text:last-child { padding-top: 0; } /* login */ .form-group { text-align: left; } /* member dashboard bank */ .bank-list table td, table th { font-size: 1.1em; } /* slider */ .carousel-control-next, .carousel-control-prev { z-index: auto; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background-color: #000000ad !important; } .owl-nav > button > .fa { padding: 5px 10px !important; } .owl-dots { display: none; } /* Homepage promotion */ @media only screen and (max-width: 415px) { img .promo-banner-m { height: auto !important; } .afb-header-menu { padding-right: 0; } } /* menu */ span.text { font-size: .8em; } /*style for menu bar*/ #outer-nav { overflow: hidden; } #outer-nav-profile { overflow: hidden; } @media only screen and (max-width: 767px) { #outer-nav { overflow-x: scroll; } /*hide menu scrollbar*/ #outer-nav::-webkit-scrollbar { width: 0px; height: 0px; } } /* Pagination */ .pagination a.active { background-image: linear-gradient(to right, #6a11cb, #2575fc) !important; color: white !important; } .pagination a:hover:not(.active) { background-color: transparent !important; } /* Search Page */ .s006 { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .s006 form { width: 100%; } .s006 form legend { font-size: 36px; color: #fff; /* color: #000;*/ 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 { color: #ffd22f; } @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; } .searchgamewidget .input-group input { color: #495057 !important; } /* Widget Mobile SearchGame */ .search-button { margin: 8px 5px 5px 5px; } .searchgameMobilewidget.show { top: 160px; } /* 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 0px 10px 10px; right: 0; top: 0; } .jackpotpool .under-ml { color: white; background-color: red; padding: 5px; font-size: .8em; font-weight: 500; position: absolute; border-radius: 0 0px 10px 0px; top: 0; z-index: 1; } .top5game .under-ml, .page-searchgame .under-ml, #gameLobbyList .under-ml { color: white; background-color: red; padding: 5px; font-weight: 500; position: absolute; border-radius: 0 0 10px 0px; top: 0; z-index: 1; } .seoar img { width: auto; max-width: 100%; } /*affiliate css*/ @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; } } .affiliate .h3 { border-bottom: 1px solid #3e3e3e; color: #222222; } #main-affiliate .h3 { width: 100%; padding: 8px 5px; font-size: 15px; font-weight: 600; text-transform: capitalize; color: #000; margin: 0; } #main-affiliate table, #daily-lucky-spin-history table, #deposit-withdraw-history table, #gamedeposit-withdraw-history table { font-size: .95em; } #main-affiliate thead, #daily-lucky-spin-history thead, #deposit-withdraw-history thead, #gamedeposit-withdraw-history thead { background: #201f25; color: #fff; } #main-affiliate tbody td { background: #fff; } #main-affiliate tbody tr:nth-child(2n+2) td, #daily-lucky-spin-history tbody tr:nth-child(2n+2) td, #deposit-withdraw-history tbody tr:nth-child(2n+2) td, #gamedeposit-withdraw-history tbody tr:nth-child(2n+2) td { background: #e2e2e2; } #main-affiliate th, #main-affiliate td, #daily-lucky-spin-history th, #daily-lucky-spin-history td, #deposit-withdraw-history th, #deposit-withdraw-history td, #gamedeposit-withdraw-history th, #gamedeposit-withdraw-history td { padding: 10px 7px; } #active-member-list .h3, .user-profile .h3 { width: 100%; padding: 8px 5px; font-size: 15px; font-weight: normal; text-transform: capitalize; } #active-member-list table { border-collapse: collapse; font-size: .95em; } #active-member-list thead { background: #201f25; color: #fff; } #active-member-list tbody td { background: #fff; border-bottom: 2px solid #d0d0d0; } #active-member-list tbody tr:nth-child(2n+2) td { background: #e2e2e2; } #active-member-list th, #active-member-list td { padding: 10px 7px; } #active-member-list td div { color: #7e7e7e; font-weight: 600; } #active-member-list #more { cursor: pointer; background: #e2e2e2; } #invite-friend .copy { background: #d5d5d5; } #invite-friend .copy.col-12.col-md-8.p-0 { max-width: 63%; } #invite-friend .share-title { font-size: .75rem; } .sharebox-container { border-radius: 10px; background-color: #28324d; } .sharebox-container input { border-radius: 1rem; width: 100%; } .btn-sharebox { background-image: linear-gradient(to right, #3ab1f2, #7c4cf5); color: #fff; } .btn-sharebox:hover { background-image: linear-gradient(to right, #7c4cf5, #3ab1f2); color: #fff; } .btn-underline-sharebox { position: relative; } .btn-underline-sharebox:hover::after { position: absolute; display: inline-block; content: ''; left: 0; bottom: 0; width: 100%; height: 4px; background-image: linear-gradient(to right, #3ab1f2, #7c4cf5); } .btn-sharebox-gray { background-color: #28324d !important; color: #fff !important; } input#copy-link { border: none !important; width: 100%; } input#copy-link:focus { outline: none; } input#copytext { padding: 0px 5px; border: none; width: 60%; } input#copytext:focus { outline: none; } button#copylink { border: none; background: transparent; cursor: pointer; } button#copylink:hover { outline: none; } button#copytext { border: none; background: transparent; cursor: pointer; } button#copytext:hover { outline: none; } button.qrcode { border: none; background: transparent; cursor: pointer; } button.qrcode:hover { outline: none; } #invite-friend .tooltip { padding: 10px; background: #000; color: #fff; font-size: 0.75rem; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; pointer-events: none; transition: opacity 0.4s; } #invite-friend .tooltip.show { opacity: 1; pointer-events: auto; } #invite-friend .copy-share { text-align: right; margin-right: 1rem; } #invite-friend .copy-share button { width: 20%; padding: 4px; border-radius: 5px; font-size: .7rem; margin-right: 5px; transform: translateY(-20px); } #invite-friend .copied { padding: 10px; background: #000; color: #fff; font-size: 0.75rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -100%); opacity: 0; pointer-events: none; transition: opacity 0.4s; } #invite-friend .copied.show { opacity: 1; pointer-events: auto; } #invite-friend textarea { height: 150px; text-align: justify; padding: 4px 8px; background: #7c7c7c9e; border: 1px solid transparent !important; border-radius: 0px !important; } #invite-friend textarea:focus { border: 1px solid #2575fc; } #invite-friend .social-media.row { margin-right: 0px; margin-left: 0px; } #invite-friend .social-media button { padding: 4px; border-radius: 5px; font-size: .75rem; } #invite-friend .social-media-share { color: #fff; font-size: .7rem; padding: 5px 0px; text-align: center; } #invite-friend .icon { height: auto; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } #invite-friend .icon-fb { background: #3a60b1; } #invite-friend .text-fb { background: #3f68c0; } #invite-friend .icon-messenger { background: #1d80e5; } #invite-friend .icon-messenger img, #invite-friend .icon-telegram img { width: .7rem; } #invite-friend .text-messenger { background: #1f8bf8; } #invite-friend .icon-telegram { background: #2998cf; } #invite-friend .text-telegram { background: #2da5e1; } #invite-friend .icon-whatsapp { background: #11c252; } #invite-friend .text-whatsapp { background: #12d259; } #invite-friend .icon-more { background: #565656; cursor: pointer; } #invite-friend .text-more { background: #5d5d5d; cursor: pointer; } .downline-details { background: #e2e2e2; border-radius: 0 0 4px 4px; padding: 15px; height: 100%; } .downline-details:last-child { margin-right: 0 !important; } .downline-details .h3 { font-size: 12px; border-bottom: 1px solid transparent; padding: 0; margin-bottom: 15px; } .downline-details .h3.one { padding: 0 !important; margin: 0 auto !important; } .downline-details .h3:first-child { margin-top: 0.5rem; } .downline-details .h3 b { font-size: 15px; } .downline-details span { font-size: 10px; } #profile-promotion-sec span { font-size: .9em; color: #666666; margin: 0px; float: right; } #profile-promotion-sec button { background-color: #ffffff00; color: white; border: none; } #profile-Bet-History button { background-color: #ffffff00; color: white; border: none; } #profile-Bet-History span { font-size: .9em; color: #666666; margin: 0px; float: right; } @media (min-width : 768px) { .toggleRight-profile, .toggleLeft-profile { display: none; } } @media screen and (max-width : 767px) { .toggleRight-profile, .toggleLeft-profile { display: block; } } /* animation */ @-moz-keyframes bounceDown { 0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); transform: translateY(0); } 40% { -moz-transform: translateY(-30px); transform: translateY(-30px); } 60% { -moz-transform: translateY(-15px); transform: translateY(-15px); } } @-webkit-keyframes bounceDown { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounceDown { 0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } 40% { -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @-webkit-keyframes bounceLeft { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 40% { -webkit-transform: translateX(30px); transform: translateX(30px); } 60% { -webkit-transform: translateX(15px); transform: translateX(15px); } } @-moz-keyframes bounceLeft { 0%, 20%, 50%, 80%, 100% { transform: translateX(0); } 40% { transform: translateX(30px); } 60% { transform: translateX(15px); } } @keyframes bounceLeft { 0%, 20%, 50%, 80%, 100% { -ms-transform: translateX(0); transform: translateX(0); } 40% { -ms-transform: translateX(30px); transform: translateX(30px); } 60% { -ms-transform: translateX(15px); transform: translateX(15px); } } /* /left bounce */ /* right bounce */ @-webkit-keyframes bounceRight { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 40% { -webkit-transform: translateX(-30px); transform: translateX(-30px); } 60% { -webkit-transform: translateX(-15px); transform: translateX(-15px); } } @-moz-keyframes bounceRight { 0%, 20%, 50%, 80%, 100% { transform: translateX(0); } 40% { transform: translateX(-30px); } 60% { transform: translateX(-15px); } } @keyframes bounceRight { 0%, 20%, 50%, 80%, 100% { -ms-transform: translateX(0); transform: translateX(0); } 40% { -ms-transform: translateX(-30px); transform: translateX(-30px); } 60% { -ms-transform: translateX(-15px); transform: translateX(-15px); } } /* /right bounce */ /* color */ .afb-blue-bar { background-color: var(--subtheme); } /* assign bounce */ .afb-blue-bar .fa-arrow-right { -webkit-animation: bounceRight 2s infinite; animation: bounceRight 2s infinite; float: right; padding: 5px; } .afb-blue-bar .fa-arrow-left { -webkit-animation: bounceLeft 2s infinite; animation: bounceLeft 2s infinite; padding: 5px; } .afb-blue-bar .fa-arrow-left:hover, .fa-arrow-right:hover { -webkit-animation: bounceLeft 0s infinite; animation: bounceLeft 0s infinite; } .afb-blue-bar .flex-shrink-0 { overflow: hidden; } #tier table { font-size: .95em; } #tier thead { background: #201f25; color: #fff; } #tier tbody td { background: #fff; } #tier tbody tr:nth-child(2n+2) td { background: #e2e2e2; } #tier th, #tier td { padding: 10px 7px; } #DepositTabContent .table-sticky thead.user-background .sticky-left { background-color: #777; } #DepositTabContent .table-sticky tbody .sticky-left { background-color: #fff; } #main-affiliate .table-sticky thead .sticky-left, #daily-lucky-spin-history .table-sticky thead .sticky-left, #deposit-withdraw-history .table-sticky thead .sticky-left, #gamedeposit-withdraw-history .table-sticky thead .sticky-left { background-color: #5f5c68; } #main-affiliate .table-sticky tbody .sticky-left, #daily-lucky-spin-history .table-sticky tbody .sticky-left, #deposit-withdraw-history .table-sticky tbody .sticky-left, #gamedeposit-withdraw-history .table-sticky tbody .sticky-left { background: #e2e2e2; } #main-affiliate .table-sticky tbody tr:nth-child(2n+2) .sticky-left, #daily-lucky-spin-history .table-sticky tbody tr:nth-child(2n+2) .sticky-left, #deposit-withdraw-history .table-sticky tbody tr:nth-child(2n+2) .sticky-left, #gamedeposit-withdraw-history .table-sticky tbody tr:nth-child(2n+2) .sticky-left { background: #d2d2d2; } #tier .table-sticky thead .sticky-left { background-color: #5f5c68; } #tier .table-sticky tbody .sticky-left { background: #e2e2e2; } #tier .table-sticky tbody tr:nth-child(2n+2) .sticky-left { background: #d2d2d2; } #active-member-list .table-sticky tbody .sticky-left { background: #e2e2e2; } #active-member-list .table-sticky tbody tr:nth-child(2n+2) .sticky-left { background: #d2d2d2; } .blog th, .blog td { padding: 5px 10px; } table.bet-history > thead > tr > th { background-color: #3b4358; border: none; color: white; font-weight: 600; height: auto; padding: 10px; font-size: .95em; } table.bet-history > tbody > tr > td { color: #000000; padding: 10px; background: #fff; border: 1px solid #d0d0d0; font-size: .95em; font-weight: 400; } table.bet-history > tbody > tr:nth-child(2n+2) td { background: #e2e2e2; } table.bet-history.table-sticky thead .sticky-left { background-color: #5f5c68; } table.bet-history.table-sticky tbody .sticky-left { background: #e2e2e2; } table.bet-history.table-sticky tbody tr:nth-child(2n+2) .sticky-left { background: #d2d2d2; } /* ---------- Resgiter 02072021 ----------*/ .register-multi .signup-content, .signin-content { display: flex; display: -webkit-flex; } @media only screen and (max-width:767px) { .signin-image { width: 100% !important; } } @media (min-width: 576px) { .register-multi .modal-dialog { max-width: unset; } } .register-multi .modal-content.one { background-color: #fff; margin: auto; padding: 0; border: none; width: 48% !important; /* min-height: 280px; */ border-radius: 5px; } .register-form { display: flex; flex-wrap: wrap; } .signin-form { width: 60%; } .signin-form > div { padding: 30px; } .register-form__steps-wrapper { position: relative; /* width: calc(100% - 400px); padding: 120px 0 0;*/ } .register-form__fields-wrapper { width: 400px; padding: 55px 28px 35px 25px; } @media screen and (max-width: 767px) { .register-form { display: block; } .register-form__steps-wrapper { width: 100%; max-width: 300px; margin: 0 auto; padding: 0; } .register-form__fields-wrapper { width: 100%; padding: 0 0 35px; } } .register-steps { position: relative; padding: 25px; } .register-steps__item-title { flex: 1 1 auto; font-size: 14px; font-weight: normal; text-align: right; padding-right: 10px; color: #c2c2c2; } .register-steps__item-number { flex: 0 0 36px; height: 36px; width: 36px; font-size: 16px; font-weight: 700; background: #4e4842; border: 2px solid #fff; border-radius: 50%; line-height: 32px; text-align: center; color: #94897a; box-shadow: 0 0 0 #fec882; transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; } .register-steps__item-number--as-icon { position: relative; border: none; box-shadow: none; } .register-steps__item-number--as-icon .icon-font { display: flex; justify-content: center; align-items: center; font-size: 30px; color: #fec882; padding-left: 3px; position: absolute; top: -8px; left: -8px; height: 52px; width: 52px; background: radial-gradient(rgba(254, 200, 130, 0.6), #4e4842), #4e4842; border-radius: 50%; box-shadow: 0 0 10px 0 rgba(41, 37, 38, 0.3); } .register-steps__item-number--as-icon .icon-font:before { display: block; transform-origin: 50% 65%; animation: 5s ease 5s infinite animateGiftStep; } .register-steps__item { display: flex; position: relative; z-index: 2; align-items: center; } .register-steps__item--passed .register-steps__item-number { cursor: pointer; background: #fec882; color: #b28447; } .register-steps__item--current .register-steps__item-title { color: #fffaf3; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.8); font-weight: 700; } .register-steps__item--current .register-steps__item-number { background: #322e2f; color: #fffaf3; box-shadow: 0 0 20px #fec882; border-color: #fec882; } .register-steps__item + .register-steps__item { margin-top: 20px; } .register-steps:before { content: ''; display: block; position: absolute; height: calc(100% - 45px); width: 2px; background: #fffaf3; top: 27px; right: 41px; z-index: 1; } img.gift-promotion-rg { display: block; -webkit-transform-origin: 50% 65%; transform-origin: 50% 65%; -webkit-animation: 3s ease 3s infinite animateGiftStep; animation: 3s ease 3s infinite animateGiftStep; filter: sepia(100%) hue-rotate(0deg) saturate(150%) !important; width: 70%; } @-moz-keyframes animateGiftStep { 0% { transform: rotate(10deg); } 6% { transform: rotate(-8deg); } 11% { transform: rotate(6deg); } 15% { transform: rotate(-4deg); } 18% { transform: rotate(2deg); } 20% { transform: rotate(0); } } @-webkit-keyframes animateGiftStep { 0% { transform: rotate(10deg); } 6% { transform: rotate(-8deg); } 11% { transform: rotate(6deg); } 15% { transform: rotate(-4deg); } 18% { transform: rotate(2deg); } 20% { transform: rotate(0); } } @-o-keyframes animateGiftStep { 0% { transform: rotate(10deg); } 6% { transform: rotate(-8deg); } 11% { transform: rotate(6deg); } 15% { transform: rotate(-4deg); } 18% { transform: rotate(2deg); } 20% { transform: rotate(0); } } @keyframes animateGiftStep { 0% { transform: rotate(10deg); } 6% { transform: rotate(-8deg); } 11% { transform: rotate(6deg); } 15% { transform: rotate(-4deg); } 18% { transform: rotate(2deg); } 20% { transform: rotate(0); } } @media only screen and (max-width:415px) { .register-multi .modal-content.one { width: 100% !important; } } @media only screen and (max-width:1144px) { .register-multi .modal-content.one { width: 60% !important; } } @media only screen and (max-width:991px) { .register-multi .modal-content.one { width: 70% !important; } } @media only screen and (max-width:640px) { .register-multi .modal-content.one { width: 90% !important; } } @media only screen and (max-width: 460px) { .register-multi .modal-content.one { width: 90% !important; } .register-multi .modal-content { width: 100%; } } .register-p-b { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: space-between; margin-top: 40px; } .register-p-b.one { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center; } .register-p-b-back { padding: 0; font-size: 1.2em; text-align: left; display: contents; } .register-p-b-back i p { display: contents; font-weight: 500; } .register-p-b-next { padding: 10px 30px; margin: 0; text-align: center; font-size: 1.3em; width: 45%; float: right; } .already-button { padding: 15px; background-color: #f0f0f0; } .signin-image img.two { display: none; } @media screen and (max-width: 767px) { .register-steps { position: relative; display: flex; justify-content: space-between; } .register-steps__item-title { display: none; } .register-steps__item { margin-top: 0 !important; } .register-steps:before { height: 2px; width: calc(100% - 50px); top: 41px; left: 30px; } .signin-image img.one { display: none; } .signin-image img.two { display: block; } .signup-content, .signin-content { display: flex; display: -webkit-flex; flex-direction: column; } .close span.one { color: white !important; } .signin-form { width: 100% !important; } } .signin-image { background-color: black; border-radius: 5px 0 0 0; width: 40%; } /*footer-line-icon*/ .social-network a.icoLine:hover { background-color: #01bd02; } .social-network a.icoLine > img { width: 2rem !important; margin: auto; filter: invert(30%) sepia(100%) saturate(1107%) hue-rotate(185deg) brightness(45%) contrast(53%); } .social-circle li a.icoLine:hover > img { filter: brightness(0) invert(1); } .social-circle img { color: #626c80; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; -ms-transition: all 0.8s; transition: all 0.8s; } .social-circle li a:hover img, .triggeredHover { filter: greyscale(0); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -ms--transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .social-network a.icoSnapchat:hover { background-color: #f7f400; } .social-network a.icoReddit:hover { background-color: #f74300; } .social-network a.icoPinterest:hover { background-color: #c72028; } .social-network a.icoTumblr:hover { background-color: #2f4155; } .social-network a.icoTikTok:hover { background-color: #000; } .social-network a.icoMedium:hover { background-color: #000; } /*tiktok icon*/ .social-network a.icoTikTok > img { width: 1.75rem !important; margin: auto; filter: invert(30%) sepia(100%) saturate(1107%) hue-rotate(185deg) brightness(45%) contrast(53%); } .social-circle li a.icoTikTok:hover > img { filter: brightness(0) invert(1); } @media (min-width: 576px) { #myModal .modal-dialog { max-width: 500px !important; } } div#myModal > .modal-dialog > .modal-content { margin: auto; border: none; width: 100% !important; max-width: 100% !important; } /*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%); } button.afb02 { border: none; border-radius: 2px 2px; color: white; } @media only screen and (max-width: 767px) { #outer-nav-profile { overflow-x: scroll; } .badge-danger { position: relative; bottom: 3px; background-color: #dc3545 !important; } } div#loginModal, div#registerModal { z-index: 99999; } .hide-pas #toggle-lpassword { margin-top: 9px; margin-right: 10px; } /*POKERV Instruction*/ #PKV_FAQHeading { color: black; padding: 0; } .btn-link-pkv:hover, .btn-link-pkv.focus, .btn-link-pkv:focus { text-decoration: none !important; } .pk-term li { list-style-type: initial; } .card-body-pkv { padding: 5px 10px 5px 35px; } .modal-content .h5 { font-size: 1.25rem; font-weight: 500; line-height: 1.2; } .modal-content .h3 { font-size: 2em; font-weight: 500; line-height: 1.2; } #playnowBtn { margin: 20px 0px; padding: 0; } .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; } /*------------*/ /*------t5g------*/ .t5g-img-overlay { opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgb(0 0 0 / 60%); border-radius: 5px; z-index: 9; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .t5g-img-overlay:hover { opacity: 1; } .t5g-img-overlay-wrap { width: 100%; text-align: center; position: absolute; left: 0; right: 0; bottom: 0; } a.btn.btn-sm.btn-block.btn-subtheme.openLogin { margin: 0; font-weight: bold; text-transform: uppercase; } a.btn.btn-sm.btn-block.btn-light { text-transform: uppercase; font-weight: 600; margin-top: 0px; } /*------------*/ @media screen and (max-width:768px) { #jackpotPool span.gold { font-size: 12px; } } /*MEGA FIX(4157 ) bank Icon 07/07/2022*/ .bitStarz-footer .all-logo-footer { flex-wrap: wrap !important; align-items: center !important; margin: 0 !important; } #faq-tabs .nav-link { background-color: #2b2740; color: white; } .faq-card { background-color: #2b2740 !important; color: white; } @media (min-width: 960px) { .socialMedia-list .btn:hover + .dropdown-menu { display: block; } } .socialMedia-list img { 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 { bottom: calc(100% + 0.8rem) !important; left: calc(-100% + 1rem); box-shadow: 0 1px .5rem #0003; min-width: 100px; padding: .1rem; } .dropup .dropdown-menu-center img { min-width: 100px; max-width: 100px; } .dropup .dropdown-menu-center::before { position: absolute; display: inline-block; content: ''; border-style: solid; border-width: .5rem 0.5rem 0 0.5rem; border-color: #Fff transparent; top: 100%; left: 50%; transform: translateX(-50%); } .footer-bottom a { font-size: 1.5rem; width: 48px; height: 48px; } /* footer social icons */ .socialMedia-list a.icoLine > 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 { width: 25px !important; margin: auto; filter: invert(47%) sepia(21%) saturate(347%) hue-rotate(182deg) brightness(86%) contrast(97%); } .socialMedia-list li a.icoThreads:hover > img { filter: brightness(0) invert(1); } .socialMedia-list a.icoThreads:hover { background-color: #000; } .socialMedia-list a.icoXHS > img { width: 25px !important; margin: auto; filter: invert(47%) sepia(21%) saturate(347%) hue-rotate(182deg) brightness(86%) contrast(97%); } .socialMedia-list li a.icoXHS:hover > img { filter: brightness(0) invert(1); } .socialMedia-list a.icoXHS:hover { background-color: #FF2741; } .socialMedia-list a.icoTelegram > img { width: 25px !important; margin: auto; filter: invert(47%) sepia(21%) saturate(347%) hue-rotate(182deg) brightness(86%) contrast(97%); } .socialMedia-list li a.icoTelegram:hover > img { filter: brightness(0) invert(1); } .socialMedia-list a.icoTelegram:hover { background-color: #28A8E9; } .socialMedia-list a.icoWeChat:hover { background-color: lightgreen; } .socialMedia-list a.icoInstagram:hover { background: #f09433; background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888', GradientType=1); } .socialMedia-list a.icoRss:hover i, .socialMedia-list a.icoFacebook:hover i, .socialMedia-list a.icoTwitter:hover i, .socialMedia-list a.icoGoogle:hover i, .socialMedia-list a.icoVimeo:hover i, .socialMedia-list a.icoLinkedin:hover i, .socialMedia-list a.icoInstagram:hover i, .socialMedia-list a.icoYoutube:hover i, .socialMedia-list a.icoSnapchat:hover i, .socialMedia-list a.icoReddit:hover i, .socialMedia-list a.icoPinterest:hover i, .socialMedia-list a.icoTumblr:hover i, .socialMedia-list a.icoMedium:hover i { color: #fff; } .socialMedia-list li a:hover i, .triggeredHover, .socialMedia-list li a:hover img { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -ms--transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .socialMedia-list i { color: #626c80; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; -ms-transition: all 0.8s; transition: all 0.8s; } .socialMedia-list a.icoLine > .img-fluid { filter: none; } .socialMedia-list a.icoTikTok > .img-fluid { filter: none; } .footer-bottom { padding: 100px 0; } ul#social-media { 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; } #VTdata img { width: 100%; height: auto; } #mega888StartingModal { color: black; } #crypto-deposit #btnPromo { margin-top: 0; margin-left: 8px; } #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: fit-content; } 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%; } @media (min-width: 576px) { #registerModal .modal-dialog { max-width: 500px; } } /*promotion rules*/ @media (max-width:426px) { .promotion-rules-page .container .col-6 { flex: none; max-width: 100%; } } .dropdown-single:hover .dropdown-single-content { display: block; } @media (max-width: 428px) { #registertext { margin: auto 0 !important; } } #mega888StartingModal .modal-dialog { max-width: 500px; } @media screen and (max-width:768px) { .dropdown-menu { min-width: 10.8rem !important; } } @media screen and (max-width:428px) { #active-member-list .h3, .user-profile .h3, #profile-Bet-History span, #profile-promotion-sec span { font-size: 12px !important; } } @media screen and (max-width:375px) { #active-member-list .h3, .user-profile .h3, #profile-Bet-History span, #profile-promotion-sec span { font-size: 10px !important; } } .marqueeinfinite { --gap: 10rem; display: flex; overflow: hidden; user-select: none; gap: var(--gap); margin-bottom: 0 !important; font-size: 12px; padding: 0; } .marqueeinfinite__content { flex-shrink: 0; display: flex; justify-content: space-around; min-width: 100%; gap: var(--gap); } @keyframes infinitescroll { from { transform: translateX(100%); } to { transform: translateX(calc(-100% - var(--gap))); } } /* Enable animation */ .enable-animation .marqueeinfinite__content { animation: infinitescroll 10s linear infinite; } .marqueeinfinite__content:hover { -moz-animation-play-state: paused; -webkit-animation-play-state: paused; animation-play-state: paused; } /* AngPow */ .notif-angpow.hide, .notif-rebate.hide { display: none !important; } /* AngPow Modal */ .contactDetailEmail input { white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .contactDetailEmail .emailFullText::after { content: ""; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent #000 transparent } .contactDetailEmail .emailFullText { visibility: hidden; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 5px; position: absolute; z-index: 1; white-space: break-spaces; word-wrap: break-word; margin: auto; max-width: 90%; } .contactDetailEmail:hover .emailFullText { visibility: visible } /* AngPow Modal End */ /* payment bank list*/ .payment-transaction { max-height: 520px; overflow-y: auto; display: none; padding-right: 10px; } .payment-item { 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*/ #__AjaxOTPAntiForgeryForm .heading { color: black; } #otpModal .bottom { color: black; } /* Bottom Nav CSS */ :root { --mainTheme: #2b2740; } .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 var(--mainTheme); } .loyalprogram-info .table-title { color: rgba(33, 136, 56,.8); } .indexType .item-content-details h3 { font-size: min(5vw, 1.125rem); } .indexType .btn-sm { font-size: 0.75rem; } .play-btn{ top: 20%; } .free-trial-btn{ top: 42%; } button#depositBtn, button#withdrawBtn, button#WICKET9WithdrawBtn { background: linear-gradient(to right, #6d4da1, #6d4da1); color: #fff; padding: 0.4rem 0.75rem; } button#depositBtn:hover, button#withdrawBtn:hover, button#WICKET9WithdrawBtn:hover { background: linear-gradient(to right, #563d7f, #563d7f); color: #fff; padding: 0.4rem 0.75rem; } button#playnowBtn { background-image: linear-gradient(to right, #6d4da1, #6d4da1); border-radius: 2px; } button#playnowBtn:hover { background-image: linear-gradient(to right, #563d7f, #563d7f); border-radius: 2px; } button.close-popup.close.loginClose-btn { font-size: 2rem; position: absolute; right: 10px; top: 5px; font-weight: 500; } .transferModal #playnowBtn, .updatepassword { background-image: linear-gradient(to right, #6d4da1, #6d4da1) !important; } .transferModal #playnowBtn:hover, .updatepassword:hover { background: linear-gradient(to right, #563d7f, #563d7f) !important; } .icon-language, .icon-template { width: 18px; height: 18px; } @media only screen and (max-width:415px) { .afb-logo { width: 20%; text-align: center; } .header-memu-m { width: 60%; text-align: right; } .header-memu-m .dropdown-single-content { text-align: left; } .wallet-top-left span { padding: 5px; } .wallet-top-left { line-height: normal; } } button.dropbtn-single-box { height: 25px; width: 25px; margin-top: 5px; margin-left: 0px; margin-right: 0.3em !important; } .dropdown-single-content p{ margin-bottom: 0; } .modal, .modal2 { background-color: rgb(76 76 76 / 60%) !important; } .profile { text-align: right; padding-left: 5px; padding-right: 5px; } .profile div { font-size: 9px; } .profile-username { font-weight: bold; } .menu-button { padding: 0px; margin-top: 7px; margin-bottom: 7px; margin-left: 0px; margin-right: 0.3em !important; } .menuClose { padding: 0px !important; margin-left: 0px; margin-right: 0.5em !important; margin-top: 6px; margin-bottom: 6px; } .angpow-ico-btn img { width: 70%; } #NRebateClaim .button-claim-rebate { background-image: linear-gradient(to right,var(--subtheme), var(--subtheme)); color: #fff; } #NRebateClaim .button-claim-rebate:hover { background-image: linear-gradient(to right,var(--subtheme), var(--subtheme)); color: #fff; } .game-history { background: #050404; padding: 20px 10px; height: 100%; } .game-history .table { border-collapse:collapse; } .game-history table thead tr th { padding: 5px 10px !important; } .game-history tbody tr td { padding: 5px 10px; border-bottom: 2px solid black !important; } .user-info .panel-toggle { background-color: rgba(0,0,0, 1) !important; } .user-info .panel-body { background-color: rgba(0,0,0, 0.8) !important; } .allowAmountNote { font-size: 12px; color: red; display: block; } .amountNote { /*font-size: 12px;*/ color: red; } .dpt-bank-img { width: 110px; } #top-Withdraw-Btn { cursor: pointer; } #top-Deposit-Btn { cursor: pointer; } .paginationjs-page.J-paginationjs-page.active { background-color: var(--subtheme); /*background-image: linear-gradient(to right, #6a11cb, #2575fc) !important;*/ color: white !important; } .paginationjs-page.J-paginationjs-page.active a { color: white !important; background-color: transparent !important; } .paginationjs-page.J-paginationjs-page:hover:not(.active) { background-color: transparent !important; } table.table-dls.table-bordered td, table.table-dls.table-bordered th { border: 1px solid #c9c9c9; } .w-15 { width: 15%; } .w-35 { width: 35%; } table.table-transaction.table-bordered td, table.table-transaction.table-bordered th { border: 1px solid #c9c9c9; } .member-bank-list td.sticky-left { background: #f8f8f8; } .fastdeposit-step2 .whitelabel, .fastdeposit-step2 .fastDepositTimerS2 { color: black; } td.deletebtn > button { background: red; } td.deletebtn > button:hover, td.deletebtn > button:active, td.deletebtn > button:visited, td.deletebtn > button:focus { background: #d80000; } .games-inner.member-bank-list tbody td { background: #fff; color: #333; } .games-inner.member-bank-list tbody tr:nth-child(2n+2) td { background: #e2e2e2; } .games-inner.member-bank-list th, .games-inner.member-bank-list td { padding: 5px 5px; } .games-inner.member-bank-list td, .games-inner.member-bank-list th { border: 1px solid #c9c9c9; } .games-inner.member-bank-list thead { background: #201f25 !important; color: #fff; } .games-inner.member-bank-list.table-sticky thead .sticky-left { background-color: #5f5c68; } .games-inner.member-bank-list.table-sticky tbody .sticky-left { background: #e2e2e2; } .games-inner.member-bank-list.table-sticky tbody tr:nth-child(2n+2) .sticky-left { background: #d2d2d2; } .games-inner.member-crypto-list tbody td { background: #fff; color: #333; } .games-inner.member-crypto-list tbody tr:nth-child(2n+2) td { background: #e2e2e2; } .games-inner.member-crypto-list th, .games-inner.member-crypto-list td { padding: 5px 5px; } .games-inner.member-crypto-list td, .games-inner.member-crypto-list th { border: 1px solid #c9c9c9; } .games-inner.member-crypto-list thead { background: #201f25 !important; color: #fff; } .games-inner.member-crypto-list.table-sticky thead .sticky-left { background-color: #5f5c68; } .games-inner.member-crypto-list.table-sticky tbody .sticky-left { background: #e2e2e2; } .games-inner.member-crypto-list.table-sticky tbody tr:nth-child(2n+2) .sticky-left { background: #d2d2d2; } /* CRYPTO CSS START HERE */ .tab-content > .active { color: #333; } .side-panel-notification { margin: 0; padding-left: 10px; font-size: 11px; } .side-panel-notification li { list-style: decimal; margin-bottom: 10px; } .side-panel-notification li:last-child { margin-bottom: 0; } #crypto-deposite .alert-secondary { border-color: transparent; background-color: #f3f3f3; } #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 { 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: 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; } .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 */ /*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; } .from-date:focus-within, .end-date:focus-within { background: #6d4da1; color: #fff } .gh-calendar-part label { color: #555; white-space: nowrap; margin-bottom: 0px; text-transform: capitalize; margin-top: 0; } .from-date:focus-within label, .end-date:focus-within label { color: #fff } .from-date:focus-within input, .end-date:focus-within input { background: #6d4da1 !important ; color: #fff; } .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: #6d4da1; 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%); } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #8b8bff; background: #6463ff; color: #fff; } .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 #6d4da1; background: #6d4da1; font-weight: normal; color: #ffffff; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #6d4da1; background: #6d4da1; font-weight: normal; color: #ffffff; } #DepoConfModal .btn-primary { background: #1d212a; } #DepoConfModal .fa-clone { color: #1d212a; } .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; } .blog-aside { color: #fff; } .promo_preview .h4 a { font-size: 16px; color: var(--cd-color-2); margin-top: 10px; } .promo_preview p { /* color: var(--cd-color-2);*/ /* color: #000;*/ font-size: 12px; line-height: 15px; margin: 0; font-weight: 300; } .user-profile { width: 100%; color: black; } .user-profile, .detail-one .h3 { display: inline-block; } .detail-one-wrapper { display: inline-block; float: right; } .detail-one-wrapper button { color:#ff8d00 !important; padding: 15px 5px !important; } .detail-one-wrapper i { margin-left: 15px; } @media only screen and (max-width: 320px) { .user-profile, .detail-one h3 { margin-bottom: 0; } .detail-one-wrapper button { padding: 0 0 15px 0 !important; } .detail-one-wrapper { float:left; } } /* 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; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; margin-top: 0; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border: 1px solid rgba(0, 0, 0, 0.125); border-bottom: none; } /* bootstrap */ :root { --maintheme: #2b2740; --subtheme: #6d4da1; --contrasttheme: #ffd22f; } @font-face { font-family: "Dangrek"; src: url("/Content/fonts/Dangrek-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } html, body { font-family: "Dangrek", "Poppins", sans-serif !important; height: 100%; color: #a0a0a0; background: #1b1928; } .game-overlay-DetailBottom { --border-radius: 1rem; --padding: 5px; } .game-overlay-DetailBottom .top-container { border-bottom: none; } .game-overlay-DetailBottom .top-container .provider-image { transition: all 0.3s; } .game-overlay-DetailBottom:hover .top-container .provider-image { transform: scale(1.1); } .game-overlay-DetailBottom .top-container .game-exclusive { font-size: min(1vw, 0.75rem); margin-block-start: 0.4em; } .game-overlay-DetailBottom .top-container .badge, .dot3-popup.ui-widget.ui-widget-content #gameDetailsDialog .badge { font-size: min(2vw, 0.75rem); padding: min(0.8vw, 0.375rem); } .game-overlay-DetailBottom .top-container .badge.badge-new, .game-overlay-DetailBottom .top-container .badge.badge-hot, .dot3-popup.ui-widget.ui-widget-content #gameDetailsDialog .badge.badge-new, .dot3-popup.ui-widget.ui-widget-content #gameDetailsDialog .badge.badge-hot { background: #f00; } .game-overlay-DetailBottom .top-container .game-img-container .hover-content { right: 0; top: -100%; height: 100%; } .game-overlay-DetailBottom .top-container .game-img-container .hover-content .btn-play { font-size: 0.875rem; background-image: linear-gradient(to right, #6d4da1, #6d4da1); border-color: #6d4da1; width: 100%; max-width: 90%; } .game-overlay-DetailBottom .top-container .game-img-container .hover-content .btn-play:hover { background-image: linear-gradient(to right, #563d7f, #563d7f); } .game-overlay-DetailBottom .top-container .game-img-container .hover-content .btn-play { font-size: 0.875rem; background-image: linear-gradient(to right, #6d4da1, #6d4da1); border-color: #6d4da1; width: 100%; max-width: 90%; } .game-overlay-DetailBottom .top-container .game-img-container .hover-content .btn-play:hover { filter: none; background-image: linear-gradient(to right, #563d7f, #563d7f); } .game-overlay-DetailBottom .top-container .game-img-container .hover-content .btn-demo { font-size: 0.875rem; background-image: linear-gradient(to right, #f8f9fa, #f8f9fa); border-color: #6d4da1; width: 100%; max-width: 90%; } .game-overlay-DetailBottom .top-container .game-img-container .hover-content .btn-demo:hover { background-image: linear-gradient(to right, #e2e6ea, #e2e6ea); } .game-overlay-DetailBottom .top-container .game-img-container:hover .hover-content { top: 0; } .game-overlay-DetailBottom .top-container .fav-rtp-container .favourite-game-container { --star-on-icon: url(//nx-cdn.trgwl.com/Images/icons/star-on.svg?v=20230828-1); --star-off-icon: url(//nx-cdn.trgwl.com/Images/icons/star-off.svg?v=20230828-1); background: transparent; padding: calc(var(--padding) / 2); } .game-overlay-DetailBottom .top-container .fav-rtp-container .favourite-game-container .favourite-game-btn + label { background-color: #fff; border-radius: 50rem; border: 2px solid #fff; width: 20px; height: 20px; } .game-overlay-DetailBottom .bottom-container { background: var(--maintheme); border-top: none; padding: 10px 5px; } .game-overlay-DetailBottom .bottom-container .provider-container { text-align: center; } .game-overlay-DetailBottom .bottom-container .provider-container .provider-logo { padding: 0; } .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; } .dot3-popup.ui-widget.ui-widget-content { --border-radius: 1rem; --padding: 5px; border: none; border-radius: var(--border-radius); overflow: hidden; box-shadow: 0px 0px 0.7rem 0px #000c; } .searchgameMobilewidget { background-color: var(--maintheme); } .theme-select { position: relative; } .theme-select select { padding-right: 2rem; } .theme-select:after { position: absolute; display: inline-block; content: ""; top: 0; bottom: 0; right: 2rem; margin: auto; width: 0; height: 0; border-top: 0.6rem solid #2b2740; border-left: 0.5rem solid transparent; border-right: 0.5rem solid transparent; } .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; } .scrollbarY { overflow-y: auto; } .scrollbarY::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .scrollbarY::-webkit-scrollbar-thumb { border-radius: 0.375rem; background-color: rgba(255, 255, 255, 0.6); } .scrollbarY::-webkit-scrollbar-track { background-color: rgba(61, 61, 61, 0.1); } .mask_cover { width: 90%; overflow: visible !important; } .mask_cover .owl-stage-outer { margin-right: -10%; } .mask_cover:after { position: absolute; z-index: 0; display: inline-block; content: ""; top: 0; right: -10%; height: 100%; width: 10%; background: -webkit-gradient( linear, left top, right top, color-stop(40%, transparent), to(#1b1928) ); background: linear-gradient(90deg, transparent 40%, #1b1928); } .swipper-title { font-weight: bold; } .swipper-content { overflow: hidden; position: relative; } .swipper-content .content-box_container { position: absolute; top: 0; } .swipper-content .content-box_container .box_container-item { display: inline-block; font-weight: bold; padding-left: 0.5rem; padding-right: 0.5rem; width: 33.33vw; } .swipper-content .content-box_container .box_container-item .item-figure img { -webkit-filter: grayscale(1); filter: grayscale(1); } .swipper-content .content-box_container .box_container-item .item-figure img:hover { -webkit-filter: none; filter: none; } .swipper-content .content-box_container .box_container-item .item-info { color: #000; background-color: #f2f2f2; } .swipper-content .content-front { -webkit-animation: leave 40s linear infinite; animation: leave 40s linear infinite; } .swipper-content .content-back { -webkit-animation: enter 40s linear infinite; animation: enter 40s linear infinite; } .swipper-content:hover .content-box_container { -webkit-animation-play-state: paused; animation-play-state: paused; } @-webkit-keyframes leave { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes leave { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @-webkit-keyframes enter { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes enter { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .progress-container { position: relative; } .progress-bar { display: inline-block; height: 0.5rem; } .progress-text { position: absolute; right: 0; bottom: 100%; } .progress-text-title:after { display: inline-block; content: attr(data-percentage); } .carousel-indicators li { background-color: #cecece; width: 10px; height: 10px; border-radius: 50%; } .carousel-indicators li:hover, .carousel-indicators li.active { background-color: #2b2740; } .section-title { border-radius: 0.2rem; } .section-name { display: inline-block; border-left: 5px solid #2b2740; color: #fff; font-weight: bold; padding: 0.5rem; } .title-stone { display: inline; height: 100%; border-left: 5px solid #2b2740; margin-right: 0.4rem; } .pagination a:hover:not(.active), .pagination a.active { background: #2b2740 !important; } .modal, .modal2 { z-index: 999999; } .noData { color: #fff; } #member-deposit .noData { color: #999; } .image_ratio-1x1 { display: inline-block; position: relative; width: 100%; } .image_ratio-1x1 img { top: 0; left: 0; right: 0; bottom: 0; height: 100% !important; -o-object-fit: cover; object-fit: cover; } .image_ratio-1x1.ratio-reversal { padding-top: calc((1 / 1) * 100%); } .image_ratio-4x3 { display: inline-block; position: relative; width: 100%; padding-top: calc((3 / 4) * 100%); } .image_ratio-4x3 img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100% !important; -o-object-fit: cover; object-fit: cover; } .image_ratio-4x3.ratio-reversal { padding-top: calc((4 / 3) * 100%); } .image_ratio-16x9 { display: inline-block; position: relative; width: 100%; padding-top: calc((9 / 16) * 100%); } .image_ratio-16x9 img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100% !important; -o-object-fit: cover; object-fit: cover; } .image_ratio-16x9.ratio-reversal { padding-top: calc((16 / 9) * 100%); } .image_ratio-21x9 { display: inline-block; position: relative; width: 100%; padding-top: calc((9 / 21) * 100%); } .image_ratio-21x9 img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100% !important; -o-object-fit: cover; object-fit: cover; } .image_ratio-21x9.ratio-reversal { padding-top: calc((21 / 9) * 100%); } .table-sticky { border-collapse: separate; border-spacing: 0; white-space: nowrap; } .table-sticky thead { position: relative; } .table-sticky thead .sticky-left { position: sticky; left: 0; background-color: #3b4358; } .table-sticky tbody .sticky-left { position: sticky; left: 0; max-width: 40vw; overflow-x: auto; } .table-sticky.table-striped tbody .sticky-left { background-color: #343a40; } .table-sticky.table-striped tbody tr:nth-child(odd) .sticky-left { background-color: #2c2c2c; } .lazy { opacity: 0; } .lazy:not(.initial) { -webkit-transition: opacity 1s; transition: opacity 1s; } .lazy.initial, .lazy.lazy-loaded, .lazy.lazy-error { opacity: 1; } img.lazy { max-width: 100%; height: auto; } img.lazy:not([src]) { visibility: hidden; } .lazytest { opacity: 1; -webkit-transition: opacity 1s ease-out; transition: opacity 1s ease-out; } .lazytest[data-src] { opacity: 1; } .bitStarz-header { background-color: #0d0d0d; color: #fff; -webkit-box-shadow: 0 4px 12px black; box-shadow: 0 4px 12px black; } .bitStarz-header .language_selector { z-index: 17; } .bitStarz-header .language_selector p { margin: 0; } .bitStarz-header .header-logo { display: inline-block; width: auto; padding-right: 0.5rem; } .bitStarz-header .header-avatar + .dropdown-menu { background: #262626; } .bitStarz-header .header-avatar + .dropdown-menu a span { color: #fff; } .bitStarz-header .header-avatar + .dropdown-menu li { border-color: var(--subtheme) !important; } .bitStarz-aside { background-color: #2b2740; } .bitStarz-main_nav { z-index: 16; background-color: #2b2740; } .bitStarz-main_nav .main_nav-icon { width: 2rem; } .bitStarz-main_nav .main_nav-title { font-weight: bold; font-size: 0.75rem; padding: 0.5rem 0; margin: 0; } .bitStarz-main_nav .main_nav-balance_container { position: absolute; z-index: -1; top: 100%; right: 0; } .bitStarz-main_nav .main_nav-balance { background-color: #161420; padding: 0.2rem 0.4rem; } .bitStarz-main_nav .nav-link { color: #fff; padding: 0; } .bitStarz-main_nav .nav-item { position: unset; text-align: center; } .bitStarz-main_nav .nav-item .game-list { position: fixed; left: 0; right: 0; display: none; background-color: #03122f; -webkit-box-shadow: inset 0 3px 23px 0 black; box-shadow: inset 0 3px 23px 0 black; padding: 1rem 0; border-bottom: 7px solid #2b2740; } .bitStarz-main_nav .nav-item .game-list-item a { display: block; margin: auto; color: #fff; text-decoration: none; border-radius: 5px; padding: 0.5rem; -webkit-transition: all 0.3s; transition: all 0.3s; word-break: break-word; overflow-wrap: break-word; } .bitStarz-main_nav .nav-item.nav-sport .main_nav-icon { background-position-y: 0; } .bitStarz-main_nav .nav-item.nav-sport:hover .main_nav-icon, .bitStarz-main_nav .nav-item.nav-sport.active .main_nav-icon { -webkit-transition: all 0.3s; transition: all 0.3s; } .bitStarz-main_nav .nav-item.nav-casino .main_nav-icon { background-position-y: -84px; } .bitStarz-main_nav .nav-item.nav-casino:hover .main_nav-icon, .bitStarz-main_nav .nav-item.nav-casino.active .main_nav-icon { -webkit-transition: all 0.3s; transition: all 0.3s; } .bitStarz-main_nav .nav-item.nav-egame .main_nav-icon { background-position-y: -168px; } .bitStarz-main_nav .nav-item.nav-egame:hover .main_nav-icon, .bitStarz-main_nav .nav-item.nav-egame.active .main_nav-icon { -webkit-transition: all 0.3s; transition: all 0.3s; } .bitStarz-main_nav .nav-item.nav-fishhunter .main_nav-icon { background-position-y: -252px; } .bitStarz-main_nav .nav-item.nav-fishhunter:hover .main_nav-icon, .bitStarz-main_nav .nav-item.nav-fishhunter.active .main_nav-icon { -webkit-transition: all 0.3s; transition: all 0.3s; } .bitStarz-main_nav .nav-item.nav-lottery .main_nav-icon { background-position-y: -336px; } .bitStarz-main_nav .nav-item.nav-lottery:hover .main_nav-icon, .bitStarz-main_nav .nav-item.nav-lottery.active .main_nav-icon { -webkit-transition: all 0.3s; transition: all 0.3s; } .bitStarz-main_nav .nav-item:hover { -webkit-box-shadow: inset 0 -3px 0 #ffd22f; box-shadow: inset 0 -3px 0 #ffd22f; } .bitStarz-main_nav .nav-item:hover .main_nav-icon { -webkit-filter: sepia(100%) saturate(1000%) hue-rotate(0deg); filter: sepia(100%) saturate(1000%) hue-rotate(0deg); } .bitStarz-main_nav .nav-item:hover .main_nav-title { color: #ffd22f; } .bitStarz-main_nav .nav-item:hover > .game-list { display: block; } .bitStarz-footer { background-color: #2b2740; } .bitStarz-footer .provider-container { position: relative; border-top: 1px solid #2b2740; padding: 1.5rem; margin-bottom: 1.5rem; } .bitStarz-footer .provider-title { position: absolute; top: -1rem; left: 0; color: #fff; font-weight: bold; background-color: #2b2740; text-transform: uppercase; padding-right: 0.5rem; margin: 0.25rem 0; } .bitStarz-lobby .popular-container { background-image: -webkit-gradient( linear, left top, left bottom, from(#0a0a0a), color-stop(46%, #3b3b3b), to(#0a0a0a) ); background-image: linear-gradient( to bottom, #0a0a0a 0%, #3b3b3b 46%, #0a0a0a 100% ); } .bitStarz-lobby .popular-content_area { max-height: 8rem; background-color: #000; padding: 0.5rem; } .bitStarz-lobby .popular-slider_multi { background-image: -webkit-gradient( linear, left top, left bottom, from(#242424), color-stop(46%, #515151), to(#242424) ); background-image: linear-gradient( to bottom, #242424 0%, #515151 46%, #242424 100% ); } .bitStarz-lobby .popular-slider_multi .carousel-inner a { display: inline-block; margin: 0.4rem 0.2rem; background-color: #000; } .bitStarz-lobby .popular-gamelist-item { padding: 0.2rem; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .bitStarz-lobby .popular-gamelist-link { top: 0; left: 0; right: 0; height: calc(100% - 2rem); position: absolute; opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .bitStarz-lobby .popular-gamelist-link:hover { opacity: 1; } .bitStarz-lobby .popular-gamelist-title { left: 0; right: 0; bottom: 0; height: 2rem; position: absolute; background-color: #b18f35; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 0.2rem; } .bitStarz-lobby .carousel-middle { background-color: transparent; } .bitStarz-lobby .carousel-middle .card { height: 100%; } .bitStarz-lobby .carousel-middle .card-body { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 0.5rem; overflow-y: auto; } .bitStarz-lobby .carousel-inner { -ms-flex-preferred-size: 100%; flex-basis: 100%; } .bitStarz-lobby .carousel-item { height: 100%; } .bitStarz-lobby .marquee-container, .bitStarz-lobby .marquee-content { background-color: #2b2740; } .bitStarz-lobby.topic_area { background: linear-gradient( 271.17deg, rgba(39, 7, 107, 0.88) -0.7%, rgba(241, 0, 87, 0.9) 184.96% ), #141414; padding: 2rem 0; } .bitStarz-lobby .promotion-container { position: relative; } .bitStarz-lobby .promotion-text { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; bottom: 0.5rem; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .bitStarz-company_list .company_list-overlay { position: absolute; top: 50%; left: 50%; width: 0; height: 0; display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 0; visibility: hidden; overflow: hidden; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: rgba(32, 29, 48, 0.85); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .bitStarz-company_list .company_list-overlay a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; font-size: 0.9rem; font-weight: bold; width: 6rem; height: 6rem; text-decoration: none; border: 1px solid #fff; border-radius: 50%; text-transform: uppercase; } .bitStarz-company_list .company_list-overlay a:hover { font-size: 0.9rem; color: #2b2740; background-color: #ffd22f; -webkit-box-shadow: 0 8px 20px #ffd22f; box-shadow: 0 8px 20px #ffd22f; border-color: transparent; } .bitStarz-company_list .company_list-container { border-radius: 0.5rem; padding: 0.5rem; margin-bottom: 0.5rem; position: relative; } .bitStarz-company_list .company_list-container:hover .company_list-overlay { width: 100%; height: 100%; opacity: 1; visibility: visible; top: 0; left: 0; } .bitStarz-company_list .company_list-title { text-align: center; color: #ececec; } .bitStarz-item_list .item_list-title { text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0; padding: 0.5rem; } #searchmoregamelist .page-searchgame .row, .bitStarz-item_list .item_list-row { --gap: 10px; --count: 3; display: flex; flex-wrap: wrap; gap: var(--gap); margin-block: 1rem; } #searchmoregamelist .page-searchgame .row > .game-overlay-DetailBottom, .bitStarz-item_list .item_list-row > .bitstarz-overlay-ui, #searchmoregamelist .page-searchgame .row > .bitstarz-overlay-ui, .bitStarz-item_list .item_list-row > .bitstarz-overlay-ui { 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)) ); } .bitStarz-item_list .item_list-row > .game-overlay-DetailBottom { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.8); } .bitStarz-item_list .item_list-row > .game-overlay-DetailBottom:hover { background: var(--maintheme); } .bitStarz-item_list .item_list-row > .game-overlay-DetailBottom .top-container { border-radius: var(--border-radius); } .bitStarz-item_list .item_list-row > .game-overlay-DetailBottom .bottom-container { border-radius: 0; background: transparent; } .bitStarz-item_list .item_list-figure { position: relative; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius: 1rem; overflow: hidden; } .bitStarz-item_list .item_list-figure .figure-button { display: none; position: absolute; left: 0; right: 0; bottom: 0; } .bitStarz-item_list .item_list-figure .figure-button a { margin: 0; font-weight: bold; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .bitStarz-item_list .item_list-container { padding: 0.5rem; margin-bottom: 1rem; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.8); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.8); } .bitStarz-item_list .item_list-container:hover { background-color: #2b2740; } .bitStarz-item_list .item_list-container:hover .item_list-figure { -webkit-transform: scale(1.02); transform: scale(1.02); } .bitStarz-item_list .item_list-container:hover .item_list-figure img { opacity: 0.8; } .bitStarz-item_list .item_list-container:hover .item_list-figure .figure-button { display: block; } .bitStarz-item_list .item_list-category { border-radius: 0.5rem; } .bitStarz-item_list .item_list-category .category-title { color: #000; text-transform: uppercase; font-weight: bold; border-bottom: 1px solid #999; } .bitStarz-item_list .item_list-category .category-content { padding: 0 0 1rem 0; } .bitStarz-item_list .item_list-category .category-content .content-item { border-bottom: 1px solid #ccc; padding-top: 0.5rem; padding-bottom: 0.5rem; } .bitStarz-item_list .item_list-category .category-content .content-col:last-child .content-item { border-bottom: none; } .bitStarz-item_list .item_list-category .category-content .content-image img { -webkit-filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.6)); filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.6)); } .bitStarz-item_list .item_list-category .category-content .content-title { color: #000; } .bitStarz-item_list .item_list-category .category-footer { text-transform: uppercase; } .bitStarz-item_list .item_list-promotion { background-color: #2b2740; border-radius: 0.5rem; } .bitStarz-item_list .item_list-promotion .promotion-title { color: #fff; text-transform: uppercase; font-weight: bold; } .bitStarz-item_list .item_list-promotion .promotion-item { display: inline-block; border-radius: 1rem; position: relative; width: 100%; padding-top: 100%; overflow: hidden; } .bitStarz-item_list .item_list-promotion .promotion-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; -o-object-fit: cover; object-fit: cover; } .bitStarz-promotion_list .promotion_list-container { margin-bottom: 0.5rem; } .bitStarz-promotion_list .promotion_list-figure { display: inline-block; position: relative; width: 100%; padding-top: 100%; } .bitStarz-promotion_list .promotion_list-image { top: 0; left: 0; right: 0; bottom: 0; height: auto !important; -o-object-fit: cover; object-fit: cover; } .bitStarz-promotion_list .promotion_list-info { color: #fff; padding: 0.5rem; } .footer-copy-right { padding-bottom: 40px; position: relative; } .footer-copy-right::after { position: absolute; display: block; content: ""; background-color: #000; width: 100%; height: 60px; top: 100%; left: 0; } .theme-text-main { color: #e2c360; } .theme-bg-light { background-color: #f3f3f3; } .theme-checkbox .custom-control-label { color: #2b2740; } .theme-checkbox .custom-control-label:before { border-radius: 1rem !important; border: 2px solid #2b2740; top: 0.15rem; } .theme-checkbox .custom-control-label:after { top: 0.15rem; } .theme-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: #2b2740; } .theme-checkbox.red .custom-control-label { color: red; } .theme-checkbox.red .custom-control-label:before { border-radius: 1rem !important; border: 2px solid red; top: 0.15rem; } .theme-checkbox.red .custom-control-label:after { top: 0.15rem; } .theme-checkbox.red .custom-control-input:checked ~ .custom-control-label::before { background-color: red; } .theme-input { background: transparent; color: #fff !important; border-color: rgba(255, 255, 255, 0.2); } .theme-input::-webkit-input-placeholder { color: #fff; } .theme-input::-moz-placeholder { color: #fff; } .theme-input::-ms-input-placeholder { color: #fff; } .theme-input::placeholder { color: #fff; } .theme-input:focus { outline: none; border-color: #aaa; } @media screen and (min-width: 768px) { .bitStarz-header .header-avatar + .dropdown-menu { display: block; position: unset !important; background: transparent; padding: 0; border: none; } .bitStarz-header .header-avatar + .dropdown-menu.show { display: block; position: unset !important; background: transparent; padding: 0; -webkit-transform: unset !important; transform: unset !important; border: none; } .bitStarz-header .header-avatar + .dropdown-menu li { border-bottom: none !important; } .bitStarz-main_nav .main_nav-title { font-size: unset; } .bitStarz-footer .shfooter .collapse { display: inherit; } .bitStarz-lobby .carousel-middle { height: 440px; } .footer-copy-right { padding-bottom: 10px; } .footer-copy-right::after { display: none; } .swipper-content .content-box_container .box_container-item { width: 8.3vw; } } @media screen and (min-width: 992px) { .bitStarz-main_nav .main_nav-title { white-space: nowrap; } #searchmoregamelist .page-searchgame .row, .bitStarz-item_list .item_list-row { --count: 4; } .table-sticky tbody .sticky-left { max-width: 25vw; } .swipper-content .content-box_container .box_container-item { max-width: 100px; } } /* 垂直 */ /* 橫向 */ .luckspin_logo { background: #6d4da1; } .modal-content.oned { background: -webkit-gradient( linear, left bottom, left top, from(#563d7f), color-stop(35%, #6d4da1), to(#876ab8) ); background: linear-gradient(0deg, #563d7f 0%, #6d4da1 35%, #876ab8 100%); border-bottom: 5px solid #3e2c5c; } .dls-pop-bg { background: -webkit-gradient( linear, left top, left bottom, from(#876ab8), color-stop(#6d4da1), to(#563d7f) ); background: linear-gradient(#876ab8, #6d4da1, #563d7f); } .dls-content .h5 { color: #6d4da1; } .dls-pop-button { background: -webkit-gradient( linear, left top, left bottom, from(#876ab8), to(#6d4da1) ); background: linear-gradient(#876ab8, #6d4da1); } .dls-pop-button:hover { background: -webkit-gradient( linear, left top, left bottom, from(#6d4da1), to(#563d7f) ); background: linear-gradient(#6d4da1, #563d7f); } input.login_username, input.login_password, input.simple-captcha-code { font-size: 12px; } .btn-tnc { border-radius: 10px; background-color: #28324d; color: #fff; } .btn-tnc:hover { background-color: #171c2b; color: white; } .btn-tnc.collapsed > .fa-caret-up { display: none; } .btn-tnc:not(.collapsed) .fa-caret-down { display: none; } .btn-tnc:not(.collapsed) .fa-caret-up { display: inline-block; } #invite-friend .sharebox-container .input-group { border-radius: 0.4rem; border: none; } .btn-sharebox { background: #6d4da1; color: #fff; } .btn-sharebox:hover { background: #563d7f; color: #fff; } .offcanvas .dropdown-single-content a { color: black; } .offcanvas .dropdown-single-content a:hover { color: #333; } #top-Withdraw-Btn { color: #fff; background-color: #33244b; border-color: #33244b; } #top-Withdraw-Btn:hover { background-color: #6d4da1; border-color: #6d4da1; } .single-post .afb-title-h1 { color: #fff; } .single-post .blog-title h1, .single-post .blog-title h2, .single-post .blog-title h3, .single-post .blog-title h4, .single-post .blog-title h5, .single-post .blog-title h6, .single-post .blog-title .h1, .single-post .blog-title .h2, .single-post .blog-title .h3, .single-post .blog-title .h4, .single-post .blog-title .h5, .single-post .blog-title .h6 { color: #fff; } #slideout { z-index: 2; } register-p-b-next { padding: 10px 30px; margin: 0; text-align: center; font-size: 1.3em; width: 45%; float: right; } .hide { display: none; } .save-btn .btn-maintheme { margin-top: 3px; height: 34px; } .bitStarz-footer .all-logo-footer { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; margin: 0 !important; } /* widget */ .top5game .afb-title-h1 { width: 100%; padding: 0; font-size: 1em; font-weight: 500; color: #fff; margin: 15px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-transform: uppercase; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .top5game .afb-title-h1:before { content: none; } .top5game .afb-title-h1 a span { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #6d4da1; border-color: #6d4da1; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 0.9em; border-radius: 0.25rem; color: #fff; display: inline-block; } .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 { -webkit-transform: scale(3); transform: scale(3); -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-delay: 0s; transition-delay: 0s; } .top5game .photobox:hover .photobox__previewbox.zoom img { -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .top5game .photobox:hover .photobox__previewbox.zoom:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .top5game .photobox .photobox_title { overflow: hidden; } .top5game .photobox .photobox_title a.tmb-content__link { text-align: center; font-size: 0.7rem; line-height: 15px; font-weight: 300; padding: 10px 5px; display: block; background: #2b2740; color: white; border-radius: 0 0 1rem 1rem; } .top5game .photobox .photobox_title a.tmb-content__link div { width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 auto; } .top5game .photobox__previewbox { position: relative; overflow: hidden; border-radius: 1rem 1rem 0 0; } .top5game .photobox__previewbox:before { content: ""; width: 0; height: 0; padding: 25%; border-radius: 0%; position: absolute; top: 5px; left: 5px; background-color: rgba(7, 7, 7, 0.66); -webkit-transition: none; transition: none; will-change: transform; -webkit-transform: scale(0); transform: scale(0); z-index: 8; } .top5game .photobox__previewbox .action_overlay { position: absolute; top: 0; left: -300%; bottom: 0; right: 0; padding: 0px; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; overflow: hidden; 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: end; -ms-flex-pack: end; justify-content: end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; z-index: 9; } .top5game .photobox__previewbox .action_overlay a { display: block; width: 100%; } .top5game .photobox__previewbox .action_overlay a:first-child div { font-size: 0.7rem; padding: 6px 10px; text-align: center; margin: 0 !important; border-radius: 3px; display: block; color: #fff; background-image: -webkit-gradient( linear, left top, right top, from(#6d4da1), to(#6d4da1) ); background-image: linear-gradient(to right, #6d4da1, #6d4da1); border-color: #6d4da1; max-width: 100%; } .top5game .photobox__previewbox .action_overlay a:first-child div:hover { background-image: -webkit-gradient( linear, left top, right top, from(#563d7f), to(#563d7f) ); background-image: linear-gradient(to right, #563d7f, #563d7f); } .top5game .photobox__previewbox .action_overlay a:nth-child(2) div { font-size: 0.7rem; padding: 6px 10px; text-align: center; margin: 0 !important; border-radius: 3px; display: block; color: #212529; background-image: -webkit-gradient( linear, left top, right top, from(#f8f9fa), to(#f8f9fa) ); background-image: linear-gradient(to right, #f8f9fa, #f8f9fa); border-color: #f8f9fa; max-width: 100%; } .top5game .photobox__previewbox .action_overlay a:nth-child(2) div:hover { background-image: -webkit-gradient( linear, left top, right top, from(#e2e6ea), to(#e2e6ea) ); background-image: linear-gradient(to right, #e2e6ea, #e2e6ea); } .top5game .photobox__previewbox:hover .action_overlay { left: 0; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .top5game .photobox__previewbox.top5gameseo:before { display: none; } .jackpotpool .afb-title-h1 { width: 100%; padding: 0; font-size: 1em; font-weight: 500; color: #fff; margin: 15px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-transform: uppercase; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .jackpotpool .afb-title-h1:before { content: none; } .jackpotpool .afb-title-h1 a span { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #6d4da1; border-color: #6d4da1; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 0.9em; border-radius: 0.25rem; color: #fff; display: inline-block; } .jackpotpool .afb-title-h1 a span svg { margin-left: 5px; } .jackpotpool .photobox { display: block; width: 100%; padding: 0; margin: 0; font-size: initial; } .jackpotpool .photobox:hover .photobox__previewbox:before { -webkit-transform: scale(3); transform: scale(3); -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-delay: 0s; transition-delay: 0s; } .jackpotpool .photobox:hover .photobox__previewbox.zoom img { -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .jackpotpool .photobox:hover .photobox__previewbox.zoom:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .jackpotpool .photobox .photobox_title { overflow: hidden; } .jackpotpool .photobox .photobox_title a.tmb-content__link { text-align: center; font-size: 0.7rem; line-height: 15px; font-weight: 300; padding: 10px 5px; display: block; background: #2b2740; color: white; border-radius: 0 0 1rem 1rem; } .jackpotpool .photobox .photobox_title a.tmb-content__link div { width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 auto; } .jackpotpool .photobox__previewbox { position: relative; overflow: hidden; border-radius: 1rem 1rem 0 0; } .jackpotpool .photobox__previewbox:before { content: ""; width: 0; height: 0; padding: 25%; border-radius: 0%; position: absolute; top: 5px; left: 5px; background-color: rgba(7, 7, 7, 0.66); -webkit-transition: none; transition: none; will-change: transform; -webkit-transform: scale(0); transform: scale(0); z-index: 8; } .jackpotpool .photobox__previewbox .action_overlay { position: absolute; top: 0; left: -300%; bottom: 0; right: 0; padding: 0; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; overflow: hidden; 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: end; -ms-flex-pack: end; justify-content: end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; z-index: 9; } .jackpotpool .photobox__previewbox .action_overlay a { display: block; width: 100%; } .jackpotpool .photobox__previewbox .action_overlay a:first-child div { font-size: 0.7rem; padding: 6px 10px; text-align: center; margin: 0 !important; border-radius: 3px; display: block; color: #fff; background-image: -webkit-gradient( linear, left top, right top, from(#6d4da1), to(#6d4da1) ); background-image: linear-gradient(to right, #6d4da1, #6d4da1); border-color: #6d4da1; max-width: 100%; } .jackpotpool .photobox__previewbox .action_overlay a:first-child div:hover { background-image: -webkit-gradient( linear, left top, right top, from(#563d7f), to(#563d7f) ); background-image: linear-gradient(to right, #563d7f, #563d7f); } .jackpotpool .photobox__previewbox .action_overlay a:nth-child(2) div { font-size: 0.7rem; padding: 6px 10px; text-align: center; margin: 0 !important; border-radius: 3px; display: block; color: #212529; background-image: -webkit-gradient( linear, left top, right top, from(#f8f9fa), to(#f8f9fa) ); background-image: linear-gradient(to right, #f8f9fa, #f8f9fa); border-color: #f8f9fa; max-width: 100%; } .jackpotpool .photobox__previewbox .action_overlay a:nth-child(2) div:hover { background-image: -webkit-gradient( linear, left top, right top, from(#e2e6ea), to(#e2e6ea) ); background-image: linear-gradient(to right, #e2e6ea, #e2e6ea); } .jackpotpool .photobox__previewbox:hover .action_overlay { left: 0; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .jackpotpool .photobox__previewbox.top5gameseo:before { display: none; } .jackpotpool div.text-wrap { text-align: center; background: #2b2740; display: -webkit-box; padding: 5px 5px; white-space: normal; border-top: 3px solid var(--subTheme); } .jackpotpool div.text-wrap a { display: block; width: 100%; } .jackpotpool div.text-wrap .jackpotcounter { color: #fff; font-size: 0.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; -webkit-backface-visibility: none; backface-visibility: none; color: #ffdd9b !important; -webkit-filter: drop-shadow(0 3px 1px #000); filter: drop-shadow(0 3px 1px #000); font-size: 1rem; font-weight: 700; } .top5game .owl-carousel .owl-nav button.owl-prev, .top5game .owl-carousel .owl-nav button.owl-next, .top5game .owl-carousel button.owl-dot { background-color: #6d4da1 !important; } .jackpotpool .owl-carousel .owl-nav button.owl-prev, .jackpotpool .owl-carousel .owl-nav button.owl-next, .jackpotpool .owl-carousel button.owl-dot { background-color: #6d4da1 !important; } .wallet-top-left { line-height: 24px !important; } .wallet-top-left span { font-size: 0.8rem !important; color: white; word-break: break-word !important; } @media (max-width: 428px) { #top .row.no-gutters div:nth-child(4) div a.btn.btn-sm.btn-outline-light { padding: 3px !important; background: red !important; } } .simple-forgotpw a { color: #fff; } .simple-forgotpw a:hover { color: #ccc; } .btn-outline-light.text-uppercase { height: 31px; } .simple-login button[type="submit"] span, .btn[data-target="#loginModal"] { font-size: 80%; font-weight: 400; padding: 0.25rem 0.125rem; line-height: 1.5; color: #f8f9fa; } .simple-login button[type="submit"], .btn[data-target="#loginModal"] { padding: 0.25rem 0.5rem; line-height: 1.5; border-radius: 0.3rem; color: #f8f9fa; margin-left: 0.5rem !important; border: 1px solid transparent; } @media (min-width: 1000px) and (max-width: 1366px) { .dropdown-single-content.showRefer { transform: translate3d(-69px, 34px, 0px) !important; } } .simple-login button[type="submit"], button[data-target="#loginModal"] { min-width: 74px !important; height: 30px !important; padding: 0.25rem 0.5rem !important; line-height: 1.5 !important; border-radius: 0.25rem !important; margin-left: 0.25rem !important; } button[data-target="#registerModal"] { min-width: 74px !important; height: 30px !important; padding: 0.25rem 0.5rem !important; line-height: 1.5 !important; border-radius: 0.25rem !important; border: 0; margin-left: -5px !important; background-color: #6d4da1; } .simple-login .fld { border-radius: 5px !important; padding: 2px 5px !important; width: 115px; height: 29px; vertical-align: top; border: 0px solid #fff; box-sizing: border-box; margin-bottom: 4px; } .btn-sm.btn-lite { height: 29px !important; margin-left: 0px !important; } .btn-black { color: #fff; background-color: #000; border-color: #000; } .btn-black:hover { color: #fff; background-color: black; border-color: black; } .btn-black:focus, .btn-black.focus { color: #fff; background-color: black; border-color: black; -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 38, 38, 0.5); box-shadow: 0 0 0 0.2rem rgba(38, 38, 38, 0.5); } .btn-black.disabled, .btn-black:disabled { color: #fff; background-color: #000; border-color: #000; } .btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { color: #fff; background-color: black; border-color: black; } .btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 38, 38, 0.5); box-shadow: 0 0 0 0.2rem rgba(38, 38, 38, 0.5); } .btn-navy { color: #fff; background-color: #005498; border-color: #005498; } .btn-navy:hover { color: #fff; background-color: #003f72; border-color: #003865; } .btn-navy:focus, .btn-navy.focus { color: #fff; background-color: #003f72; border-color: #003865; -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 110, 167, 0.5); box-shadow: 0 0 0 0.2rem rgba(38, 110, 167, 0.5); } .btn-navy.disabled, .btn-navy:disabled { color: #fff; background-color: #005498; border-color: #005498; } .btn-navy:not(:disabled):not(.disabled):active, .btn-navy:not(:disabled):not(.disabled).active, .show > .btn-navy.dropdown-toggle { color: #fff; background-color: #003865; border-color: #003158; } .btn-navy:not(:disabled):not(.disabled):active:focus, .btn-navy:not(:disabled):not(.disabled).active:focus, .show > .btn-navy.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 110, 167, 0.5); box-shadow: 0 0 0 0.2rem rgba(38, 110, 167, 0.5); } .btn-darkBlue { color: #fff; background-color: #13335e; border-color: #13335e; } .btn-darkBlue:hover { color: #fff; background-color: #0d223e; border-color: #0a1c34; } .btn-darkBlue:focus, .btn-darkBlue.focus { color: #fff; background-color: #0d223e; border-color: #0a1c34; -webkit-box-shadow: 0 0 0 0.2rem rgba(54, 82, 118, 0.5); box-shadow: 0 0 0 0.2rem rgba(54, 82, 118, 0.5); } .btn-darkBlue.disabled, .btn-darkBlue:disabled { color: #fff; background-color: #13335e; border-color: #13335e; } .btn-darkBlue:not(:disabled):not(.disabled):active, .btn-darkBlue:not(:disabled):not(.disabled).active, .show > .btn-darkBlue.dropdown-toggle { color: #fff; background-color: #0a1c34; border-color: #081629; } .btn-darkBlue:not(:disabled):not(.disabled):active:focus, .btn-darkBlue:not(:disabled):not(.disabled).active:focus, .show > .btn-darkBlue.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(54, 82, 118, 0.5); box-shadow: 0 0 0 0.2rem rgba(54, 82, 118, 0.5); } .btn-maintheme { color: #fff; background-color: #2b2740; border-color: #2b2740; } .btn-maintheme:hover { color: #fff; background-color: #1b1928; border-color: #161420; } .btn-maintheme:focus, .btn-maintheme.focus { color: #fff; background-color: #1b1928; border-color: #161420; -webkit-box-shadow: 0 0 0 0.2rem rgba(75, 71, 93, 0.5); box-shadow: 0 0 0 0.2rem rgba(75, 71, 93, 0.5); } .btn-maintheme.disabled, .btn-maintheme:disabled { color: #fff; background-color: #2b2740; border-color: #2b2740; } .btn-maintheme:not(:disabled):not(.disabled):active, .btn-maintheme:not(:disabled):not(.disabled).active, .show > .btn-maintheme.dropdown-toggle { color: #fff; background-color: #161420; border-color: #100f18; } .btn-maintheme:not(:disabled):not(.disabled):active:focus, .btn-maintheme:not(:disabled):not(.disabled).active:focus, .show > .btn-maintheme.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(75, 71, 93, 0.5); box-shadow: 0 0 0 0.2rem rgba(75, 71, 93, 0.5); } .btn-subtheme { color: #fff; background-color: #6d4da1; border-color: #6d4da1; } .btn-subtheme:hover { color: #fff; background-color: #5b4187; border-color: #563d7f; } .btn-subtheme:focus, .btn-subtheme.focus { color: #fff; background-color: #5b4187; border-color: #563d7f; -webkit-box-shadow: 0 0 0 0.2rem rgba(131, 104, 175, 0.5); box-shadow: 0 0 0 0.2rem rgba(131, 104, 175, 0.5); } .btn-subtheme.disabled, .btn-subtheme:disabled { color: #fff; background-color: #6d4da1; border-color: #6d4da1; } .btn-subtheme:not(:disabled):not(.disabled):active, .btn-subtheme:not(:disabled):not(.disabled).active, .show > .btn-subtheme.dropdown-toggle { color: #fff; background-color: #563d7f; border-color: #503876; } .btn-subtheme:not(:disabled):not(.disabled):active:focus, .btn-subtheme:not(:disabled):not(.disabled).active:focus, .show > .btn-subtheme.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(131, 104, 175, 0.5); box-shadow: 0 0 0 0.2rem rgba(131, 104, 175, 0.5); } .btn-contrasttheme { color: #212529; background-color: #ffd22f; border-color: #ffd22f; } .btn-contrasttheme:hover { color: #212529; background-color: #ffca09; border-color: #fbc500; } .btn-contrasttheme:focus, .btn-contrasttheme.focus { color: #212529; background-color: #ffca09; border-color: #fbc500; -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 184, 46, 0.5); box-shadow: 0 0 0 0.2rem rgba(222, 184, 46, 0.5); } .btn-contrasttheme.disabled, .btn-contrasttheme:disabled { color: #212529; background-color: #ffd22f; border-color: #ffd22f; } .btn-contrasttheme:not(:disabled):not(.disabled):active, .btn-contrasttheme:not(:disabled):not(.disabled).active, .show > .btn-contrasttheme.dropdown-toggle { color: #212529; background-color: #fbc500; border-color: #eebb00; } .btn-contrasttheme:not(:disabled):not(.disabled):active:focus, .btn-contrasttheme:not(:disabled):not(.disabled).active:focus, .show > .btn-contrasttheme.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 184, 46, 0.5); box-shadow: 0 0 0 0.2rem rgba(222, 184, 46, 0.5); } h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } .bg-navy { background-color: #005498 !important; } a.bg-navy:hover, a.bg-navy:focus, button.bg-navy:hover, button.bg-navy:focus { background-color: #003865 !important; } .bg-darkBlue { background-color: #13335e !important; } a.bg-darkBlue:hover, a.bg-darkBlue:focus, button.bg-darkBlue:hover, button.bg-darkBlue:focus { background-color: #0a1c34 !important; } .bg-maintheme { background-color: #2b2740 !important; } a.bg-maintheme:hover, a.bg-maintheme:focus, button.bg-maintheme:hover, button.bg-maintheme:focus { background-color: #161420 !important; } .bg-subtheme { background-color: #6d4da1 !important; } a.bg-subtheme:hover, a.bg-subtheme:focus, button.bg-subtheme:hover, button.bg-subtheme:focus { background-color: #563d7f !important; } .bg-contrasttheme { background-color: #ffd22f !important; } a.bg-contrasttheme:hover, a.bg-contrasttheme:focus, button.bg-contrasttheme:hover, button.bg-contrasttheme:focus { background-color: #fbc500 !important; } .bg-white { background-color: #fff !important; } .dropdown-menu-left { right: auto; left: 0; } @media (min-width: 576px) { .container-sm, .container { max-width: 540px; } } @media (min-width: 768px) { .container-md, .container-sm, .container { max-width: 720px; } } @media (min-width: 992px) { .container-lg, .container-md, .container-sm, .container { max-width: 960px; } } @media (min-width: 1200px) { .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1140px; } } @media (min-width: 1400px) { .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1280px; } } #searchgame2_searchgame_Keyword { color: #666 !important; } #searchgame2_searchgame_Keyword::placeholder { color: #666 !important; } #btn_Login { color: #333 !important; } .active-lang { background-color: #ddd; color: #333 !important; } .redDotNotification { position: relative; /* 設置相對定位，讓子元素的絕對定位參考此元素 */ display: inline-block; width: 36px; padding-top: 3px; } .redDotNotification img { display: block; /* 防止圖片下方出現間隙 */ } .redDotNotification::after { content: ""; top: 4px; left: 18px; width: 40%; height: 40%; background-image: url('https://d2lcoivv20vty7.cloudfront.net/Content/img/p2mobile/reddot.gif'); /* 替換成你想要的圖片 */ background-size: cover; /* 調整覆蓋方式 */ background-position: center; pointer-events: none; /* 確保按鈕功能正常 */ position: absolute; } .offcanvas-active .redDotNotification::after { display: none; } .universal_hamburger_menu { --subtheme: #2b2740; --contrasttheme: #6d4da1; --main_text: #fff; } .universal_hamburger_menu .icon { width: 1em; } .universal_hamburger_menu .aside_content-main_content { background: transparent; padding: var(--gap); } .universal_hamburger_menu .dropdown-item:hover, .universal_hamburger_menu .dropdown-item:focus, .universal_hamburger_menu .dropdown-item.active { background-color: var(--contrasttheme); } .universal_hamburger_menu .aside_content-login .login-button button.btn-login { background: transparent; border: 1px solid white; } /* .universal_hamburger_menu .aside_content-login .login-button button.btn-login:hover { background: #127027; }*/ .universal_hamburger_menu .aside_content-login .login-button button.btn-register { color: #fff; background: var(--contrasttheme); } .universal_hamburger_menu .aside_content-login .login-button button.btn-register:hover { background: var(--subtheme); } .universal_hamburger_menu .aside_content-account_box .account_box-infopanel .infopanel-wallet .account_box-wallet { color: #fff; } .universal_hamburger_menu .aside_content-account_box .account_box-dashboard .btn#burgermenu-Deposit-Btn { background: #0d6f11; } .universal_hamburger_menu .aside_content-account_box .account_box-dashboard .btn#burgermenu-Deposit-Btn:hover { background: #0f9315; } .universal_hamburger_menu .aside_content-account_box .account_box-dashboard .btn#burgermenu-Withdraw-Btn { color: #fff; background: #890b0b; } .universal_hamburger_menu .aside_content-account_box .account_box-dashboard .btn#burgermenu-Withdraw-Btn:hover { background: #b30d0d; } .universal_hamburger_menu .aside_content-account_box, .universal_hamburger_menu .aside_content-login, .universal_hamburger_menu .aside_content-main_content .main_content-section { background: #222; } .universal_hamburger_menu .aside_content-login .text-mandatory { color: #dc3545; } .universal_hamburger_menu .aside_content-login .did-floating-input { color: var(--main_text); background: var(--subtheme); border-color: var(--subtheme); } .universal_hamburger_menu .aside_content-login fieldset .fld-block { /* border-color: var(--subtheme); */ border: none; } .universal_hamburger_menu .aside_content-login .did-floating-label { color: #999; } .universal_hamburger_menu .hamburgerSearch .btn.gameCategoryBtn { color: #fff; background: var(--contrasttheme); border-color: var(--contrasttheme); } .universal_hamburger_menu .hamburgerSearch .btn.gameCategoryBtn:hover { color: #fff; background: var(--contrasttheme); } .universal_hamburger_menu .hamburgerSearch .dropdown-menu { border-color: var(--subtheme); } .universal_hamburger_menu .hamburgerSearch .dropdown-menu .dropdown-item:hover, .universal_hamburger_menu .hamburgerSearch .dropdown-menu .dropdown-item:focus, .universal_hamburger_menu .hamburgerSearch .dropdown-menu .dropdown-item.active { background-color: var(--contrasttheme); } .universal_hamburger_menu .hamburgerSearch .result-wrapper #hamburger_searchgame_history_List > .badge { color: #fff; background: var(--contrasttheme); border-color: var(--contrasttheme); } .universal_hamburger_menu .hamburgerSearch .result-wrapper .searchgamewidgetListing li { background: var(--subtheme); border-color: var(--contrasttheme); } .universal_hamburger_menu .aside_content-main_content .main_content-section-title { color: #fff; border-color: #fff; } .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: #666; } .universal_hamburger_menu #hamburgerCategory img.icon { filter: brightness(0.7); } .universal_hamburger_menu .collapse-container [data-toggle=collapse][aria-expanded=true], .universal_hamburger_menu .collapse-container [data-toggle=collapse][aria-expanded=true]:has(+ .collapse-0), .universal_hamburger_menu .collapse-container [data-toggle=collapse] + .collapse, .universal_hamburger_menu .collapse-container [data-toggle=collapse] + .collapsing, .universal_hamburger_menu .collapse-container [data-toggle=collapse] + .collapse-0 { background-color: #333; } .universal_hamburger_menu .collapse-container [data-toggle=collapse][aria-expanded=true]:has(+ .collapse-1), .universal_hamburger_menu .collapse-container [data-toggle=collapse] + .collapse-1 { background-color: #444; } .universal_hamburger_menu .aside_content-main_content .main_content-section .btn.active, .universal_hamburger_menu .aside_content-main_content .main_content-section .btn:hover { background-color: var(--contrasttheme); } .universal_hamburger_menu .hamburgerSearch .input-group input, .universal_hamburger_menu .hamburgerSearch .input-group .svg-icon { color: #fff; } .universal_hamburger_menu .hamburgerSearch .input-group { border-color: var(--subtheme); } .universal_hamburger_menu #hamburgerCategory .btn.active img.icon, .universal_hamburger_menu #hamburgerCategory .btn:hover img.icon { filter: brightness(2); } .universal_hamburger_menu .aside_content-login .login-button{ gap: 0.75rem; } .universal_hamburger_menu .aside_content-login .did-floating-label-content svg { color: var(--contrasttheme); } .universal_hamburger_menu .aside_content-login .login-button button.btn-login:hover{ background: var(--subtheme); } .universal_hamburger_menu .aside_content-account_box .account_box-welcome .welcome-username { font-size: 12px; } .simple-login button[type="submit"], .btn[data-target="#loginModal"], .universal_hamburger_menu .aside_content-login .login-button button.btn-login { background: transparent; border: 1px solid white; } .btn-group, .btn-group-vertical { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; } #NRebateClaim .button-claim-rebate { background-image: linear-gradient(to right,#6d4da1,#6d4da1); color: #fff; } /*.dot3-popup2.ui-widget.ui-widget-content #gameDetailsDialog2 .dot3-content2 .game-img-container .top-label .fav-gametag .game-tags .badge-hot, .dot3-popup2.ui-widget.ui-widget-content #gameDetailsDialog2 .dot3-content2 .game-img-container .top-label .fav-gametag .game-tags .badge-new { font-size: min(2vw, 0.75rem); padding: min(0.8vw, 0.375rem); background: #f00; font-weight: normal; }*/ .eachItem a { padding: 5px 10px !important; display: flex; align-items: center; height: 110px; width: 100%; margin: 5px 0px 0px 0px !important; background-color: rgba(255,255,255,0.1); border-radius: 5px !important; justify-content: center; flex-direction: column; } .eachItem a img { object-fit: contain; height: 100%; } .nav-item-content .moreBTN img { filter: grayscale(1); object-fit: cover; aspect-ratio: 185 / 113; } .eachItem { padding: 0px 5px 5px 5px !important; margin: 0 !important; } .row.justify-content-md-center { margin-top: 5px; } .dorpdownContainer { overflow: hidden; } .moreBTN { margin-top: 4px; margin-left: 0px; } .moreBTN a { display: block; margin-right: 7px !important; background-color: rgba(255,255,255,0.1); border-radius: 5px !important; padding: 5px 10px !important; } .under-m { top: 6px; right: 5px; } .under-n { color: white; background-color: red; padding: 5px; font-size: .6em; position: absolute; border-radius: 0 0px 10px 10px; right: 5px; top: 6px; } .nav-item-content p { color: white; margin: 5px 0 5px 0; font-size: .78em; } :root { --GenericFormColor: #1676f3; } /* new form css */ .signin-content-v3 { padding: 10px 25px 10px 25px; text-align: left; } .signin-content-v3 .bottom { display: flex; flex-direction: column; align-items: center; /*gap: 0.5rem; margin: 1rem 0;*/ } .model-h3 { font-size: 1.3rem !important; font-weight: 500; width: 95%; margin: 0 0 10px 0 !important; color:#333; line-height:125%; } .model-h3 > small { display: block; font-size: 0.75rem; margin-bottom: 10px; } #registerModal .modal-content { background-color: #fff; margin: auto; padding: 0; border: none; /* width: 400px;*/ /* border-radius: 5px;*/ } #registerModal .close-popup { position: absolute; top: 7px; right: 0; bottom: auto; left: auto; z-index: 10; cursor: pointer; color: #808aa6; font-size: 24px; font-weight: normal; line-height: 1; transition: opacity 1s 1s; } /*floating label input*/ .did-floating-label-content, .did-floating-label-content .localized-wrapping { position: relative; margin-bottom: 10px; display: flex; align-items: center; width: 100%; flex-wrap: wrap; } .did-floating-label-content .localized-wrapping:first-child { margin-bottom: 0; } .did-floating-label-content svg { position: absolute; width: 24px; height: 24px; color: var(--GenericFormColor); left: 17px; top: 5px; } .did-floating-label-content > div, .selectCustom > div:not(.select) { width: 100%; } .did-floating-label { color: #1e4c82; font-size: 13px; font-weight: normal; position: absolute; pointer-events: none; left: 50px; top: 9px; padding: 0 5px; background: transparent; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; transition: 0.2s ease all; } .did-floating-input, .did-floating-select { font-size: 16px; display: block; width: 100%; height: 35px; padding: 0 20px 0 55px; background: #fff; color: #323840; border: 1px solid #dbdfe5; border-radius: 5px; box-sizing: border-box; } .did-floating-input:focus, .did-floating-select:focus { outline: none; border-color:#2575fc; } .did-floating-input:focus ~ .did-floating-label, .did-floating-select:focus ~ .did-floating-label { /* top: -8px;*/ /* font-size: 13px;*/ opacity: 0; transform: translateY(-8px); } select.did-floating-select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } select.did-floating-select::-ms-expand { display: none; } .did-floating-input:not(:placeholder-shown) ~ .did-floating-label { top: -8px; font-size: 13px; opacity: 0; } .did-floating-select:not([value=""]):valid ~ .did-floating-label { top: -8px; font-size: 13px; opacity: 0; } .did-floating-select[value=""]:focus ~ .did-floating-label { top: 11px; font-size: 13px; } .did-floating-select:not([multiple]):not([size]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6'%3E%3Cpath id='Path_1' data-name='Path 1' d='M371,294l4,6,4-6Z' transform='translate(-371 -294)' fill='%23003d71'/%3E%3C/svg%3E%0A"); background-position: right 15px top 50%; background-repeat: no-repeat; } .did-error-input .did-floating-input, .did-error-input .did-floating-select { border: 2px solid #9d3b3b; color: #9d3b3b; } .did-error-input .did-floating-label { font-weight: 600; color: #9d3b3b; } .did-error-input .did-floating-select:not([multiple]):not([size]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6'%3E%3Cpath id='Path_1' data-name='Path 1' d='M371,294l4,6,4-6Z' transform='translate(-371 -294)' fill='%239d3b3b'/%3E%3C/svg%3E%0A"); } .did-floating-label-content .input-group { display: flex; } .did-floating-label-content .input-group .did-floating-input { border-radius: 0 4px 4px 0; border-left: 0; padding-left: 0; } .did-floating-label-content .input-group-append { display: flex; align-items: center; /* margin-left:-1px; */ } .did-floating-label-content .input-group-text { display: flex; align-items: center; font-weight: 400; height: 34px; color: #323840; padding: 0 5px 0 20px; font-size: 12px; text-align: center; white-space: nowrap; border: 1px solid #3D85D8; border-radius: 4px 0 0 4px; border-right: none; } #RCfilCol svg { top: 12px; } .did-floating-label-content.registerAccountIcon svg { width: 20px; left: 20px; top: 8px; } .did-floating-label.required:after { content: '*'; color: red; } .did-floating-label-content .toggle-password { position: absolute; right: 8px; top: 0; cursor: pointer; width: 35px; height: 35px; background-position: center center; background-size: 56%; background-repeat: no-repeat; } .did-floating-label-content .pw-eye { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 12' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.2498 12C6.64003 12 0.981934 8.09276 0.981934 6C0.981934 3.90724 6.64003 0 11.2498 0C15.8596 0 21.5176 3.90724 21.5176 6C21.5176 8.09276 15.8596 12 11.2498 12ZM2.95934 6.46234C3.45217 6.99398 4.12936 7.57615 4.89724 8.10641C6.85469 9.45814 9.06793 10.2774 11.2498 10.2774C13.4316 10.2774 15.6449 9.45814 17.6023 8.10641C18.3702 7.57615 19.0474 6.99398 19.5402 6.46234C19.6993 6.29078 19.8308 6.13295 19.928 6C19.8308 5.86705 19.6993 5.70922 19.5402 5.53766C19.0474 5.00602 18.3702 4.42385 17.6023 3.89359C15.6449 2.54186 13.4316 1.72256 11.2498 1.72256C9.06793 1.72256 6.85469 2.54186 4.89724 3.89359C4.12936 4.42385 3.45217 5.00602 2.95934 5.53766C2.8003 5.70922 2.6688 5.86705 2.57159 6C2.6688 6.13295 2.8003 6.29078 2.95934 6.46234ZM11.2498 9.5C9.26502 9.5 7.65604 7.933 7.65604 6C7.65604 4.067 9.26502 2.5 11.2498 2.5C13.2346 2.5 14.8435 4.067 14.8435 6C14.8435 7.933 13.2346 9.5 11.2498 9.5ZM11.2498 7.7C12.2138 7.7 12.9953 6.93888 12.9953 6C12.9953 5.06112 12.2138 4.3 11.2498 4.3C10.2858 4.3 9.50425 5.06112 9.50425 6C9.50425 6.93888 10.2858 7.7 11.2498 7.7Z' fill-opacity='0.6'/%3E%3C/svg%3E"); } .did-floating-label-content .pw-eye-slash { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 16' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.49908 13.6495L8.93791 12.2107C9.29193 12.2548 9.64639 12.2774 10 12.2774C12.1249 12.2774 14.2804 11.4582 16.1868 10.1064C16.9347 9.57615 17.5942 8.99399 18.0742 8.46235C18.2291 8.29079 18.3571 8.13296 18.4518 8.00001C18.3571 7.86706 18.2291 7.70923 18.0742 7.53767C17.5942 7.00603 16.9347 6.42386 16.1868 5.8936C16.0035 5.76358 15.8178 5.63848 15.63 5.51857L16.8352 4.31338C18.6938 5.53215 20 6.98112 20 8.00001C20 10.0928 14.4895 14 10 14C9.18692 14 8.34035 13.8719 7.49908 13.6495ZM3.16933 11.6896C1.30831 10.4702 0 9.01973 0 8.00001C0 5.90724 5.51049 2.00001 10 2.00001C10.815 2.00001 11.6637 2.12877 12.5069 2.35207L11.0688 3.79015C10.7126 3.74555 10.3558 3.72257 10 3.72257C7.87506 3.72257 5.71956 4.54187 3.81317 5.8936C3.06532 6.42386 2.4058 7.00603 1.92582 7.53767C1.77093 7.70923 1.64286 7.86706 1.54819 8.00001C1.64286 8.13296 1.77093 8.29079 1.92582 8.46235C2.4058 8.99399 3.06532 9.57615 3.81317 10.1064C3.99804 10.2375 4.18526 10.3636 4.37457 10.4844L3.16933 11.6896ZM9.66448 11.4841L13.4841 7.66448C13.4946 7.77491 13.5 7.88683 13.5 8.00001C13.5 9.93301 11.933 11.5 10 11.5C9.88682 11.5 9.7749 11.4946 9.66448 11.4841ZM6.51654 8.34242C6.5056 8.22976 6.5 8.11554 6.5 8.00001C6.5 6.06701 8.067 4.50001 10 4.50001C10.1155 4.50001 10.2298 4.50561 10.3424 4.51655L6.51654 8.34242ZM2.50435 14.5103L16.713 0.301597C17.0061 0.00851703 17.4813 0.00851703 17.7744 0.301597C18.0675 0.594678 18.0675 1.06985 17.7744 1.36294L3.56569 15.5716C3.2726 15.8647 2.79743 15.8647 2.50435 15.5716C2.21127 15.2785 2.21127 14.8034 2.50435 14.5103Z' fill-opacity='0.6'/%3E%3C/svg%3E"); } .registerPhone .f-dropdown-wrapper { position: absolute; right: 0; margin: 0; } .registerPhone .f-dropdown-wrapper .f-dropdown > span { padding: 0 10px !important; border-radius: 0 50px 50px 0 !important; border-right: none !important; border-top: none !important; border-bottom: none !important; height: 40px !important; background: transparent; } .registerPhone .f-dropdown-wrapper .f-dropdown > span:before { background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.4 8.7'%3E%3Cg%3E%3Cg%3E%3Cpath d='M7.7 8.6c-0.2 0-0.4-0.1-0.5-0.2l-6.9-7C0 1.1 0 0.6 0.3 0.3C0.5 0 1 0 1.3 0.3l6.4 6.5l6.4-6.5c0.3-0.3 0.8-0.3 1.1 0c0.3 0.3 0.3 0.8 0 1.1l-6.9 7C8.1 8.5 7.9 8.6 7.7 8.6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important; filter: none !important; } /*custom checkbox*/ .form-group-checkbox-custom { display: block; margin-bottom: 15px; } .form-group-checkbox-custom input { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; } .form-group-checkbox-custom label { position: relative; cursor: pointer; } .form-group-checkbox-custom label:before { content: ''; -webkit-appearance: none; border-radius: 3px; background-color: #e3e3e3; padding: 8px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 5px; } .form-group-checkbox-custom input:checked + label:after { content: ''; display: block; position: absolute; top: 3px; left: 6px; width: 6px; height: 10px; border: solid #0079bf; border-width: 0 2px 2px 0; transform: rotate(45deg); } .rgstButton { background-image: linear-gradient(to right, #6a11cb, #2575fc); color: #fff; border-radius: 5px; padding:10px; display: flex; align-items: center; justify-content: center; border: none; text-transform: uppercase; font-size: 1rem !important; } .rgstButton.rgstXS { padding: 6px 10px; cursor: pointer; } .rgstButton:hover { background-image: linear-gradient(to right, #2575fc, #6a11cb); } .text-underline { text-decoration: underline !important; } /*#registerModal .bottom { padding-bottom: 15px; border-radius: 0 0 5px 5px;*/ /* color: #333;*/ /*}*/ .registrationCaptcha { display: flex; align-items: normal; margin-bottom: 10px; flex-direction: column; } .registrationCaptcha .form-block { width: 100%; } .registrationCaptcha .fld-block { display: flex; justify-content: space-between; } .registrationCaptcha .captchaimage { width:50%; } .registrationCaptcha .captchaimage img { width: 90%; margin-right:15px; } .captchaInputRefresh { display:flex; justify-content:center; align-items:center; position:relative; } .captchaInputRefresh a.captcha-refresh { position: absolute; right: 10px; width: auto; } .captchaInputRefresh a.captcha-refresh span { display:none; } .captchaInputRefresh .fld { height: 38px; border-radius: 5px; border: 1px solid #dbdfe5; } .captchaInputRefresh input.fld:focus { border-color: #1676f3; } .captchaInputRefresh a.captcha-refresh i { font-size: 20px; color: #1676f3; } .did-floating-label-content.registerAffiliate svg { width: 25px; top: 11px; left: 17px; } /* end new form css */ .modalCloseButton { border: none; background: #efefef; position: absolute; right: 15px; top: 15px; padding: 5px 8px; border-radius: 100px; display: flex; align-items: center; width: 28px; height: 28px; justify-content:center; z-index:10; } .modalCloseButton svg { color: #333; width: 100%; } /* .genericLink { width: 100%; display: block; padding: 0 0 5px 0; } */ /*multisteps form */ .registerModalSteps .modal-dialog { max-width: 700px!important; } .registerModalSteps .modal-content { width: 100% !important; } .registerModalSteps .modal-content.one { max-width: 100% !important; } #registerModal .bottom .btn { font-size: 1rem!important; } .hide { display: none; } /* end multisteps form */ .selectCustom .select { cursor: pointer; display: inline-block; position: relative; color: #fff; width: 100%; height:30px; } .selectCustom select { display: none; } .custom-select-dd { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #fff; color: #225084; border: 1px solid #dbdfe5; border-radius: 5px; height: 35px; padding: 0 40px 0 55px; display: flex; align-items: center; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .custom-select-dd:after { transform: rotateZ(0deg); transition: all 0.5s; content: ""; display: block; position: absolute; right: 12px; transition: all 0.3s ease; background-repeat: no-repeat; background-size: 70%; background-position: center center; width: 15px; height: 15px; filter: invert(43%) sepia(90%) saturate(3956%) hue-rotate(201deg) brightness(95%) contrast(99%); background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 19.3 18.7' xml:space='preserve'%3E%3Cpolygon points='9.6 18.6 4.8 9.3 0 0 9.6 0 19.3 0 14.4 9.3 '/%3E%3C/svg%3E"); } /*.custom-select:hover { background-color: #b83729; } */ .custom-select-dd:active, .custom-select-dd.active { background-color: #fff; color: #9E9E9E; border-color: #1677f1; } .custom-select-dd:active:after, .custom-select-dd.active:after { transform: rotateZ(180deg); transition: all 0.5s; } .custom-select-dd:focus { outline: 2px; } .select-options { max-height: 200px; overflow-y: auto; display: none; position: absolute; top: 110%; right: 0; left: 0; z-index: 999; margin: 0; padding: 0; list-style: none; background-color: #fff; border-radius: 5px; border: 1px solid #ccc; } .select-options li:first-child { display:none; } .select-options li { color: #424242; margin: 0; padding: 12px 0; /* text-indent: 15px; */ /* border-top: 1px solid #AED581; */ -moz-transition: all 0.15s ease-in; -o-transition: all 0.15s ease-in; -webkit-transition: all 0.15s ease-in; transition: all 0.15s ease-in; padding-left: 15px; } .select-options li.inactive { font-weight: bold; cursor: default; padding-left: 5px; } .select-options li.inactive:hover { background: none; color: #424242; } .select-options li:hover { color: #ffff; background: #1677f1; } .select-options li[rel="hide"] { display: none; } .select-options::-webkit-scrollbar { width: 8px; background-color: #F5F5F5; border-radius: 0 0 5px 0; } .select-options::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #9E9E9E; } .selectCustom { width: 100%; position: relative; margin-bottom: 10px; } .selectCustom svg { width: 24px; position: absolute; z-index: 1; left: 17px; color: #1676f3; top: 8px; } .disabled_field:after { content: ''; display: block; background-color: #000; position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0.08; border-radius: 5px; } #registerModal button.dropbtn-single-box{ color: inherit; } #registerModal .dropdown-single-content{ right: auto; left: 0; } #registerModal .dropdown-single-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; text-align:left; } #registerModal .dropdown-single-content a p { margin:0; /* color: black;*/ } .checkregisterpart1, .checkregisterpart2, .checkregisterpart3{ width:100%; } option.inactive { font-weight: bold; cursor: default; padding-left: 5px; } .phoneRegisterBorder { border: none; border-radius: 5px; box-sizing: border-box; } .border-0:focus, .did-floating-input.border-0{ border: none !important; } .phoneLabel{ left: 0px; } .did-floating-input.pl-2{ padding-left: 0.5rem !important; } .phone-svg{ margin-right: -0.5rem; } @media screen and (max-width:768px) { .phone-svg { margin-right: -0.25rem !important; } } .phone-svg-single { margin-right: 1.5rem; } #__AjaxRegisterAntiForgeryForm button#dropdownMenuLink { display: none; } @media screen and (max-width:768px) { .phone-svg-single { margin-right: -0.25rem !important; } #__AjaxRegisterAntiForgeryForm button#dropdownMenuLink { display: block; } } #__AjaxRegisterAntiForgeryForm button#dropdownMenuLink .icon-language { width: 25px; height: 25px; } .captchaInputRefresh a svg { width: 16px; margin-top: -3px; color: #007bff; } .localized-wrapping { background: transparent !important; border: 1px solid #dbdfe5; }