/* Minification failed. Returning unminified contents. (7,1): run-time error CSS1019: Unexpected token, found '@import' (7,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')' (203,28): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (259,22): run-time error CSS1039: Token not allowed after unary operator: '-c-background' (303,17): run-time error CSS1039: Token not allowed after unary operator: '-c-text-primary' (368,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (423,17): run-time error CSS1039: Token not allowed after unary operator: '-info' (1060,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1061,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (1074,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1075,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (1255,77): run-time error CSS1039: Token not allowed after unary operator: '-c-error-rgb' (1255,109): run-time error CSS1039: Token not allowed after unary operator: '-c-error-rgb' (1255,139): run-time error CSS1039: Token not allowed after unary operator: '-c-surface-dark' (1256,72): run-time error CSS1039: Token not allowed after unary operator: '-c-error-rgb' (1256,104): run-time error CSS1039: Token not allowed after unary operator: '-c-error-rgb' (1256,134): run-time error CSS1039: Token not allowed after unary operator: '-c-surface-dark' (1257,71): run-time error CSS1039: Token not allowed after unary operator: '-c-error-rgb' (1257,103): run-time error CSS1039: Token not allowed after unary operator: '-c-error-rgb' (1257,133): run-time error CSS1039: Token not allowed after unary operator: '-c-surface-dark' (2175,22): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (2184,29): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (2192,33): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (2314,28): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (2642,17): run-time error CSS1039: Token not allowed after unary operator: '-info' (2987,22): run-time error CSS1039: Token not allowed after unary operator: '-c-background-invert' (2988,33): run-time error CSS1039: Token not allowed after unary operator: '-c-background-dark-rgb' (2989,22): run-time error CSS1039: Token not allowed after unary operator: '-c-text-primary-invert-rgb' (2996,17): run-time error CSS1039: Token not allowed after unary operator: '-c-success' (5693,28): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (5735,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (5773,17): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (6075,28): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (6163,17): run-time error CSS1039: Token not allowed after unary operator: '-light' (6169,17): run-time error CSS1039: Token not allowed after unary operator: '-light' (6200,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (6204,17): run-time error CSS1039: Token not allowed after unary operator: '-light' (6244,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6245,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6258,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6259,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6333,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6334,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (6345,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6346,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (6377,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (6404,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (6495,32): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (6631,28): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (6652,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (6673,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6674,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6675,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6676,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6677,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6678,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6679,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6680,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6681,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6682,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6683,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6684,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6685,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6689,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6690,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6691,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6692,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6693,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6694,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6695,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6696,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6697,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6698,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6699,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6700,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6701,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6707,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6708,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6709,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6710,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6711,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6712,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6713,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6729,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-xxs' (6734,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-xs' (6739,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-sm' (6744,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-md' (6749,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-lg' (6754,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-xl' (6759,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-xxl' (6767,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6768,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6779,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6780,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6798,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6799,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6800,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6801,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6807,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6808,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6809,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6810,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6811,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6812,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6813,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6814,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6815,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6816,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6817,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6818,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6819,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6820,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6821,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6822,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6823,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6824,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6825,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6826,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6827,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6828,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6829,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6830,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6831,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6832,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6833,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6834,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6835,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6836,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6837,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6838,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6839,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6840,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6841,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6842,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6843,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6844,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6845,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6846,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6847,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6848,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6849,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6850,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6851,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6852,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6853,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6854,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6855,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6856,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6857,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6858,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6859,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6860,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6861,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6862,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6863,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6864,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6865,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6866,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6867,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6868,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6869,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6870,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6871,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6872,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6873,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6874,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6875,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6876,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6877,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6878,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6879,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6880,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6881,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6882,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6883,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6884,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6885,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6886,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6887,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6888,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6889,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6890,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6891,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6892,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6893,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6894,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6895,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6896,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6897,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6898,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6899,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6900,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6901,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6902,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6903,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6904,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6905,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6906,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6907,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6908,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6909,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6910,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6911,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6912,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6913,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6914,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6915,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6916,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6917,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6918,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6919,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6920,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6921,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6922,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6923,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6924,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6925,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6926,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6927,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6928,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6929,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6930,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6931,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6932,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6933,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6934,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6935,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6936,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6937,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6938,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6939,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6940,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6946,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6947,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6948,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6949,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6950,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6951,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6952,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6953,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6954,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6955,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6956,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6957,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6958,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6959,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6960,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6961,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6962,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7015,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7016,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7018,39): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-shadow' (7027,43): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-shadow' (7095,26): run-time error CSS1039: Token not allowed after unary operator: '-text-xs' (7107,17): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (7109,33): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-2-h' (7109,54): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-2-s' (7109,80): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-2-l' (7114,25): run-time error CSS1039: Token not allowed after unary operator: '-space-xxxs' (7143,28): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (7144,32): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (7146,36): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-4' (7148,17): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (7152,28): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (7153,28): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (7176,22): run-time error CSS1039: Token not allowed after unary operator: '-color-user-bg' (7184,19): run-time error CSS1039: Token not allowed after unary operator: '-space-md' (7185,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7186,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7191,21): run-time error CSS1039: Token not allowed after unary operator: '-gray' (7191,34): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1-s' (7191,60): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1-l' (7193,21): run-time error CSS1039: Token not allowed after unary operator: '-text-sm' (7204,21): run-time error CSS1039: Token not allowed after unary operator: '-text-sm' (7210,23): run-time error CSS1039: Token not allowed after unary operator: '-space-lg' (7234,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7235,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7244,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7245,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7260,17): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (7274,22): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (7377,28): run-time error CSS1039: Token not allowed after unary operator: '-photoboxOverlay' (7378,37): run-time error CSS1039: Token not allowed after unary operator: '-photoboxAnimationDuration' (7378,90): run-time error CSS1039: Token not allowed after unary operator: '-photoboxAnimationDuration' (7385,31): run-time error CSS1039: Token not allowed after unary operator: '-photoboxAnimationDuration' (7391,32): run-time error CSS1039: Token not allowed after unary operator: '-photoboxAnimationDuration' (7402,31): run-time error CSS1039: Token not allowed after unary operator: '-photoboxAnimationDuration' (7417,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7418,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7441,21): run-time error CSS1039: Token not allowed after unary operator: '-text-sm' (7442,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-dark' (7446,21): run-time error CSS1039: Token not allowed after unary operator: '-text-xs' (7519,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7520,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7529,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7530,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7592,17): run-time error CSS1039: Token not allowed after unary operator: '-color-afb-black' (7627,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7628,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7637,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7638,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7697,22): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (7719,22): run-time error CSS1039: Token not allowed after unary operator: '-light' (7741,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7742,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7753,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7754,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7900,23): run-time error CSS1038: Expected hex color, found '#fff0' (8407,17): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-2' (8410,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8411,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (8422,1): run-time error CSS1019: Unexpected token, found '@keyframes' (8423,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9392,28): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (9397,28): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (9488,28): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (9662,24): run-time error CSS1039: Token not allowed after unary operator: '-color-warning' (9666,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (9670,24): run-time error CSS1039: Token not allowed after unary operator: '-color-contrast-low' (9674,24): run-time error CSS1039: Token not allowed after unary operator: '-color-success' (9678,28): run-time error CSS1039: Token not allowed after unary operator: '-color-warning' (9682,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (9686,28): run-time error CSS1039: Token not allowed after unary operator: '-color-contrast-low' (9690,28): run-time error CSS1039: Token not allowed after unary operator: '-color-success' (9714,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9715,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9726,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9727,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9738,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9739,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9750,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9751,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9762,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9763,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9774,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9775,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9786,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9787,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9813,34): run-time error CSS1046: Expect comma, found '62' (9813,40): run-time error CSS1046: Expect comma, found '/' (9856,28): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (9878,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9879,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9889,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9890,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10109,22): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (10124,17): run-time error CSS1039: Token not allowed after unary operator: '-light' (10289,20): run-time error CSS1046: Expect comma, found '255' (10289,28): run-time error CSS1046: Expect comma, found '/' (10425,22): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (10579,24): run-time error CSS1046: Expect comma, found '62' (10579,30): run-time error CSS1046: Expect comma, found '/' (11189,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (11191,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11211,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11213,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11233,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11235,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11265,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11267,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11287,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (11289,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11306,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11308,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11332,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11334,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11354,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (11356,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11373,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11375,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11427,28): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (11696,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11697,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11707,28): run-time error CSS1039: Token not allowed after unary operator: '-backgroundColor' (11724,22): run-time error CSS1039: Token not allowed after unary operator: '-size' (11725,23): run-time error CSS1039: Token not allowed after unary operator: '-size' (11744,31): run-time error CSS1039: Token not allowed after unary operator: '-size' (11751,17): run-time error CSS1039: Token not allowed after unary operator: '-size' (11752,18): run-time error CSS1039: Token not allowed after unary operator: '-size' (11760,22): run-time error CSS1039: Token not allowed after unary operator: '-size' (11761,18): run-time error CSS1039: Token not allowed after unary operator: '-size' (11766,33): run-time error CSS1039: Token not allowed after unary operator: '-backgroundColor' (11785,22): run-time error CSS1039: Token not allowed after unary operator: '-size' (11786,23): run-time error CSS1039: Token not allowed after unary operator: '-size' (11787,28): run-time error CSS1039: Token not allowed after unary operator: '-backgroundColor' (11794,22): run-time error CSS1039: Token not allowed after unary operator: '-size' (11795,23): run-time error CSS1039: Token not allowed after unary operator: '-size' (11812,38): run-time error CSS1039: Token not allowed after unary operator: '-size' (11815,28): run-time error CSS1039: Token not allowed after unary operator: '-backgroundColor' (12052,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (12053,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12078,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12079,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12130,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12131,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12812,20): run-time error CSS1046: Expect comma, found '255' (12812,28): run-time error CSS1046: Expect comma, found '/' (12847,29): run-time error CSS1038: Expected hex color, found '#0003' (13358,1): run-time error CSS1019: Unexpected token, found '}' (13529,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13533,15): run-time error CSS1039: Token not allowed after unary operator: '-gap' (13544,15): run-time error CSS1039: Token not allowed after unary operator: '-gap' (13547,1): run-time error CSS1019: Unexpected token, found '@keyframes' (13548,10): run-time error CSS1035: Expected colon, found '{' (13649,22): run-time error CSS1039: Token not allowed after unary operator: '-cd-color-1' (13766,1): run-time error CSS1019: Unexpected token, found '@keyframes' (13767,8): run-time error CSS1035: Expected colon, found '{' (13773,1): run-time error CSS1019: Unexpected token, found '@keyframes' (13774,8): run-time error CSS1035: Expected colon, found '{' (13963,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-border-radius' (13973,40): run-time error CSS1039: Token not allowed after unary operator: '-c-button-1-border' (13974,29): run-time error CSS1039: Token not allowed after unary operator: '-c-button-1-text' (13975,34): run-time error CSS1039: Token not allowed after unary operator: '-c-button-1-bg' (14228,1): run-time error CSS1019: Unexpected token, found '}' (14234,1): run-time error CSS1019: Unexpected token, found '}' (14896,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14981,21): run-time error CSS1039: Token not allowed after unary operator: '-GenericFormColor' (15497,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%} @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); body { font-family: 'Poppins', sans-serif; background: #13171d; float: left; width: 100%; letter-spacing: 0.5px; } /*::-webkit-scrollbar { width: 0px; } ::-webkit-scrollbar-thumb { background: transparent; }*/ img.icon-flag { width: 20px; margin-right: 10px; } ul { margin: 0; padding: 0; list-style: none; } a:hover { text-decoration: none; } button:focus, .btn:focus { outline: none; box-shadow: none; } i.one { margin-left: 10px; } .afb-border-top { border-top: 1px solid #313131; } .afb-textlimit { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; /* number of lines to show */ -webkit-box-orient: vertical; } .afb-textlimit-two { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */ -webkit-box-orient: vertical; } .afb-textlimit-three { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* number of lines to show */ -webkit-box-orient: vertical; } .afb-textlimit-four { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; /* number of lines to show */ -webkit-box-orient: vertical; } .openNav, .closebtn { display: none; } .carousel-indicators, .carousel-caption { z-index: 1; } .header-fix { width: 100%; background: #070707; box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .45); transition: top .2s; /*height: 50px; padding: 5px 10px; position: fixed; top: 30px; z-index: 99;*/ } /* 876 screen hide */ .afb-display-m { display: block; } @media only screen and (max-width:876px) { .afb-display-m { display: none !important; } } .logo { width: 200px; height: auto; text-align: center; } .logo img { max-width: 150px; } label { font-size: 14px; font-weight: 500; } .form-group label { color: #000 !important; margin-bottom:0; } .header-row { display: flex; justify-content: space-between; align-items: center; width: 100%; /*position: relative;*/ } .afb-button-bg a { background-color: #0095ff; padding: 2px 10px; border-radius: 5px; color: white !important; margin: 0 auto !important; font-weight: 500 !important; } .afb-button-bg a:hover, .h_bar-btn .btn:hover, .button.button-regular:hover, .button.button-small:hover { background-color: #1d212a; } .button.button-regular.two:hover { color: white; } .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: #420a5d; 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: #ff6a00; } .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; } .header-side { -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; height: 100%; overflow: hidden; position: relative; right: 0; top: 0; width: 260px; } .header-sider-bar { -moz-box-align: center; -ms-flex-align: center; -ms-transform: translateX(73%); -o-transition: transform .5s ease-in-out; -webkit-align-items: center; -webkit-box-align: center; -webkit-transform: translateX(73%); -webkit-transition: -webkit-transform .5s ease-in-out; align-items: center; background: var(--c-background); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; height: 100%; position: relative; transform: translateX(73%); transition: -webkit-transform .5s ease-in-out; transition: transform .5s ease-in-out; transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out; width: 260px; will-change: transform; } .setting-icon { cursor: pointer; height: 100%; position: relative; width: 65px; } .setting-icon:before { border-right: 1px solid #2a3040; content: ""; display: block; height: 22px; left: 0; position: absolute; top: 50%; transform: translateY(-50%); } .setting-icon-under { -moz-box-align: center; -moz-box-pack: start; -ms-flex-align: center; -ms-flex-pack: start; -webkit-align-items: center; -webkit-box-align: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; align-items: center; color: var(--c-text-primary); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; height: 100%; justify-content: flex-start; width: 100%; } .icon-cart { -moz-box-align: center; -moz-box-pack: center; -ms-flex-align: center; -ms-flex-pack: center; -webkit-align-items: center; -webkit-box-align: center; -webkit-box-pack: center; -webkit-justify-content: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: center; margin-left: 16px; margin-right: 5px; } .icon-cart-2 { margin-left: 5px; } .setting-icon-under i { color: #bebebe; font-size: 18px; } .h_bar-dropdown { min-height: 36px; margin: 0 10px; padding-right: 5px; } .h_bar-dropdown:after { display: block; height: 22px; position: absolute; top: 7px; right: 0; border-right: 1px solid #2a3040; content: ""; } .h_bar-login { display: flex; position: relative; /* vertical-align: middle; */ align-items: center; } .h_bar-login span { color: var(--white); vertical-align: middle; font-size: 12px; } @media only screen and (max-width:414px) { .h_bar-login { gap: 0; } .h_bar-login span { padding: 12px 9px !important; } } .h_bar-login span.one { font-weight: 300; cursor: pointer; text-transform: uppercase; white-space: nowrap; } .h_bar-login span.one:hover { color: #ff6a00; } @media only screen and (max-width:320px) { .h_bar-login span.one { display: none; } } .h_bar-link { display: inline-block; vertical-align: middle; } .h_bar-link.one { display: flex; } .h_bar-link img { height: 30px; } .h_bar-link a { float: right; padding-right: 22px; color: #bebebe; font-weight: 700; font-size: 12px; line-height: 36px; text-decoration: none; } .h_bar-link span { color: var(--info); } .h_bar-link span:hover { color: #ff6a00; } .h_bar-btn .btn { /* display: inline-block;*/ /*min-width: 90px; height: 40px;*/ padding: 0 20px; border: none; font-weight: 700; font-size: 12px; line-height: 40px; text-shadow: none; background: #ff6a00; position: relative; } .open_head .header-sider-bar { transform: translateX(0); } .open_head #setting-on .setting-icon-under i { color: #ff9c00; } .open_head #setting-on .setting-icon-under .icon-cart i { transform: rotate(-180deg); } .main-stracture { width: 100%; float: left; padding: 15px 10px 0; } .select-type, .select-type.one { float: left; width: 100%; cursor: default; } .left-sidebar { width: 15%; /* 0909.240 */ height: auto; float: left; height: 100vh; /*overflow-y: scroll;*/ } @media screen and (max-width:1536px) { .left-sidebar { width: 15%; } } @media screen and (max-width: 767px) { .absolute-text, .handicap button, .HDP span, .total button, .winner1x2 button, .score-total-text { font-size: .65em !important; } .score-total { font-size: .799em; } } .main-stracture .left-sidebar .select-type a { width: 100%; text-align: left; font-size: 12px; text-transform: uppercase; color: #dedcdc; border: none; padding: 10px; display: flex; align-items: center; background: #1d212a; margin-bottom: 0; /*cursor: default;*/ } .main-stracture .left-sidebar .featured ul li a:hover { color: #ff6a00; } .main-stracture .left-sidebar a i { font-size: 19px; } .main-stracture .left-sidebar a span { margin-left: 0; margin-right: 15px; } .main-stracture .left-sidebar a span i { color: #ff6a00; } .main-stracture .left-sidebar .live-video .live-now { width: 60%; margin-bottom: 1px; } .main-stracture .left-sidebar .live-video .live-now i { color: #cf2c27; font-size: 14px; } .main-stracture .left-sidebar .live-video .video-now { width: 39%; margin-bottom: 1px; margin-left: 2px; } .main-stracture .left-sidebar .live-video .video-now a { text-transform: capitalize; } .main-stracture .left-sidebar .live-video .video-now i { color: #fff; } .main-stracture .left-sidebar .live-video .live-now a, .main-stracture .left-sidebar .live-video .video-now a { height: 40px; } .main-stracture .left-sidebar .all-m { margin-bottom: 8px; } .main-stracture .left-sidebar .all-m a { text-transform: capitalize; font-size: 12px; padding: 10px 8.7px; } .featured { background: #1d212a; /*border-left: solid 3px #ff6a00;*/ padding-bottom: 10px; margin-bottom: 8px; } .featured h3 { font-size: 12px; color: #ff6a00; text-transform: uppercase; font-weight: 500; border-bottom: solid 1px #ff6a00; padding: 10px 15px; margin: 0 0 10px; } .main-stracture .left-sidebar .featured ul li img { width: 20px; height: auto; margin-right: 25px; } .main-stracture .left-sidebar .featured ul li a { font-size: 10.5px; color: #bebebe; padding: 7px 15px; } .left-sidebar button { width: 100%; text-align: left; font-size: 12px; text-transform: uppercase; font-weight: 500; color: #bebebe; border: none; padding: 10px; display: flex; align-items: center; background: transparent; margin-top: 0; margin-bottom: 0; } .left-sidebar button:hover { color: #fff; } .left-sidebar button:focus { outline: none; } .left-sidebar .buldin button { background: #1d212a; } .left-sidebar .buldin button span { float: right; margin-left: auto; } .left-sidebar .buldin button span i { font-weight: 500; font-size: 22px; } .left-sidebar .buldin button:hover { color: #ff6a00; } .left-sidebar .buldin.favorite { margin-bottom: 5px; } .left-sidebar .buldin { margin-bottom: 8px; } .left-sidebar .lest-bar-icon img { width: 26px; margin-right: 20px; opacity: 0.7; } .left-sidebar button:hover .lest-bar-icon img, .left-sidebar button.activity img, .left-sidebar .default button img { opacity: 1; } .left-sidebar button.activity, .default .tablinks { color: #fff; border-left: solid 3px #ff6a00; border-radius: 0; } .all-clear { width: calc(100% - 20px); border-bottom: solid 1px #2a3040; margin-bottom: 10px; padding-bottom: 5px; float: right; } .all-clear span { display: block; font-size: 13px; color: #ff6a00; float: left; } .all-clear span:last-child { float: right; margin-left: auto; } .all-clear span:hover { color: #fff; } .sub-cate { display: none; background: #191c24; padding: 15px; } .sub-cate li { color: #fff; font-size: 11px; cursor: pointer; display: flex; align-items: flex-start; margin-bottom: 12px; width: 100%; padding-right: 7px; position: relative; padding-left: 7px; float: left; } .sub-cate li:before { /*content: "\f00c";*/ position: absolute; font-family: FontAwesome; z-index: 9; left: 0; top: 2px; color: #ff6a00; } .sub-cate li img { width: 100%; } .sub-cate li span { font-size: 14px; color: #fff; display: block; position: absolute; right: 0; } .right-main-part { /* width: calc(100% - 250px); float: left;*/ width: 100%; padding-left: 10px; /*padding-bottom: 25px;*/ display: grid; } .afb-sport-wrapper { width: 84%; display: inline-block; } @media screen and (max-width: 1111px) { .afb-sport-wrapper { width: 100%; } } @media screen and (max-width:1111px) { .right-main-part { width: 100%; display: block; } } .right-top-part { width: 100%; /*background: #2a3040;*/ /*border-bottom: 1px solid #ff6a00; */ display: inline-block; } .right-top-part .h_nav-list .h_nav-item a { font-size: 13px; text-transform: uppercase; } .one-part { width: 100%; float: left; overflow: hidden; margin-bottom: 10px; } .one-top-part { width: 100%; -webkit-box-shadow: 0 1px 0 #cf2c27, inset 0 -1px 0 #cf2c27; box-shadow: 0 1px 0 #cf2c27, inset 0 -1px 0 #cf2c27; padding: 0 18px; height: 40px; background: #2a3040; } .d-flex-a-center { display: flex; align-items: center; } .one-top-left img { width: 22px; margin-right: 20px; float: left; } .one-top-left a { color: #bebebe; font-size: 12px; font-size: 0.7em; text-transform: uppercase; font-weight: 600; } @media screen and (max-width:480px) { .one-top-left a { display: block; } } @media screen and (max-width:320px) { .pmo-progress-contant h4 { font-size: .9rem !important; } } .one-bottom-part { width: 100%; float: left; height: 100px; } .on-bt-bg { background: #1d212a; float: left; margin-top: 1px; height: 100%; margin-left: 1px; } .star-icon { width: 5%; cursor: pointer; margin-left: 0; } .star-icon i { color: #3a4768; font-size: 18px; margin: 0 auto; } .star-color i { color: #ff9c00; } .date-time { width: 8%; padding: 0 10px; } .match-datetime { width: 100%; } .match-time, .match-date { width: 100%; color: #bebebe; text-transform: capitalize; font-size: 13px; font-size: .7em; } .team { /*width: 33.7%;*/ width: 40.7%; } .team-section { width: calc(100% - 60px); padding-left: 15px; } .team-details { width: 100%; float: left; } .team-logo { width: 30px; text-align: center; float: left; margin-right: 10px; } .team-logo img { margin: 0 auto; float: none; width: 30px; } .team-name { width: calc(100% - 50px); float: left; font-size: 14px; font-weight: bold; text-transform: capitalize; } .team-details a { color: #bebebe; width: 100%; float: left; } .team-x { width: 100%; padding-left: 40px; font-size: 11px; font-size: .6em; color: #bebebe; float: left; font-weight: bold; } .score-section { width: 60px; height: 100%; } .p-relative { position: relative; } .absolute-text { position: absolute; height: 38px; width: 100%; top: -40px; color: #9b9b9b; font-size: 11px; padding: 0 5px; text-transform: uppercase; text-align: center; } .absolute-text span { width: 100%; display: block; } .score-part { width: 100%; height: 100%; } .score-all { width: 100%; } .score-total { width: 100%; color: #ff6a00; font-size: 14px; text-align: center; } .score-total-text { color: #9b9b9b; font-size: 11px; text-transform: capitalize; font-weight: 600; text-align: center; margin: 7px 0; } .center-section { /*width: 43%;*/ width: 46%; float: left; height: 100%; } .center-section i { font-size: 20px; color: #9b9b9b; } .center-section .disabled button, .center-section .winner[disabled] button, .center-section .disabled { cursor: not-allowed; color: #9b9b9b; } .winner-part { width: 19%; height: 100%; float: left; justify-content: center; flex-direction: column; } .winner { display: flex; width: 100%; height: 49.5%; } .winner button { width: 100%; height: 100%; background: transparent; border: none; color: #fff; font-size: 12px; } .winner1x2 { display: flex; width: 100%; height: 33%; } .winner1x2 button { width: 100%; height: 100%; background: transparent; border: none; color: #fff; font-size: 12px; position: relative; display: flex; justify-content: center; align-items: center; } .winner1x2 button .green { background-color: green; animation: blink 5s infinite; -webkit-animation: blink 3s infinite; } .winner1x2 button .red { background-color: red; animation: blink 5s infinite; -webkit-animation: blink 3s infinite; } .blink-bg_red { color: #fff; font-size: 12px; padding: 10px; display: inline-block; animation: winner1x2_red 3s 5; } @keyframes winner1x2_red { 100% { background-color: red; } } .blink-bg_green { color: #fff; font-size: 12px; padding: 10px; display: inline-block; animation: winner1x2_green 3s 5; } @keyframes winner1x2_green { 100% { background-color: green; } } .handicap-part { width: 30%; height: 100%; float: left; } .handicap-section { width: 100%; float: left; height: 49.5%; margin-left: 2px; } .handicap { display: flex; width: 50%; height: 100%; float: left; } .handicap button { width: 100%; height: 100%; background: transparent; border: none; color: #fff; font-size: 12px; position: relative; display: flex; justify-content: center; align-items: center; } .HDP span { display: block; color: #9b9b9b; margin: 0 auto; font-size: 12px; text-transform: capitalize; cursor: not-allowed; } .total-part { width: 50%; height: 100%; float: left; margin-left: 3px; } .total-section { width: 100%; float: left; height: 49.5%; margin-left: 2px; } .total { display: flex; width: 33.33%; height: 100%; float: left; } .total button { width: 100%; height: 100%; background: transparent; border: none; color: #fff; font-size: 12px; position: relative; display: flex; justify-content: center; align-items: center; } .total span { display: block; color: #9b9b9b; margin: 0 auto; font-size: 12px; font-size: .65em; text-transform: capitalize; } .last-part { width: 10%; height: 100%; float: left; margin-left: 0; } .video-section { width: 100%; height: 49%; background: #cf2c27; } .watch { margin: auto; width: 100%; height: 100%; } .watch a { color: #fff; font-size: 12px; width: 100%; height: 100%; } .watch a span { margin: auto; } .watch a .hs { display: none; } .watch a i { margin-right: 5px; } .video-bottom { width: 100%; height: 49%; } .video-bottom a { font-size: 18px; color: #fff; font-weight: bold; margin: auto; } .open-watch { width: 100%; height: 400px; display: none; } .open-watch-top { background: #1d212a; height: 40px; padding: 0 15px; } .live-top { width: 100%; float: left; } .live-iocn i { color: #cf2c27; } .live-name { font-size: 14px; color: #fff; margin: 0 20px; } .live-stream { width: 58%; height: calc(100% - 40px); float: left; } .live-stream iframe { width: 100%; height: 100%; } .live-score { background: -webkit-radial-gradient(50% -14.8%, 76.05% 74.6%, rgba(var(--c-error-rgb), .2) 0, rgba(var(--c-error-rgb), 0) 100%), var(--c-surface-dark); background: -o-radial-gradient(50% -14.8%, 76.05% 74.6%, rgba(var(--c-error-rgb), .2) 0, rgba(var(--c-error-rgb), 0) 100%), var(--c-surface-dark); background: radial-gradient(76.05% 74.6% at 50% -14.8%, rgba(var(--c-error-rgb), .2) 0, rgba(var(--c-error-rgb), 0) 100%), var(--c-surface-dark); width: 42%; height: calc(100% - 40px); padding: 10px; } .live-update { width: 100%; text-align: center; } .categori { width: 100%; text-transform: uppercase; color: #fff; font-size: 14px; margin-bottom: 10px; font-weight: 500; } .categori img { max-width: 30px; } .live-team { width: 37%; float: left; padding: 10px; } .live-team .team-logo, .live-team .team-name { width: 100%; color: #fff; margin: 0 0 10px 0; padding: 0; } .live-team .team-logo img { width: 40px; } .live-running { width: 26%; float: left; padding-bottom: 10px; } .live-channel { width: 100%; float: left; } .live-text { font-size: 10px; background: #cf2c27; color: #fff; float: left; width: 25px; text-transform: uppercase; border-radius: 1px; } .map-text { float: left; width: calc(100% - 25px); padding: 0 5px; } .map-text span { color: #5d6473; font-size: 10px; text-transform: uppercase; float: left; display: block; } .map-text p { font-size: 12px; color: #ff6a00; float: left; margin-left: 5px; display: block; } .live-score-update { width: 100%; float: left; } .score-run { color: #ff9c00; font-size: 22px; font-weight: 600; float: none; display: inline-block; margin: auto; } .score-colon { padding: 0; color: #5d6473; width: 15px; float: none; display: inline-block; margin: auto; line-height: 34px; vertical-align: bottom; font-size: 20px; } .live-bottom { width: 100%; float: left; } .live-button { width: 80px; height: 36px; float: none; display: inline-block; margin: auto; } .live-button button { width: 100%; height: 100%; float: left; background: #2a3040; border-radius: 3px; border: none; color: #fff; font-size: 14px; } .live-button button:hover { background: #1f61b2; } .live-vs { width: 80px; height: 36px; background: transparent; color: #5d6473; text-transform: uppercase; text-align: center; } .live-vs span { margin: auto; } .live-video-stream-open .absolute-text { transform: translate3d(0, -400px, 0); } .live-video-stream-open .video-section { background: transparent; } .live-video-stream-open .watch a { color: #fff; } .live-video-stream-open .watch a .sh { display: none; } .live-video-stream-open .watch a .hs { display: block; } .right-top-end { float: right; padding: 5px 0; } .search-bar { float: left; background: #1d212a; border-radius: 3px; /*margin-right: 5px;*/ } .search-bar button, .search-bar input, .search-bar button:focus, .search-bar input:focus { background: transparent; border: none; height: 40px; outline: none; box-shadow: none; } .search-bar button { width: 30px; } .search-bar button i { color: #bebebe !important; } .search-bar input { padding-left: 10px; font-size: 14px; color: #fff !important; width: 150px; } .search-bar input::placeholder { font-size: 14px; color: #fff; } .calendar-part { width: auto; float: left; height: 40px; padding: 10px 0; align-items: center; display: flex; } .calendar-icon { margin-right: 15px; z-index: 1; } .calendar-icon i { color: #bebebe; font-size: 16px; } .right-select-svg { float: left; height: 40px; margin-right: 10px; /*08092020*/ } .right-select-svg svg.viewToggler__icon___M-I-X { fill: #fff; margin: 0 5px; cursor: pointer; } .right-select-svg svg.viewToggler__isActive___2iZ65 { fill: #ff9c00; } /*--- footer --*/ footer { clear: both; width: 100%; /*padding: 18px 0 0;*/ overflow: hidden; background: #070707; /*box-shadow: inset 0 10px 50px -5px #000;*/ float: left; /*margin: 25px 0 0 0;*/ } .footer-main { float: none; margin: auto; padding: 20px; } .footer-top h1, .footer-top h2 { color: #fff; font-weight: 500; font-family: Roboto, sans-serif; text-transform: none; margin: 20px 0; } .footer-top h1 { font-size: 20px; } .footer-top h2 { font-size: 16px; } footer p { color: #bbb; font-size: 14px; } .footer-top ul { padding-left: 30px; } .footer-top ul li { font-size: 14px; color: #bbb; margin: 0; } .footer-support-menu { width: 100%; float: left; } .footer__btn-chat.btn-chat { position: absolute; right: 10px; z-index: 1; padding: 10px 25px 10px 50px; background: #fff; border-radius: 4px; cursor: pointer; color: #000; font-weight: 600; font-size: 14px; line-height: 18px; text-transform: uppercase; } ul.all-logo-footer li { float: left; width: 50%; padding: 0 10px 10px 0; } ul.all-logo-footer li.one { width: 15%; } ul.all-logo-footer li img { width: 100%; filter: grayscale(100%); } ul.all-logo-footer li img:hover { filter: grayscale(0); } @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 --*/ /*----------------------- 30-6-20 -----------------------*/ .innerpage_about { width: 100%; float: left; } .innerpage_about h2 { font-size: 18px; color: #ff6a00; text-transform: uppercase; font-weight: 500; padding: 20px 10px 5px; margin-bottom: 10px; } .innerpage_about p { font-size: 13px; color: #fff; line-height: 20px; margin: 0 0 10px 10px; } .innerpage_about p span { color: #ff6a00; } .innerpage_about .row_blok { width: 100%; float: left; margin: 15px 10px; border-radius: 5px; background: #1d1c22; } .innerpage_about .row_blok .img_blok { float: left; margin-right: 30px; width: 42%; } .innerpage_about .row_blok .img_blok img { width: 100%; } .innerpage_about .row_blok .txt_blok { float: left; width: 52%; margin-right: 30px; } .innerpage_about .row_blok .txt_blok h3 { color: #ff6a00; font-size: 26px; margin: 50px 0 20px 0; line-height: 30px; font-weight: 500; font-size: 18px; text-transform: uppercase; } .innerpage_about .row_blok .txt_blok h3 span { color: #fff; font-weight: 300; } .innerpage_about .row_blok .txt_blok p { margin: 0 0 10px 0; } .innerpage_about .row_blok:nth-child(odd) .img_blok { float: right; margin: 0; } .innerpage_about .row_blok:nth-child(odd) .txt_blok { float: left; margin-left: 30px; } .innerpage_game { float: left; width: 100%; } .innerpage_game h2 { font-size: 18px; color: #ff6a00; text-transform: uppercase; font-weight: 500; padding: 20px 10px 5px; margin-bottom: 10px; } .innerpage_game .blok_one { float: left; width: 100%; margin-bottom: 40px; position: relative; } .innerpage_game .blok_one .imgblok { width: 18.5%; float: left; margin: 0 7px; border: 1px solid #67676a; border-radius: 6px; position: relative; } .innerpage_game .blok_one .imgblok > img { width: 100%; } .innerpage_game .blok_one .imgblok small { position: absolute; left: 12px; top: 12px; } .innerpage_game .blok_one .imgblok span { position: absolute; left: 0; bottom: 16px; width: 100%; color: #fff; font-size: 13px; font-weight: 500; text-align: center; } .innerpage_game .blok_two { float: left; width: 100%; margin-bottom: 40px; position: relative; } .innerpage_game .blok_two .sec1 { position: relative; width: 30%; margin-right: 15px; border: 1px solid #67676a; border-radius: 6px; overflow: hidden; margin-bottom: 15px; float: left; } .innerpage_game .blok_two .sec1 > img { width: 100%; border-radius: 6px; } .innerpage_game .blok_two .sec1 .blkarea { width: 100%; padding: 15px 0; background: rgba(26, 25, 30, 0.9); position: absolute; left: 0; bottom: 0; } .innerpage_game .blok_two .sec1 .blkarea .iconblok { width: 75px; position: relative; float: left; height: 77px; background: #1a191e url('../images/batch_bk.png') 50% 0 no-repeat; border-radius: 4px; text-align: center; margin: 0 14px; } .innerpage_game .blok_two .sec1 .blkarea .iconblok .icon { position: absolute; left: 50%; top: 20px; margin-left: -17px; } .innerpage_game .blok_two .sec1 .blkarea .iconblok .icon img { width: 70%; top: -5px; position: relative; } .innerpage_game .blok_two .sec1 .blkarea .iconblok .txtarea { font-size: 14px; color: #fff; text-transform: uppercase; font-size: 14px; width: 100%; text-align: center; position: absolute; bottom: 1px; left: 0; } .innerpage_game .blok_two .sec1 .blkarea .txtblok { position: relative; float: left; width: 65%; text-align: center; } .innerpage_game .blok_two .sec1 .blkarea .txtblok h3 { width: 100%; float: left; margin: 0 0 20px; color: #fff; font-size: 12px; font-weight: 500; } .innerpage_game .blok_two .sec1 .blkarea .txtblok .lowblok { width: 100%; float: left; text-transform: uppercase; } .innerpage_game .blok_two .sec1 .blkarea .txtblok .lowblok .sec { text-align: center; width: 33%; color: #ff6a00; font-size: 11px; font-weight: 500; border-right: 2px solid #393035; float: left; } .innerpage_game .blok_two .sec1 .blkarea .txtblok .lowblok .sec span { font-size: 10px; color: #fff; display: block; } .innerpage_game .blok_two .sec1 .blkarea .txtblok .lowblok .sec:nth-child(3) { border: 0; } .innerpage_game .blok_two .midarea { width: 30%; float: left; margin-right: 15px; } .innerpage_game .blok_two .midarea .sec2 { width: 100%; height: 225px; margin-right: 0; } .innerpage_game .blok_two .midarea .sec2 .iconblok2 .icon { left: 47%; } .innerpage_game .blok_two .rgtarea { width: 37%; float: left; } .innerpage_game .blok_two .rgtarea .sec3 { width: 100%; height: 225px; margin-right: 0; } .innerpage_game .blok_two .rgtarea .sec3 .iconblok3 .icon { left: 45%; } .innerpage_game .blok_two .rgtarea .sec3 .iconblok4 .icon { left: 47%; } .innerpage_game #owl-demo.owl-carousel .owl-nav, .innerpage_game #owl-demo2.owl-carousel .owl-nav, .innerpage_game #owl-demo3.owl-carousel .owl-nav, .innerpage_game #owl-demo4.owl-carousel .owl-nav { margin: 60px 0 0; } .innerpage_game #owl-demo.owl-carousel .owl-nav button.owl-next, .innerpage_game #owl-demo2.owl-carousel .owl-nav button.owl-next, .innerpage_game #owl-demo3.owl-carousel .owl-nav button.owl-next, .innerpage_game #owl-demo4.owl-carousel .owl-nav button.owl-next { position: absolute; font-size: 0; width: 35px; height: 13px; background: url('../images/arw_right.png') 0 0 no-repeat; right: 0; bottom: 0; } .innerpage_game #owl-demo.owl-carousel .owl-nav button.owl-prev, .innerpage_game #owl-demo2.owl-carousel .owl-nav button.owl-prev, .innerpage_game #owl-demo3.owl-carousel .owl-nav button.owl-prev, .innerpage_game #owl-demo4.owl-carousel .owl-nav button.owl-prev { position: absolute; font-size: 0; width: 35px; height: 13px; background: url('../images/arw_left.png') 0 0 no-repeat; right: 60px; bottom: 0; } .innerpage_game .viewall { width: 100%; float: left; text-align: center; color: #ff6a00; text-transform: uppercase; font-size: 14px; position: relative; top: -50px; font-weight: 500; text-decoration: underline; border: 0 !important; z-index: 999; } /*--- sandipan 30-06-20 --*/ .user-profile { width: 100%; float: left; } .user-profile .h3 { margin: 15px 5px 25px; border-bottom: 1px solid #3e3e3e; } .game-main-part { width: 100%; /*float: left; display: flex; justify-content: space-between; margin-top: 30px;*/ display: inline-block; } .game-part { /*border: solid 1px #2a3040; border-radius: 4px; background: #1c1b20; width: 49%;*/ width: 100%; } .game-part .h3 { background: #2a3040; width: 100%; padding: 15px; font-size: 15px; font-weight: normal; text-transform: capitalize; color: #fff; margin: 0; } .game-part-section { width: 100%; /*float: left; padding: 20px;*/ display: inline-block; } .wallet-section { width: 50%; float: left; } .game-part-section .wallet-section:last-child .wallet-top-part { float: right; width: 100%; overflow-x: hidden; } .wallet-top-part { width: 100%; float: left; /*border:solid 1px #6a696d;*/ display: flex; flex-wrap: nowrap; border-radius: 3px; } .wallet-top-left { width: 35%; float: left; padding: 0 10px; background: var(--cd-color-1); border-bottom: solid 1px hsl(0deg 0% 22%); color: #ff6a00; text-align: center; position: relative; } .wallet-top-left:before { border-color: transparent; border-left-color: var(--cd-color-1); content: ""; position: absolute; right: -15px; height: 0; width: 0; border-width: 8px; border-style: solid; border-left: 8px solid var(--cd-color-1); top: 0; bottom: 0; margin: auto; } .wallet-top-left span { /* color: #ff6a00; */ color: white; font-weight: 400; font-size: 14px; /* text-transform: uppercase; */ line-height: 34px; } .wallet-top-left span.one { color: #495057; } .wallet-top-right { width: 65%; float: left; /* padding: 5px; */ text-align: center; background: #292929; /* border-bottom: 1px solid; */ border-bottom: solid 1px hsl(0deg 0% 22%); } .wallet-top-right span { color: white; font-weight: 600; font-size: 14px; text-transform: uppercase; line-height: 34px; } .wallet-bottom-part { width: 100%; float: left; } .wallet-bottom-left { width: 49%; margin-right: 1%; background: #17161a; padding: 15px 10px; margin-top: 3px; float: left; } #MemberBankTab .wallet-bottom-left { width: 24%; } .wallet-bottom-left ul li { text-align: center; color: #fff; font-size: 14px; text-transform: capitalize; margin-bottom: 20px; } .wallet-bottom-left ul li:last-child { margin-bottom: 0; } .wallet-bottom-left ul li span { display: block; width: 100%; line-height: 22px; text-transform: uppercase; color: #2cacbd; font-size: 15px; font-weight: 500; } .news-bottom-left { width: 100%; margin-right: 1%; background: #17161a; padding: 15px 10px; margin-top: 3px; float: left; } .news-bottom-left ul li { color: #fff; font-size: 14px; text-transform: capitalize; margin-bottom: 20px; } .news-bottom-left ul li:last-child { margin-bottom: 0; } .news-bottom-left ul li span { display: block; width: 100%; line-height: 22px; text-transform: uppercase; color: #2cacbd; font-size: 15px; font-weight: 500; } .game-part-2 .wallet-section { width: 100%; } .game-part-2 .wallet-top-part { width: 100%; } .game-part-2 .game-history-part { background: #201f25; text-align: left; } .game-part-2 .game-history-part.one { background: #f8f8f8; border: 1px solid var(--color-user-bg); } .game-part-2 .wallet-top-part .game-history-part:first-child { width: 32%; padding-left: 15px; } .game-part-2 .wallet-top-part .game-history-part:nth-child(2) { width: 21%; } .game-part-2 .wallet-top-part .game-history-part:nth-child(3) { width: 25%; } .game-part-2 .wallet-top-part .game-history-part:last-child { width: 22%; } .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%; } .information-part { /*border: solid 2px #6a696d;*/ border-radius: 4px; background: #1d212a; width: 100%; float: left; } .information-part h3 { background: #2a3040; float: left; width: 100%; padding: 15px 10px; font-size: 15px; font-weight: normal; text-transform: capitalize; color: #fff; margin: 0; } .user-main-part { width: 100%; float: left; display: flex; padding: 15px 0 0 0; } .user-left { width: 60%; float: left; padding: 20px; padding-top: 0; background: #1d212a; } .user-left-profile { padding: 20px 20px 20px 0; width: 220px; float: left; border-right: solid 2px #6a696d; } .user-pic { width: 180px; height: 175px; position: relative; } .user-pic img { width: 100%; height: 100%; object-fit: cover; } .user-icon { width: 55px; height: 55px; background: #1a191e; border-radius: 50%; position: absolute; bottom: -30px; left: 0; right: 0; margin: auto; display: flex; align-items: center; z-index: 9; } .user-icon i { color: #fff; font-size: 22px; margin: 0 auto; float: none; } .user-name { width: 100%; margin-top: 50px; float: left; } .user-name h4 { color: #ff6a00; font-size: 22px; text-transform: capitalize; text-align: center; } .user-name h5 { color: #d5d5d5; font-size: 16px; text-transform: uppercase; text-align: center; font-weight: normal; } .user-name img { float: right; margin-top: 5px; } .user-right-profile { width: 100%; float: left; } /*.form-group { width: 100%; }*/ .form-group input { background-color: #ffffff; /* height: auto;*/ } .form-group-choosefile input { background-color: #e2e2e2; padding: 0 !important; height: auto; overflow: hidden; font-size: .9em; text-overflow: ellipsis; white-space: nowrap; width: 100%; } input[type=text], select { font-size: .9em; } .user-right-profile .form-group { margin-bottom: 10px; position: relative; } .user-right-profile .form-group:before { font: normal normal normal 14px/1 FontAwesome; position: absolute; z-index: 9; right: 0; bottom: 8px; color: #C2963E; content: "\f040"; font-size: 1em; } .user-right-profile .form-group.select:before { content: " "; } .user-right-profile .form-group input[type="file"] { padding-bottom: 30px; } .user-right-profile .form-group label { color: #ff6a00; text-transform: capitalize; margin-bottom: 5px; font-size: 13px; } .user-right-profile .form-group input, .user-right-profile .form-group select { width: 100%; border-radius: 0; height: 30px; background: transparent; border: none; border-bottom: solid 1px #6a696d; padding-right: 30px; color: #fff; padding-left: 0; } .user-right-profile .form-group input:focus, .user-right-profile .form-group select:focus { outline: none; box-shadow: none; } .eye { width: 25px; height: 24px; position: absolute; right: 25px; bottom: 10px; text-align: center; background: #252427; border: solid 1px #303033; display: flex; align-items: center; } .eye i { color: #6b6a6d; margin: auto; } .eye i:last-child { opacity: 0; visibility: hidden; position: absolute; right: 0; left: 0; margin: auto; } .eye-open i:first-child { opacity: 0; visibility: hidden; } .eye-open i:last-child { opacity: 1; visibility: visible; } .save-continue { width: auto; float: left; padding: 8px 19px; background: #ff6a00; color: #201f25; text-transform: uppercase; border: none; /*font-size: 18px;*/ font-weight: 500; margin: 0 0 20px 0; border-radius: 3px; } .user-right { /*padding: 20px; width: 40%;*/ background: #1d212a; } .rank-box { /*border: solid 1px #2a3040;*/ border-radius: 4px; background: #1d212a; width: 100%; /*float: left; margin-bottom: 30px;*/ } .rank-part { /*padding: 20px;*/ float: left; width: 100%; } .rank-part .h4 { color: #ff6a00; font-size: 14px; font-weight: 600; text-transform: capitalize; text-align: left; padding: .75rem .9rem; } .promotion_Progress span { color: var(--info) !important; font-weight: 300; font-size: .72rem; display: block; } .rank-part .h5 { color: #d5d5d5; font-size: 16px; text-transform: uppercase; text-align: center; font-weight: normal; text-align: left; } .rank-gradiant { width: 100%; border: solid 1px #6a696d; border-radius: 4px; height: 20px; margin-top: 25px; margin-bottom: 10px; background: linear-gradient(to right, #31a0f4 0%, #1a191e 65%); } .card-header { padding: 0; } .tr-history { background: #1c1b20; float: left; width: 100%; padding: 40px 20px; } .summer-main { width: 100%; float: left; display: flex; justify-content: space-between; } .summer-part { background: #201f25; float: left; width: 49.5%; border: solid 2px #6a696d; border-radius: 4px; position: relative; margin-bottom: 10px; } .summer-part:before { width: 100%; height: calc(100% - 50px); background: #1a191e; content: ""; position: absolute; bottom: 0; z-index: 1; } .summer-box { width: 125px; height: 125px; border: solid 1px #6a696d; border-radius: 3px; margin: 10px; padding: 10px; float: left; z-index: 3; position: relative; text-align: center; background: #1a191e url(../images/summer-box-bg.png) no-repeat 0 -30px; } .summer-box h4 { color: #fff; text-transform: uppercase; font-weight: 400; font-size: 18px; margin-top: 12px; } .summer-right { width: calc(100% - 145px); float: left; position: relative; z-index: 3; } .summer-right h3 { text-align: center; margin: 15px 0; font-size: 18px; text-transform: capitalize; } .summer-right ul { display: flex; justify-content: space-around; } .summer-right ul li { color: #fff; text-transform: uppercase; text-align: center; padding: 0 20px; border-right: solid 1px #6a696d; margin-top: 20px; } .summer-right ul li:last-child { border: none; } .summer-right ul li span { display: block; color: #2cacbd; font-weight: 600; } /*--- home page right bar --*/ .right-bar { width: 100%; /* 0909.1717 */ margin-left: 10px; float: left; overflow-y: scroll; height: 100vh; display: none; } .right-tab { width: 100%; background: #1d212a; float: left; padding: 0 10px; margin-bottom: 10px; /*height:100vh;*/ } .right-tab .view-more { font-size: 0.7em; padding: 0.7em 0; } .tablinks2 { background-color: #14171d; color: #bebebe; float: left; border: none; outline: none; cursor: pointer; padding: 8px 10px; font-size: 10px; width: 50%; text-transform: uppercase; border-bottom: solid 1px #000; position: relative; font-weight: 600; } .tablinks2:first-child { border-right: solid 1px #000; } .tablinks2.active_2 { border-bottom: none; color: #fff; } .tablinks2.active_2:before { bottom: 0; height: 2px; left: 10px; right: 10px; width: auto; position: absolute; content: ""; background: #ff9c00; } .tablink2:hover { background-color: #777; } /* Style the tab content (and add height:100% for full page content) */ .tabcontent2 { color: white; display: none; padding: 10px 10px; height: 100%; float: left; width: 100%; } .bet-top { width: 100%; padding: 0 3px 5px; float: left; position: relative; } .bet-top:before { bottom: 0; content: ""; height: 2px; left: 0; max-width: 177.5px; position: absolute; width: 70%; background: #ff9c00; } .bet-left { float: left; color: #fff; font-size: 12px; } .bet-right { float: right; display: flex; } .updatesSettings__icon-wr___REYNG { margin-left: 4px; position: relative; } .icon__title-wr___1U8nu { -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin-left: 4px; } .updatesSettings__icon___3CbuH { -o-transition: opacity .2s ease; -webkit-transition: opacity .2s ease; cursor: pointer; fill: #fff; height: 12px; margin-left: 0; opacity: .4; transition: opacity .2s ease; width: 12px; } .betslipHeader__icon___2t-ri.betslipHeader__disabled___127me { cursor: not-allowed; opacity: .2; fill: #fff; } .bet-head { width: 100%; padding: 0 10px; display: flex; justify-content: space-between; } .bet-head span { color: #fff; font-size: 10px; line-height: 40px; } .bet-blank { width: 100%; float: left; display: block; height: 67vh; } .bet-price { width: 100%; float: left; padding: 0 10px; } .stakeRow__row___3cWmO { display: flex; align-items: center; } .stakeRow__title___1x_mK { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; font-weight: 700; float: left; } .stakeRow__title___1x_mK span { font-size: 10px; } .DropDown__container___1L0DT { -moz-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; -webkit-box-align: stretch; align-items: stretch; border-radius: 2px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; height: 30px; padding: 2px; position: relative; width: 86px; float: right; margin-right: 0; margin-left: auto; } .DropDown__input___ofVhU { background: var(--c-background-invert); border: 1px solid rgba(var(--c-background-dark-rgb), .2); color: rgba(var(--c-text-primary-invert-rgb), .87); font-size: 18px; outline: none; padding: 0 9px; text-align: center; background: #14171d; border-color: #14171d; color: var(--c-success); border-radius: inherit; flex-grow: 1; overflow: hidden; width: 0; } .DropDown__input___ofVhU input { font-size: 11px; text-align: center; } .DropDown__container___1L0DT input::placeholder { font-size: 11px; font-weight: bold; line-height: normal; } .totalRow__row___26d6k, .totalRow__title___2_dNk, .totalRow__value___1Ygme { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: space-between; } .totalRow__title___2_dNk, .totalRow__value___1Ygme { -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; color: #fff; flex-wrap: wrap; font-weight: 400; font-size: 10px; } .placeBet__container___ejcC8 { -moz-box-align: center; -moz-box-pack: center; -ms-flex-align: center; -ms-flex-pack: center; -webkit-align-items: center; -webkit-box-align: center; -webkit-box-pack: center; -webkit-justify-content: center; align-items: center; background: #5cae50; color: #fff; cursor: pointer; font-size: 12px; justify-content: center; margin: 15px 0 0; display: block; text-align: center; padding: 10px 0; font-weight: bold; } .promo-top { width: 100%; float: left; margin-bottom: 5px; } .promo-top .live-update { background: #2a3040; float: left; padding: 5px; } .promo-top .categori { font-size: 10px; } .promo-top .team-name { font-size: 8px; } .promo-top .live-team .team-logo img { width: 30px; } .promo-top .live-channel { text-align: center; } .promo-top .live-text { margin: auto; float: none; } .promo-top .map-text { width: 100%; } .map-text span { float: none; } .map-text p { margin: 0 auto; float: none; } .promo-top .live-button { width: 60px; height: 30px; } .promo-top .live-button button { background: #3a4768; font-size: 12px; } .promo-top .score-run { font-size: 16px; } .promo-top-live { width: 100%; float: left; } .promo-top .star-icon { background: #2a3040; width: 23%; height: 30px; } .promo-top .star-icon i { font-size: 15px; } .promo-top .video-bottom { width: 52%; height: 30px; background: #2a3040; margin-top: 1px; display: flex; margin-left: 1px; float: left; text-align: center; } .promo-top .video-bottom a { font-size: 14px; } .promo-top .watch { background: #cf2c27; float: left; width: 23.5%; height: 30px; margin-left: 1px; margin-top: 1px; } .promo-all-ad { width: 100%; float: left; } .bet-promo-ad { width: 100%; position: relative; margin-bottom: 10px; clear: both; } .bet-promo-ad:last-child { margin-bottom: 0; } .bet-promo-ad img { width: 100%; } .bet-promo-ad .bet-btn { position: absolute; float: none; margin: auto; bottom: 10px; left: 0; right: 0; width: 90px; display: block; text-align: center; } .bet-promo-ad a { background: #ff9c00; color: #fff; font-size: 10px; text-transform: uppercase; border-radius: 2px; padding: 5px 20px; font-weight: bold; float: left; } .home-main-right { width:100% /*overflow-y: scroll; height: 100vh;*/ } .modal, .modal2 { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 100000; /* 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; } /* Modal Content */ .modal-content { background-color: #fff; margin: auto; padding: 0; border: none; width: 360px; /*min-height: 280px;*/ border-radius: 5px; } /* The Close Button */ .close { color: #aaaaaa; float: right; font-size: 1.2rem; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; } .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); } .popup-wrapper { position: relative; } .popup-inner { padding: 20px 70px; background: rgba(179, 180, 195, .15); text-align: center; } .lbl-md { margin-bottom: 15px; font-size: 12px; text-align: center; text-transform: uppercase; font-weight: bold; } .socials-icon-block { display: flex; justify-content: space-between; } .icon-social { display: inline-block; width: 34px; height: 34px; background: #55acee; color: #fff; font-size: 18px; line-height: 34px; text-align: center; text-decoration: none; } .icon-social:hover { color: #fff; } .icon-social.btn-soc__fb, .icon-social.btn-soc__fb.active, .icon-social.btn-soc__fb:hover { background: #3b5998; } .icon-social.btn-soc__gp, .icon-social.btn-soc__gp.active, .icon-social.btn-soc__gp:hover { background: #dd4b39; } .icon-social.btn-soc__tw, .icon-social.btn-soc__tw.active, .icon-social.btn-soc__tw:hover { background: #55acee; } .icon-social.btn-soc__yu, .icon-social.btn-soc__yu.active, .icon-social.btn-soc__yu:hover { background: #dd4b39; } .form-block { padding: 0; /* margin: 0 0 10px;*/ position: relative; border: none; } .fld-block { position: relative; } .lbl { color: #808aa6; font-size: 12px; margin-bottom: 2px; font-weight: 500; text-transform: capitalize; } .fld { box-sizing: border-box; width: 100%; height: 35px; background-color: #fff; border-color: #d7d7d7; border-radius: 2px; padding: 0 10px; border: 1px solid #ddd; outline: none; color: #7d7d7d; font-size: 16px; line-height: 1; } .popup-form { padding: 20px 30px 25px; float: left; width: 100%; } .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; } .fb_other_options { padding: 10px 0; color: #808aa6; font-size: 12px; text-align: center; font-weight: bold; } .fb_other_options a { color: #808aa6 !important; font-size: 12px !important; text-decoration: underline; } .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; } .fld-block { position: relative; } .checkbox, .radio { display: block; cursor: pointer; } .checkbox .lbl { margin-top: 7px; padding: 0px 10px 10px 4px; line-height: 1; } .forgot_password { position: absolute; right: 0; top: 4px; bottom: 16px; color: #808aa6 !important; font-size: 12px !important; } @media only screen and (max-width:320px) { .logo { width: 100px !important; } } /* @charset "utf-8"; */ @media only screen and (min-width:240px) and (max-width:767px) { .header-fix, .header-row { /*position: static;*/ height: auto; width: 100%; justify-content: normal; float: left; } .header-row { padding: 5px 0; } .logo { width: 110px; height: auto; float: left; } .h_nav-item > a, .h_nav-item > span { padding: 0 8px 10px; line-height: 30px; } .h_bar { width: 100%; display: block; } .header-side { float: right; } .h_bar-dropdown { display: none; } .h_bar-login { justify-content: flex-end; margin-top: 10px; float: right; } .main-stracture { margin-top: 0; } .right-main-part { width: 100%; margin: 0; } .one-bottom-part { width: 100%; height: 240px; } .star-icon { width: 11%; height: 40%; } .date-time { width: 29%; height: 40%; } .team { width: 59.33%; height: 40%; } .center-section { /*width: 75%;*/ width: 100%; height: 40%; margin-top: 40px; position: relative; } .center-section:before, .last-part:before { background: #2a3040; box-shadow: 0 1px 0 #cf2c27, inset 0 -1px 0 #cf2c27; width: 100%; height: 40px; content: ""; position: absolute; z-index: -1; top: -40px; left: 0; } .last-part:before { margin-left: 0; } .live-video-stream-open .absolute-text { transform: translate3d(0, 0, 0); } .live-video-stream-open .score-section .absolute-text { transform: translate3d(0, -440px, 0); } .team-section { padding-left: 0; } .team-name { font-size: 12px; font-size: 0.6em; } .winner-part { width: 14.4%; } .handicap-part { width: 38.5%; } .total-part { width: 45.5%; } .last-part { width: 24.5%; height: 40%; margin-top: 40px; position: relative; } .open-watch { height: auto; } .live-stream { width: 100%; height: auto; } .live-score { width: 100%; height: auto; } footer { text-align: center; } .footer-support-menu { position: relative; min-height: 110px; } .footer__btn-chat.btn-chat { bottom: 0; } .footer-menu-part { width: 100%; display: block; justify-content: normal; padding-right: 0; } .footer-menu-part { display: block; justify-content: normal; width: 100%; } .footer__links li { margin-right: 20px; } .footer__licences-block { display: block; justify-content: normal; clear: both; } .footer__support-link { justify-content: flex-end; } .footer__row--bottom { display: block; } .footer__row-item--center { margin: 0; border-top: 2px solid #282e3d; border-bottom: 2px solid #282e3d; } .footer__row-content--with-border { border: none; } .footer__games-list { margin-right: 0; } /*-- user page --*/ #invite-friend .h3, .user-profile .h3 { text-align: center; } .game-main-part, .game-part { width: 100%; /*float: left;*/ display: block; justify-content: normal; } .game-part-section { /*padding: 10px;*/ } .game-part { margin-bottom: 20px; } .wallet-top-left { width: 40%; padding: 10px 5px; } .wallet-top-right { width: 60%; padding: 10px 5px; } .wallet-top-left span, .wallet-top-right span { font-size: 12px; } .game-part-2 { width: 100%; } .game-part-2 .wallet-section { width: 100%; overflow-x: scroll; } .game-part-2 .wallet-top-part { width: 400px; float: left !important; } .game-part-2 .game-history-part { width: 100% !important; /*padding-left: 20px;*/ } .game-part-2 .wallet-top-part .game-history-part:first-child { width: 100% !important; padding-left: 10px; } .game-part-2 .history-bottom-part .wallet-bottom-left { width: 100px; } .wallet-bottom-left ul li { font-size: 13px; } .user-main-part { display: block; } .user-left, .user-right { width: 100%; float: left; } .user-left-profile { width: 100%; float: left; padding: 20px; border: none; } .user-pic { float: none; margin: auto; } .user-right-profile { width: 100%; padding: 10px; } .save-btn { width: 100%; /*text-align: center;*/ } .save-continue { float: none; margin: 20px auto auto; } .summer-main { width: 100%; display: block; justify-content: normal; } .summer-part { width: 100%; } .summer-box { float: none; margin: 10px auto; } .summer-right { width: 100%; padding-bottom: 10px; } .summer-right h3 { margin-top: 0; } /*-- about page --*/ .innerpage_about { margin-top: 10px; text-align: center; } .innerpage_about .row_blok { margin: 15px 0; } .innerpage_about .row_blok .img_blok, .innerpage_about .row_blok .txt_blok { width: 100%; margin-right: 0; } .innerpage_about .row_blok:nth-child(odd) .txt_blok { margin-left: 0; } .innerpage_about .row_blok .txt_blok h3 { margin: 20px 0 10px 0; } /*-- game page --*/ .innerpage_game .blok_one .imgblok { width: 100%; margin: 0 0 10px; } .innerpage_game .blok_two .sec1, .innerpage_game .blok_two .midarea, .innerpage_game .blok_two .rgtarea { width: 100%; } .at-accordion-or-tabs.at-tabs > li > a { padding: 10px; font-size: 14px; } .right-bar { width: 100%; } .left-sidebar, .right-main-part, .right-bar { height: auto; } } @media only screen and (min-width:768px) and (max-width:1024px) { .header-fix, .header-row { height: auto; width: 100%; justify-content: normal; float: left; } .header-row { padding: 10px 0; } .logo { width: 130px; height: auto; float: left; } .h_nav-item > a, .h_nav-item > span { padding: 0 8px 10px; line-height: 30px; } .h_nav { float: left; } .h_bar { width: 100%; display: block; } .header-side { float: right; } .h_bar-dropdown { display: none; } .h_bar-login { justify-content: flex-end; margin-top: 10px; float: right; } .main-stracture { margin-top: 0; } .main-stracture .left-sidebar .all-m { justify-content: space-evenly; background: #1d212a; } .right-main-part { width: 100%; padding: 0 10px; margin: 0; display: block; } .center-section { /*width: 42%;*/ width: 46%; } .last-part { width: 10.55%; margin-left: 1px; } .footer__licences-block { display: block; } .footer__licences { clear: both; } .footer__support-link { justify-content: flex-end; } /*-- user page --*/ .wallet-top-left { width: 40%; padding: 10px 5px; } .wallet-top-right { width: 60%; padding: 10px 5px; } .wallet-top-left span, .wallet-top-right span { font-size: 12px; } .game-part-2 .wallet-section { width: 100%; overflow-x: scroll; } .game-part-2 .wallet-top-part { width: 400px; float: left !important; } .game-part-2 .wallet-bottom-part {} .game-part-2 .game-history-part { width: 100% !important; /*padding-left: 20px;*/ } .game-part-2 .wallet-top-part .game-history-part:first-child { width: 100% !important; /*padding-left: 10px;*/ } .game-part-2 .history-bottom-part .wallet-bottom-left { width: 100px; } .wallet-bottom-left ul li { font-size: 13px; } .user-main-part { display: block; } .user-left, .user-right { width: 100%; display: flex; justify-content: space-between; } .rank-box { /*width: 49%;*/ margin-bottom: 0; } .summer-main { width: 100%; display: block; } .summer-part { width: 100%; } /*-- about page --*/ .innerpage_about .row_blok .img_blok, .innerpage_about .row_blok .txt_blok { margin-right: 10px; } .innerpage_about .row_blok .txt_blok h3 { margin: 10px 0; } .innerpage_game .blok_one, .innerpage_game .blok_two { display: flex; } .innerpage_game .blok_two .sec1 .blkarea { display: block; text-align: center; } .innerpage_game .blok_two .sec1 .blkarea .iconblok, .innerpage_game .blok_two .sec1 .blkarea .txtblok { float: none; margin: 0 auto; } .innerpage_game .blok_two .midarea .blkarea, .innerpage_game .blok_two .rgtarea .blkarea { display: flex; } .right-bar { width: 100%; margin-left: 0; } .promo-all-ad { display: flex; justify-content: space-between; } .promo-top .team-name { font-size: 12px; } .promo-top .live-vs { width: 200px; } .left-sidebar { height: 100vh; } .right-main-part, .right-bar { overflow-y: auto; height: auto; } .right-top-part { padding: 10px 0; ; } .mobile-view-right-bar .owl-carousel .item { padding: 0; } .mobile-view-right-bar { margin-top: 55px; } .mobile-inner-nav { margin-top: 110px !important; } } @media only screen and (min-width:320px) and (max-width:768px) { .right-top-part { padding: 10px 0; ; } } .btn-login { padding: 0 20px; border: none; font-weight: 700; font-size: 12px; line-height: 40px; text-shadow: none; background: #ff6a00; position: relative; text-transform: uppercase; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn-login:hover { background-color: #1d212a; border-color: #007bff00; color: white !important; } .btn-login:hover span{ color: white !important; } .btn-login:active { background-color: #0062cc !important; border-color: #005cbf !important; } @media only screen and (min-width:240px) and (max-width:1111px) { .logo img { /*max-width: 100px;*/ width: 100%; transform: unset; left: unset; } .h_nav, .header-side, .h_bar-dropdown { display: none; } .h_bar { width: auto; display: inline-block; float: right; } .h_bar-login { margin-top: 0; } .h_bar-login span { font-size: .75em; letter-spacing: 1px; font-style: initial; } .h_bar-btn .btn, .btn-login { background-color: #ffffff00; min-width: 70px; height: 35px; line-height: 35px; font-size: 14px; font-size: .799em; font-weight: 400; border-radius: 3px; padding: .15em 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 { z-index: 999; display: flex; width: auto; min-width: 100%; overflow: auto; float: left; height: auto; border-top: solid 1px #000; border-bottom: solid 1px #000; padding: 10px 0; } .left-sidebar button { width: 100%; display: block; padding: 5px; font-size: 10px; } .lest-bar-icon { width: 100%; display: inline-block; text-align: center; } .left-sidebar .select-type { text-align: center; } .left-sidebar .lest-bar-icon img { text-align: center; margin-right: 0; } .left-sidebar button span { text-align: center; width: 70px; display: block; float: none; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .left-sidebar button.activity, .default .tablinks { border-left: none; } .left-sidebar button.activity { color: #ff6a00; } .right-top-end { display: none; } .main-stracture { position: relative; padding-top: 0; margin-top: 0; } .right-top-part { width: 100%; margin: auto; } .right-top-part ul { width: 100%; display: flex; justify-content: space-around; } .h_nav-item > a { padding-bottom: 0; } .right-top-part .h_nav-list .h_nav-item a { font-size: 11px; font-size: .599em; font-weight: bold; } .mobile-nav .sub-cate { position: absolute; width: 100%; left: 0; z-index: 99; padding: 10px; } .mobile-nav .sub-cate li { width: 33.333333%; /*padding: 0 60px 10px 10px;*/ margin: 0 auto; } /*.mobile-nav .sub-cate li:before { content: "\f105"; left: auto; right: 10px; top: -2px; line-height: normal; font-size: 22px; color: #fff; }*/ .mobile-nav .sub-cate li span { right: 40px; } .mobile-nav .sub-cate li a p { color: white; margin: 0 auto; margin-top: 5px; height: 30px; } .modal-content { width: 330px; } .popup-inner { padding: 20px 40px; } .popup-form { padding: 20px 40px 25px; } .mobile-nav-inner .sub-cate { top: 163px; } .mobile-main-inner .right-top-part { top: -120px; } .user-profile { padding-top: 20px; padding-bottom: 20px; } .right-main-part { width: 100%; padding: 10px 0 0; } } @media only screen and (min-width:1111px) { .mobile-view-right-bar, .mobile-nav { display: none; } } @media only screen and (min-width:1200px) { .right-bar { display: block; } .home-main-right { width: 100%; /* 0909.685 */ } } .slots { display: flex; align-items: stretch; padding: 0 0 20px; position: relative } .slots * { box-sizing: border-box } .slots__left-bar { width: 300px; height: -webkit-max-content; height: -moz-max-content; height: max-content; padding-left: 10px; overflow: hidden; position: -webkit-sticky; position: sticky; top: 60px } @media screen and (max-width: 1560px) { .slots__left-bar { width: 240px } } @media screen and (max-width: 1096px) { .slots__left-bar--vertical { display: none } } .slots__left-bar--horizontal { display: none; overflow-x: auto } @media screen and (max-width: 1096px) { .slots__left-bar--horizontal { display: block; width: 100%; margin-bottom: 10px; padding-left: 0; top: 50px; z-index: 10; background-color: #14171d; border-bottom: 2px solid #0e1014 } } .slots__right-bar { box-sizing: border-box; width: 300px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; margin-top: 10px; margin-right: 10px; padding: 19px 10px; overflow: hidden; background: #1d212a } @media screen and (max-width: 1560px) { .slots__right-bar { width: 240px } } @media screen and (max-width: 1347px) { .slots__right-bar { display: none } } .slots__wrap { width: 100%; position: relative } @media screen and (min-width: 680px) { .slots ::-webkit-scrollbar { width: 20px; height: 8px; padding: 15px } .slots ::-webkit-scrollbar-track { border-radius: 10px; cursor: move } .slots ::-webkit-scrollbar-thumb { background: #21262f; border-radius: 8px } } .slots .tmbb { display: inline-block; position: relative; z-index: 1; background-color: #2e3744; border: 1px solid #1a1e26; transition: all .3s; width: 100%; } .slots .tmbb:before { display: block; padding-top: 100%; transform: scaleX(0); content: ""; } .slots .tmb { width: calc((100% - 70px)/7); margin: 5px; position: relative; border: none; border-radius: 4px } .slots .tmb:before { display: block; padding-top: 100%; transform: scaleX(0); content: "" } @media screen and (max-width: 1700px) { .slots .tmb { width: calc((100% - 60px)/7) } /* .slots .tmbb { width:calc((100% - 60px)/3) }*/ } @media screen and (max-width: 1450px) { .slots .tmb { width: calc((100% - 50px)/6) } /*.slots .tmbb { width:calc((100% - 50px)) }*/ } @media screen and (max-width: 1051px) { .slots .tmb { width: calc((100% - 40px)/5) } /*.slots .tmbb { width:calc((100% - 40px)) }*/ } @media screen and (max-width: 715px) { .slots .tmb { width: calc((100% - 30px)/4) } /*.slots .tmbb { width:calc((100% - 30px)/4) }*/ } @media screen and (max-width: 480px) { /* .game-part-2 .wallet-bottom-part { width: 400px; } */ .form-group-choosefile input { font-size: .8em; } } @media screen and (max-width: 420px) { .slots .tmb { width: calc((100% - 20px)/3) } /*.slots .tmbb { width:calc((100% - 20px)/3) }*/ } .slots .tmb--empty:hover { box-shadow: none } .slots .tmb__icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #21262f; font-size: 42px } .slots .tmb-frame { width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat !important; background-position: 50% !important; background-size: contain !important; border-radius: 2px } @media screen and (min-width: 1096px) { .slots .tmb-frame:hover:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; background: #14171d; opacity: .8; content: "" } } .slots .tmb-frame__fav { width: 40px; height: 40px; padding-top: 10px; position: absolute; left: 20px; z-index: 4; background-image: url(/assets/img/frontend/pict/fav-block.svg); background-repeat: no-repeat; background-position: 50%; background-size: cover; cursor: pointer; text-align: center } .slots .tmb-frame__fav__icon { color: #41495f; font-size: 18px } .slots .tmb-frame__fav__icon:before { font-family: icommon !important } .slots .tmb-frame__fav__icon--active, .slots .tmb-frame__fav__icon--active i { color: #ff7d02 } .slots .tmb-content { opacity: 0; transition: opacity .2s } .slots .tmb-content__link { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2 } .slots .tmb-content:hover, .slots .tmb-frame:hover .tmb-content { opacity: 1; transition: opacity .1s } .slots .tmb-actions { width: 100%; position: absolute; top: 50%; left: 50%; z-index: 3; transform: translate(-50%, -50%); text-align: center } .slots .tmb-actions--auth { margin-top: 20px } .slots .tmb-actions__demo-link, .slots .tmb-actions__title { color: #fff; font-weight: 700; font-size: 14px; font-family: Roboto, sans-serif; font-style: normal; line-height: 16px; text-align: center; text-transform: uppercase; text-decoration: none } .slots .tmb-actions__title { width: 100%; min-height: 30px; margin-bottom: 15px; padding: 0 10px; overflow: hidden; white-space: nowrap; text-align: center; text-overflow: ellipsis } .slots .tmb-actions__demo-link, .slots .tmb-actions__title { display: block; box-sizing: border-box } .slots .tmb-actions__demo-link { margin-top: 20px } .slots .tmb-play-btn { padding: 15px 0 13px; background: #80cb50; color: #fff; font-weight: 700; font-size: 14px; font-family: Roboto, sans-serif; font-style: normal; text-align: center; text-transform: uppercase; text-decoration: none } .slots .tmb-play-btn:active, .slots .tmb-play-btn:hover { background: #67cf35 } .slots .tmb-play-btn__icon, .slots .tmb-play-btn__text { font-size: 16px } .slots .tmb-play-btn__text { padding: 12px 16px; background: #80cb50; border-top-right-radius: 2px; border-bottom-right-radius: 2px } .slots .tmb-play-btn__text:active, .slots .tmb-play-btn__text:hover { background: #67cf35 } .slots .tmb-play-btn__icon { padding: 12px 16px; background: #6eb640; border-top-left-radius: 2px; border-bottom-left-radius: 2px } .slots .winners-list__title { margin-bottom: 10px; color: #fff; font-weight: 700; font-size: 14px; font-family: Roboto, sans-serif; font-style: normal; line-height: 16px; text-transform: uppercase } .slots .winners-block { display: flex; flex-wrap: wrap; justify-content: flex-start; box-sizing: border-box; height: 120px; margin-bottom: 10px } .slots .winners-block .winners-block-img { display: flex; justify-content: center; align-items: center; width: 120px; max-width: 120px; height: 120px; margin-right: 10px; position: relative; background-color: #2e3744 } .slots .winners-block .winners-block-img__link { display: flex; justify-content: center; align-items: center; width: inherit; height: inherit } .slots .winners-block .winners-block-img__img { width: 100%; height: 100%; position: absolute; -o-object-fit: cover; object-fit: cover } .slots .winners-block .winners-block-text { width: calc(100% - 130px); font-weight: 700; font-family: Roboto, sans-serif; font-style: normal; text-transform: uppercase } .slots .winners-block .winners-block-text__game { display: -webkit-box; margin-bottom: 10px; overflow: hidden; color: #fff; font-size: 16px; line-height: 19px; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .slots .winners-block .winners-block-text__name { opacity: .5; color: #fff; font-weight: 400; font-size: 14px; line-height: 16px; text-transform: capitalize } .slots .winners-block .winners-block-text__val { padding-top: 5px; color: #ff8d02; font-size: 18px; line-height: 21px } .slots-carousel { padding: 10px } @media screen and (max-width: 1096px) { .slots-carousel { background: #0e1014 } } .slots-carousel .swiper-container { box-sizing: border-box; height: 100%; padding: 0 5px 30px } @media screen and (max-width: 860px) { .slots-carousel .swiper-container { padding: 0 0 20px } } .slots-carousel .promo-item { display: flex; flex-flow: column; width: 426px; position: relative; transition: opacity .8s } @media screen and (max-width: 860px) { .slots-carousel .promo-item { width: 100% } } .slots-carousel .promo-item--2x { width: 852px } @media screen and (max-width: 860px) { .slots-carousel .promo-item--2x { width: 100% } } .slots-carousel .promo-item__inner { width: 100%; height: 50vh; min-height: 380px; max-height: 380px; margin: 0 auto; position: relative } .slots-carousel .promo-item__background, .slots-carousel .promo-item__img-back { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1 } .slots-carousel .promo-item__img-back { overflow: hidden; border-radius: 4px } .slots-carousel .promo-item__img-back img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center } .slots-carousel .promo-item__body { display: flex; flex-flow: column; box-sizing: border-box; height: 100%; padding: 30px; position: relative; z-index: 2; background: linear-gradient(0deg, rgba(20, 23, 29, .3), rgba(20, 23, 29, .3)); color: #fff; font-weight: 700; font-family: Roboto, sans-serif; font-style: normal; text-transform: uppercase } .slots-carousel .promo-item__title { font-size: 34px } @media screen and (max-width: 860px) { .slots-carousel .promo-item__title { font-size: 30px } } .slots-carousel .promo-item__btns { display: flex; align-content: center; box-sizing: border-box; margin-top: auto; font-size: 16px } .slots-carousel .promo-item__btn-play { padding: 12px 16px; background: #80cb50; border-radius: 2px; color: #fff; text-decoration: none } .slots-carousel .promo-item__btn-play:active, .slots-carousel .promo-item__btn-play:hover { background: #67cf35 } .slots-carousel .promo-item__btn-demo { padding: 12px 16px; color: #fff; text-decoration: none } .slots-search { padding: 10px } .slots-search-field { display: inline-block; box-sizing: border-box; width: 100%; position: relative } .slots-search-field__input { width: 100%; height: 40px; padding-right: 30px; padding-left: 13px; background-color: #21262f; background-image: url(/assets/img/frontend/syst/cases/magnifier.png); background-repeat: no-repeat; background-position: right 9px center; background-size: 17px 17px; border: none; border-radius: 2px; outline: none; color: #bebebe; font-weight: 400; font-size: 14px; font-family: Roboto, sans-serif; line-height: 40px; transition: all .3s } .slots-search-field__input::-webkit-input-placeholder { color: #757983 } .slots-search-field__input::-moz-placeholder { color: #757983 } .slots-search-field__input:-ms-input-placeholder { color: #757983 } .slots-search-field__input::-ms-input-placeholder { color: #757983 } .slots-search-field__input::placeholder { color: #757983 } .slots-search-field__cancel-button { padding: 0 10px; position: absolute; top: 0; right: 0; z-index: 2; background: #21262f; border: none; cursor: pointer; color: #757983; font-size: 24px; line-height: 40px } .slots-search-field__cancel-button:focus { outline: none } .slots-filters { padding: 10px } .slots-providers { display: flex; justify-content: flex-start; align-items: center; margin-top: 0; margin-bottom: 25px; overflow-x: auto; -webkit-padding-start: 0; padding-inline-start: 0 } .slots-providers-item { display: inline-block; margin: 0; text-align: center } .slots-providers-item__link { display: flex; justify-content: flex-start; align-items: center; padding: 7px 21px; color: #bebebe; font-weight: 700; text-transform: uppercase; text-decoration: none } .slots-providers-item__link--active { background: #252931; border-radius: 20px } .slots-providers-item__link:active, .slots-providers-item__link:hover { color: #fff } .slots-providers-item__link span { padding: 6px 7px; font-size: 12px; font-family: Roboto, sans-serif; white-space: nowrap } .slots-providers-item__link img { width: auto; height: 24px } .slots-providers-item__link--all span { padding-left: 0 } @media screen and (max-width: 1096px) { .slots-categories-wrap { text-align: center } } .slots-categories { display: flex; flex-direction: column } @media screen and (max-width: 1096px) { .slots-categories { flex-direction: row } } .slots-categories__block { border-bottom: 1px solid #232833 } @media screen and (max-width: 1096px) { .slots-categories__block { display: flex; border-bottom: none } } .slots-categories-item { display: flex; align-items: center; padding: 0 7px; background: #13171d; border-left: 3px solid transparent; opacity: .54; color: #bebebe; font-weight: 400; font-size: 12px; font-family: Roboto, sans-serif; text-transform: uppercase; text-decoration: none } @media screen and (max-width: 1096px) { .slots-categories-item { flex-direction: column; height: 100%; padding: 10px 13px 0 } } .slots-categories-item__img { height: 30px; margin-right: 25px } @media screen and (max-width: 1096px) { .slots-categories-item__img { margin-right: 0 } } .slots-categories-item__icon { width: 20px; margin-right: 20px; color: #ff7b02; font-size: 20px; text-align: center } @media screen and (max-width: 1096px) { .slots-categories-item__icon { height: 20px; margin-right: 0; margin-bottom: 10px } } .slots-categories-item__title { display: flex; flex-grow: 1; justify-content: space-between; padding: 15px 0; line-height: 20px } @media screen and (max-width: 1096px) { .slots-categories-item__title { padding: 10px 0; white-space: nowrap } } .slots-categories-item__title--count { font-weight: 400 } @media screen and (max-width: 1096px) { .slots-categories-item__title--count { display: none } } .slots-categories-item--active { background: #1d212a; border-left: 3px solid #ff6a00; opacity: 1 } @media screen and (max-width: 1096px) { .slots-categories-item--active { background: #0e1014; border-bottom: 2px solid #ff7b02; border-left: 3px solid transparent } } .slots-categories-item:hover { opacity: 1 } @media screen and (max-width: 1096px) { .slots-categories-item:hover { background: 0 0 } } .slot-category-header { display: flex; flex-grow: 1; justify-content: space-between; margin-bottom: 20px; padding: 10px; font-weight: 700; font-family: Roboto, sans-serif; font-style: normal; line-height: 21px; text-transform: uppercase } .slot-category-header--hide { display: none } .slot-category-header--show { display: block } .slot-category-header__icon { width: 20px; margin-right: 10px; color: #ff7b02; font-size: 18px; text-align: center } .slot-category-header__title { color: #bebebe; font-weight: 700; font-size: 18px; font-family: Roboto, sans-serif; font-style: normal; line-height: 21px; text-transform: uppercase; text-decoration: none } .slot-category-header__title:hover { color: #fff } .slot-category-header__link { color: #bebebe; font-size: 12px; font-family: Roboto, sans-serif; text-decoration: none } .slot-category-header__link:hover { color: #fff } .slots-list { display: flex; flex-wrap: nowrap; width: 100% } .slots-list__wrap { width: 100%; padding: 0; } .slots-list__not-found { color: #bebebe; font-weight: 700; font-size: 18px; font-family: Roboto, sans-serif; font-style: normal; line-height: 21px; text-align: center; text-transform: uppercase } .slots-list__not-found-block { width: 50px; height: 55px; margin: 0 auto; background-image: url(/assets/img/frontend/pict/icon-search-not-found.svg); background-repeat: no-repeat; background-position: 50%; background-size: cover } @media screen and (max-width: 1700px) { .categories-prev .slots-list-prev .tmb:nth-child(7) { display: none } } @media screen and (max-width: 1450px) { .categories-prev .slots-list-prev .tmb:nth-child(6), .categories-prev .slots-list-prev .tmb:nth-child(7) { display: none } } @media screen and (max-width: 1051px) { .categories-prev .slots-list-prev .tmb:nth-child(5), .categories-prev .slots-list-prev .tmb:nth-child(6), .categories-prev .slots-list-prev .tmb:nth-child(7) { display: none } } @media screen and (max-width: 715px) { .categories-prev .slots-list-prev .tmb:nth-child(4), .categories-prev .slots-list-prev .tmb:nth-child(5), .categories-prev .slots-list-prev .tmb:nth-child(6), .categories-prev .slots-list-prev .tmb:nth-child(7) { display: none } } @media screen and (max-width: 420px) { .categories-prev .slots-list-prev .tmb:nth-child(3), .categories-prev .slots-list-prev .tmb:nth-child(4), .categories-prev .slots-list-prev .tmb:nth-child(5), .categories-prev .slots-list-prev .tmb:nth-child(6), .categories-prev .slots-list-prev .tmb:nth-child(7) { display: none } } .load-more { margin-bottom: 60px; text-align: center } .load-more__btn { display: inline; padding: 13px 24px; background: #80cb50; border-radius: 2px; cursor: pointer; color: #fff; font-weight: 700; font-size: 16px; font-family: Roboto, sans-serif; text-transform: uppercase } .load-more__btn:active, .load-more__btn:hover { background: #67cf35 } .slots-game { justify-content: space-between } .slots-game * { box-sizing: border-box } .slots-game__wrap { width: calc(100% - 320px); padding: 10px 0 0 10px } @media screen and (max-width: 1560px) { .slots-game__wrap { width: calc(100% - 260px) } } @media screen and (max-width: 1347px) { .slots-game__wrap { width: 100% } } .slots-game .game-wrapper { width: 100% } .game-frame-slot #game, .game-frame-slot object { width: 100%; height: 100% } .tmb { display: inline-block; position: relative; z-index: 1; background-color: #2e3744; border: 1px solid #1a1e26; transition: all .3s } .tmb-sm { width: 247px; height: 150px } .tmb-md { width: 496px; height: 301px } .tmb-frame { display: block; position: relative; text-decoration: none !important } .tmb-frame, .tmb-img { width: inherit; height: inherit } .tmb-img { overflow: hidden; background-color: transparent !important; border: 0; color: transparent !important; font-size: 0 !important; line-height: 0 !important; text-shadow: none !important; transition: transform .3s } .tmb-img, .tmb-img img { display: block; position: relative; z-index: 1 } .tmb-img img { opacity: .6; filter: alpha(opacity=60); transition: all .3s } .tmb-img:after { background: url(/assets/img/frontend/syst/bg/thumb-shadow.png) 0 100% no-repeat; background-size: 100% auto; content: ""; transform: translateZ(0); transition: all .3s; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3 } .tmb:hover { box-shadow: 0 0 49px 2px rgba(0, 0, 0, .75); z-index: 5 } .tmb:hover .tmb-img { box-shadow: 0 0 1px #1a1e26 } .tmb-sm:hover .tmb-img { transform: scale3d(1.06, 1.06, 1) } .tmb-md:hover .tmb-img { transform: scale3d(1.025, 1.025, 1) } .tmb:hover .tmb-img img { opacity: 1; filter: alpha(opacity=100) } .tmb-link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; display: block } .tmb-description { position: absolute; top: auto; right: 15px; bottom: 12px; left: 15px; z-index: 5; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transform: translateZ(0); transition: all .3s } .tmb-md:hover .tmb-title, .tmb-sm:hover .tmb-title, .tmb:hover .tmb-action [class^=text-], .tmb:hover .tmb-subtitle { transform: translate3d(-5px, -5px, 0) } .tmb:hover .tmb-action .btn { transform: translate3d(5px, -5px, 0) } .tmb:hover .tmb-sticker { transform: translate3d(-5px, -5px, 0) } .tmb-title { font-weight: 400; font-family: Play, Arial, Helvetica Neue, Helvetica, Verdana, sans-serif; font-style: normal; color: #fff; line-height: 1.3; text-shadow: 0 1px 0 rgba(0, 0, 0, .5) } .tmb-subtitle { font-family: Arial, Helvetica Neue, Helvetica, Verdana, sans-serif; font-size: 12px; line-height: 1.2; color: #899999 } .tmb-sm .tmb-title { margin: 0 0 3px; font-size: 15px } .tmb-md .tmb-title { margin: 0 0 5px; font-size: 20px } .tmb .tmb-action .btn, .tmb .tmb-action [class^=text-], .tmb .tmb-subtitle, .tmb .tmb-title { transform: translateZ(0); transition: all .3s } .tmb-action * { float: left; line-height: 32px } .tmb-action * + * { margin-left: 10px } .tmb-action .btn { float: right } .tmb-action [class^=text-] { font-weight: 700; font-family: Play, Arial, Helvetica Neue, Helvetica, Verdana, sans-serif; font-style: normal; font-size: 30px } .tmb-sticker { position: absolute; top: 15px; right: auto; bottom: auto; left: 15px; z-index: 5 } .tmb-sticker, .tmb-sticker i { transform: translateZ(0); transition: all .3s } .tmb-sticker i { font-weight: 700; font-family: Play, Arial, Helvetica Neue, Helvetica, Verdana, sans-serif; float: left; clear: left; min-height: 16px; padding: 0 7px; background-color: #08090a; border: solid #1a1e26; border-width: 0 0 0 1px; font-size: 10px; font-style: normal; line-height: 16px; text-transform: uppercase; box-shadow: -1px 0 2px rgba(0, 0, 0, .35) } .tmb-sticker i + i { margin-top: 2px } .tmb-sticker .sticker-default { color: #fff; border-color: #fff } .tmb-sticker .sticker-active { color: #b52d4a; border-color: #b52d4a } .tmb-sticker .sticker-bonus { color: #83bd2a; border-color: #83bd2a } .error-content { color: #ff1500; } .success-content { color: #007bff; } .his-error-content { color: #ff1500 !important; } .his-success-content { color: #25b00c !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: 10px;*/ } @media only screen and (max-width:670px) { .games-bg .top-games-item .col-data.one { width: 155px; } } .games-title.one { padding-bottom: 20px; } .button { display: inline-block; position: relative; cursor: pointer; outline: none; white-space: nowrap; margin: 5px; background-color: #1ABC9C; color: #000; font-weight: 500; text-transform: uppercase; border: none; border-radius: 3px; } .button-amber { background-color: #ff6a00; } .button-disabled, .button.button-disabled:hover { background-color: #777; cursor: not-allowed; } h3, .h3 { color: var(--white); font-size: 20px; font-size: 1.258em; text-transform: uppercase; font-weight: 600; } .modal-content .h3 { color: #212529; } .button.button-small { padding: 5px 17px; font-size: 12px; line-height: 20px; margin: 0; color: white; } .button.button-regular { padding: 5px 10px; font-size: 11px; line-height: 24px; margin: 0; color: white; margin-right: 10px; /*float:left; width: 75%;*/ white-space: initial; overflow: hidden; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; } .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; } .button.button-regular:hover.one { background-color: #1d212a0f; } .button.button-regular.two { color: #9c9c9c; background: none; } .button-amber.one { background-color: #ff8d0000; } .button-amber.three { background-color: #0095ff; } .league-content { display: inline-block; width: 100%; text-align: 100%; } .deletebtn .submit-btn { display: inline-block; position: relative; cursor: pointer; outline: none; white-space: nowrap; margin: 5px; background-color: #1ABC9C; color: #000; font-weight: 500; text-transform: uppercase; border: none; border-radius: 3px; padding: 5px 17px; font-size: 12px; line-height: 20px; } .deletebtn .submit-btn { background-color: #ff6a00; color: white; } /* Slider CSS 08/09/2020 .carousel.one { margin-bottom:10px; }*/ /* Top Bar */ .s-top-wrapper { width: 100%; background-color: black; } .s-top { display: inline-block; margin: 3px 0; width: 100%; vertical-align: middle; } .s-top ul { display: flow-root; } .s-top ul li { float: left; } .s-top ul li a { color: #bebebe; font-size: .8em; font-weight: 400; } .s-top ul li a:hover { color: #ff6a00; } @media only screen and (max-width: 320px) { .s-top ul li a { font-size: .65em; } } .s-dropdown { position: relative; display: inline-block; } .s-dropdown-content { display: none; position: absolute; background-color: #2a3040; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); padding: 0; z-index: 1; border: none; text-align: left; min-width: 100px; } .s-dropdown:hover .s-dropdown-content { display: block; z-index: 9999; } .s-dropdown span { color: #bebebe; font-size: 12px; font-weight: 400; } .s-dropdown-content a, .s-dropdown-content a p { margin: 0 auto !important; display: block; } .s-dropdown-content a p { padding: 10px; } .s-dropdown-content a p.one { padding-bottom: 0; } .s-dropdown-content a p:hover { color: rgb(255, 141, 0); } button.s-dropbtn { border: none; color: #bebebe; background: none; font-size: .8em; border: none; cursor: pointer; } /* Make it a marquee */ .marquee:hover { /*animation-play-state: paused;*/ } .btn .notif-01 { background-color: red; color: white; font-size: 9px; font-weight: 300; border-radius: 20px; position: absolute; right: 5px; top: 5px; min-width: 15px; height: 15px; padding: 3px 2px; } .btn .notif-02 { top: 0; bottom: 0; margin: auto; right: 0.6rem; } .btn .notif-01.two { /* padding: 4px 2px; */ } /* 202009115 Side Bar */ #mn-wrapper { display: table; width: 100%; height: 100%; } .mn-sidebar { display: table-cell; position: relative; vertical-align: top; padding-bottom: 49px; width: 216px; z-index: 2; } #mn-cont { display: table-cell; vertical-align: top; position: relative; padding: 0; } .container { margin-right: auto; } .cnt-mcont { background-color: #F6F6F6; color: inherit; font-size: 13px; font-weight: 200; line-height: 21px; padding: 15px 30px 30px 30px; margin-top: 0; height: 101vh; } .mn-sidebar .mn-toggle { display: none; padding: 10px 0; text-align: center; cursor: pointer; } .mn-vnavigation { margin: 0 0 0 0; padding: 0; } .mn-vnavigation-border { border-bottom: 1px solid #272727; } .mn-vnavigation li a { display: block; color: #fff; text-decoration: none; font-size: 11px; font-weight: 300; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); } .mn-vnavigation li a:hover { color: white; } .mn-vnavigation li img { width: 15px; margin-right: 15px } 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; } li.dropdown-submenu { display: inline-block; width: 100%; } .dropdown-submenu > .dropdown-menu { /*top: 0; margin: 0 auto; height: 100vh;*/ left: 100%; margin-left: -1px; background: #272930; width: 100%; top: auto; bottom: auto; margin: -36px 0; border: none; border-radius: unset; } .dropdown-submenu:hover > .dropdown-menu { display: block; background-color: var(--cd-color-1); } .dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; } .dropdown-submenu:hover > a:after { border-left-color: #fff; } .dropdown-submenu.pull-left { float: none; } .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 { list-style: none; } ul.dropdown-menu.parent { margin-top: -1px; } .bottom-mn { bottom: 0px; position: absolute; width: 100%; } /* 20200917 Read More */ /* 20200917 Footer content */ .footer-wrapper01 { display: inline-block; background-color: #0d0f13; padding: 30px 0; /*width: 100%;*/ word-break: break-word; } .footer-wrapper01 img, .sidebar-box > div img { width: 100% !important; } /*.wrapper-container { max-width: 1366px; } .wrapper-container { max-width: 1040px; } @media screen and (min-width:1700px) { .wrapper-container { max-width: 1320px; } }*/ .footer-wrapper01 p { color: #bbbbbb; font-weight: 300; font-size: 12px; } .footer-wrapper01 h2, .footer-wrapper01 h3, .footer-wrapper01 h4, .footer-wrapper01 h5, .footer-wrapper01 h6 { color: var(--light); font-size: 14px; margin-bottom: 15px; } .footer-wrapper01 h1 { color: var(--light); font-size: 16px; margin-bottom: 15px; } @media screen and (max-width:991px) { .footer-wrapper01 { display: none; } } .footer-copy-right { background-color: #000000; text-align: center; color: #bebebe; font-size: 10px; padding: 10px; display: inline-block; width: 100%; } .footer-copy-right p { margin: 0 auto; } .footer-bottom { padding: 45px 0; } .footer-bottom .h1 { font-size: 18px; color: var(--white); } .footer-bottom p { color: var(--light); font-size: 12px; margin: 5px 0 auto; } @media only screen and (max-width: 767px) { .footer-bottom p { font-size: .658em; } } .footer-bottom p:hover { color: #ff6a00; } /*how part*/ .hide { display: none; } .favStar { color: yellow; } .triangle-up { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 8px solid lime; } .triangle-down { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid red; } @keyframes blink { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes blink { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } .blink { display: flex; justify-content: center; align-items: center; position: absolute; left: 10px; animation: blink 5s infinite; -webkit-animation: blink 3s infinite; } /*how part*/ .shfooter .collapse { display: inherit; } @media (max-width:767px) { .shfooter ul { margin-bottom: 0; } .shfooter .collapse { display: none; } .shfooter .collapse.show { display: block; } .shfooter .title .fa-angle-up, .shfooter .title[aria-expanded=true] .fa-angle-down { display: none; } .shfooter .title[aria-expanded=true] .fa-angle-up { display: block; } .shfooter .navbar-toggler { display: inline-block; padding: 0; } } .resize { text-align: center; } .resize { margin-top: 3rem; font-size: 1.25rem; } /*RESIZESCREEN ANIMATION*/ .fa-angle-double-right { animation: rightanime 1s linear infinite; } .fa-angle-double-left { animation: leftanime 1s linear infinite; } @keyframes rightanime { 50% { transform: translateX(10px); opacity: 0.5; } 100% { transform: translateX(10px); opacity: 0; } } @keyframes leftanime { 50% { transform: translateX(-10px); opacity: 0.5; } 100% { transform: translateX(-10px); opacity: 0; } } .partner-logo { /*padding-top: 40px;*/ } @media screen and (max-width:767px) { .footer-bottom { padding: 25px 0; } .partner-logo { padding-top: 0 !important; } } .widget-content { display: inline-block; padding: 10px 0; } .media-fontx { color: var(--white); padding-left: 10px; } .media-fontx h1 { font-size: 12px; color: #ff6a00; margin-bottom: 2px; } .media-fontx p { font-size: 10px; margin-bottom: 2px; } .media-fontx p a { color: #dedcdc; } .media-fontx span { font-size: 9px; color: #d5d5d5; display: inline-block; } .media-news-t .h2 { font-size: 13px; color: var(--white); margin: 0 auto; padding: 15px 0; text-align: center; border-bottom: 2px solid #ff6a00; margin-bottom: 10px; } /* 20200921 */ .content-section { /*min-height: 1080px;*/ height: auto; display: contents; } .sidebar-section { position: absolute; height: 100%; width: 100%; } .sidebar-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* Position the items */ } .make-me-sticky { position: -webkit-sticky; position: sticky; top: 0; /*display: inline-block;*/ } .title-section { text-align: center; padding: 50px 15px; margin-bottom: 30px; } .content-section h2 { text-align: center; margin: 0; padding-top: 200px; } /* Sticky Left Bar */ aside.fixed, aside.natural{ position: sticky; z-index: 9; } article.content-sticky { position: relative; } /* Back To Top */ #gotoTop { display: none; position: fixed; bottom: 10%; right: 0; z-index: 99; font-size: 18px; border: none; outline: none; background-color: #cf2c27a8; color: white; cursor: pointer; padding: 9px 15px; } #gotoTop:hover { background-color: #cf2c27; } @media screen and (max-width:767px) { #gotoTop { position: relative; bottom: 0; right: 0; margin: 0 auto; padding: 0px 40px; margin-top: 30px; background-color: var(--cd-color-1); width: 100%; } } .mobile-tab-nav { display: block; } .mobile-tab-nav span { font-size: 0.6em; color: white; } /* Favorites icon */ .fa.fa-star { padding-right: 5px; } /* Brand Logo zoom */ .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; } .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); } .games-brand-logo img:hover { filter: drop-shadow(2px 4px 6px black); background-color: initial; } /* calendar */ .calendar-part input { width: 25%; background-color: #070707; border: 1px solid #1d212a; font-size: 12px; padding: 5px 10px; color: #ff6a00; } .calendar-side { position: absolute; right: 50px; } @media screen and (max-width:320px) { .se5-320 { display: none; } .squares > div { width: 80px !important; margin: 5px !important; } } @media screen and (max-width:441px) { ::-webkit-scrollbar { width: 2px; height: 2px; } ::-webkit-scrollbar-button { width: 2px; height: 2px; } .squares > div { width: 77px; margin: 5px; } .mobile-nav { overflow-x: scroll; } .rectangles { top: 100px; padding: 100px 0 0 0; } .rectangles > div { width: 140px; height: 60px; margin: 50px 10px; padding: 5px; background: #cab; transform: rotate(90deg) translateY(80px); transform-origin: right top; } } /* AFBPlay color */ /* Background Color */ .afb-bg-dark { background-color: black; } .afb-bg-dark-xl { background-color: #070707; } .afb-bg-dark-x { background-color: #0d0f13; } .afb-bg-dark-l { background-color: #1d212a; } .afb-bg-dark-m { background-color: #272930; } .afb-bg-dark-blue { background-color: var(--cd-color-1) !important; } .afb-bg-ddark-blue { background-color: #3b4358; } .afb-bg-opacity { background-color: #0d0f1300 !important; } /* font color */ .afb-font-orange { color: #ff6a00; } .afb-font-grey { color: #bebebe; } .afb-font-white { color: var(--white) !important } .afb-font-tiffblur { color: #00e7ef; } .afb-font-black { color: #212529; } /* 20201001 */ .games-title .h3 { margin: 0 auto; color: #212529; padding: 0 15px; } /* 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.25*var(--space-unit)); --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: 25px; 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 } @media (min-width: 48rem) { .cd-tabs { display: -ms-flexbox; display: flex } } /*@media (min-width: 64rem) { .cd-tabs { display: block } }*/ @supports (background: linear-gradient(to left, #000, #000)) { .cd-tabs::after { content: ""; position: absolute; top: 0; right: 0; height: 80px; width: 25px; z-index: 1; pointer-events: none; background: linear-gradient(to left, hsl(54, 42%, 95%), hsla(54, 42%, 95%, 0)); background: linear-gradient(to left, var(--cd-color-2), hsla(var(--cd-color-2-h), var(--cd-color-2-s), var(--cd-color-2-l), 0)); visibility: visible; opacity: 1; transition: opacity .3s 0s, visibility 0s 0s } @media (min-width: 48rem) { .cd-tabs::after { display: none } } .cd-tabs--scroll-ended::after { visibility: hidden; opacity: 0; transition: opacity .3s 0s, visibility 0s .3s } } .cd-tabs__navigation { /* background: hsl(54, 42%, 95%); background: var(--cd-color-1);*/ --cd-color-shadow: hsla(54, 42%, 64.6%, 0.06); --cd-color-shadow: hsla(var(--cd-color-2-h), var(--cd-color-2-s), calc(var(--cd-color-2-l)*0.68), 0.06); box-shadow: inset 0 -2px 3px hsla(54, 42%, 64.6%, 0.06); box-shadow: inset 0 -2px 3px var(--cd-color-shadow) } @media (min-width: 48rem) { .cd-tabs__navigation { width: 90px; -ms-flex-negative: 0; flex-shrink: 0; box-shadow: inset -2px 0 3px hsla(54, 42%, 64.6%, 0.06); box-shadow: inset -2px 0 3px var(--cd-color-shadow) } } /*@media (min-width: 64rem) { .cd-tabs__navigation { display: -ms-flexbox; display: flex; width: auto; background: transparent; box-shadow: none } }*/ .cd-tabs__list { display: -ms-flexbox; display: flex; overflow-x: auto; -webkit-overflow-scrolling: touch } .cd-tabs__list li { -ms-flex-negative: 0; flex-shrink: 0 } @media (min-width: 48rem) { .cd-tabs__list { -ms-flex-direction: column; flex-direction: column } } /*@media (min-width: 64rem) { .cd-tabs__list { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-direction: row; flex-direction: row; background-color: hsl(54, 42%, 95%); background-color: var(--cd-color-1); --cd-color-shadow: hsla(54, 42%, 64.6%, 0.06); --cd-color-shadow: hsla(var(--cd-color-2-h), var(--cd-color-2-s), calc(var(--cd-color-2-l)*0.68), 0.06); box-shadow: inset 0 -2px 3px hsla(54, 42%, 64.6%, 0.06); box-shadow: inset 0 -2px 3px var(--cd-color-shadow) } @media (min-width: 64rem) { .cd-tabs__list { box-shadow: inset 0 -2px 3px hsla(54, 42%, 64.6%, 0.06); box-shadow: inset 0 -2px 3px var(--cd-color-shadow) } } }*/ .cd-tabs__item { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; /*height: 80px;*/ /*width: 85px;*/ font-size: 0.76388em; font-size: calc(var(--text-xs)*1.1); font-weight: 700; color: hsl(0deg 0% 90%); text-decoration: none; font-weight: 600; text-align: center; /*line-height: 15px;*/ padding: 10px; } .cd-tabs__item:hover { color: hsl(225, 31%, 23%); color: var(--cd-color-1); background-color: hsla(54, 42%, 84.55%, 0.3); background-color: hsla(var(--cd-color-2-h), var(--cd-color-2-s), calc(var(--cd-color-2-l)*0.89), 0.3) } .cd-tabs__item .icon { margin-bottom: 0.25em; margin-bottom: var(--space-xxxs); color: inherit } /*@media (min-width: 48rem) { .cd-tabs__item { height: 70px; width: 80px } }*/ /*@media (min-width: 64rem) { .cd-tabs__item { height: 45px; width: auto; padding: 0 2em; padding: 0 var(--space-lg); -ms-flex-direction: row; flex-direction: row } .cd-tabs__item .icon { margin-bottom: 0; margin-right: 0.375em; margin-right: var(--space-xxs) } }*/ .js .cd-tabs__item--selected { 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; } } /*@media (min-width: 64rem) { .js .cd-tabs__item--selected { box-shadow: inset 0 2px 0 #ff6a00; box-shadow: inset 0 3px 0 #ff6a00; } }*/ .cd-tabs__panels { background: hsl(0, 0%, 100%); background: var(--color-user-bg); /*overflow: hidden;*/ overflow-x: auto; width: 100%; } .cd-tabs__panel { padding: 1.25em; padding: var(--space-md); --line-height-multiplier: 1.14; --text-vspace-multiplier: 1.25 } .cd-tabs__panel p { color: hsl(225, 31%, 63.02%); color: hsl(var(--gray), var(--cd-color-1-s), calc(var(--cd-color-1-l)*2.74)); margin: 5px 0; font-size: var(--text-sm) } .cd-tabs__panel p a { color: #002bff; padding: 0; font-size: 13px; } .profile-notif time { margin: 5px 0; font-size: var(--text-sm) } @media (min-width: 48rem) { .cd-tabs__panel { padding: 2em; padding: var(--space-lg) } } /*@media (min-width: 64rem) { .cd-tabs__panel p { font-size: 0.83333em; font-size: var(--text-sm); color: black; } }*/ .js .cd-tabs__panel { display: none; padding: 25px; } .js .cd-tabs__panel--selected { /* display: grid;*/ display: block; -webkit-animation: cd-fade-in 0.5s; animation: cd-fade-in 0.5s } @-webkit-keyframes cd-fade-in { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes cd-fade-in { 0% { opacity: 0 } 100% { opacity: 1 } } /* 20201002 Dashboard */ /*.inside-tab { background-color: var(--cd-color-1); }*/ .inside-tab-item > a.active { color: var(--cd-color-1); border: 2px solid #ff6a00; background-color: white; } .inside-tab-bg { background-color: white; padding: 10px 20px; } .choose-file::-webkit-file-upload-button { color: white; display: inline-block; background: var(--cd-color-1); border: none; padding: 2px 5px; font-weight: 700; border-radius: 3px; white-space: nowrap; cursor: pointer; font-size: 8pt; margin: 3px; } /* Promotion Filtering 20201006 */ .port-image { width: 100%; } .each-item { position: relative; overflow: hidden; } .each-item:hover .cap2, .each-item:hover .cap1 { left: 0px; } .cap1 { position: absolute; width: 100%; height: 70%; background: rgba(255, 255, 255, 0.5); top: 0px; left: -100%; padding: 10px; transition: all .5s; } .cap2 { position: absolute; width: 100%; height: 30%; background: rgba(0, 178, 255, 0.5); bottom: 0px; left: 100%; padding: 10px; transition: all .5s; } .item-preview a.item-preview-img { transition: 0.15s box-shadow, 0.15s transform; border-radius: .5rem; box-shadow: 0 2rem 1.5rem -1.5rem rgba(33, 37, 41, 0.15), 0 0 1.5rem 0.5rem rgba(33, 37, 41, 0.05); overflow: hidden; } @media (min-width: 992px) { .item-preview a.item-preview-img:hover { transform: translateY(-0.25rem); box-shadow: 0 2.25rem 1.5rem -1.5rem rgba(33, 37, 41, 0.3), 0 0 1.5rem 0.5rem rgba(33, 37, 41, 0.05) !important; } } .img-fluid { max-width: 100%; height: auto; } img.img-fluid { margin: 0; } /* 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); } /* * demo styles for photobox */ .photobox { color: #fff; /*font-size: 2.5rem;*/ font-weight: 700; width: 33.33333%; --photoboxOverlay: #070707a8; --photoboxAnimationDuration: .5s; margin: 3px -3px; 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: 120px; display: inline-block; } } /* notification dropdown */ .a-top-text-heading { font-size: var(--text-sm); color: var(--gray-dark); } .a-top-text-light { font-size: var(--text-xs); } .a-top-text-block { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: inherit !important; border-bottom: 1px solid #f4f4f4; position: relative; } .a-top-text-block:hover:before { content: ''; width: 4px; background: #f05a1a; left: 0; top: 0; bottom: 0; position: absolute; } .a-top-text-block.unread { background: #ffc; } .a-top-text-block .a-top-text-light { color: #999; font-size: 0.8em; } .a-top-head-dropdown .a-dropdown-menu { width: 350px; height: 300px; overflow: auto; } .a-top-head-dropdown li:last-child .a-top-text-block { border-bottom: 0; } .a-topbar-align-center { text-align: center; } .a-top-head-dropdown ul li { width: 350px; padding: 5px; } /* .a-top-head-dropdown button svg { position: absolute; top: 10px; } */ 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); } } .m-show { display: none; } .b-show { display: block; } @media screen and (max-width:768px) { .m-show { display: block; } .b-show { display: none; } } .drow-auto { left: auto; right: 0; padding: 0; background-color: #2a3040; } .drow-auto a { display: block; padding: 10px; } .noti-number { padding: 0; width: 100%; text-align: justify; position: relative; } .noti-number font { top: 5px !important; right: 0; } .drow-auto a.one { background-image: -webkit-linear-gradient(#2b2b2b, #262626); background-image: linear-gradient(#2b2b2b, #262626); } .drow-auto a span { color: white; } /* 20201010 User Profile Notif */ .profile-notif strong { color: var(--color-afb-black); } .login-loader-wrapper { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(21, 21, 21, 0.24); z-index: 2; } .login-loader-wrapper .loader { margin-left: -30px; -webkit-transform: none; transform: none; } .loader { border: 5px solid #f3f3f3; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; border-top: 5px solid #555; border-radius: 50%; width: 50px; height: 50px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .modal-notif, .modal-box { z-index: 900; } .modal-sandbox { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: transparent; } .modal-notif { display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgb(0, 0, 0); background: rgba(0, 0, 0, .8); overflow: auto; } .modal-box { position: relative; width: 80%; max-width: 920px; margin: 100px auto; animation-name: modalbox; animation-duration: .4s; animation-timing-function: cubic-bezier(0, 0, .3, 1.6); } .modal-body p { font-size: 13px; } .modal-footer time { font-size: 12px; } .modal-footer { background-color: white; } .modal-header { /*padding: 20px 40px;*/ background: var(--cd-color-1); color: #ffffff; } .modal-header button.close { background-color: #ff6a00; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; opacity: 1; color: white; font-weight: 300; border-top-right-radius: 5px; } .h5.modal-title { font-size: 15px; } .modal-body { background: var(--light); /*padding: 60px 40px;*/ } .btn-primary { background-color: #ff6a00; border-color: #007bff00; color: white !important; } .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, .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; } .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 #ddd; } .pagination > li > a.one { background-color: #fff0; color: white; } .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover { z-index: 2; color: #23527c; background-color: #d2d2d2; border-color: #ddd; } .page-item.active .page-link { z-index: 1; color: #fff; background-color: #007bff; border-color: #007bff; } .c-header { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 56px } .c-header.c-header-with-subheader { height: 104px } .c-header.c-header-with-subheader .c-header-nav { height: 56px } .c-header.c-header-with-subheader .c-subheader .c-header-nav { height: 48px } .c-header[class*="bg-"] { border-color: rgba(0, 0, 21, 0.1) } .c-header.c-header-fixed { position: fixed; right: 0; left: 0; z-index: 1030 } .c-header-brand { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 56px; -webkit-transition: width .25s; transition: width .25s } @media (min-width: 768px) { .c-header-brand { width: 256px } } .c-header-brand .c-header-brand-minimized { display: none } .c-header-brand.c-header-brand-centered { position: absolute; top: 56px; -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%) } html:not([dir="rtl"]) .c-header-brand.c-header-brand-centered { left: 50% } *[dir="rtl"] .c-header-brand.c-header-brand-centered { right: 50% } @media (max-width: 575.98px) { .c-header-brand.c-header-brand-xs-down-centered { position: absolute; top: 56px; -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%) } html:not([dir="rtl"]) .c-header-brand.c-header-brand-xs-down-centered { left: 50% } *[dir="rtl"] .c-header-brand.c-header-brand-xs-down-centered { right: 50% } } @media (max-width: 767.98px) { .c-header-brand.c-header-brand-sm-down-centered { position: absolute; top: 56px; -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%) } html:not([dir="rtl"]) .c-header-brand.c-header-brand-sm-down-centered { left: 50% } *[dir="rtl"] .c-header-brand.c-header-brand-sm-down-centered { right: 50% } } @media (max-width: 991.98px) { .c-header-brand.c-header-brand-md-down-centered { position: absolute; top: 56px; -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%) } html:not([dir="rtl"]) .c-header-brand.c-header-brand-md-down-centered { left: 50% } *[dir="rtl"] .c-header-brand.c-header-brand-md-down-centered { right: 50% } } @media (max-width: 1199.98px) { .c-header-brand.c-header-brand-lg-down-centered { position: absolute; top: 56px; -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%) } html:not([dir="rtl"]) .c-header-brand.c-header-brand-lg-down-centered { left: 50% } *[dir="rtl"] .c-header-brand.c-header-brand-lg-down-centered { right: 50% } } .c-header-brand.c-header-brand-xl-down-centered { position: absolute; top: 56px; -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%) } html:not([dir="rtl"]) .c-header-brand.c-header-brand-xl-down-centered { left: 50% } *[dir="rtl"] .c-header-brand.c-header-brand-xl-down-centered { right: 50% } @media (min-width: 992px) { .c-header-brand.c-header-brand-minimized { width: 56px } .c-header-brand.c-header-brand-minimized .c-header-brand-full { display: none } .c-header-brand.c-header-brand-minimized .c-header-brand-minimized { display: block } } .c-header-toggler { min-width: 50px; font-size: 1.09375rem; background-color: rgba(0, 0, 0, 0); border: 0; border-radius: .25rem } .c-header-toggler:hover, .c-header-toggler:focus { text-decoration: none } .c-header-toggler:not(:disabled):not(.c-disabled) { cursor: pointer } .c-header-toggler-icon { display: block; height: 1.36719rem; background-repeat: no-repeat; background-position: center center; background-size: 100% 100% } .c-header-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; margin-bottom: 0; list-style: none } .c-header-nav .c-header-nav-item { position: relative } @media screen and (max-width: 414px) { .c-header-nav .c-header-nav-item, .h_bar { margin: 0 auto; } .c-header-nav { width: 100%; } } .c-header-nav .c-header-nav-btn { background-color: transparent; border: 1px solid transparent } .c-header-nav .c-header-nav-link, .c-header-nav .c-header-nav-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: .5rem; padding-left: .5rem } .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 } .c-header-nav .c-header-nav-link:hover, .c-header-nav .c-header-nav-btn:hover { text-decoration: none } .c-header-nav .dropdown-menu { line-height: 1.5 } .c-header-nav .dropdown-item { min-width: 180px } .c-subheader { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; height: 48px } .c-header.c-header-dark { background: #636f83; border-bottom: 1px solid #636f83 } .c-header.c-header-dark .c-header-brand { color: #fff; background-color: rgba(0, 0, 0, 0) } .c-header.c-header-dark .c-header-brand:hover, .c-header.c-header-dark .c-header-brand:focus { color: #fff } @media (min-width: 992px) { .c-header.c-header-dark .c-header-brand.c-header-brand-minimized { background-color: rgba(0, 0, 0, 0) } } .c-header.c-header-dark .c-header-nav .c-header-nav-link, .c-header.c-header-dark .c-header-nav .c-header-nav-btn { color: rgba(255, 255, 255, 0.75) } .c-header.c-header-dark .c-header-nav .c-header-nav-link:hover, .c-header.c-header-dark .c-header-nav .c-header-nav-link:focus, .c-header.c-header-dark .c-header-nav .c-header-nav-btn:hover, .c-header.c-header-dark .c-header-nav .c-header-nav-btn:focus { color: rgba(255, 255, 255, 0.9) } .c-header.c-header-dark .c-header-nav .c-header-nav-link.c-disabled, .c-header.c-header-dark .c-header-nav .c-header-nav-btn.c-disabled { color: rgba(255, 255, 255, 0.25) } .c-header.c-header-dark .c-header-nav .c-show > .c-header-nav-link, .c-header.c-header-dark .c-header-nav .c-active > .c-header-nav-link, .c-header.c-header-dark .c-header-nav .c-header-nav-link.c-show, .c-header.c-header-dark .c-header-nav .c-header-nav-link.c-active { color: #fff } .c-header.c-header-dark .c-header-toggler { color: rgba(255, 255, 255, 0.75); border-color: rgba(255, 255, 255, 0.1) } .c-header.c-header-dark .c-header-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,0.75)' stroke-width='2.25' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") } .c-header.c-header-dark .c-header-toggler-icon:hover { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,0.9)' stroke-width='2.25' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") } .c-header.c-header-dark .c-header-text { color: rgba(255, 255, 255, 0.75) } .c-header.c-header-dark .c-header-text a { color: #fff } .c-header.c-header-dark .c-header-text a:hover, .c-header.c-header-dark .c-header-text a:focus { color: #fff } .c-header.c-header-dark .c-subheader { border-top: 1px solid #636f83 } .c-header { background: #070707; box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .45); transition: top .2s; } .c-header .c-header-brand { color: rgba(0, 0, 21, 0.9); background-color: rgba(0, 0, 0, 0) } .c-header .c-header-brand:hover, .c-header .c-header-brand:focus { color: rgba(0, 0, 21, 0.9) } @media (min-width: 992px) { .c-header .c-header-brand.c-header-brand-minimized { background-color: rgba(0, 0, 0, 0) } } .c-header .c-header-nav .c-header-nav-link, .c-header .c-header-nav .c-header-nav-btn { color: rgba(0, 0, 21, 0.5) } .c-header .c-header-nav .c-header-nav-link:hover, .c-header .c-header-nav .c-header-nav-link:focus, .c-header .c-header-nav .c-header-nav-btn:hover, .c-header .c-header-nav .c-header-nav-btn:focus { color: rgba(0, 0, 21, 0.7) } .c-header .c-header-nav .c-header-nav-link.c-disabled, .c-header .c-header-nav .c-header-nav-btn.c-disabled { color: rgba(0, 0, 21, 0.3) } .c-header .c-header-nav .c-show > .c-header-nav-link, .c-header .c-header-nav .c-active > .c-header-nav-link, .c-header .c-header-nav .c-header-nav-link.c-show, .c-header .c-header-nav .c-header-nav-link.c-active { color: rgba(0, 0, 21, 0.9) } .c-header .c-header-toggler { color: rgba(0, 0, 21, 0.5); border-color: rgba(0, 0, 21, 0.1) } .c-header .c-header-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,21,0.5)' stroke-width='2.25' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") } .c-header .c-header-toggler-icon:hover { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,21,0.7)' stroke-width='2.25' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") } .c-header .c-header-text { color: rgba(0, 0, 21, 0.5) } .c-header .c-header-text a { color: rgba(0, 0, 21, 0.9) } .c-header .c-header-text a:hover, .c-header .c-header-text a:focus { color: rgba(0, 0, 21, 0.9) } .c-header .c-subheader { border-top: 1px solid #d8dbe0 } .announcementWrapper { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .AnnouncementHeader { background: #003e8a; width: 120px; color: white; 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; font-weight: 300; font-size: 12px; } .AnnouncementHeader i { font-size: 14px; margin-left: 5px; } .notificationMarquee { border-radius: 8px; font-size: large; color: #565656; background: #13171d; position: relative; overflow: hidden; padding: 4px; margin: auto; color: var(--cd-color-2); } @-webkit-keyframes marquee { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes marquee { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } .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; } /* 20201014 width for navigation */ .afb-w-4 { width: 490px; } afb-w-3 { width: 370px; } .afb-w-2 { width: 250px; } .afb-w-1 { width: 130px; } #vt_menu { /*background: #333333 !important;*/ } #vt_menu .list-top { background: #333333; } #vt_menu ul li:hover { /*background: #666;*/ } #vt_menu input {} #vt_menu .other_links i { color: #333333; } #vt_menu .other_links li:hover { background: #fff !important; cursor: pointer; } .first { color: #fff; } #vt_menu h4 { color: #333333; border-bottom: 1px solid #333333 !important; } #vt_menu ul ul li a { color: #333333 !important; } #vt_menu input[type="submit"] { background: #333333 !important; } .other_links li a { color: #666666 !important; box-shadow: none !important; } #vt_menu .icons a { color: #333333; } @media screen and (max-width: 1023px) { #jnix-menu { background: url(../../images/list-white.png) no-repeat #333333; box-shadow: 0 -4px 0 0 rgba(0, 0, 0, 0.2) inset; } #jnix-menu input[type=checkbox]:checked + span { color: #000 !important; } #jnix-menu input[type=checkbox] + span { color: #333333 !important; } } #vt_menu { position: relative; /*background: #333;*/ z-index: 999; } #vt_menu ul { width: 100%; margin: 0; padding: 0; } #vt_menu ul li { margin: 0; padding: 0; display: block; position: relative; list-style: none; width: 100%; } #vt_menu ul li a { width: 100%; font-weight: normal; text-decoration: none; display: block; line-height: 40px; color: #fff; font-size: 13px; } #vt_menu ul li a p { margin: 5px 0px; text-align: center; line-height: normal; } #vt_menu ul li:hover { background: #0d0f13; } #vt_menu li a:active { color: #888; } #vt_menu .contact { top: -396px; } #vt_menu ul li:first-child {} #vt_menu ul li:last-child {} #vt_menu i { margin-left: 10px; font-size: 17px; margin-right: 0px; } #vt_menu i.one { position: absolute; right: 0; padding: 15px; } #vt_menu span.main_links_span { position: absolute; top: 0; right: 25px; font-size: 16px; } #vt_menu ul li ul { z-index: 1; opacity: 0; visibility: hidden; position: absolute; top: 0; left: 100%; display: block; border-radius: none; top: -1px; -webkit-transform: translate3d(0, 50px, 0); -moz-transform: translate3d(0, 50px, 0); -o-transform: translate3d(0, 50px, 0); -ms-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); -webkit-transition: opacity .2s ease-in, visibility 0s linear .2s, -webkit-transform .2s linear; -moz-transition: opacity .2s ease-in, visibility 0s linear .2s, -moz-transform .2s linear; -o-transition: opacity .2s ease-in, visibility 0s linear .2s, -o-transform .2s linear; -ms-transition: opacity .2s ease-in, visibility 0s linear .2s, -ms-transform .2s linear; transition: opacity .2s ease-in, visibility 0s linear .2s, transform .2s linear; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } #vt_menu ul li ul li { position: relative; display: block; float: none; background: #fff; border-top: solid 1px #e7e7e7; border-right: solid 1px #e7e7e7; border-left: solid 1px #e7e7e7; box-shadow: none; } #vt_menu ul ul li:last-child, #vt_menu ul ul li:first-child { border-radius: 0; } #vt_menu ul ul li:last-child { border-bottom: solid 1px #e7e7e7; } #vt_menu ul ul ul li:last-child {} #vt_menu ul ul ul ul li:last-child {} #vt_menu ul ul li a { color: #777; line-height: 42px; padding: 10px; margin: 0 auto; } #vt_menu ul ul li:hover { background: #f3f3f3; } #vt_menu ul li:hover > ul { z-index: 1; opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0px, 0); -moz-transform: translate3d(0, 0px, 0); -o-transform: translate3d(0, 0px, 0); -ms-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } #vt_menu span.span_level_1, span.span_level_2 { position: absolute; top: 0; right: 10px; font-size: 16px; } #vt_menu .list-top { width: 90%; padding: 5px 10px; color: #fff; margin-bottom: 10px; font-size: 15px; } #vt_menu .inner-list { margin-left: 10px; } #vt_menu .other_links i { margin-left: 0px !important; font-size: 13px !important; } #vt_menu ol li { box-shadow: none !important; padding-left: 10px; border-bottom: 1px solid #ccc; width: 94%; padding-bottom: 3px; color: #666; } .typography_5_col { border-radius: 0 10px 10px 0; background-color: #000000; font-size: 13px; line-height: 0; color: #333; z-index: 10 !important; opacity: 0; visibility: hidden; width: 850px; position: absolute; top: 0; left: 100%; -webkit-transform: translate3d(0, 50px, 0); -moz-transform: translate3d(0, 50px, 0); -o-transform: translate3d(0, 50px, 0); -ms-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); -webkit-transition: opacity .2s ease-in, visibility 0s linear .2s, -webkit-transform .2s linear; -moz-transition: opacity .2s ease-in, visibility 0s linear .2s, -moz-transform .2s linear; -o-transition: opacity .2s ease-in, visibility 0s linear .2s, -o-transform .2s linear; -ms-transition: opacity .2s ease-in, visibility 0s linear .2s, -ms-transform .2s linear; transition: opacity .2s ease-in, visibility 0s linear .2s, transform .2s linear; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } #vt_menu ul li:hover > .typography_5_col { padding: 5px; opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0px, 0); -moz-transform: translate3d(0, 0px, 0); -o-transform: translate3d(0, 0px, 0); -ms-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .typography_3_col { font-size: 13px; line-height: 23px; color: #333; z-index: 1; opacity: 0; visibility: hidden; width: 490px; position: absolute; top: -1px; left: 100%; -webkit-box-shadow: 2px 2px 3px #ccc; -moz-box-shadow: 2px 2px 3px #ccc; box-shadow: 2px 2px 3px #ccc; border-top: solid 1px #e7e7e7; border-right: solid 1px #e7e7e7; border-bottom: solid 1px #e7e7e7; -webkit-transform: translate3d(0, 50px, 0); -moz-transform: translate3d(0, 50px, 0); -o-transform: translate3d(0, 50px, 0); -ms-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); -webkit-transition: opacity .2s ease-in, visibility 0s linear .2s, -webkit-transform .2s linear; -moz-transition: opacity .2s ease-in, visibility 0s linear .2s, -moz-transform .2s linear; -o-transition: opacity .2s ease-in, visibility 0s linear .2s, -o-transform .2s linear; -ms-transition: opacity .2s ease-in, visibility 0s linear .2s, -ms-transform .2s linear; transition: opacity .2s ease-in, visibility 0s linear .2s, transform .2s linear; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } #vt_menu ul li:hover > .typography_3_col { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0px, 0); -moz-transform: translate3d(0, 0px, 0); -o-transform: translate3d(0, 0px, 0); -ms-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .typography_2_col { font-size: 13px; line-height: 23px; color: #333; z-index: 1; opacity: 0; visibility: hidden; width: 340px; position: absolute; top: -1px; left: 100%; -webkit-box-shadow: 2px 2px 5px #ccc; -moz-box-shadow: 2px 2px 5px #ccc; box-shadow: 2px 2px 5px #ccc; border-top: solid 1px #e7e7e7; border-right: solid 1px #e7e7e7; border-bottom: solid 1px #e7e7e7; -webkit-transform: translate3d(0, 50px, 0); -moz-transform: translate3d(0, 50px, 0); -o-transform: translate3d(0, 50px, 0); -ms-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); -webkit-transition: opacity .2s ease-in, visibility 0s linear .2s, -webkit-transform .2s linear; -moz-transition: opacity .2s ease-in, visibility 0s linear .2s, -moz-transform .2s linear; -o-transition: opacity .2s ease-in, visibility 0s linear .2s, -o-transform .2s linear; -ms-transition: opacity .2s ease-in, visibility 0s linear .2s, -ms-transform .2s linear; transition: opacity .2s ease-in, visibility 0s linear .2s, transform .2s linear; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } #vt_menu ul li:hover > .typography_2_col { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0px, 0); -moz-transform: translate3d(0, 0px, 0); -o-transform: translate3d(0, 0px, 0); -ms-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .col_2_container { width: 300px; margin-top: 20px; margin-left: 20px; margin-bottom: 30px; } .col_3_container { width: 450px; margin-top: 20px; margin-left: 20px; margin-bottom: 30px; } .col_5_container { /*padding:5px; display:inline-block;*/ } .col_5_container a img { width: 100%; background-color: #1d212a1f; padding: 10px; border-radius: 5px; margin: 0; } #vt_menu h4 { font-size: 18px; border-bottom: solid 1px #333; margin-bottom: 9px; padding-bottom: 10px; display: block; float: none; } .col_1 { width: 120px; float: right; padding: 5px; } .col_2 { width: 36.94%; float: left; padding: 1.52%; margin-bottom: 20px; } .col_3 { width: 56.899%; float: left; padding: 1.52%; margin-bottom: 20px; } .col_4 { width: 76.94%; float: left; padding: 1.52%; margin-bottom: 20px; } .col_5 { width: 96.94%; float: left; padding: 1.52%; margin-bottom: 20px; } .col_2_fullwidth { width: 46.96%; float: left; padding: 1.52%; margin-bottom: 20px; } .col_3_fullwidth { width: 30.293%; float: left; padding: 1.52%; margin-bottom: 20px; } .col_4_fullwidth { width: 21.96%; float: left; padding: 1.52%; margin-bottom: 20px; } #vt_menu .typography_3_col .col_3_container .col_3_fullwidth ol li a { background: none; background-image: none; line-height: 22px; cursor: pointer; } #vt_menu .typography_3_col .col_3_container .col_3_fullwidth ol li { background: none; background-image: none; } #vt_menu .typography_3_col .col_3_container .col_3_fullwidth h4.other_links_title { padding-left: 0; } .other_links li { box-shadow: none !important; } #vt_menu .name, #vt_menu .email, #vt_menu .message, #vt_menu input, #vt_menu textarea { margin-top: 9px; } #vt_menu input { width: 100%; border: none; border: 1px solid #ccc; } #vt_menu input.input_name, #vt_menu input.input_email { height: 35px; color: #333; } #vt_menu textarea { height: 100px; width: 100%; border: none; border: 1px solid #ccc; } #vt_menu input[type=submit] { width: 70px; height: 30px; margin-top: 19px; background: #333; color: white; margin-bottom: 19px; } #vt_menu input[type=submit]:hover { background: #151515; cursor: pointer; } #vt_menu img { border: none; } #vt_menu .icons a { background: none; background-image: none; padding: 0; margin: 0; float: left !important; display: block; width: auto !important; } #vt_menu .icons i { margin-left: 0px; font-size: 30px; margin-right: 10px; } #vt_menu .icons a:hover { opacity: 0.5; } .image { background: gray; width: 260px; height: 140px; font-size: 30px; line-height: 130px; color: #444; } /*b { margin-left: 23px; } */ #vt_menu #pull { width: 100%; font-weight: normal; text-decoration: none; display: block; line-height: 53px; color: #eee; font-size: 13px; } #vt_menu #pull:hover { /*background: #333333;*/ } #vt_menu #pull i { margin-left: 25px; } #vt_menu span.pull_span { position: absolute; right: 25px; top: 0; } #vt_menu div#pull a { display: block; color: white; text-decoration: none; width: 100%; height: 100%; } #vt_menu div#pull a:active { color: #888; } #nav-trigger { display: none; } #jnix-menu input[type="checkbox"] { display: block; height: 48px; opacity: 0; width: 48px; } #jnix-menu input[type="checkbox"] { display: none; } #jnix-menu .fa-bars { display: none !important; } /* notification */ .unreadMSG { background-color: #ebf1ff; } .notifUnread::after { width: 4px; background: #f05a1a; left: 0; top: 0; bottom: 0; position: absolute; } .notifUnread { background-color: #004eff14; border-color: #000000; /*border-right: 4px solid #ff0000;*/ } .notifUnread div { color: #0056b3; font-weight: 500; } .social_square_icons ul { display: inline-block; width: 100%; } .afb-qr ul { float: left; } .afb-qr ul li { display: contents; } .afb-qr img { width: 25%; } @media screen and (min-width: 1111px) { .rp-0 { padding-right: 0; } .rm-005 { margin-right: -5px; } } /* 20201017 QR*/ #snav.en { left: 0; text-align: left; } #snav_right.en { left: 0; text-align: left; } #snav.en li span { left: -100px; } #snav_right.en li span { left: -100px; } #snav.en li a:hover span { left: 50px; } #snav_right.en li a:hover span { left: 50px; } /* RTL CSS */ #snav.ar { right: 0; text-align: right; } #snav_right.ar { right: 0; text-align: right; } #snav.ar li span { right: -100px; } #snav_right.ar li span { right: -100px; } #snav.ar li a:hover span { right: 35px; } #snav_right.ar li a:hover span { right: 35px; } /* main SideNav.css styles */ #snav { position: fixed; top: 35%; z-index: 999; font-size: 18px; font-family: 'Open Sans', sans-serif; } #snav_right { position: fixed; top: 25%; /*top: 75%;*/ z-index: 999; font-size: 18px; font-family: 'Open Sans', sans-serif; } #snav ul { list-style: none; } #snav_right 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_right * { 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_right 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_right .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_right 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_right li span.one { top: -50px; } #snav li a:hover span img, #snav li span img { width: 100px; } #snav_right li a:hover span img, #snav li span img { width: 100px; } #snav li a:hover .fa { transform: rotate(720deg); } #snav_right li a:hover .fa { transform: rotate(720deg); } #snav li a:hover span { visibility: visible; padding: 0; } #snav_right li a:hover span { visibility: visible; padding: 0; } #snav li span { background-color: #555; } #snav_right li span { background-color: #555; } #snav li .fa { background-color: var(--cd-color-1); color: hsl(0deg 0% 90%); } #snav_right li .fa { background-color: var(--cd-color-1); color: hsl(0deg 0% 90%); } #snav li a:hover .fa { color: #fff; } #snav_right li a:hover .fa { color: #fff; } #snav li:nth-child(10n+1) span, #snav li:nth-child(10n+1) a:hover .fa { background-color: #32DE84; } #snav_right li:nth-child(10n+1) span, #snav_right li:nth-child(10n+1) a:hover .fa { background-color: #32DE84; } #snav li:nth-child(10n+2) span, #snav li:nth-child(10n+2) a:hover .fa { background-color: black; } #snav_right li:nth-child(10n+2) span, #snav_right li:nth-child(10n+2) a:hover .fa { background-color: black; } .notif-hd-title { background-color: #ff6a00; padding: 10px; color: white; text-align: center; border-radius: 2px 2px 0 0; margin-left: -0.01em; margin-top: -0.01em; margin-right: -0.01em; } #qrcode-b { position: fixed; transition: top 0.3s; } .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; } .gamesHs ul li { color: white; } .gamesHs ul { width: 100%; 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: .759em; } .top-five-title { margin-top: 10px; color: white; text-align: center; font-size: 14px; background-color: var(--cd-color-1); padding: 5px; } @media only screen and (max-width:944px) { .gamesHs ul li { height: 55px; } } ul.gamesHs-title li { background-color: #3b4358; border: none; color: white; font-weight: 600; height: auto; } /* for mobile Sticky Menu*/ .sticky-top { position: -webkit-sticky; position: sticky; top: 53px; z-index: 1020; background-color: #13171d; } a.ef-hover:hover { background-color: #0d0f13 !important; color: white !important; } /*for promotion progress*/ .card-header { background: #363c4e; } @media screen and (max-width:991px) { .promotion_Progress { padding-left: 8% !important; padding-right: 8% !important; } .progress-promo { margin: 25px 0 !important; margin-right: 10px !important; } .pmo-progress-wrapper { padding: 0; } .pmo-margin-bottom { margin-bottom: 15px; } } @media screen and (max-width:480px) { #snav li a:hover span img, #snav li span img { display: none; } } .pmo-title { font-size: .89rem; text-transform: uppercase; font-weight: 600; border-bottom: 1px solid #313131; } .pmo-progress-wrapper { padding: 10px 0; } .promotion_Progress { padding-left: 5%; padding-right: 5%; } .pmo-progress-contant .h4 { color: white; text-align: center; font-weight: 600; font-size: .88rem; margin: 0 auto; margin-bottom: 5px; padding: 0; } .progress-promo { width: 70px; height: 70px; line-height: 80px; background: none; box-shadow: none; position: relative; margin: 0; } .progress-promo:after { content: ""; width: 100%; height: 100%; border-radius: 50%; border: 14px solid #fff; position: absolute; top: 0; left: 0; } .progress-promo > span { width: 50%; height: 100%; overflow: hidden; position: absolute; top: 0; z-index: 1; } .progress-promo .progress-promo-left { left: 0; } .progress-promo .progress-promo-bar { width: 100%; height: 100%; background: none; border-width: 14px; border-style: solid; position: absolute; top: 0; } .progress-promo .progress-promo-left .progress-promo-bar { left: 100%; border-top-right-radius: 80px; border-bottom-right-radius: 80px; border-left: 0; -webkit-transform-origin: center left; transform-origin: center left; } .progress-promo .progress-promo-right { right: 0; } .progress-promo .progress-promo-right .progress-promo-bar { left: -100%; border-top-left-radius: 80px; border-bottom-left-radius: 80px; border-right: 0; -webkit-transform-origin: center right; transform-origin: center right; animation: loading-1 1.8s linear forwards; } .progress-promo .progress-promo-value { width: 90%; height: 90%; border-radius: 50%; background: #44484b; font-size: 14px; color: #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%; } } /* promotion progress end*/ .text-light { font-size: .7em; } /* overlay Css For Navigation Bar */ @media all and (min-width:991px) { .dropdown:after { content: ''; top: 0; right: 0; bottom: 0; left: 0; transition: opacity .15s ease-in-out; opacity: 0; visibility: hidden; background-color: rgb(62 62 62 / 50%); pointer-events: none; } .dropdown:hover .nav-link { position: relative; z-index: 12; } .dropdown:hover:after { z-index: 10; opacity: 1; visibility: visible; position: fixed; } } /* Read More Css */ .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, #0d0f13); } .sidebar-box .read-more a.button { display: inline-block; position: relative; cursor: pointer; outline: none; white-space: nowrap; margin: 5px; background-color: var(--cd-color-1); color: white; font-size: .9em; font-weight: 600 !important; padding: 5px 15px; font-weight: revert; text-transform: uppercase; border: none; border-radius: 3px; } .sidebar-box .read-more a.button:hover, .sidebar-box .read-more-btn a.button:hover { background-color: #ff6a00; } .sidebar-box .read-more-wrap.read-less-content { /*animation: read-less-content .5s linear;*/ } .sidebar-box .read-more-wrap.read-more-content { animation: read-more-content .5s linear; } @keyframes read-more-content { 0% { opacity: 0; transform: translateY(-30px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes read-less-content { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-30px); } } .md-accordion .card .fa-angle-down { float: right; } .md-accordion .card .card-header a:not(.collapsed) .rotate-icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); } /* 09/12/2020 Contact Us */ #slideout { position: fixed; top: 60%; right: 0; z-index: 999; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } #slideout p { width: 35px; padding: 12px 0; text-align: center; background: #0095ff; -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; font-size: .9rem; cursor: pointer; } #slideout_inner { position: fixed; top: 60%; 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; } .slideoutLeftHeader { right: 250px !important; } .slideoutLeftContent { right: 0px !important; } /*#slideout:hover { right: 250px; transition: right 1s; } #slideout:hover #slideout_inner { right: 0; transition: right 1s; }*/ .afb-medias a { width: 100%; background-color: white; border: none; outline: none; display: block; margin-bottom: 5px; padding: 5px 20px; background: #ff6a00; color: white; font-size: .8rem; } .afb-medias .h1 { color: black; font-size: 1.5rem; font-weight: 400; } .afb-medias a:hover { background: #1d212a; color: white; } .afb-medias a > div { display: inline-block; margin-right: 15px; } .news-title h2 a { font-weight: 400; font-size: 1rem; } /* how - tooltip css*/ /*.GH-tooltip:hover > .GH-tootip-Content { display: block; }*/ .GH-tootip-Content { display: none; position: absolute; background: rgba(0, 0, 0, 0.8); z-index: 2; padding: 5px 8px; width: auto; border-radius: 4px; white-space: nowrap; top: 8px; left: 12px; } @media screen and (max-width: 650px) { .GH-tootip-Content { white-space: normal; } } /*.mobile-bts img { height: 20px; }*/ /*img.sbanner-images-cover { height: 75%; width: 100%; object-fit: cover; }*/ img.bbanner-images-cover { /*height: 300px;*/ width: 100%; object-fit: cover; } /*img.xsbanner-images-cover { height: 190px; width: 100%; object-fit: cover; }*/ /*@media all and (max-width:576px) { img.sbanner-images-cover { height: auto; } } @media all and (max-width:991px) { img.bbanner-images-cover { height: 100px; } }*/ /* Register * */ .required:after { content: " *"; color: red; } .mandatory_field { color: red; } /* Bank Label */ .bank-label-box { border: 1px solid #e6e6e6; padding: 10px; background-color: #f7f7f7; text-align: center; } .bank-label-box label { margin: 0 auto; font-weight: 500; } /* Notification */ .list-group-item { padding: .35rem 1.0rem !important; } .table td, .table th { padding: .55rem !important; vertical-align: middle !important; border: 1px solid #dee2e6 !important; background-color: #f9f9f9 !important; text-align: center; } .table thead th { background: var(--cd-color-1) !important; color: white; font-size: .78rem; } /* No data label */ .noData { font-size: 14px; padding: 20px 25px; text-align: center; color: #d5d5d5; font-weight: 400; } div > .blog-title { color: var(--light); font-weight: 300; font-size: 12px; } .border-danger { line-height: 15px; margin-top: 5px; } #alertModal .tim-btn-bg, #alertModal .tim-btn { width: 100%; padding: 5px 20px !important; } .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; } /* Example #1 */ .search-box img { width: 100%; } #header-1 .search-box { position: absolute; bottom: 95%; right: 0.5%; width: 99%; height: 100%; max-height: 0; -webkit-transform: translateY(100%); transform: translateY(100%); background-color: #ffffffbf; -webkit-transition: all 0.3s; transition: all 0.3s; z-index: -1; } #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; margin: 0 3px; } @media only screen and (max-width:414px) { #header-1 .search-box { bottom: 95%; } } /* 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: #ff6a00; 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: #2a3040; } .tab-content .card-header a { color: white; } .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; } .accordion > .card { background-color: #13171d; } .collapse.show .card-body { border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .accordion > .card > .card-header { margin-bottom: 0 !important; } .t991-dp-block { display: none !important; } .t991-dp-none { display: block !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; } } /* Index Games list */ .padding-x { padding-left: 10px; padding-right: 10px; } /* notifation */ .dropdown-menu { top: 35px !important; } .dropdown-menu-right { right: -180px !important; left: auto; } .afb-padding-lrbt { padding-left: 5px !important; padding-right: 5px !important; padding-top: 5px !important; padding-bottom: 5px !important; } /* color */ .afb-blue-bar { background-color: #ff6a00; } #outer-nav-profile { overflow: hidden; background: var(--cd-color-1); } @media only screen and (max-width: 767px) { #outer-nav { overflow-x: scroll; } /*hide menu scrollbar*/ #outer-nav::-webkit-scrollbar { width: 0px; height: 0px; } #outer-nav-profile { overflow-x: scroll; } /*hide menu scrollbar*/ #outer-nav-profile ::-webkit-scrollbar { width: 0px; height: 0px; } } .toggleLeft-profile { color: #fff; } .toggleRight-profile { color: #fff; } /* Pagination */ .pagination a.active { background-image: linear-gradient(to right, #6a11cb, #2575fc) !important; color: white !important; } .pagination a:hover:not(.active) { background-color: transparent !important; } /* Search Page */ .s006 { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .s006 form { width: 100%; } .s006 form legend { font-size: 36px; color: #fff; font-weight: 800; text-align: center; margin-bottom: 30px; } .s006 form .inner-form { width: 100%; margin-bottom: 17px; } .s006 form .inner-form .input-field { width: 100%; position: relative; } .s006 form .inner-form .input-field input { height: 100%; width: 100%; background: transparent; border: 0; background: #fff; display: block; width: 100%; padding: 10px 32px 10px 20px; font-size: 18px; color: #666; border-radius: 34px; } .s006 form .inner-form .input-field input.placeholder { color: #747474; font-size: 1em; } .s006 form .inner-form .input-field input:-moz-placeholder { color: #747474; font-size: 1em; } .s006 form .inner-form .input-field input::-webkit-input-placeholder { color: #747474; font-size: 1em; } .s006 form .inner-form .input-field input:hover, .s006 form .inner-form .input-field input:focus { box-shadow: none; outline: 0; } .s006 form .inner-form .input-field .btn-search { width: 70px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; position: absolute; right: 0; height: 100%; background: transparent; border: 0; padding: 0; cursor: pointer; display: flex; -ms-flex-pack: center; justify-content: center; align-items: center; } .s006 form .inner-form .input-field .btn-search svg { fill: #747474; width: 30px; height: 30px; transition: all .2s ease-out, color .2s ease-out; } .s006 form .inner-form .input-field .btn-search:hover, .s006 form .inner-form .input-field .btn-search:focus { outline: 0; box-shadow: none; } .s006 form .inner-form .input-field .btn-search:hover svg, .s006 form .inner-form .input-field .btn-search:focus svg { fill: #666; } .s006 form .suggestion-wrap { padding: 0 15px; } .s006 form .suggestion-wrap span { font-size: .9em; display: inline-block; background: rgb(62 62 62 / 60%); padding: 0 15px; line-height: 32px; color: #fff; border-radius: 16px; margin-right: 10px; margin-bottom: 10px; } .s006 form .suggestion-wrap span:hover { background-image: linear-gradient(to right, #2575fc, #6a11cb); } @media screen and (max-width: 767px) { .s006 form .inner-form .input-field { margin-bottom: 20px; height: 50px; } .s006 form .inner-form .input-field input { padding-left: 55px; font-size: 16px; } .s006 form .inner-form .input-field .btn-search svg { width: 26px; height: 26px; } } /* Widget Mobile SearchGame */ .search-button { margin: 0px; transform: scale(.8); margin-top: 3px; } .searchgameMobilewidget.show { top: 75px; } .seoar { color: #fff; } .seoar img { width: auto !important; max-width: 100%; height: auto; } /*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); } /*affiliate css*/ @media (max-width: 767.98px) { /* .downline-details { max-width: 49% !important; margin-bottom: 0rem !important; }*/ h3.details-title { height: 25px !important; } .downline-details:nth-child(2) { margin-right: 0 !important; } #invite-friend .copy.col-12.col-md-8.p-0 { margin-top: 1.5rem; max-width: 100% !important; } } .h3.details-title { height: 45px; } .affiliate .h3 { border-bottom: 1px solid #3e3e3e; color: #222222; } #main-affiliate .h3 { width: 100%; padding: 8px 5px; font-size: 15px; font-weight: 600; text-transform: capitalize; margin: 0; color: black; } #main-affiliate table, #daily-lucky-spin-history table, #deposit-withdraw-history table, #gamedeposit-withdraw-history table { font-size: .75em; } #main-affiliate thead, #daily-lucky-spin-history thead, #deposit-withdraw-history thead, #gamedeposit-withdraw-history thead { background: #201f25; color: #fff; } #main-affiliate tbody td, #daily-lucky-spin-history tbody td, #deposit-withdraw-history tbody td, #gamedeposit-withdraw-history tbody td { background: #fff; } #main-affiliate tbody tr:nth-child(2n+2) td, #daily-lucky-spin-history tbody tr:nth-child(2n+2) td, #deposit-withdraw-history tbody tr:nth-child(2n+2) td, #gamedeposit-withdraw-history tbody tr:nth-child(2n+2) td { background: #e2e2e2; } #main-affiliate th, #main-affiliate td, #deposit-withdraw-history th, #deposit-withdraw-history td, #gamedeposit-withdraw-history th, #gamedeposit-withdraw-history td, #daily-lucky-spin-history th, #daily-lucky-spin-history td { padding: 10px 7px; } .user-profile .h3 { width: 100%; padding: 8px 5px; /*font-size: 15px;*/ font-weight: normal; text-transform: capitalize; /*margin: 1rem 0 0 0;*/ } #active-member-list .h3 { color: black; font-size: 15px; } #active-member-list table { border-collapse: collapse; font-size: .75em; } #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: 11px; max-height: 27px; } .sharebox-container { border-radius: 10px; background-color: #28324d; } .sharebox-container input { border-radius: 5px !important; padding: 5px 10px !important; width: 100%; /* box-sizing: border-box;*/ border: none !important; /* border: 1px solid #F3E5F5 !important;*/ font-size: .75rem !important; color: #000 !important; font-weight: 400; } .sharebox-container .input-group { border-radius: 5px !important; } .btn-sharebox { background: #0095ff; /* background-image: linear-gradient(to right, #3ab1f2, #7c4cf5);*/ color: #fff; } .btn-sharebox:hover { /* background-image: linear-gradient(to right, #7c4cf5, #3ab1f2);*/ background: #ff6a00; 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; color: #fff !important; } input#copy-link { /* padding: 5px 10px !important;*/ border: none !important; width: 100%; /* margin-bottom: 5px;*/ } input#copy-link:focus { outline: none; } input#copytext { padding: 0px 5px; border: none; width: 60%; } input#copytext:focus { outline: none; } button#copylink, button#copytext { border: none; background: transparent; cursor: pointer; padding-top: 0; padding-bottom: 0; } button#copylink:hover, 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; } #invite-friend .h3 { font-size: 15px; color: black; } .downline-details { background: #e2e2e2; border-radius: 0 0 4px 4px; /* max-width: 24%; margin-right: 0.5rem;*/ /*margin-top: 1.5rem;*/ padding: 15px; } .downline-details:last-child { margin-right: 0 !important; } .downline-details .h3 { font-size: 12px; border-bottom: 1px solid transparent; padding: 0; margin-bottom: 15px; color: black; } .downline-details .h3.one { padding: 0 !important; margin: 0 auto !important; height: 35px; } .downline-details .h3:first-child { margin-top: 0.5rem; } .downline-details .h3 b { font-size: 15px; } .downline-details span { font-size: 10px; } #profile-promotion-sec span { font-size: .9em; color: #666666; margin: 0px; float: right; } #profile-promotion-sec button { background-color: #ffffff00; color: white; border: none; } #profile-Bet-History button { background-color: #ffffff00; color: white; border: none; } #profile-Bet-History span { font-size: .9em; color: #666666; margin: 0px; float: right; } button[aria-expanded=true] .fa-caret-down { display: none; } button[aria-expanded=false] .fa-caret-up { display: none; } @media (min-width : 768px) { .toggleRight-profile, .toggleLeft-profile { display: none; } } @media screen and (max-width : 767px) { .toggleRight-profile, .toggleLeft-profile { display: block; } } .promo-bar-title h6, promo-bar-title p { color: #0a586b; } .custom-max-width { width: 75% !important; } @media scren and (max-width:768px) { .custom-max-width { width: 90% !important; } } /* 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 */ /* assign bounce */ .fa-arrow-right { -webkit-animation: bounceRight 2s infinite; animation: bounceRight 2s infinite; float: right; padding: 5px; } .fa-arrow-left { -webkit-animation: bounceLeft 2s infinite; animation: bounceLeft 2s infinite; padding: 5px; } .fa-arrow-left:hover, .fa-arrow-right:hover { -webkit-animation: bounceLeft 0s infinite; animation: bounceLeft 0s infinite; } .fa-chevron-down { -moz-animation: bounceDown 2s infinite; -webkit-animation: bounceDown 2s infinite; animation: bounceDown 2s infinite; text-align: center; display: block; } .btn-tnc { background-color: var(--cd-color-1); color: white; } .btn-tnc:hover { background-color: #626872; color: white; } #tier table { font-size: .75em; } #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; } .table-sticky { border-collapse: separate; border-spacing: 0; white-space: nowrap; } .table-sticky thead { position: relative; /* z-index: 1;*/ } .table-sticky thead .sticky-left { position: sticky; left: 0; /*z-index: 2;*/ background-color: #3b4358; } .table-sticky tbody .sticky-left { position: sticky; left: 0; /* z-index: 2;*/ max-width: 40vw; overflow-x: auto; } .table-sticky thead.thead-dark .sticky-left { background-color: #333; } .table-sticky.table-striped tbody tr:nth-of-type(odd) td.sticky-left { background-color: #2c2c2c !important; } .table-sticky.table-striped tbody tr:nth-of-type(even) td.sticky-left { background-color: #070707 !important; } @media screen and (min-width: 960px) { .table-sticky tbody .sticky-left { max-width: 25vw; } } #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; } table.table-dls.table-bordered td, table.table-dls.table-bordered th, table.table-transaction.table-bordered td, table.table-transaction.table-bordered th { border: 1px solid #c9c9c9; } @media (min-width: 576px) { #myModal .modal-dialog { max-width: 500px !important; } } div#myModal > .modal-dialog > .modal-content { margin: auto; border: none; width: 100% !important; max-width: 100% !important; } /*form.video-iframe { margin: -1px -1px -6px 0; }*/ /*Smart Download APK*/ .apkdownload { background: #fff; padding: 10px 20px; } .apkdownload .align-items-center { background-color: #fff !important; } img.apk-logo { width: 55px; } button#apk-download-close { left: 5px; top: 30px; position: absolute; font-size: .9rem !important; color: grey !important; z-index: 1; } span.appname { font-size: 16px; line-height: .9; color: gray !important; } small.app-small { color: grey !important; } .btn.btn-green.downloadapk { background: green; color: white; padding: 7px 10px; width: 100%; font-size: 10px; } .btn.btn-green.downloadapk:hover { background: #004f00; } .col-auto.apkdownload { position: absolute; right: 0; } span.apk-name { color: white; } span.apk-name { color: white; } /*End Smart Download APK*/ .m-dp-block { display: none !important; } .nav_bottom-container { position: sticky; bottom: 0; left: 0; width: 100%; z-index: 100; /* border-top-left-radius: 20px; border-top-right-radius: 20px; background: #ff0000; */ /*box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.2);*/ } @media (min-width:767px) { .nav_bottom-container { position: fixed; } } .nav-bottom { --size: 5rem; --backgroundColor: #000; display: flex; -ms-flex-pack: distribute; justify-content: center; /* background: linear-gradient(to bottom, #ff5823 0%, #ff5823 100%); */ } .nav-bottom .nav-link { text-align: center; color: #fff; background-color: var(--backgroundColor); display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0; /* margin-top: 7px; */ flex-basis: 0; flex-grow: 1; max-width: 100%; overflow: hidden; } .nav-bottom .nav-link .megamenu-icon { display: inline-block; /* font-size: 20px; */ /* font-size: 1rem; */ width: calc(var(--size) * 0.25); height: calc(var(--size) * 0.25); } .nav-bottom .nav-link .text { display: block; font-size: 12px; color: #fff; transform: scale(0.8); white-space: nowrap; } .nav-bottom .nav-link:hover, .nav-bottom .nav-link.active { filter: brightness(0.9); } .nav-bottom .nav-bottom-home { position: relative; bottom: calc(100% - (var(--size) / 4)); /* background-color: #16215b; */ background-color: transparent; display: flex; justify-content: center; align-items: center; /* height: 60px; */ width: var(--size); height: var(--size); overflow: visible; } .nav-bottom .nav-bottom-home::before { position: absolute; display: inline-block; content: ''; width: calc(var(--size) + 2px); height: var(--size); bottom: 0; border-radius: 50%; z-index: -1; clip-path: polygon(0% 50%, 100% 50%, 100% 200%, 0% 200%); box-shadow: 0 0 0 4rem var(--backgroundColor); } @media (max-width:376px) { .nav-bottom .nav-bottom-home { flex-grow: 1.1; } } @media (max-width:361px) { .nav-bottom .nav-bottom-home { flex-grow: 1.18; } } .nav-bottom .nav-bottom-home::after { position: absolute; display: inline-block; content: ''; width: calc(var(--size) - 1rem); height: calc(var(--size) - 1rem); background-color: var(--backgroundColor); border-radius: 50%; z-index: -1; filter: brightness(1.1); } .nav-bottom .nav-bottom-home .megamenu-icon { width: calc(var(--size) * 0.28); height: calc(var(--size) * 0.28); } .nav-bottom .nav-bottom-home:hover, .nav-bottom .nav-bottom-home.active { /* background-color: transparent; */ filter: brightness(1); } .nav-bottom .nav-bottom-home:hover::after, .nav-bottom .nav-bottom-home.active::after { filter: brightness(0.9); /* background-color: #536dfc; */ } .nav-bottom .nav-bottom-home .nav-center-bg-right, .nav-bottom .nav-bottom-home .nav-center-bg-left { width: calc(((100vw / 5) - (var(--size) - 1px))/2); height: 60px; position: absolute; background-color: var(--backgroundColor); bottom: -20px; } .nav-bottom .nav-bottom-home .nav-center-bg-left { left: -1px; } .nav-bottom .nav-bottom-home .nav-center-bg-right { right: -1px; } @media only screen and (max-width: 767px) { .m-dp-block { display: block !important; } .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; } */ .custom-pt { bottom: 88% !important; } } /*----- muultipage register -------*/ .signup-content, .signin-content { display: flex; display: -webkit-flex; } @media only screen and (max-width:767px) { .signin-image { width: 100% !important; } } /* ---------- Resgiter 02072021 ----------*/ @media (min-width: 576px) { .modal-dialog { max-width: unset; } } .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 .heading { color: #333; } .signin-form > div { padding: 30px; } .register-form__steps-wrapper { position: relative; /* width: calc(100% - 400px); padding: 120px 0 0;*/ } #registerModal .close span { font-size: 2rem; position: absolute; right: 15px; top: 15px; font-weight: 500; padding: 0px 5px; } .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; } .signin-image img { width: 100%; } 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) { .modal-content.one { width: 100% !important; } } @media only screen and (max-width:1144px) { .modal-content.one { width: 60% !important; } } @media only screen and (max-width:991px) { .modal-content.one { width: 70% !important; } } @media only screen and (max-width:640px) { .modal-content.one { width: 90% !important; } } @media only screen and (max-width: 460px) { .modal-content.one { width: 90% !important; } .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 !important; margin: 0; text-align: center; font-size: 1rem !important; width: 45%; float: right; } .small, small { font-size: 80%; font-weight: 400; } .btn-white { border-radius: 50px; color: #2575fc; background-color: #fff; padding: 8px 40px; cursor: pointer; border: 2px solid #2575fc; } .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%; } .btn-color { border-radius: 50px; color: #fff; background-image: linear-gradient(to right, #6a11cb, #2575fc); padding: 15px; cursor: pointer; border: none !important; /* margin-top: 40px;*/ font-size: 1.6rem; } .afb-medias a i.fa.fa-angle-double-right { right: 15%; position: absolute; margin-top: 2px; } .selectCA, .addNewCA { color: #007bff; cursor: pointer; font-size: 14px; } .withdrawSpan { color: black; font-size: 14px; font-weight: 500; } .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; } /*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%); } /*.localized-wrapping { border-radius: 5px !important; padding: 0px 15px !important; width: 100%; box-sizing: border-box;*/ /*border: 1px solid #545454;*/ /*border: 1px solid #F3E5F5; font-size: 1em !important; color: #000 !important; font-weight: 400;*/ /*background-color: #f9f9f9*/ /*} .localized-wrapping select { border: none !important; position: relative !important; } .localized-wrapping input { border: none !important; padding: 8px 0px 8px 0px !important; width: 75% !important; } .localized-wrapping #username_phone input:focus { border: none !important } .localized-wrapping span { color: #000 !important; }*/ /*POKERV Instruction*/ #PKV_FAQHeading { color: black; padding: 0; } .btn-link-pkv:hover, .btn-link-pkv.focus, .btn-link-pkv:focus { text-decoration: none !important; } .pk-term li { list-style-type: initial; } .card-body-pkv { padding: 5px 10px 5px 35px; color: black; } .modal-content .h5 { font-size: 1.25rem; font-weight: 500; line-height: 1.2; } .modal-content .h3 { font-size: 1.5em; font-weight: 500; line-height: 1.2; } #playnowBtn { margin: 10px 0px 20px 0px; width: 100%; border-radius: 50px; } .modal-content .col-sm { padding: 0px; } .modal-content .col-sm-auto { padding-left: 15px; padding-right: 0px; } @media (max-width: 428px) { .modal-content .col-sm-auto { padding-left: 0px; padding-right: 0px; } } .modal-content label.col-sm-auto { padding-left: 0px; } #depositTxt, #withdrawTxt { border-radius: 50px; } @media only screen and (max-width: 767px) { .m-dp-none { display: none !important; } } img { width: 100%; } /* widget */ .top5game .afb-title-h1 { width: 100%; padding: 8px 5px; font-size: 1em; font-weight: 500; color: #fff; margin: 15px 0; display: flex; justify-content: space-between; text-transform: uppercase; position: relative; align-items: center; border-bottom: 1px solid #3e3e3e; } .top5game .afb-title-h1:before { content: none; } .top5game .afb-title-h1 a span { display: flex; align-items: center } .top5game .afb-title-h1 a span svg { margin-left: 5px } .top5game .photobox { display: block; width: 100%; padding: 0; margin: 0 } .top5game .photobox:hover .photobox__previewbox:before { transform: scale(3); transition-duration: .5s; transition-delay: 0s } .top5game .photobox:hover .photobox__previewbox.zoom img { transition: all .2s linear } .top5game .photobox:hover .photobox__previewbox.zoom:hover img { -webkit-transform: scale(1.1); transform: scale(1.1) } .top5game .photobox .photobox_title { overflow: hidden } .top5game .photobox .photobox_title a.tmb-content__link { text-align: center; background-color: #2c2c2c; color: #fff; font-size: .7rem; line-height: 15px; font-weight: 500; padding: 10px 5px; display: block; } .top5game .photobox .photobox_title a.tmb-content__link div { width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 auto } .top5game .photobox__previewbox { position: relative; overflow: hidden; border-radius: 10px 10px 0 0 } .top5game .photobox__previewbox:before { content: ''; width: 0; height: 0; padding: 25%; border-radius: 50%; position: absolute; top: 0; left: 0; background-color: rgba(7, 7, 7, .66); transition: transform calc(.5s/2) ease calc(.5s/2); will-change: transform; transform: scale(0); z-index: 8 } .top5game .photobox__previewbox .action_overlay { position: absolute; top: 0; left: -300%; bottom: 0; right: 0; padding: 10px; transition-duration: .5s; overflow: hidden; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; z-index: 9 } .top5game .photobox__previewbox .action_overlay a { display: flex } .top5game .photobox__previewbox .action_overlay a div { font-size: .6rem; padding: 6px 10px; text-align: center; margin: 5px 0; border-radius: 3px; color: #fff; display: block; font-weight: 500; background-image: linear-gradient(to right, #ff6a00, #ff6a00); border: 1px solid #ff6a00; } .top5game .photobox__previewbox .action_overlay a div:hover { background-image: linear-gradient(to right, #2a3040, #2a3040) } .top5game .photobox__previewbox:hover .action_overlay { left: 0; transition-duration: .5s } .jackpotpool .afb-title-h1 { width: 100%; padding: 8px 5px; font-size: 1em; font-weight: 500; color: #fff; margin: 15px 0; display: flex; justify-content: space-between; text-transform: uppercase; position: relative; align-items: center; border-bottom: 1px solid #3e3e3e; } .jackpotpool .afb-title-h1:before { content: none; } .jackpotpool .afb-title-h1:before { content: none; } .jackpotpool .afb-title-h1 a span { display: flex; align-items: center } .jackpotpool .afb-title-h1 a span svg { margin-left: 5px } .jackpotpool .photobox { display: block; width: 100%; padding: 0; margin: 0; font-size: initial; } .jackpotpool .photobox:hover .photobox__previewbox:before { transform: scale(3); transition-duration: .5s; transition-delay: 0s } .jackpotpool .photobox:hover .photobox__previewbox.zoom img { transition: all .2s linear } .jackpotpool .photobox:hover .photobox__previewbox.zoom:hover img { -webkit-transform: scale(1.1); transform: scale(1.1) } .jackpotpool .photobox__previewbox { position: relative; overflow: hidden; border-radius: 10px 10px 0 0 } .jackpotpool .photobox__previewbox:before { content: ''; width: 0; height: 0; padding: 25%; border-radius: 50%; position: absolute; top: 0; left: 0; background-color: rgba(7, 7, 7, .66); transition: transform calc(.5s/2) ease calc(.5s/2); will-change: transform; transform: scale(0); z-index: 8 } .jackpotpool .photobox__previewbox .action_overlay { position: absolute; top: 0; left: -300%; bottom: 0; right: 0; padding: 10px; transition-duration: .5s; overflow: hidden; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; z-index: 9 } .jackpotpool .photobox__previewbox .action_overlay a { display: flex } .jackpotpool .photobox__previewbox .action_overlay a div { font-size: .6rem; padding: 6px 10px; text-align: center; margin: 5px 0; border-radius: 3px; color: #fff; display: block; font-weight: 500; background-image: linear-gradient(to right, #ff6a00, #ff6a00) } .jackpotpool .photobox__previewbox .action_overlay a div:hover { background-image: linear-gradient(to right, #2a3040, #2a3040) } .jackpotpool .photobox__previewbox:hover .action_overlay { left: 0; transition-duration: .5s } .jackpotpool div.text-wrap { text-align: center; background-color: #2c2c2c; display: -webkit-box; padding: 5px 5px; white-space: normal } .jackpotpool div.text-wrap a { display: block; width: 100% } .jackpotpool div.text-wrap .jackpotcounter { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; font-size: .83em; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; width: 90%; white-space: normal; padding: 0; margin: 0 auto } .jackpotpool .img-wrap { overflow: hidden; border-radius: 10px 10px 0 0 } .jackpotpool span.gold { display: block; background: repeating-linear-gradient(135deg, #ffdd9b 0, #fed792 20px, #ffe1ac 40px, #fff 70px, #fac66b 125px, #f6c26b 160px, #e7b155 175px, #f4c16b 185px, #f1bf6b 220px, #f3be66 235px, #e9b153 250px, #f5be61 280px, #f9bc56 305px, #fffbf5 385px, #fcc362 415px, #fcc379 450px, #ffdd9b 500px); background-clip: text; -webkit-background-clip: text; background-repeat: repeat; background-attachment: fixed; backface-visibility: none; color: #ffdd9b !important; filter: drop-shadow(0 3px 1px #000); font-size: 1rem; font-weight: 700 } .megamenu .container .toggleRight, .megamenu .container .toggleLeft { color: white; } .faq-card { background-color: #ff6a00; font-weight: 700; color: rgb(255 255 255 / 87%); } .single-post .table-dark { color: #000; } @media (min-width: 960px) { .socialMedia-list .btn:hover + .dropdown-menu { display: block; } } .socialMedia-list img { /* max-width: 1rem; */ width: 1.28571429em; } .socialMedia-list { margin-block-start: 0; margin-block-end: 0; margin-inline-start: 0; margin-inline-end: 0; padding-block-start: 0; padding-block-end: 0; padding-inline-start: 0; padding-inline-end: 0; } .dropup .dropdown-menu-center { /* left: 50% !important; */ /* right: auto; */ /* transform: translateX(-50%) translateY(calc(-100% - 0.8rem)) !important; */ bottom: calc(100% + 0.8rem) !important; left: calc(-100% + 1rem); box-shadow: 0 1px .5rem #0003; min-width: 100px; padding: .1rem; top:auto !important; } .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, .socialMedia-list 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; vertical-align: middle; } .socialMedia-list a.icoLine > .img-fluid { filter: none; } .socialMedia-list a.icoTikTok > .img-fluid { filter: none; } .footer-bottom { padding: 100px 0; } .social_square_icons .socialMedia-list { display: flex; } @media (max-width: 767px) { ul#social-media { display: none; } ul#social-media.show { display: flex; } } .dropup a { background-color: transparent; } #btnPromo { margin-top: 0.5rem; } .crypto_address { width: 70% !important; } #crypto-deposit .tooltip { padding: 10px; background: #000; color: #fff; font-size: 0.75rem; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; pointer-events: none; transition: opacity 0.4s; } #crypto-deposit .tooltip.show { opacity: 1; pointer-events: auto; } .page-searchgame .under-ml, #gameLobbyList .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: 99;*/ } /*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; } .rgstButton { background: #ff6a00!important; } .rgstButton:hover { background: #1d212a!important; } #registerModal .bottom a { color: #ff6a00 !important; } #registerModal .bottom a:hover { color: #333 !important; } .signin-content { display: flex; display: -webkit-flex; } @media only screen and (max-width: 767px) { .signin-content { flex-wrap: wrap; } } #VTdata img { width: 100%; height: auto; } #mega888StartingModal h3, #megaGamingStartingModal h3, #megaV3StartingModal h3, #pussy888StartingModal h3, #kiss918StartingModal h3 { color: black; } #mega888-download, #megaGaming-download, #megaV3-download, #pussy888-download, #kiss918-download { margin-bottom: 1rem; } #Mega888_UpdatePassword_Collapse button, #MegaGaming_UpdatePassword_Collapse button, #MegaV3_UpdatePassword_Collapse button, #Pussy888_UpdatePassword_Collapse button, #Kiss918_UpdatePassword_Collapse button { font-size: 1rem; } #disclaimerModal td, #disclaimerModal th { border: 1px solid #dddddd; text-align: left; padding: 8px; } #disclaimerModal tr:nth-child(even) { background-color: #dddddd; } div#disclaimerModal > .modal-dialog > .modal-content > .modal-body { flex-grow: 1; overflow-y: scroll; height: 500px; overflow-x: hidden; } .modal-footer > button.btn.btn-primary.tim-btn-bg { background-color: #28324d; border-radius: 0.5rem; color: #fff; text-decoration: none; border: none; padding: 0.375rem 0.75rem; } .modal-footer > button.btn.btn-primary.tim-btn-bg:hover { background-color: #4d5f92; } .modal-footer > button.btn.btn-secondary.tim-btn { background-color: #6a343c; border-radius: 0.5rem; color: #fff; text-decoration: none; border: none; padding: 0.375rem 0.75rem; } .modal-footer > button.btn.btn-secondary.tim-btn:hover { background-color: #a55271; } div#disclaimerModal { padding: 0px; } div#disclaimerModal > .modal-dialog { max-width: unset; } div#disclaimerModal > .modal-dialog > .modal-content { max-width: 800px; } #disclaimerModal .table-sticky tbody .sticky-left { background: #c0bcbc; } #disclaimerModal .h5.modal-title { margin: auto; } #disclaimerModal .modal-content { max-width: 400px; min-height: 280px; width: 100%; } /* .loginBox { margin-top: 15px; }*/ .simple-forgotpw a { color: #fff; } .simple-forgotpw a:hover { color: #ccc; } .btn-login { line-height: 28px; } .h_bar-btn .btn { line-height: 29px; } /*promotion rules*/ @media (max-width:426px) { .promotion-rules-page .container .col-6 { flex: none; max-width: 100%; } } } /* Dropdown Menu */ button.dropbtn-single-box { background-color: #7be50000; color: white; font-size: 16px; font-size: 1rem; border: none; padding: 5px 15px; } .dropdown-single { position: relative; display: inline-block; } .dropdown-single-content { display: none; position: absolute; background-color: #f1f1f1; min-width: 200px; 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: 16px; margin-right: 10px; } .dropdown-single-content a { color: black !important; padding: 12px 16px; text-decoration: none; display: block; } .dropdown-single-content a { border-bottom: 1px solid #e7e7e7; } .dropdown-single-content a:last-child { border-bottom: none; } .dropdown-single-content a:hover { background-color: #ddd; border-radius: 5px; } .dropdown-single:hover .dropdown-single-content { display: block; } #dropdownLang { border: none; background-color: transparent; } #Mega888_UpdatePassword .btn, #MegaGaming_UpdatePassword .btn, #MegaV3_UpdatePassword .btn { font-size: 1em; } .custom-select-dd { font-family: 'Poppins', sans-serif; font-size: 13px; color: #1e4c82; } .sharebox-container.text-center.p-1 .input-group-append button { padding-top: 0 !important; } @media(max-width:428px) { #invite-friend .share-title { font-size: 9px; max-height: 27px; } } @media only screen and (max-width: 1195px) and (min-width: 996px) { #invite-friend .row .col-12.col-md-6.col-lg-3.px-1, #invite-friend .row .col-12.col-md-6.col-lg-3.px-1, #invite-friend .row .d-none.d-md-block.col-md-6.px-1 { min-width: 50% !important; } } #invite-friend .row .col-12.col-md-6.col-lg-3.px-1 input, #invite-friend .row .col-12.col-md-6.col-lg-3.px-1 input, #invite-friend .row .d-none.d-md-block.col-md-6.px-1 input { min-height: 33.19px !important; } #dls-countdown-title2{ color: white; } .free-spin-btn{ overflow:hidden; } .marquee-spin { animation: marquee 4s linear infinite; min-width: 100%; width: max-content; } #searchGameText, #searchGameText:focus { z-index: 1 !important; } @media only screen and (min-width: 996px) and (max-width: 1024px) { .mobile-nav .sub-cate li { width: 16.5% !important; } } @media only screen and (min-width: 768px) and (max-width: 992px) { .mobile-nav .sub-cate li { width: 20% !important; } } @media (max-width:766px) { .nav_bottom-container { position: fixed !important; } #gotoTop { display: none; position: fixed; bottom: 10%; right: 0; z-index: 99; font-size: 18px; border: none; outline: none; background-color: #cf2c27a8; color: white; cursor: pointer; padding: 9px 15px; float: right; max-width: 44px; right: 3px; } } .under-m { color: white; background-color: red; padding: 5px; font-size: .8em; font-weight: 500; position: absolute; border-radius: 0 0 10px 10px; right: 0; top: 0; z-index: 1; line-height: normal; } .col_1.hov-img-zoom { position: relative; } .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; } .h_bar-login { min-width: 650px; } @media screen and (max-width: 768px) { .h_bar-login { min-width: auto; } } /*.h_bar-login .btn-login { margin-left: -17px; } */ @media screen and (max-width: 768px) { #navbar_top > .row { width: 100%; } } .simple-login { margin-right: 0px; } .simple-forgotpw{ position: absolute; } .simple-login .fld{ height: 29px; } /* 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; } #btn-submit-otp{ padding: 5px; font-size: 1rem; } .tournament-user-rank tbody tr td { color: #343a40; } .tournament-leaderboard-point { text-shadow: 1px 1px #202020; } /* Bottom Nav CSS */ .nav_bottom-container { position: fixed; bottom: 0; z-index: 999; width: 100%; } .footer-nav { display: flex; justify-content: space-evenly; width: 100%; margin: 0; padding: 0; } .footer-nav li { width: 20%; } .footer-nav li a { color: #fff; 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: #420a5d; } .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: #420a5d; 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 #310d43; } .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 #420a5d; } .angpow-ico-btn { width: 35px; } .offcanvas { width: 100%; visibility: hidden; transform: translateX(-100%); transition: all .8s; border-radius: 0; display: block; position: fixed; top: 0; left: 0; height: 100%; z-index: 99999; background-color: #fff; } .offcanvas .h6 { font-size: 1rem; } .offcanvas.offcanvas-right { right: 0; left: auto; transform: translateX(100%); } .offcanvas.show { visibility: visible; transform: translateX(0); transition: transform .2s; z-index: 99999 !important; } /* .offcanvas .btn-close { right: 2px; top: 1px; font-size: 1.5rem; }*/ .background-overlay.bg-overlay { display: block } .background-overlay { background-color: rgba(25,25,25,.7); z-index: 9998; opacity: 1; transition: all .4s ease; position: fixed; display: none; top: 0; bottom: 0; left: 0; right: 0 } .menu-overlay.open { visibility: visible; opacity: 1; transform: translateX(0%); overflow-x: hidden; overflow-y: auto; } #my_offcanvas1 { display: none !important; } @media screen and (max-width: 768px) { nav.list-group { overflow-y: auto; background: rgb(66, 10, 93); width: 100% } #my_offcanvas1 { display: block !important; } #my_offcanvas1 { background: rgb(66, 10, 93) !important } #my_offcanvas1 .mask { background: rgba(0,0,0,.6); width: 100%; height: 100% } #my_offcanvas1 .mask .bg-black { background: #000 !important; width: 100% !important } #my_offcanvas1 span.iconDropdown { float: right; margin: 0; width: 20px } #my_offcanvas1 span.iconDropdown img { filter: invert(1) } #my_offcanvas1 .border-bottom { border-bottom: 1px solid #444 !important } #my_offcanvas1 .bg-black { background-color: #1c1c1c !important } #my_offcanvas1 .c-primary-bg { width: calc(100% - 2em); background: #300145 !important; font-size: .8rem; border-left: 3px solid #282828; margin-left: 2em; margin-bottom: 10px; } #my_offcanvas1 .c-primary-bg a { color: #fff } #my_offcanvas1 .c-primary-bg .mt-2 img { filter: invert(1); width: 15px } #my_offcanvas1 .c-primary-bg .fs-3 { font-size: calc(1.3rem + .6vw) !important } #my_offcanvas1 .asideLoginBox { width: 100%; padding-top: 10px !important } #my_offcanvas1 .asideLoginBox .loginButton, #my_offcanvas1 .asideLoginBox .registerButton { width: 100%; margin-bottom: 5px; font-size: 1rem; border-radius: var(--bs-btn-border-radius) !important; display: block; text-align: center; line-height: 2rem; background: linear-gradient(180deg,#e6000f 0%,#d30011 25%,#c0000f 50%,#ae000c 75%,#9d010c 100%); color: #fff; border-bottom: 1px solid #fc0018 } #my_offcanvas1 .asideLoginBox .loginButton { border: 1px solid var(--c-button-1-border) !important; color: var(--c-button-1-text) !important; background: var(--c-button-1-bg) !important; font-weight: 600 !important; font-size: 1rem !important } #my_offcanvas1 .aside-logo { width: 100px; display: block } #my_offcanvas1 .btn.btn-outline-light.btn-close { border: 0; font-size: 1em !important } #my_offcanvas1 .full-nav-lang { right: 50px } #my_offcanvas1 afb-padding-lr { height: 30px } #my_offcanvas1 span.angle-down { float: right !important; margin: 0; width: 20px; line-height: 0 } #my_offcanvas1 span.angle-down img { height: 15px; filter: invert(1) } #my_offcanvas1 a.btn-icontop-lg { color: #fff; background-color: transparent !important; padding: 4px 4px; height: 40px; display: block } #my_offcanvas1 a.btn-icontop-lg:hover { color: #fff; background-color: transparent !important; background: #300145 !important } #my_offcanvas1 a.btn-icontop-lg span.icon { float: left; margin: 0; width: 25px; transform: scale(0.8) } #my_offcanvas1 a.btn-icontop-lg span.icon img { filter: invert(1) } #my_offcanvas1 a.btn-icontop-lg span { float: left; line-height: 2rem; margin-left: 13px; font-weight: bold } #my_offcanvas1 a.btn-icontop-lg span.iconDropdown { float: right !important; margin: 0; margin-right: 0; width: 20px; filter: invert(1) } #my_offcanvas1 a.btn-icontop-lg[data-toggle="collapse"]:not(.collapsed):after { position: absolute; right: 10px; content: url(https://d2lcoivv20vty7.cloudfront.net/Content/img/LG88/angle-down-solid.svg); width: 20px; height: 20px; filter: invert(1); transform: rotate(180deg) scale(0.7) translate(0%, -30%); transition: transform .25s, -webkit-transform .25s; } #my_offcanvas1 a.btn-icontop-lg[data-toggle="collapse"].collapsed:after { position: absolute; right: 10px; content: url(https://d2lcoivv20vty7.cloudfront.net/Content/img/LG88/angle-down-solid.svg); width: 20px; height: 20px; filter: invert(1); transform: scale(0.7) translate(0%, 30%); transition: transform .25s, -webkit-transform .25s; } #my_offcanvas1 div[data="itemMenu"] span.icon img { filter: brightness(0) invert(1) } } .menu-button { padding: 0px; margin-top: 7px; margin-bottom: 7px; margin-left: 0px; margin-right: 0.3em !important; } .menuClose { padding: 0px; margin-left: 0px; margin-right: 0.5em !important; margin-top: 7px; margin-bottom: 7px; } .navbar-dark { background-color: rgb(66, 10, 93) } .btn-icontop-lg { text-align: center; border-radius: 2px; line-height: 1.1; margin-bottom: 0px; padding: 20px 15px; background-color: #0373ff; color: white; display: block; } .provider-icon { display: inline-block; border: 5px solid #420a5d; background-color: #420a5d; border-radius: 50px; padding-top: 1px; } .searchgameMobilewidgetv2 .dropdown-single2 .dropdown-toggle { color: #fff !important; background: #420a5d; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2),0 1px 2px 0 rgba(0,0,0,.12); border: 1px solid #dee2e6 !important; border-radius: 2.5px !important; padding: 5px !important; text-align: left; width: auto; } .searchgameMobilewidgetv2 .input-group { color: #999; background: #420a5d; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2),0 1px 2px 0 rgba(0,0,0,.12); border: 1px solid #dee2e6; border-radius: .25rem; letter-spacing: 0; font-weight: 600; outline: 0; margin: 0; cursor: text; font-size: .875rem; display: flex; align-items: center; border-radius: 2.5px; padding: 0 .5rem; } .searchgameMobilewidgetv2 .dropdown-single2 .dropdown-single-content2 { display: none; position: absolute; background-color: #300145; min-width: 160px; box-shadow: 0 8px 16px 0 rgba(0,0,0,.2); z-index: 99; right: auto; border-radius: 10px; font-size: 1em; left: 0; border: solid 1px #dee2e6; padding: 7px; margin-top: 10px; } .searchgameMobilewidgetv2 .result-wrapper .badge.badge-pill.badge-secondary { font-weight: 300; color: #999; background: #300145; border-radius: 2.5px; border: .5px solid #999; } @media (max-width: 767px){ button .dropbtn-single-box { height: 25px; width: 25px; margin-top: 5px; margin-left: 0; margin-right: .3em !important; } .icon-language, .icon-template { width: 23px; height: 23px; } } button.dropbtn-single-box { background-color: #7be50000; color: #fff; width: 33px; padding: 0; height: 33px; margin-left: .25rem; border: none; } button.afb01 { background: #300145; border: none; border-radius: 2px 2px; padding: 5px 15px; color: #fff; } .profile div { font-size: 9px; } .profile-username { font-weight: bold; } .profile { text-align: right; padding-left: 5px; padding-right: 5px; } .nav-space { margin-right: 1rem !important; margin-left: 1rem !important; } .full-nav-lang a:hover, .active-lang { background: #ddd !important; color: #000 !important; } } .full-nav-lang a:hover, .active-lang { background: #ddd !important; color: #000 !important; } } #DepoConfModal .modal-dialog .modal-content .modal-header, #DepoConfModal .modal-dialog .modal-content .btn-primary { background: #ff6a00 !important; color: #fff !important; } #DepoConfModal .modal-dialog .modal-content .btn-primary { border-color: #ff6a00 !important; } .transferModal #playnowBtn{ font-size: 16px; } .transferModal .card-header button { background-color: #c1c1c1; } button#depositBtn, button#withdrawBtn, button#WICKET9WithdrawBtn { background: #420A5D; } button#depositBtn:hover, button#withdrawBtn:hover, button#WICKET9WithdrawBtn:hover { background: #420A5D; } button#playnowBtn { background: #420A5D; border-radius: 2px; } button#playnowBtn:hover { background: #420A5D; 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, #420A5D, #420A5D) !important; } h3.mb-2.pt-4.text-center.heading.font-weight-bold { color: black; } .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; } .withdrawBL, .withdrawCL { margin-top: -7px !important; } .allowAmountNote { font-size: 12px; color: red; display: block; } .amountNote { /*font-size: 12px;*/ color: red; } .dpt-bank-img { width: 110px; } .paginationjs-page.J-paginationjs-page.active { background-color: #ff6a00; /* background-image: linear-gradient(to right, #6a11cb, #2575fc);*/ 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; } #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; } .member-bank-list td.sticky-left { background: #f8f8f8; } .fastdeposit-step2 .whitelabel, .fastdeposit-step2 .fastDepositTimerS2 { color: black; } td.deletebtn > button { background-image: none; background: red; } td.deletebtn > button:hover, td.deletebtn > button:active, td.deletebtn > button:visited, td.deletebtn > button:focus { background-image: none; background: #d80000; } .games-inner.member-bank-list tbody td { background: #fff; color: #333; } .games-inner.member-bank-list tbody tr:nth-child(2n+2) td { background: #e2e2e2; } .games-inner.member-bank-list th, .games-inner.member-bank-list td { padding: 5px 5px; } .games-inner.member-bank-list td, .games-inner.member-bank-list th { border: 1px solid #c9c9c9; } .games-inner.member-bank-list thead { background: #201f25 !important; color: #fff; } .games-inner.member-bank-list.table-sticky thead .sticky-left { background-color: #5f5c68; } .games-inner.member-bank-list.table-sticky tbody .sticky-left { background: #e2e2e2; } .games-inner.member-bank-list.table-sticky tbody tr:nth-child(2n+2) .sticky-left { background: #d2d2d2; } .games-inner.member-crypto-list tbody td { background: #fff; color: #333; } .games-inner.member-crypto-list tbody tr:nth-child(2n+2) td { background: #e2e2e2; } .games-inner.member-crypto-list th, .games-inner.member-crypto-list td { padding: 5px 5px; } .games-inner.member-crypto-list td, .games-inner.member-crypto-list th { border: 1px solid #c9c9c9; } .games-inner.member-crypto-list thead { background: #201f25 !important; color: #fff; } .games-inner.member-crypto-list.table-sticky thead .sticky-left { background-color: #5f5c68; } .games-inner.member-crypto-list.table-sticky tbody .sticky-left { background: #e2e2e2; } .games-inner.member-crypto-list.table-sticky tbody tr:nth-child(2n+2) .sticky-left { background: #d2d2d2; } /* CRYPTO CSS START HERE */ .tab-content > .active { color: #333; } .side-panel-notification { margin: 0; padding-left: 10px; font-size: 11px; } .side-panel-notification li { list-style: decimal; margin-bottom: 10px; } .side-panel-notification li:last-child { margin-bottom: 0; } #crypto-deposite .alert-secondary { border-color: transparent; background-color: #f3f3f3; } .side-panel-notification .h4 { margin-left: -10px; margin-bottom: 10px; font-size: 14px; font-weight: 600; } .side-panel-notification .h4 i { margin-right: 8px; } .crypto-button-group label.active:after { content: '\f00c'; font-family: 'FontAwesome'; position: absolute; right: 10px; } .crypto-button-group label div { position: relative; } .crypto-button-group > .btn, .crypto-button-group > .btn-group > .btn { margin-bottom: 0; position: relative; padding: 8px 10px; width: 49.5%; display: inline-flex; align-items: center; justify-content: start; background: #f5f5f5; margin-bottom: 8px; } .crypto-button-group .btn.active { background: #28a745; /* border: 1px solid #ededed; */ color: #ffffff; } .crypto-button-group img { width: 30px; margin-right: 8px; } .QR-code-crypto .crypto-info { padding: 8px; } .QR-code-crypto .scanQR-crypto { width: 40%; } .QR-code-crypto .crypto-info { width: 60%; } .QR-code-crypto { display: flex; flex-wrap: wrap; align-items: center; } .QR-code-crypto span { color: #333; display: block; } .divider { padding-bottom: 8px; border-bottom: 1px dashed #e5e5e5; margin-bottom: 8px; } .crypto-info-content small { color: #1553a1; text-transform: uppercase; } .QR-code-crypto label { width: 100%; margin-bottom: 10px; word-break: break-all; text-transform: capitalize; } .scanQR-crypto .btn { background-image: linear-gradient(to right, #6a11cb, #2575fc); color: #fff; font-size: 12px; text-transform: uppercase; } .scanQR-crypto img { margin-bottom: 5px; width: 100%; } .scanQR-crypto div { border: 2px solid #ededed; border-radius: 6px; margin-bottom: 5px; padding: 8px; } .crypto_qrcode img { width: 100%; max-width: 100%; height: auto; } .QR-code-crypto span.red { color: red; text-transform: uppercase; } .button.afb01 { background: #0095ff; /* background-image: linear-gradient(to right, #6a11cb, #2575fc);*/ border: none; border-radius: 2px 2px; color: white; } .hex-code-foward .form-control { display: block; position: relative; } .hex-code-foward .button { position: absolute; right: 0; top: 0; } .hex-code-foward .form-control { display: block; position: relative; } .hex-code-foward { position: relative; width: 370px; } .alert-transparent-border { background: transparent !important; border: 1px solid #e1e1e1 !important; } .countdownTimer { margin-bottom: 12px; display: inline-flex; padding: 8px 15px; background: #ffc107; border-radius: 6px; flex-wrap: wrap; justify-content: center; width: 130px; } #timer { display: block; width: 100%; text-align: center; font-size: 20px; font-weight: 500; } .crypto-history { padding: 0; } .crypto-history li { background: #f9f9f9; padding: 10px 15px; margin-bottom: 2px; display: flex; justify-content: space-between; align-items: center; } .crypto-history li div { display: flex; align-items: center; } .crypto-history li small { display: block; margin-top: 5px; font-weight: 600; } .cryptoCurrency-amount { font-size: 17px; color: #333; margin-left: 8px; } .crypto-history .h4 { font-size: 14px; margin-bottom: 5px; } .crypto-minimum-deposit { } .button-gray { background: #b4b4b4; } @media only screen and (max-width:1060px) { .crypto-button-group > .btn, .crypto-button-group > .btn-group > .btn { width: 100%; } .QR-code-crypto .scanQR-crypto, .QR-code-crypto .crypto-info { width: 100%; } .QR-code-crypto .crypto-info { padding: 0; margin-top: 15px; } .countdownTimer { width: 100%; } } @media only screen and (max-width:975px) { .crypto-button-group > .btn, .crypto-button-group > .btn-group > .btn { width: 49%; } .QR-code-crypto .scanQR-crypto { width: 40%; } .QR-code-crypto .crypto-info { width: 60%; padding: 8px; margin-top: 0; } } @media only screen and (max-width:560px) { .crypto-button-group > .btn, .crypto-button-group > .btn-group > .btn { width: 100% !important; } .QR-code-crypto .scanQR-crypto, .QR-code-crypto .crypto-info { width: 100%; } .QR-code-crypto .crypto-info { padding: 0; margin-top: 15px; } .countdownTimer { width: 100%; } .crypto-history li { flex-wrap: wrap; } .crypto-history li div { width: 100%; } .crypto-history li small { width: 100%; } } .dpt-crypto-img { width: 30px; height: 30px; } /* CRYPTO CSS END HERE */ /*games-history-datepicker*/ .gh-calendar-part { height: unset; width: 100%; background: #eaeaea; padding: 5px; } .gh-calendar-side { display: flex; } .from-date, .end-date { border: solid 1px #ccc; box-sizing: border-box; padding: 4px 2px; position: relative; display: flex; align-items: center; background: white; width: 50%; border: 2px solid transparent; } .from-date { margin-right: 5px; } .end-date { margin-left: 5px; } .gh-calendar-part input { width: 100%; border: none !important; background: #fff !important; outline: none; } .from-date:focus-within, .end-date:focus-within { background: #ff6a00; color: #fff } .gh-calendar-part label { color: #555; white-space: nowrap; margin-bottom: 0px; text-transform: capitalize; margin-top: 0; } .from-date i.fa.fa-calendar-o, .end-date i.fa.fa-calendar-o { color: #555; } .from-date:focus-within label, .end-date:focus-within label { color: #fff } .from-date:focus-within input, .end-date:focus-within input { background: #ff6a00 !important; color: #fff !important; } .from-date:focus-within input::placeholder, .end-date:focus-within input::placeholder { color: #fff } .from-date:focus-within input:focus, .end-date:focus-within input:focus { color: #fff !important; border: none !important; } .ui-datepicker .ui-datepicker-header { background: #ff6a00; color: #fff; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: none; background: none; } .ui-datepicker .ui-datepicker-prev-hover { top: 2px; left: 2px; } .ui-datepicker .ui-datepicker-next-hover { top: 2px; right: 2px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(165deg) brightness(106%) contrast(101%); } .from-date:focus-within i.fa.fa-calendar-o, .end-date:focus-within i.fa.fa-calendar-o { color: #fff; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #ff6a00; background: #ff6a00; font-weight: normal; color: #ffffff; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #ff6a00; background: #ff6a00; font-weight: normal; color: #ffffff; } :root { --GenericFormColor: #1676f3; } /* new form css */ .signin-content-v3 { padding: 10px 25px 10px 25px; text-align: left; } .signin-content-v3 .bottom { display: flex; flex-direction: column; align-items: center; /*gap: 0.5rem; margin: 1rem 0;*/ } .model-h3 { font-size: 1.3rem !important; font-weight: 500; width: 95%; margin: 0 0 10px 0 !important; color:#333; line-height:125%; } .model-h3 > small { display: block; font-size: 0.75rem; margin-bottom: 10px; line-height: 1.4; } #registerModal .modal-content { background-color: #fff; margin: auto; padding: 0; border: none; /* width: 400px;*/ /* border-radius: 5px;*/ } #registerModal .close-popup { position: absolute; top: 7px; right: 0; bottom: auto; left: auto; z-index: 10; cursor: pointer; color: #808aa6; font-size: 24px; font-weight: normal; line-height: 1; transition: opacity 1s 1s; } /*floating label input*/ .did-floating-label-content { position: relative; margin-bottom: 10px; display: block; width: 100%; } .did-floating-label-content .localized-wrapping:first-child { margin-bottom: 0; } .did-floating-label-content svg { position: absolute; width: 24px; height: 24px; color: var(--GenericFormColor); left: 17px; top: 5px; z-index:2; } .did-floating-label-content > div, .selectCustom > div:not(.select) { width: 100%; } .did-floating-label { color: #1e4c82; font-size: 13px; font-weight: normal; position: absolute; pointer-events: none; left: 50px; top: 9px; padding: 0 5px; background: transparent; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; transition: 0.2s ease all; margin: 0; } .error_register_msg { line-height: 1; } .did-floating-input, .did-floating-select { font-size: 16px; display: block; width: 100%; padding: 0 20px 0 55px; background: #fff; color: #323840; border: 1px solid #dbdfe5; border-radius: 5px; box-sizing: border-box; } .did-floating-input:focus, .did-floating-select:focus { outline: none; border-color:#2575fc; } .did-floating-input:focus ~ .did-floating-label, .did-floating-select:focus ~ .did-floating-label { /* top: -8px;*/ /* font-size: 13px;*/ opacity: 0; transform: translateY(-8px); } select.did-floating-select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } select.did-floating-select::-ms-expand { display: none; } .did-floating-input:not(:placeholder-shown) ~ .did-floating-label { top: -8px; font-size: 13px; opacity: 0; } .did-floating-select:not([value=""]):valid ~ .did-floating-label { top: -8px; font-size: 13px; opacity: 0; } .did-floating-select[value=""]:focus ~ .did-floating-label { top: 11px; font-size: 13px; } .did-floating-select:not([multiple]):not([size]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6'%3E%3Cpath id='Path_1' data-name='Path 1' d='M371,294l4,6,4-6Z' transform='translate(-371 -294)' fill='%23003d71'/%3E%3C/svg%3E%0A"); background-position: right 15px top 50%; background-repeat: no-repeat; } .did-error-input .did-floating-input, .did-error-input .did-floating-select { border: 2px solid #9d3b3b; color: #9d3b3b; } .did-error-input .did-floating-label { font-weight: 600; color: #9d3b3b; } .did-error-input .did-floating-select:not([multiple]):not([size]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6'%3E%3Cpath id='Path_1' data-name='Path 1' d='M371,294l4,6,4-6Z' transform='translate(-371 -294)' fill='%239d3b3b'/%3E%3C/svg%3E%0A"); } .did-floating-label-content .input-group { display: flex; } .did-floating-label-content .input-group .did-floating-input { border-radius: 0 4px 4px 0; border-left: 0; padding-left: 0; } .did-floating-label-content .input-group-append { display: flex; align-items: center; /* margin-left:-1px; */ } .did-floating-label-content .input-group-text { display: flex; align-items: center; font-weight: 400; height: 34px; color: #323840; padding: 0 5px 0 20px; font-size: 12px; text-align: center; white-space: nowrap; border: 1px solid #3D85D8; border-radius: 4px 0 0 4px; border-right: none; } #RCfilCol svg { top: 12px; } .did-floating-label-content.registerAccountIcon svg { width: 20px; left: 20px; top: 8px; } .did-floating-label.required:after { content: '*'; color: red; } .did-floating-label-content .toggle-password { position: absolute; right: 8px; top: 0; cursor: pointer; width: 35px; background-position: center center; background-size: 56%; background-repeat: no-repeat; } .did-floating-label-content .pw-eye { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 12' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.2498 12C6.64003 12 0.981934 8.09276 0.981934 6C0.981934 3.90724 6.64003 0 11.2498 0C15.8596 0 21.5176 3.90724 21.5176 6C21.5176 8.09276 15.8596 12 11.2498 12ZM2.95934 6.46234C3.45217 6.99398 4.12936 7.57615 4.89724 8.10641C6.85469 9.45814 9.06793 10.2774 11.2498 10.2774C13.4316 10.2774 15.6449 9.45814 17.6023 8.10641C18.3702 7.57615 19.0474 6.99398 19.5402 6.46234C19.6993 6.29078 19.8308 6.13295 19.928 6C19.8308 5.86705 19.6993 5.70922 19.5402 5.53766C19.0474 5.00602 18.3702 4.42385 17.6023 3.89359C15.6449 2.54186 13.4316 1.72256 11.2498 1.72256C9.06793 1.72256 6.85469 2.54186 4.89724 3.89359C4.12936 4.42385 3.45217 5.00602 2.95934 5.53766C2.8003 5.70922 2.6688 5.86705 2.57159 6C2.6688 6.13295 2.8003 6.29078 2.95934 6.46234ZM11.2498 9.5C9.26502 9.5 7.65604 7.933 7.65604 6C7.65604 4.067 9.26502 2.5 11.2498 2.5C13.2346 2.5 14.8435 4.067 14.8435 6C14.8435 7.933 13.2346 9.5 11.2498 9.5ZM11.2498 7.7C12.2138 7.7 12.9953 6.93888 12.9953 6C12.9953 5.06112 12.2138 4.3 11.2498 4.3C10.2858 4.3 9.50425 5.06112 9.50425 6C9.50425 6.93888 10.2858 7.7 11.2498 7.7Z' fill-opacity='0.6'/%3E%3C/svg%3E"); } .did-floating-label-content .pw-eye-slash { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 16' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.49908 13.6495L8.93791 12.2107C9.29193 12.2548 9.64639 12.2774 10 12.2774C12.1249 12.2774 14.2804 11.4582 16.1868 10.1064C16.9347 9.57615 17.5942 8.99399 18.0742 8.46235C18.2291 8.29079 18.3571 8.13296 18.4518 8.00001C18.3571 7.86706 18.2291 7.70923 18.0742 7.53767C17.5942 7.00603 16.9347 6.42386 16.1868 5.8936C16.0035 5.76358 15.8178 5.63848 15.63 5.51857L16.8352 4.31338C18.6938 5.53215 20 6.98112 20 8.00001C20 10.0928 14.4895 14 10 14C9.18692 14 8.34035 13.8719 7.49908 13.6495ZM3.16933 11.6896C1.30831 10.4702 0 9.01973 0 8.00001C0 5.90724 5.51049 2.00001 10 2.00001C10.815 2.00001 11.6637 2.12877 12.5069 2.35207L11.0688 3.79015C10.7126 3.74555 10.3558 3.72257 10 3.72257C7.87506 3.72257 5.71956 4.54187 3.81317 5.8936C3.06532 6.42386 2.4058 7.00603 1.92582 7.53767C1.77093 7.70923 1.64286 7.86706 1.54819 8.00001C1.64286 8.13296 1.77093 8.29079 1.92582 8.46235C2.4058 8.99399 3.06532 9.57615 3.81317 10.1064C3.99804 10.2375 4.18526 10.3636 4.37457 10.4844L3.16933 11.6896ZM9.66448 11.4841L13.4841 7.66448C13.4946 7.77491 13.5 7.88683 13.5 8.00001C13.5 9.93301 11.933 11.5 10 11.5C9.88682 11.5 9.7749 11.4946 9.66448 11.4841ZM6.51654 8.34242C6.5056 8.22976 6.5 8.11554 6.5 8.00001C6.5 6.06701 8.067 4.50001 10 4.50001C10.1155 4.50001 10.2298 4.50561 10.3424 4.51655L6.51654 8.34242ZM2.50435 14.5103L16.713 0.301597C17.0061 0.00851703 17.4813 0.00851703 17.7744 0.301597C18.0675 0.594678 18.0675 1.06985 17.7744 1.36294L3.56569 15.5716C3.2726 15.8647 2.79743 15.8647 2.50435 15.5716C2.21127 15.2785 2.21127 14.8034 2.50435 14.5103Z' fill-opacity='0.6'/%3E%3C/svg%3E"); } .registerPhone .f-dropdown-wrapper { position: absolute; right: 0; margin: 0; } .registerPhone .f-dropdown-wrapper .f-dropdown > span { padding: 0 10px !important; border-radius: 0 50px 50px 0 !important; border-right: none !important; border-top: none !important; border-bottom: none !important; height: 40px !important; background: transparent; } .registerPhone .f-dropdown-wrapper .f-dropdown > span:before { background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.4 8.7'%3E%3Cg%3E%3Cg%3E%3Cpath d='M7.7 8.6c-0.2 0-0.4-0.1-0.5-0.2l-6.9-7C0 1.1 0 0.6 0.3 0.3C0.5 0 1 0 1.3 0.3l6.4 6.5l6.4-6.5c0.3-0.3 0.8-0.3 1.1 0c0.3 0.3 0.3 0.8 0 1.1l-6.9 7C8.1 8.5 7.9 8.6 7.7 8.6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important; filter: none !important; } /*custom checkbox*/ .form-group-checkbox-custom { display: block; margin-bottom: 15px; } .form-group-checkbox-custom input { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; } .form-group-checkbox-custom label { position: relative; cursor: pointer; } .form-group-checkbox-custom label:before { content: ''; -webkit-appearance: none; border-radius: 3px; background-color: #e3e3e3; padding: 8px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 5px; } .form-group-checkbox-custom input:checked + label:after { content: ''; display: block; position: absolute; top: 3px; left: 6px; width: 6px; height: 10px; border: solid #0079bf; border-width: 0 2px 2px 0; transform: rotate(45deg); } .rgstButton { background-image: linear-gradient(to right, #6a11cb, #2575fc); color: #fff; border-radius: 5px; padding:10px; display: flex; align-items: center; justify-content: center; border: none; text-transform: uppercase; font-size: 1rem !important; } .rgstButton.rgstXS { padding: 6px 10px; cursor: pointer; } .rgstButton:hover { background-image: linear-gradient(to right, #2575fc, #6a11cb); } .text-underline { text-decoration: underline !important; } /*#registerModal .bottom { padding-bottom: 15px; border-radius: 0 0 5px 5px;*/ /* color: #333;*/ /*}*/ .registrationCaptcha { display: flex; align-items: normal; margin-bottom: 10px; flex-direction: column; } .registrationCaptcha .form-block { width: 100%; } .registrationCaptcha .fld-block { display: flex; justify-content: space-between; } .registrationCaptcha .captchaimage { width:50%; } .registrationCaptcha .captchaimage img { width: 90%; margin-right:15px; } .captchaInputRefresh { display:flex; justify-content:center; align-items:center; position:relative; } .captchaInputRefresh a.captcha-refresh { position: absolute; right: 10px; width: auto; } .captchaInputRefresh a.captcha-refresh span { display:none; } .captchaInputRefresh .fld { height: 38px; border-radius: 5px; border: 1px solid #dbdfe5; } .captchaInputRefresh input.fld:focus { border-color: #1676f3; } .captchaInputRefresh a.captcha-refresh i { font-size: 20px; color: #1676f3; } .did-floating-label-content.registerAffiliate svg { width: 25px; top: 11px; left: 17px; } /* end new form css */ .modalCloseButton { border: none; background: #efefef; position: absolute; right: 15px; top: 15px; padding: 5px 8px; border-radius: 100px; display: flex; align-items: center; width: 28px; height: 28px; justify-content:center; z-index:10; } .modalCloseButton svg { color: #333; width: 100%; } /* .genericLink { width: 100%; display: block; padding: 0 0 5px 0; } */ /*multisteps form */ .registerModalSteps .modal-dialog { max-width: 700px!important; } .registerModalSteps .modal-content { width: 100% !important; } .registerModalSteps .modal-content.one { max-width: 100% !important; } #registerModal .bottom .btn { font-size: 1rem!important; } .hide { display: none; } /* end multisteps form */ .selectCustom .select, .custom-select-dd, .did-floating-input, .did-floating-select, .did-floating-label-content .toggle-password { height: 35px; } .selectCustom .select { cursor: pointer; display: block; position: relative; color: #fff; width: 100%; } .selectCustom select { display: none; } .custom-select-dd { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #fff; color: #225084; border: 1px solid #dbdfe5; border-radius: 5px; padding: 0 40px 0 55px; display: flex; align-items: center; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .custom-select-dd:after { transform: rotateZ(0deg); transition: all 0.5s; content: ""; display: block; position: absolute; right: 12px; transition: all 0.3s ease; background-repeat: no-repeat; background-size: 70%; background-position: center center; width: 15px; height: 15px; filter: invert(43%) sepia(90%) saturate(3956%) hue-rotate(201deg) brightness(95%) contrast(99%); background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 19.3 18.7' xml:space='preserve'%3E%3Cpolygon points='9.6 18.6 4.8 9.3 0 0 9.6 0 19.3 0 14.4 9.3 '/%3E%3C/svg%3E"); } /*.custom-select:hover { background-color: #b83729; } */ .custom-select-dd:active, .custom-select-dd.active { background-color: #fff; color: #9E9E9E; border-color: #1677f1; } .custom-select-dd:active:after, .custom-select-dd.active:after { transform: rotateZ(180deg); transition: all 0.5s; } .custom-select-dd:focus { outline: 2px; } .select-options { max-height: 200px; overflow-y: auto; display: none; position: absolute; top: 110%; right: 0; left: 0; z-index: 999; margin: 0; padding: 0; list-style: none; background-color: #fff; border-radius: 5px; border: 1px solid #ccc; } .select-options li:first-child { display:none; } .select-options li { color: #424242; margin: 0; padding: 12px 0; /* text-indent: 15px; */ /* border-top: 1px solid #AED581; */ -moz-transition: all 0.15s ease-in; -o-transition: all 0.15s ease-in; -webkit-transition: all 0.15s ease-in; transition: all 0.15s ease-in; padding-left: 15px; } .select-options li.inactive { font-weight: bold; cursor: default; padding-left: 5px; } .select-options li.inactive:hover { background: none; color: #424242; } .select-options li:hover { color: #ffff; background: #1677f1; } .select-options li[rel="hide"] { display: none; } .select-options::-webkit-scrollbar { width: 8px; background-color: #F5F5F5; border-radius: 0 0 5px 0; } .select-options::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #9E9E9E; } .selectCustom { width: 100%; position: relative; margin-bottom: 10px; } .selectCustom svg { width: 24px; position: absolute; z-index: 1; left: 17px; color: #1676f3; top: 6px; } .disabled_field:after { content: ''; display: block; background-color: #000; position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0.08; border-radius: 5px; } #registerModal button.dropbtn-single-box{ color: inherit; } #registerModal .dropdown-single-content{ right: auto; left: 0; } #registerModal .dropdown-single-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; text-align:left; } #registerModal .dropdown-single-content a p { margin:0; /* color: black;*/ } .checkregisterpart1, .checkregisterpart2, .checkregisterpart3{ width:100%; } option.inactive { font-weight: bold; cursor: default; padding-left: 5px; } .phoneRegisterBorder { border: none; border-radius: 5px; box-sizing: border-box; background: transparent; } .border-0:focus, .did-floating-input.border-0{ border: none !important; } .phoneLabel{ left: 0px; } .did-floating-input.pl-2{ padding-left: 0.5rem !important; } .phone-svg{ margin-right: -0.5rem; } @media screen and (max-width:768px) { .phone-svg { margin-right: -0.25rem !important; } } .phone-svg-single { margin-right: 1.5rem; } #__AjaxRegisterAntiForgeryForm button#dropdownMenuLink { display: none; } @media screen and (max-width:768px) { .phone-svg-single { margin-right: -0.25rem !important; } #__AjaxRegisterAntiForgeryForm button#dropdownMenuLink { display: block; } } #__AjaxRegisterAntiForgeryForm button#dropdownMenuLink .icon-language { width: 25px; height: 25px; } .captchaInputRefresh a svg { width: 16px; margin-top: -3px; color: #007bff; } .localized-wrapping { display: flex; height:35px; padding-left:55px; margin-bottom:0; } .svg-icon.svg { height:24px; } .localized-wrapping .did-floating-input { position: absolute; left:0; } .localized-wrapping.phoneRegCode .did-floating-label { left: 110px !important; } .localized-wrapping.phoneRegCode .did-floating-input { padding-left: 115px!important; } .error_register_msg { width: 100%; margin-top: 2px; } .localized-wrapping #phoneCode { padding: 0 !important; width: 55px; } #phoneCode { height: 35px !important; z-index: 2; background: transparent; } .did-floating-input.border-danger { border-color: #dc3545 !important; } .did-floating-label-content .checkmark, .did-floating-label-content .cross { top: 0 !important; right: 0; width: 35px !important; height: 35px !important; } .did-floating-label-content .checkmark, .did-floating-label-content .cross { z-index: 1; } .dropbtn-single-box.dropdown-toggle:after { display:none; }