/* Minification failed. Returning unminified contents. (10332,15): run-time error CSS1039: Token not allowed after unary operator: '-site-red' (10336,15): run-time error CSS1039: Token not allowed after unary operator: '-site-red' (10518,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10519,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10520,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10521,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10522,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10523,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10524,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10525,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10526,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10527,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10528,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10573,1): run-time error CSS1019: Unexpected token, found '}' (10616,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-font-color' (10676,22): run-time error CSS1039: Token not allowed after unary operator: '-gradient' (10752,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (10805,33): run-time error CSS1039: Token not allowed after unary operator: '-contests-tree-root-icon-bg' (10810,32): run-time error CSS1039: Token not allowed after unary operator: '-contests-tree-root-icon-bg' (10828,17): run-time error CSS1039: Token not allowed after unary operator: '-contests-tree-root-icon-bg-hover' (10833,17): run-time error CSS1039: Token not allowed after unary operator: '-text1' (10892,22): run-time error CSS1039: Token not allowed after unary operator: '-gray3' (10917,28): run-time error CSS1039: Token not allowed after unary operator: '-contests-tree-root-icon-bg' (10918,17): run-time error CSS1039: Token not allowed after unary operator: '-contests-tree-root-icon-font' (10941,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (10945,22): run-time error CSS1039: Token not allowed after unary operator: '-contests-tree-root-icon-bg-hover' (10946,17): run-time error CSS1039: Token not allowed after unary operator: '-contests-tree-root-icon-font-hover' (10952,35): run-time error CSS1039: Token not allowed after unary operator: '-dark1' (10956,17): run-time error CSS1039: Token not allowed after unary operator: '-text2' (10969,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (10977,17): run-time error CSS1039: Token not allowed after unary operator: '-text2' (10981,28): run-time error CSS1039: Token not allowed after unary operator: '-contests-tree-root-icon-bg-hover' (10982,17): run-time error CSS1039: Token not allowed after unary operator: '-contests-tree-root-icon-font-hover' (10991,17): run-time error CSS1039: Token not allowed after unary operator: '-text2' (10995,17): run-time error CSS1039: Token not allowed after unary operator: '-contests-tree-root-icon-bg-hover' (11011,28): run-time error CSS1039: Token not allowed after unary operator: '-content-bg-color' (11012,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (11052,33): run-time error CSS1039: Token not allowed after unary operator: '-gray3' (11053,34): run-time error CSS1039: Token not allowed after unary operator: '-gray3' (11102,28): run-time error CSS1039: Token not allowed after unary operator: '-content-bg-color' (11192,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11193,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11206,32): run-time error CSS1039: Token not allowed after unary operator: '-middle-page-bg-color' (11211,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (11257,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (11334,37): run-time error CSS1046: Expect comma, found '95' (11334,43): run-time error CSS1046: Expect comma, found '/' (11342,28): run-time error CSS1039: Token not allowed after unary operator: '-gray2' (11369,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (11457,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (11464,28): run-time error CSS1039: Token not allowed after unary operator: '-green2' (11466,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (11477,17): run-time error CSS1039: Token not allowed after unary operator: '-headers-font-color' (11486,17): run-time error CSS1039: Token not allowed after unary operator: '-gray6' (11605,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (11614,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (11623,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (11707,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (11745,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (11780,35): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-bgcolor' (11781,28): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-bgcolor' (11834,32): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (11868,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (11872,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (11890,28): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (11910,21): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (11982,28): run-time error CSS1039: Token not allowed after unary operator: '-headers-bg-color' (11999,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (12007,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (12013,28): run-time error CSS1039: Token not allowed after unary operator: '-headers-bg-color' (12016,35): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-bgcolor' (12017,32): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-bgcolor' (12021,28): run-time error CSS1039: Token not allowed after unary operator: '-headers-bg-color' (12032,28): run-time error CSS1039: Token not allowed after unary operator: '-dark1' (12063,28): run-time error CSS1039: Token not allowed after unary operator: '-dark1' (12069,28): run-time error CSS1039: Token not allowed after unary operator: '-headers-bg-color' (12075,28): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-bgcolor' (12079,47): run-time error CSS1046: Expect comma, found '255' (12079,54): run-time error CSS1046: Expect comma, found ')' (12079,75): run-time error CSS1046: Expect comma, found '0' (12079,79): run-time error CSS1046: Expect comma, found '/' (12080,44): run-time error CSS1046: Expect comma, found '255' (12080,51): run-time error CSS1046: Expect comma, found ')' (12080,72): run-time error CSS1046: Expect comma, found '0' (12080,76): run-time error CSS1046: Expect comma, found '/' (12081,39): run-time error CSS1046: Expect comma, found '255' (12081,46): run-time error CSS1046: Expect comma, found ')' (12081,67): run-time error CSS1046: Expect comma, found '0' (12081,71): run-time error CSS1046: Expect comma, found '/' (12091,28): run-time error CSS1039: Token not allowed after unary operator: '-dark1' (12099,44): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-bgcolor' (12099,82): run-time error CSS1046: Expect comma, found '28' (12099,88): run-time error CSS1046: Expect comma, found '/' (12100,41): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-bgcolor' (12100,79): run-time error CSS1046: Expect comma, found '28' (12100,85): run-time error CSS1046: Expect comma, found '/' (12101,36): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-bgcolor' (12101,74): run-time error CSS1046: Expect comma, found '28' (12101,80): run-time error CSS1046: Expect comma, found '/' (12105,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (12110,28): run-time error CSS1039: Token not allowed after unary operator: '-gray2' (12116,17): run-time error CSS1039: Token not allowed after unary operator: '-black' (12135,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (12154,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (12170,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (12198,32): run-time error CSS1039: Token not allowed after unary operator: '-headers-bg-color' (12230,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (12231,39): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (12236,26): run-time error CSS1039: Token not allowed after unary operator: '-dark1' (12285,28): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (12289,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (12334,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (12336,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found 'var(' (12350,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-font-color' (12366,28): run-time error CSS1039: Token not allowed after unary operator: '-headers-bg-color' (12378,17): run-time error CSS1039: Token not allowed after unary operator: '-middle-font-color' (12379,28): run-time error CSS1039: Token not allowed after unary operator: '-line-button-selected-color' (12403,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (12451,28): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (12536,16): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (12552,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (12582,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (12599,28): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (12604,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (12621,28): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (12800,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (12807,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (12938,28): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (12975,22): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (13027,35): run-time error CSS1039: Token not allowed after unary operator: '-gray3' (13028,28): run-time error CSS1039: Token not allowed after unary operator: '-sports-container-label-bg-color' (13033,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (13046,28): run-time error CSS1039: Token not allowed after unary operator: '-headers-bg-color' (13083,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (13090,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (13095,28): run-time error CSS1039: Token not allowed after unary operator: '-menu-hover-bgcolor' (13112,17): run-time error CSS1039: Token not allowed after unary operator: '-content-bg-color' (13170,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (13212,28): run-time error CSS1039: Token not allowed after unary operator: '-headers-bg-color' (13223,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (13508,25): run-time error CSS1039: Token not allowed after unary operator: '-ps2' (13552,28): run-time error CSS1039: Token not allowed after unary operator: '-content-bg-color' (13559,28): run-time error CSS1039: Token not allowed after unary operator: '-content-bg-color' (13636,17): run-time error CSS1039: Token not allowed after unary operator: '-headers-bg-color' (13657,17): run-time error CSS1039: Token not allowed after unary operator: '-headers-bg-color' (13731,26): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-bgcolor' (13746,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (13759,21): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (13767,32): run-time error CSS1039: Token not allowed after unary operator: '-dark1' (13773,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (13778,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (13824,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (14018,28): run-time error CSS1039: Token not allowed after unary operator: '-headers-bg-color' (14180,28): run-time error CSS1039: Token not allowed after unary operator: '-content-bg-color' (14337,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (14341,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (14496,17): run-time error CSS1039: Token not allowed after unary operator: '-gray2' (14503,17): run-time error CSS1039: Token not allowed after unary operator: '-gray2' (14508,17): run-time error CSS1039: Token not allowed after unary operator: '-gray2' (14565,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (14579,28): run-time error CSS1039: Token not allowed after unary operator: '-middle-headers-bg-color' (14582,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (14646,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (14647,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (14652,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (14653,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (14667,22): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (14681,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (14685,28): run-time error CSS1039: Token not allowed after unary operator: '-line-button-color' (14686,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (14700,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (14702,17): run-time error CSS1039: Token not allowed after unary operator: '-black' (14709,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (14711,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (14719,22): run-time error CSS1039: Token not allowed after unary operator: '-line-button-selected-color' (14737,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (14744,28): run-time error CSS1039: Token not allowed after unary operator: '-green2' (14768,28): run-time error CSS1039: Token not allowed after unary operator: '-green2' (14781,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (14782,17): run-time error CSS1039: Token not allowed after unary operator: '-dark1' (14794,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (14802,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (14803,28): run-time error CSS1039: Token not allowed after unary operator: '-middle-headers-bg-color' (14809,17): run-time error CSS1039: Token not allowed after unary operator: '-middle-font-color' (14813,17): run-time error CSS1039: Token not allowed after unary operator: '-middle-font-color' (14827,17): run-time error CSS1039: Token not allowed after unary operator: '-middle-font-color' (14887,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (14888,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (14904,35): run-time error CSS1039: Token not allowed after unary operator: '-black' (14916,28): run-time error CSS1039: Token not allowed after unary operator: '-dark2' (14922,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (14928,17): run-time error CSS1039: Token not allowed after unary operator: '-middle-font-color' (14929,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (14937,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (14970,26): run-time error CSS1039: Token not allowed after unary operator: '-dark1' (14988,21): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (14989,32): run-time error CSS1039: Token not allowed after unary operator: '-dark1' (14994,24): run-time error CSS1046: Expect comma, found '255' (14994,32): run-time error CSS1046: Expect comma, found '/' (14996,39): run-time error CSS1039: Token not allowed after unary operator: '-dark1' (15080,28): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (15096,28): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (15130,17): run-time error CSS1039: Token not allowed after unary operator: '-green3' (15134,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (15142,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (15143,28): run-time error CSS1039: Token not allowed after unary operator: '-green2' (15165,28): run-time error CSS1039: Token not allowed after unary operator: '-line-button-selected-color' (15175,28): run-time error CSS1039: Token not allowed after unary operator: '-line-button-selected-color' (15206,28): run-time error CSS1039: Token not allowed after unary operator: '-line-button-selected-color' (15219,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (15236,17): run-time error CSS1039: Token not allowed after unary operator: '-headers-bg-color' (15240,22): run-time error CSS1039: Token not allowed after unary operator: '-headers-bg-color' (15387,35): run-time error CSS1039: Token not allowed after unary operator: '-middle-page-bg-color' (15388,28): run-time error CSS1039: Token not allowed after unary operator: '-middle-page-bg-color' (15404,37): run-time error CSS1046: Expect comma, found '51' (15404,43): run-time error CSS1046: Expect comma, found '/' (15422,35): run-time error CSS1039: Token not allowed after unary operator: '-content-bg-color' (15440,35): run-time error CSS1039: Token not allowed after unary operator: '-content-bg-color' (15449,35): run-time error CSS1039: Token not allowed after unary operator: '-content-bg-color' (15505,28): run-time error CSS1039: Token not allowed after unary operator: '-dark1' (15506,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (15511,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (15535,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (15551,22): run-time error CSS1039: Token not allowed after unary operator: '-headers-bg-color' (15567,28): run-time error CSS1039: Token not allowed after unary operator: '-dark1' (15590,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-font-color' (15608,21): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (15645,28): run-time error CSS1039: Token not allowed after unary operator: '-headers-bg-color' (15662,28): run-time error CSS1039: Token not allowed after unary operator: '-headers-bg-color' (15690,28): run-time error CSS1039: Token not allowed after unary operator: '-headers-bg-color' (15711,28): run-time error CSS1039: Token not allowed after unary operator: '-headers-bg-color' (15720,28): run-time error CSS1039: Token not allowed after unary operator: '-heading-hover-color' (15735,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (15744,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (15757,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (15798,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (15828,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (15838,18): run-time error CSS1046: Expect comma, found '0' (15838,22): run-time error CSS1046: Expect comma, found '/' (15871,31): run-time error CSS1046: Expect comma, found '200' (15871,39): run-time error CSS1046: Expect comma, found '/' (15875,29): run-time error CSS1046: Expect comma, found '0' (15875,32): run-time error CSS1046: Expect comma, found '/' (15917,31): run-time error CSS1046: Expect comma, found '163' (15917,39): run-time error CSS1046: Expect comma, found '/' (16015,28): run-time error CSS1039: Token not allowed after unary operator: '-green3' (16029,17): run-time error CSS1039: Token not allowed after unary operator: '-content-bg-color' (16067,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (16078,28): run-time error CSS1039: Token not allowed after unary operator: '-headers-bg-color' (16083,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (16087,37): run-time error CSS1046: Expect comma, found '255' (16087,45): run-time error CSS1046: Expect comma, found '/' (16095,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (16099,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (16133,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (16145,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (16194,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (16291,28): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (16304,28): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (16310,22): run-time error CSS1039: Token not allowed after unary operator: '-green2' (16314,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (16318,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (16323,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (16332,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (16341,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (16348,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (16359,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (16369,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (16399,28): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-bgcolor' (16416,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (16478,28): run-time error CSS1039: Token not allowed after unary operator: '-gray4' (16483,17): run-time error CSS1039: Token not allowed after unary operator: '-text-black-color' (16522,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (16524,38): run-time error CSS1039: Token not allowed after unary operator: '-gray2' (16525,35): run-time error CSS1039: Token not allowed after unary operator: '-gray2' (16526,30): run-time error CSS1039: Token not allowed after unary operator: '-gray2' (16550,17): run-time error CSS1039: Token not allowed after unary operator: '-gray2' (16553,37): run-time error CSS1046: Expect comma, found '150' (16553,45): run-time error CSS1046: Expect comma, found '/' (16570,17): run-time error CSS1039: Token not allowed after unary operator: '-headers-bg-color' (16602,17): run-time error CSS1039: Token not allowed after unary operator: '-gray2' (16708,17): run-time error CSS1039: Token not allowed after unary operator: '-content-bg-color' (16832,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (16889,28): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (16939,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (16953,28): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (17020,34): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (17123,28): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (17141,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (17218,28): run-time error CSS1039: Token not allowed after unary operator: '-middle-headers-bg-color' (17220,17): run-time error CSS1039: Token not allowed after unary operator: '-middle-font-color' (17228,28): run-time error CSS1039: Token not allowed after unary operator: '-dark2' (17236,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (17242,17): run-time error CSS1039: Token not allowed after unary operator: '-middle-font-color' (17246,17): run-time error CSS1039: Token not allowed after unary operator: '-headers-bg-color' (17250,22): run-time error CSS1039: Token not allowed after unary operator: '-headers-bg-color' (17305,28): run-time error CSS1039: Token not allowed after unary operator: '-middle-page-bg-color' (17351,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (17365,32): run-time error CSS1039: Token not allowed after unary operator: '-middle-page-bg-color' (17388,17): run-time error CSS1039: Token not allowed after unary operator: '-green2' (17398,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (17421,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (17544,21): run-time error CSS1039: Token not allowed after unary operator: '-headers-bg-color' (17554,21): run-time error CSS1039: Token not allowed after unary operator: '-headers-bg-color' (17670,35): run-time error CSS1039: Token not allowed after unary operator: '-line-button-selected-color' (17744,32): run-time error CSS1039: Token not allowed after unary operator: '-dark2' (17902,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (17911,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (17917,32): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (17968,21): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (18008,17): run-time error CSS1039: Token not allowed after unary operator: '-middle-font-color' (18065,17): run-time error CSS1039: Token not allowed after unary operator: '-middle-font-color' (18138,35): run-time error CSS1039: Token not allowed after unary operator: '-gray3' (18166,21): run-time error CSS1039: Token not allowed after unary operator: '-headers-bg-color' (18258,28): run-time error CSS1039: Token not allowed after unary operator: '-site-wagerning' (18263,28): run-time error CSS1039: Token not allowed after unary operator: '-site-wagerning' (18267,28): run-time error CSS1039: Token not allowed after unary operator: '-site-wagerning' (18402,28): run-time error CSS1039: Token not allowed after unary operator: '-heading-divider-color' (18471,28): run-time error CSS1039: Token not allowed after unary operator: '-gray4' (18492,35): run-time error CSS1039: Token not allowed after unary operator: '-line-button-selected-color' (18513,22): run-time error CSS1039: Token not allowed after unary operator: '-line-button-selected-color' (18514,35): run-time error CSS1039: Token not allowed after unary operator: '-line-button-selected-color' (18523,22): run-time error CSS1039: Token not allowed after unary operator: '-line-button-selected-color' (18530,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (18567,17): run-time error CSS1039: Token not allowed after unary operator: '-line-button-selected-color' (18613,17): run-time error CSS1039: Token not allowed after unary operator: '-green3' (18704,28): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (18713,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (18730,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (18737,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (18761,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (18827,28): run-time error CSS1039: Token not allowed after unary operator: '-green3' (18828,28): run-time error CSS1039: Token not allowed after unary operator: '-green3' (18907,22): run-time error CSS1039: Token not allowed after unary operator: '-line-button-selected-color' (18918,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (19091,28): run-time error CSS1039: Token not allowed after unary operator: '-line-button-selected-color' (19125,33): run-time error CSS1046: Expect comma, found '0' (19125,37): run-time error CSS1046: Expect comma, found '/' (19138,17): run-time error CSS1039: Token not allowed after unary operator: '-black' (19156,35): run-time error CSS1039: Token not allowed after unary operator: '-gray3' (19186,34): run-time error CSS1039: Token not allowed after unary operator: '-line-button-selected-color' (19208,32): run-time error CSS1039: Token not allowed after unary operator: '-line-button-selected-color' (19209,35): run-time error CSS1039: Token not allowed after unary operator: '-line-button-selected-color' (19231,35): run-time error CSS1039: Token not allowed after unary operator: '-line-button-selected-color' (19233,28): run-time error CSS1039: Token not allowed after unary operator: '-content-bg-color' (19247,35): run-time error CSS1039: Token not allowed after unary operator: '-gray3' (19308,17): run-time error CSS1039: Token not allowed after unary operator: '-green3' (19319,28): run-time error CSS1039: Token not allowed after unary operator: '-line-button-selected-color' (19339,28): run-time error CSS1039: Token not allowed after unary operator: '-middle-page-bg-color' (19415,28): run-time error CSS1039: Token not allowed after unary operator: '-middle-page-bg-color' (19438,28): run-time error CSS1039: Token not allowed after unary operator: '-headers-bg-color' (19444,28): run-time error CSS1039: Token not allowed after unary operator: '-content-bg-color' (19449,28): run-time error CSS1039: Token not allowed after unary operator: '-green3' (19481,36): run-time error CSS1039: Token not allowed after unary operator: '-line-button-selected-color' (19511,39): run-time error CSS1039: Token not allowed after unary operator: '-content-bg-color' (19547,22): run-time error CSS1039: Token not allowed after unary operator: '-line-button-selected-color' (19570,22): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (19639,28): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (19643,29): run-time error CSS1039: Token not allowed after unary operator: '-line-button-selected-color' (19650,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (19654,35): run-time error CSS1039: Token not allowed after unary operator: '-line-button-selected-color' (19781,22): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (19829,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (19951,28): run-time error CSS1039: Token not allowed after unary operator: '-headers-bg-color' (19993,32): run-time error CSS1039: Token not allowed after unary operator: '-green2' (20003,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (20015,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (20021,28): run-time error CSS1039: Token not allowed after unary operator: '-headers-bg-color' (20031,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (20051,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (20053,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (20058,28): run-time error CSS1039: Token not allowed after unary operator: '-headers-bg-color' (20105,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (20137,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (20152,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (20160,28): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (20184,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (20284,32): run-time error CSS1039: Token not allowed after unary operator: '-green4' (20294,34): run-time error CSS1039: Token not allowed after unary operator: '-green4' (20314,28): run-time error CSS1039: Token not allowed after unary operator: '-site-wagerning' (20333,28): run-time error CSS1039: Token not allowed after unary operator: '-site-wagerning' (20352,28): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (20362,28): run-time error CSS1039: Token not allowed after unary operator: '-green2' (20382,17): run-time error CSS1039: Token not allowed after unary operator: '-green2' (20387,17): run-time error CSS1039: Token not allowed after unary operator: '-green2' (20408,28): run-time error CSS1039: Token not allowed after unary operator: '-green1' (20421,28): run-time error CSS1039: Token not allowed after unary operator: '-green2' (20422,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (20426,28): run-time error CSS1039: Token not allowed after unary operator: '-green5' (20446,17): run-time error CSS1039: Token not allowed after unary operator: '-green2' (20456,28): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (20487,28): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (20530,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (20579,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (20594,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (20595,28): run-time error CSS1039: Token not allowed after unary operator: '-headers-bg-color' (20615,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (20632,17): run-time error CSS1039: Token not allowed after unary operator: '-dark1' (20640,22): run-time error CSS1039: Token not allowed after unary operator: '-green2' (20703,21): run-time error CSS1039: Token not allowed after unary operator: '-dark1' (20800,32): run-time error CSS1039: Token not allowed after unary operator: '-green2' (20819,32): run-time error CSS1039: Token not allowed after unary operator: '-green1' (20825,32): run-time error CSS1039: Token not allowed after unary operator: '-green2' (20831,32): run-time error CSS1039: Token not allowed after unary operator: '-green2' (20837,32): run-time error CSS1039: Token not allowed after unary operator: '-green5' (20851,32): run-time error CSS1039: Token not allowed after unary operator: '-green2' (20853,32): run-time error CSS1039: Token not allowed after unary operator: '-green2' (20892,32): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (20912,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (20917,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (20942,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (20950,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (20960,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (20961,28): run-time error CSS1039: Token not allowed after unary operator: '-headers-bg-color' (20967,22): run-time error CSS1039: Token not allowed after unary operator: '-green5' (20973,17): run-time error CSS1039: Token not allowed after unary operator: '-green2' (20981,24): run-time error CSS1039: Token not allowed after unary operator: '-green2' (21058,28): run-time error CSS1039: Token not allowed after unary operator: '-dark1' (21069,28): run-time error CSS1039: Token not allowed after unary operator: '-content-bg-color' (21095,22): run-time error CSS1039: Token not allowed after unary operator: '-footer-color' (21104,28): run-time error CSS1039: Token not allowed after unary operator: '-green2' (21106,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (21117,35): run-time error CSS1039: Token not allowed after unary operator: '-content-bg-color' (21205,28): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (21494,44): run-time error CSS1039: Token not allowed after unary operator: '-content-bg-color' (21500,44): run-time error CSS1039: Token not allowed after unary operator: '-content-bg-color' (21812,28): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (21819,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (21935,21): run-time error CSS1039: Token not allowed after unary operator: '-middle-font-color' (22797,22): run-time error CSS1039: Token not allowed after unary operator: '-headers-bg-color' (22805,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (23015,28): run-time error CSS1039: Token not allowed after unary operator: '-content-bg-color' (23099,22): run-time error CSS1039: Token not allowed after unary operator: '-dark1' (23174,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (23204,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23205,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23223,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23224,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23241,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23242,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23259,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23260,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23277,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23278,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (23283,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23284,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (23289,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23290,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23299,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23300,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23322,29): run-time error CSS1039: Token not allowed after unary operator: '-dot-colors-color2' (23344,22): run-time error CSS1039: Token not allowed after unary operator: '-dot-colors-color1' (23381,28): run-time error CSS1039: Token not allowed after unary operator: '-dot-colors-color1' (23398,28): run-time error CSS1039: Token not allowed after unary operator: '-dot-colors-color2' (23415,28): run-time error CSS1039: Token not allowed after unary operator: '-dot-colors-color1' (23432,28): run-time error CSS1039: Token not allowed after unary operator: '-dot-colors-color2' (23636,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23637,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23668,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes' (23669,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23684,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23685,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23700,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (23701,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23716,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23717,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23760,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes' (23761,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23782,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23783,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23804,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (23805,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23826,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23827,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23846,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes' (23847,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23856,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23857,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23866,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (23867,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23876,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23877,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23896,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes' (23897,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23906,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23907,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23916,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (23917,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23926,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23927,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23946,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes' (23947,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23956,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23957,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23966,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (23967,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23976,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23977,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23996,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes' (23997,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24006,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24007,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24016,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (24017,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24064,28): run-time error CSS1039: Token not allowed after unary operator: '-gray4' (24065,17): run-time error CSS1039: Token not allowed after unary operator: '-dark1' (24069,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-font-color' (24073,17): run-time error CSS1039: Token not allowed after unary operator: '-dark1' (24118,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (24155,28): run-time error CSS1039: Token not allowed after unary operator: '-headers-bg-color' (24640,22): run-time error CSS1039: Token not allowed after unary operator: '-green2' (24659,28): run-time error CSS1039: Token not allowed after unary operator: '-green2' (24661,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (24687,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (24700,17): run-time error CSS1039: Token not allowed after unary operator: '-headers-bg-color' (24763,28): run-time error CSS1039: Token not allowed after unary operator: '-headers-bg-color' (25143,28): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-bgcolor' (25163,28): run-time error CSS1039: Token not allowed after unary operator: '-dark1' (25176,28): run-time error CSS1039: Token not allowed after unary operator: '-circleBackgroundColor' (25180,28): run-time error CSS1039: Token not allowed after unary operator: '-circleBackgroundColor' (25184,28): run-time error CSS1039: Token not allowed after unary operator: '-circleBackgroundColor' (25192,32): run-time error CSS1039: Token not allowed after unary operator: '-circledBorderColor' (25196,28): run-time error CSS1039: Token not allowed after unary operator: '-circleBackgroundColor' (25212,17): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color' (25259,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (25348,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (25361,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (25398,32): run-time error CSS1039: Token not allowed after unary operator: '-middle-page-bg-color' (25557,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (25817,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (26096,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-font-color' (26116,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (26120,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (26124,28): run-time error CSS1039: Token not allowed after unary operator: '-heading-color' (26128,28): run-time error CSS1039: Token not allowed after unary operator: '-headers-bg-color' */ /*! normalize.css v2.1.3 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /** * Correct `inline-block` display not defined in IE 8/9. */ audio, canvas, video { display: inline-block; } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9. * Hide the `template` element in IE, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* ========================================================================== Base ========================================================================== */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background: transparent; } /** * Address `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari 5, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /** * Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Correct font family set oddly in Safari 5 and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } /** * Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre-wrap; } /** * Set consistent quote types. */ q { quotes: "\201C" "\201D" "\2018" "\2019"; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9. */ img { border: 0; } /** * Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari 5. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * 1. Correct font family not being inherited in all browsers. * 2. Correct font size not being inherited in all browsers. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */ button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * 1. Remove default vertical scrollbar in IE 8/9. * 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } /*! * Bootstrap v3.3.5 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=d59e17f05c8611abe28688fa0dfbc351) * Config saved to config.json and https://gist.github.com/d59e17f05c8611abe28688fa0dfbc351 */ /*! * Bootstrap v3.3.6 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ @media print { *, *:before, *:after { background: transparent !important; color: #000 !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } @font-face { font-family: 'Glyphicons Halflings'; src: url('/assets/fonts/glyphicons-halflings-regular.eot'); src: url('/assets/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('/assets/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/assets/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/assets/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-asterisk:before { content: "\002a"; } .glyphicon-plus:before { content: "\002b"; } .glyphicon-euro:before, .glyphicon-eur:before { content: "\20ac"; } .glyphicon-minus:before { content: "\2212"; } .glyphicon-cloud:before { content: "\2601"; } .glyphicon-envelope:before { content: "\2709"; } .glyphicon-pencil:before { content: "\270f"; } .glyphicon-glass:before { content: "\e001"; } .glyphicon-music:before { content: "\e002"; } .glyphicon-search:before { content: "\e003"; } .glyphicon-heart:before { content: "\e005"; } .glyphicon-star:before { content: "\e006"; } .glyphicon-star-empty:before { content: "\e007"; } .glyphicon-user:before { content: "\e008"; } .glyphicon-film:before { content: "\e009"; } .glyphicon-th-large:before { content: "\e010"; } .glyphicon-th:before { content: "\e011"; } .glyphicon-th-list:before { content: "\e012"; } .glyphicon-ok:before { content: "\e013"; } .glyphicon-remove:before { content: "\e014"; } .glyphicon-zoom-in:before { content: "\e015"; } .glyphicon-zoom-out:before { content: "\e016"; } .glyphicon-off:before { content: "\e017"; } .glyphicon-signal:before { content: "\e018"; } .glyphicon-cog:before { content: "\e019"; } .glyphicon-trash:before { content: "\e020"; } .glyphicon-home:before { content: "\e021"; } .glyphicon-file:before { content: "\e022"; } .glyphicon-time:before { content: "\e023"; } .glyphicon-road:before { content: "\e024"; } .glyphicon-download-alt:before { content: "\e025"; } .glyphicon-download:before { content: "\e026"; } .glyphicon-upload:before { content: "\e027"; } .glyphicon-inbox:before { content: "\e028"; } .glyphicon-play-circle:before { content: "\e029"; } .glyphicon-repeat:before { content: "\e030"; } .glyphicon-refresh:before { content: "\e031"; } .glyphicon-list-alt:before { content: "\e032"; } .glyphicon-lock:before { content: "\e033"; } .glyphicon-flag:before { content: "\e034"; } .glyphicon-headphones:before { content: "\e035"; } .glyphicon-volume-off:before { content: "\e036"; } .glyphicon-volume-down:before { content: "\e037"; } .glyphicon-volume-up:before { content: "\e038"; } .glyphicon-qrcode:before { content: "\e039"; } .glyphicon-barcode:before { content: "\e040"; } .glyphicon-tag:before { content: "\e041"; } .glyphicon-tags:before { content: "\e042"; } .glyphicon-book:before { content: "\e043"; } .glyphicon-bookmark:before { content: "\e044"; } .glyphicon-print:before { content: "\e045"; } .glyphicon-camera:before { content: "\e046"; } .glyphicon-font:before { content: "\e047"; } .glyphicon-bold:before { content: "\e048"; } .glyphicon-italic:before { content: "\e049"; } .glyphicon-text-height:before { content: "\e050"; } .glyphicon-text-width:before { content: "\e051"; } .glyphicon-align-left:before { content: "\e052"; } .glyphicon-align-center:before { content: "\e053"; } .glyphicon-align-right:before { content: "\e054"; } .glyphicon-align-justify:before { content: "\e055"; } .glyphicon-list:before { content: "\e056"; } .glyphicon-indent-left:before { content: "\e057"; } .glyphicon-indent-right:before { content: "\e058"; } .glyphicon-facetime-video:before { content: "\e059"; } .glyphicon-picture:before { content: "\e060"; } .glyphicon-map-marker:before { content: "\e062"; } .glyphicon-adjust:before { content: "\e063"; } .glyphicon-tint:before { content: "\e064"; } .glyphicon-edit:before { content: "\e065"; } .glyphicon-share:before { content: "\e066"; } .glyphicon-check:before { content: "\e067"; } .glyphicon-move:before { content: "\e068"; } .glyphicon-step-backward:before { content: "\e069"; } .glyphicon-fast-backward:before { content: "\e070"; } .glyphicon-backward:before { content: "\e071"; } .glyphicon-play:before { content: "\e072"; } .glyphicon-pause:before { content: "\e073"; } .glyphicon-stop:before { content: "\e074"; } .glyphicon-forward:before { content: "\e075"; } .glyphicon-fast-forward:before { content: "\e076"; } .glyphicon-step-forward:before { content: "\e077"; } .glyphicon-eject:before { content: "\e078"; } .glyphicon-chevron-left:before { content: "\e079"; } .glyphicon-chevron-right:before { content: "\e080"; } .glyphicon-plus-sign:before { content: "\e081"; } .glyphicon-minus-sign:before { content: "\e082"; } .glyphicon-remove-sign:before { content: "\e083"; } .glyphicon-ok-sign:before { content: "\e084"; } .glyphicon-question-sign:before { content: "\e085"; } .glyphicon-info-sign:before { content: "\e086"; } .glyphicon-screenshot:before { content: "\e087"; } .glyphicon-remove-circle:before { content: "\e088"; } .glyphicon-ok-circle:before { content: "\e089"; } .glyphicon-ban-circle:before { content: "\e090"; } .glyphicon-arrow-left:before { content: "\e091"; } .glyphicon-arrow-right:before { content: "\e092"; } .glyphicon-arrow-up:before { content: "\e093"; } .glyphicon-arrow-down:before { content: "\e094"; } .glyphicon-share-alt:before { content: "\e095"; } .glyphicon-resize-full:before { content: "\e096"; } .glyphicon-resize-small:before { content: "\e097"; } .glyphicon-exclamation-sign:before { content: "\e101"; } .glyphicon-gift:before { content: "\e102"; } .glyphicon-leaf:before { content: "\e103"; } .glyphicon-fire:before { content: "\e104"; } .glyphicon-eye-open:before { content: "\e105"; } .glyphicon-eye-close:before { content: "\e106"; } .glyphicon-warning-sign:before { content: "\e107"; } .glyphicon-plane:before { content: "\e108"; } .glyphicon-calendar:before { content: "\e109"; } .glyphicon-random:before { content: "\e110"; } .glyphicon-comment:before { content: "\e111"; } .glyphicon-magnet:before { content: "\e112"; } .glyphicon-chevron-up:before { content: "\e113"; } .glyphicon-chevron-down:before { content: "\e114"; } .glyphicon-retweet:before { content: "\e115"; } .glyphicon-shopping-cart:before { content: "\e116"; } .glyphicon-folder-close:before { content: "\e117"; } .glyphicon-folder-open:before { content: "\e118"; } .glyphicon-resize-vertical:before { content: "\e119"; } .glyphicon-resize-horizontal:before { content: "\e120"; } .glyphicon-hdd:before { content: "\e121"; } .glyphicon-bullhorn:before { content: "\e122"; } .glyphicon-bell:before { content: "\e123"; } .glyphicon-certificate:before { content: "\e124"; } .glyphicon-thumbs-up:before { content: "\e125"; } .glyphicon-thumbs-down:before { content: "\e126"; } .glyphicon-hand-right:before { content: "\e127"; } .glyphicon-hand-left:before { content: "\e128"; } .glyphicon-hand-up:before { content: "\e129"; } .glyphicon-hand-down:before { content: "\e130"; } .glyphicon-circle-arrow-right:before { content: "\e131"; } .glyphicon-circle-arrow-left:before { content: "\e132"; } .glyphicon-circle-arrow-up:before { content: "\e133"; } .glyphicon-circle-arrow-down:before { content: "\e134"; } .glyphicon-globe:before { content: "\e135"; } .glyphicon-wrench:before { content: "\e136"; } .glyphicon-tasks:before { content: "\e137"; } .glyphicon-filter:before { content: "\e138"; } .glyphicon-briefcase:before { content: "\e139"; } .glyphicon-fullscreen:before { content: "\e140"; } .glyphicon-dashboard:before { content: "\e141"; } .glyphicon-paperclip:before { content: "\e142"; } .glyphicon-heart-empty:before { content: "\e143"; } .glyphicon-link:before { content: "\e144"; } .glyphicon-phone:before { content: "\e145"; } .glyphicon-pushpin:before { content: "\e146"; } .glyphicon-usd:before { content: "\e148"; } .glyphicon-gbp:before { content: "\e149"; } .glyphicon-sort:before { content: "\e150"; } .glyphicon-sort-by-alphabet:before { content: "\e151"; } .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } .glyphicon-sort-by-order:before { content: "\e153"; } .glyphicon-sort-by-order-alt:before { content: "\e154"; } .glyphicon-sort-by-attributes:before { content: "\e155"; } .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } .glyphicon-unchecked:before { content: "\e157"; } .glyphicon-expand:before { content: "\e158"; } .glyphicon-collapse-down:before { content: "\e159"; } .glyphicon-collapse-up:before { content: "\e160"; } .glyphicon-log-in:before { content: "\e161"; } .glyphicon-flash:before { content: "\e162"; } .glyphicon-log-out:before { content: "\e163"; } .glyphicon-new-window:before { content: "\e164"; } .glyphicon-record:before { content: "\e165"; } .glyphicon-save:before { content: "\e166"; } .glyphicon-open:before { content: "\e167"; } .glyphicon-saved:before { content: "\e168"; } .glyphicon-import:before { content: "\e169"; } .glyphicon-export:before { content: "\e170"; } .glyphicon-send:before { content: "\e171"; } .glyphicon-floppy-disk:before { content: "\e172"; } .glyphicon-floppy-saved:before { content: "\e173"; } .glyphicon-floppy-remove:before { content: "\e174"; } .glyphicon-floppy-save:before { content: "\e175"; } .glyphicon-floppy-open:before { content: "\e176"; } .glyphicon-credit-card:before { content: "\e177"; } .glyphicon-transfer:before { content: "\e178"; } .glyphicon-cutlery:before { content: "\e179"; } .glyphicon-header:before { content: "\e180"; } .glyphicon-compressed:before { content: "\e181"; } .glyphicon-earphone:before { content: "\e182"; } .glyphicon-phone-alt:before { content: "\e183"; } .glyphicon-tower:before { content: "\e184"; } .glyphicon-stats:before { content: "\e185"; } .glyphicon-sd-video:before { content: "\e186"; } .glyphicon-hd-video:before { content: "\e187"; } .glyphicon-subtitles:before { content: "\e188"; } .glyphicon-sound-stereo:before { content: "\e189"; } .glyphicon-sound-dolby:before { content: "\e190"; } .glyphicon-sound-5-1:before { content: "\e191"; } .glyphicon-sound-6-1:before { content: "\e192"; } .glyphicon-sound-7-1:before { content: "\e193"; } .glyphicon-copyright-mark:before { content: "\e194"; } .glyphicon-registration-mark:before { content: "\e195"; } .glyphicon-cloud-download:before { content: "\e197"; } .glyphicon-cloud-upload:before { content: "\e198"; } .glyphicon-tree-conifer:before { content: "\e199"; } .glyphicon-tree-deciduous:before { content: "\e200"; } .glyphicon-cd:before { content: "\e201"; } .glyphicon-save-file:before { content: "\e202"; } .glyphicon-open-file:before { content: "\e203"; } .glyphicon-level-up:before { content: "\e204"; } .glyphicon-copy:before { content: "\e205"; } .glyphicon-paste:before { content: "\e206"; } .glyphicon-alert:before { content: "\e209"; } .glyphicon-equalizer:before { content: "\e210"; } .glyphicon-king:before { content: "\e211"; } .glyphicon-queen:before { content: "\e212"; } .glyphicon-pawn:before { content: "\e213"; } .glyphicon-bishop:before { content: "\e214"; } .glyphicon-knight:before { content: "\e215"; } .glyphicon-baby-formula:before { content: "\e216"; } .glyphicon-tent:before { content: "\26fa"; } .glyphicon-blackboard:before { content: "\e218"; } .glyphicon-bed:before { content: "\e219"; } .glyphicon-apple:before { content: "\f8ff"; } .glyphicon-erase:before { content: "\e221"; } .glyphicon-hourglass:before { content: "\231b"; } .glyphicon-lamp:before { content: "\e223"; } .glyphicon-duplicate:before { content: "\e224"; } .glyphicon-piggy-bank:before { content: "\e225"; } .glyphicon-scissors:before { content: "\e226"; } .glyphicon-bitcoin:before { content: "\e227"; } .glyphicon-btc:before { content: "\e227"; } .glyphicon-xbt:before { content: "\e227"; } .glyphicon-yen:before { content: "\00a5"; } .glyphicon-jpy:before { content: "\00a5"; } .glyphicon-ruble:before { content: "\20bd"; } .glyphicon-rub:before { content: "\20bd"; } .glyphicon-scale:before { content: "\e230"; } .glyphicon-ice-lolly:before { content: "\e231"; } .glyphicon-ice-lolly-tasted:before { content: "\e232"; } .glyphicon-education:before { content: "\e233"; } .glyphicon-option-horizontal:before { content: "\e234"; } .glyphicon-option-vertical:before { content: "\e235"; } .glyphicon-menu-hamburger:before { content: "\e236"; } .glyphicon-modal-window:before { content: "\e237"; } .glyphicon-oil:before { content: "\e238"; } .glyphicon-grain:before { content: "\e239"; } .glyphicon-sunglasses:before { content: "\e240"; } .glyphicon-text-size:before { content: "\e241"; } .glyphicon-text-color:before { content: "\e242"; } .glyphicon-text-background:before { content: "\e243"; } .glyphicon-object-align-top:before { content: "\e244"; } .glyphicon-object-align-bottom:before { content: "\e245"; } .glyphicon-object-align-horizontal:before { content: "\e246"; } .glyphicon-object-align-left:before { content: "\e247"; } .glyphicon-object-align-vertical:before { content: "\e248"; } .glyphicon-object-align-right:before { content: "\e249"; } .glyphicon-triangle-right:before { content: "\e250"; } .glyphicon-triangle-left:before { content: "\e251"; } .glyphicon-triangle-bottom:before { content: "\e252"; } .glyphicon-triangle-top:before { content: "\e253"; } .glyphicon-console:before { content: "\e254"; } .glyphicon-superscript:before { content: "\e255"; } .glyphicon-subscript:before { content: "\e256"; } .glyphicon-menu-left:before { content: "\e257"; } .glyphicon-menu-right:before { content: "\e258"; } .glyphicon-menu-down:before { content: "\e259"; } .glyphicon-menu-up:before { content: "\e260"; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333333; background-color: #ffffff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #337ab7; text-decoration: none; } a:hover, a:focus { color: #23527c; text-decoration: underline; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role="button"] { cursor: pointer; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { font-weight: normal; line-height: 1; color: #777777; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px; } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px; } h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small { font-size: 75%; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 21px; } } small, .small { font-size: 85%; } mark, .mark { background-color: #fcf8e3; padding: .2em; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #777777; } .text-primary { color: #337ab7; } a.text-primary:hover, a.text-primary:focus { color: #286090; } .text-success { color: #3c763d; } a.text-success:hover, a.text-success:focus { color: #2b542c; } .text-info { color: #31708f; } a.text-info:hover, a.text-info:focus { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:hover, a.text-warning:focus { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:hover, a.text-danger:focus { color: #843534; } .bg-primary { color: #fff; background-color: #337ab7; } a.bg-primary:hover, a.bg-primary:focus { background-color: #286090; } .bg-success { background-color: #dff0d8; } a.bg-success:hover, a.bg-success:focus { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:hover, a.bg-info:focus { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:hover, a.bg-warning:focus { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:hover, a.bg-danger:focus { background-color: #e4b9b9; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eeeeee; } ul, ol { margin-top: 0; margin-bottom: 10px; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; margin-left: -5px; } .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } dl { margin-top: 0; margin-bottom: 20px; } dt, dd { line-height: 1.42857143; } dt { font-weight: bold; } dd { margin-left: 0; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #777777; } .initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eeeeee; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.42857143; color: #777777; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; text-align: right; } .blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before { content: ''; } .blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after { content: '\00A0 \2014'; } address { margin-bottom: 20px; font-style: normal; line-height: 1.42857143; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; } kbd { padding: 2px 4px; font-size: 90%; color: #ffffff; background-color: #333333; border-radius: 3px; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); } kbd kbd { padding: 0; font-size: 100%; font-weight: bold; -webkit-box-shadow: none; box-shadow: none; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; word-break: break-all; word-wrap: break-word; color: #333333; background-color: #f5f5f5; border: 1px solid #cccccc; border-radius: 4px; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .row { margin-left: -15px; margin-right: -15px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; } } fieldset { padding: 0; margin: 0; border: 0; min-width: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857143; color: #555555; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555555; background-color: #ffffff; background-image: none; border: 1px solid #cccccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); } .form-control::-moz-placeholder { color: #999999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999999; } .form-control::-webkit-input-placeholder { color: #999999; } .form-control::-ms-expand { border: 0; background-color: transparent; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eeeeee; opacity: 1; } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; } textarea.form-control { height: auto; } input[type="search"] { -webkit-appearance: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { line-height: 34px; } input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm, .input-group-sm input[type="date"], .input-group-sm input[type="time"], .input-group-sm input[type="datetime-local"], .input-group-sm input[type="month"] { line-height: 30px; } input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg, .input-group-lg input[type="date"], .input-group-lg input[type="time"], .input-group-lg input[type="datetime-local"], .input-group-lg input[type="month"] { line-height: 46px; } } .form-group { margin-bottom: 15px; } .radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .radio label, .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; } .radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label { cursor: not-allowed; } .form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; min-height: 34px; } .form-control-static.input-lg, .form-control-static.input-sm { padding-left: 0; padding-right: 0; } .input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-sm { height: 30px; line-height: 30px; } textarea.input-sm, select[multiple].input-sm { height: auto; } .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .form-group-sm select.form-control { height: 30px; line-height: 30px; } .form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control { height: auto; } .form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5; } .input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } select.input-lg { height: 46px; line-height: 46px; } textarea.input-lg, select[multiple].input-lg { height: auto; } .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } .form-group-lg select.form-control { height: 46px; line-height: 46px; } .form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control { height: auto; } .form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.3333333; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 42.5px; } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; } .input-lg + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .input-sm + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #3c763d; } .has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; } .has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #8a6d3b; } .has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; } .has-warning .input-group-addon { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #a94442; } .has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; } .has-error .input-group-addon { color: #a94442; border-color: #a94442; background-color: #f2dede; } .has-error .form-control-feedback { color: #a94442; } .has-feedback label ~ .form-control-feedback { top: 25px; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px; } .form-horizontal .form-group { margin-left: -15px; margin-right: -15px; } @media (min-width: 768px) { .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 7px; } } .form-horizontal .has-feedback .form-control-feedback { right: 15px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 18px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; } } .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus, .btn.focus { color: #333333; text-decoration: none; } .btn:active, .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-default { color: #333333; background-color: #ffffff; border-color: #cccccc; } .btn-default:focus, .btn-default.focus { color: #333333; background-color: #e6e6e6; border-color: #8c8c8c; } .btn-default:hover { color: #333333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #333333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus { color: #333333; background-color: #d4d4d4; border-color: #8c8c8c; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus { background-color: #ffffff; border-color: #cccccc; } .btn-default .badge { color: #ffffff; background-color: #333333; } .btn-primary { color: #ffffff; background-color: #337ab7; border-color: #2e6da4; } .btn-primary:focus, .btn-primary.focus { color: #ffffff; background-color: #286090; border-color: #122b40; } .btn-primary:hover { color: #ffffff; background-color: #286090; border-color: #204d74; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #ffffff; background-color: #286090; border-color: #204d74; } .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus { color: #ffffff; background-color: #204d74; border-color: #122b40; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus { background-color: #337ab7; border-color: #2e6da4; } .btn-primary .badge { color: #337ab7; background-color: #ffffff; } .btn-success { color: #ffffff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success:focus, .btn-success.focus { color: #ffffff; background-color: #449d44; border-color: #255625; } .btn-success:hover { color: #ffffff; background-color: #449d44; border-color: #398439; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: #ffffff; background-color: #449d44; border-color: #398439; } .btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus { color: #ffffff; background-color: #398439; border-color: #255625; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus { background-color: #5cb85c; border-color: #4cae4c; } .btn-success .badge { color: #5cb85c; background-color: #ffffff; } .btn-info { color: #ffffff; background-color: #5bc0de; border-color: #46b8da; } .btn-info:focus, .btn-info.focus { color: #ffffff; background-color: #31b0d5; border-color: #1b6d85; } .btn-info:hover { color: #ffffff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { color: #ffffff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus { color: #ffffff; background-color: #269abc; border-color: #1b6d85; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge { color: #5bc0de; background-color: #ffffff; } .btn-warning { color: #ffffff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning:focus, .btn-warning.focus { color: #ffffff; background-color: #ec971f; border-color: #985f0d; } .btn-warning:hover { color: #ffffff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { color: #ffffff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus { color: #ffffff; background-color: #d58512; border-color: #985f0d; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { color: #f0ad4e; background-color: #ffffff; } .btn-danger { color: #ffffff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger:focus, .btn-danger.focus { color: #ffffff; background-color: #c9302c; border-color: #761c19; } .btn-danger:hover { color: #ffffff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: #ffffff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus { color: #ffffff; background-color: #ac2925; border-color: #761c19; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge { color: #d9534f; background-color: #ffffff; } .btn-link { color: #337ab7; font-weight: normal; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #23527c; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #777777; text-decoration: none; } .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } .btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-xs, .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s; -o-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropup, .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: #ffffff; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -webkit-background-clip: padding-box; background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333333; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: #262626; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #ffffff; text-decoration: none; outline: 0; background-color: #337ab7; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #777777; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { left: auto; right: 0; } .dropdown-menu-left { left: 0; right: auto; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777777; white-space: nowrap; } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { left: auto; right: 0; } .navbar-right .dropdown-menu-left { left: 0; right: auto; } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-left: 12px; padding-right: 12px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; } .btn .caret { margin-left: 0; } .btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret { border-width: 0 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { float: none; display: table-cell; width: 1%; } .btn-group-justified > .btn-group .btn { width: 100%; } .btn-group-justified > .btn-group .dropdown-menu { left: auto; } [data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group[class*="col-"] { float: none; padding-left: 0; padding-right: 0; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group .form-control:focus { z-index: 3; } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn { height: 46px; line-height: 46px; } textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn, select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn { height: auto; } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn { height: 30px; line-height: 30px; } textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn, select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn { height: auto; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1; color: #555555; text-align: center; background-color: #eeeeee; border: 1px solid #cccccc; border-radius: 4px; } .input-group-addon.input-sm { padding: 5px 10px; font-size: 12px; border-radius: 3px; } .input-group-addon.input-lg { padding: 10px 16px; font-size: 18px; border-radius: 6px; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-top-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0; border-top-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px; } .nav { margin-bottom: 0; padding-left: 0; list-style: none; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } .nav > li.disabled > a { color: #777777; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #777777; text-decoration: none; background-color: transparent; cursor: not-allowed; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eeeeee; border-color: #337ab7; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #dddddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #dddddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555555; background-color: #ffffff; border: 1px solid #dddddd; border-bottom-color: transparent; cursor: default; } .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } .nav-tabs.nav-justified > li { float: none; } .nav-tabs.nav-justified > li > a { text-align: center; margin-bottom: 5px; } .nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #dddddd; } @media (min-width: 768px) { .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #dddddd; border-radius: 4px 4px 0 0; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #ffffff; } } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 4px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #ffffff; background-color: #337ab7; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified { width: 100%; } .nav-justified > li { float: none; } .nav-justified > li > a { text-align: center; margin-bottom: 5px; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified { border-bottom: 0; } .nav-tabs-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid #dddddd; } @media (min-width: 768px) { .nav-tabs-justified > li > a { border-bottom: 1px solid #dddddd; border-radius: 4px 4px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: #ffffff; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } .label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: bold; line-height: 1; color: #ffffff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; } a.label:hover, a.label:focus { color: #ffffff; text-decoration: none; cursor: pointer; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } .label-default { background-color: #777777; } .label-default[href]:hover, .label-default[href]:focus { background-color: #5e5e5e; } .label-primary { background-color: #337ab7; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #286090; } .label-success { background-color: #5cb85c; } .label-success[href]:hover, .label-success[href]:focus { background-color: #449d44; } .label-info { background-color: #5bc0de; } .label-info[href]:hover, .label-info[href]:focus { background-color: #31b0d5; } .label-warning { background-color: #f0ad4e; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #ec971f; } .label-danger { background-color: #d9534f; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #c9302c; } .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: border 0.2s ease-in-out; -o-transition: border 0.2s ease-in-out; transition: border 0.2s ease-in-out; } .thumbnail > img, .thumbnail a > img { margin-left: auto; margin-right: auto; } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #337ab7; } .thumbnail .caption { padding: 9px; color: #333333; } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #a94442; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #843534; } .list-group { margin-bottom: 20px; padding-left: 0; } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #ffffff; border: 1px solid #dddddd; } .list-group-item:first-child { border-top-right-radius: 4px; border-top-left-radius: 4px; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } a.list-group-item, button.list-group-item { color: #555555; } a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading { color: #333333; } a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus { text-decoration: none; color: #555555; background-color: #f5f5f5; } button.list-group-item { width: 100%; text-align: left; } .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus { background-color: #eeeeee; color: #777777; cursor: not-allowed; } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading { color: inherit; } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text { color: #777777; } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { z-index: 2; color: #ffffff; background-color: #337ab7; border-color: #337ab7; } .list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > .small { color: inherit; } .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { color: #c7ddef; } .list-group-item-success { color: #3c763d; background-color: #dff0d8; } a.list-group-item-success, button.list-group-item-success { color: #3c763d; } a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:hover, button.list-group-item-success:hover, a.list-group-item-success:focus, button.list-group-item-success:focus { color: #3c763d; background-color: #d0e9c6; } a.list-group-item-success.active, button.list-group-item-success.active, a.list-group-item-success.active:hover, button.list-group-item-success.active:hover, a.list-group-item-success.active:focus, button.list-group-item-success.active:focus { color: #fff; background-color: #3c763d; border-color: #3c763d; } .list-group-item-info { color: #31708f; background-color: #d9edf7; } a.list-group-item-info, button.list-group-item-info { color: #31708f; } a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:hover, button.list-group-item-info:hover, a.list-group-item-info:focus, button.list-group-item-info:focus { color: #31708f; background-color: #c4e3f3; } a.list-group-item-info.active, button.list-group-item-info.active, a.list-group-item-info.active:hover, button.list-group-item-info.active:hover, a.list-group-item-info.active:focus, button.list-group-item-info.active:focus { color: #fff; background-color: #31708f; border-color: #31708f; } .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3; } a.list-group-item-warning, button.list-group-item-warning { color: #8a6d3b; } a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:hover, button.list-group-item-warning:hover, a.list-group-item-warning:focus, button.list-group-item-warning:focus { color: #8a6d3b; background-color: #faf2cc; } a.list-group-item-warning.active, button.list-group-item-warning.active, a.list-group-item-warning.active:hover, button.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, button.list-group-item-warning.active:focus { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; } .list-group-item-danger { color: #a94442; background-color: #f2dede; } a.list-group-item-danger, button.list-group-item-danger { color: #a94442; } a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:hover, button.list-group-item-danger:hover, a.list-group-item-danger:focus, button.list-group-item-danger:focus { color: #a94442; background-color: #ebcccc; } a.list-group-item-danger.active, button.list-group-item-danger.active, a.list-group-item-danger.active:hover, button.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, button.list-group-item-danger.active:focus { color: #fff; background-color: #a94442; border-color: #a94442; } .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0; line-height: 1.3; } .panel { margin-bottom: 20px; background-color: #ffffff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .panel-body { padding: 15px; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; } .panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a { color: inherit; } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #dddddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .list-group, .panel > .panel-collapse > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .list-group + .panel-footer { border-top-width: 0; } .panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table { margin-bottom: 0; } .panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption { padding-left: 15px; padding-right: 15px; } .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: 3px; } .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 3px; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body { border-top: 1px solid #dddddd; } .panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td { border-top: 0; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } .panel > .table-responsive { border: 0; margin-bottom: 0; } .panel-group { margin-bottom: 20px; } .panel-group .panel { margin-bottom: 0; border-radius: 4px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group { border-top: 1px solid #dddddd; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #dddddd; } .panel-default { border-color: #dddddd; } .panel-default > .panel-heading { color: #333333; background-color: #f5f5f5; border-color: #dddddd; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #dddddd; } .panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #333333; } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #dddddd; } .panel-primary { border-color: #337ab7; } .panel-primary > .panel-heading { color: #ffffff; background-color: #337ab7; border-color: #337ab7; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #337ab7; } .panel-primary > .panel-heading .badge { color: #337ab7; background-color: #ffffff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #337ab7; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d6e9c6; } .panel-success > .panel-heading .badge { color: #dff0d8; background-color: #3c763d; } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d6e9c6; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #bce8f1; } .panel-info > .panel-heading .badge { color: #d9edf7; background-color: #31708f; } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #bce8f1; } .panel-warning { border-color: #faebcc; } .panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #faebcc; } .panel-warning > .panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b; } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ebccd1; } .panel-danger > .panel-heading .badge { color: #f2dede; background-color: #a94442; } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ebccd1; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .well-lg { padding: 24px; border-radius: 6px; } .well-sm { padding: 9px; border-radius: 3px; } .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); } .close:hover, .close:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .modal-open { overflow: hidden; } .modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #ffffff; border: 1px solid #999999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); -webkit-background-clip: padding-box; background-clip: padding-box; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000; } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.42857143; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } .tooltip { position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 12px; opacity: 0; filter: alpha(opacity=0); } .tooltip.in { opacity: 0.9; filter: alpha(opacity=90); } .tooltip.top { margin-top: -3px; padding: 5px 0; } .tooltip.right { margin-left: 3px; padding: 0 5px; } .tooltip.bottom { margin-top: 3px; padding: 5px 0; } .tooltip.left { margin-left: -3px; padding: 0 5px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #ffffff; text-align: center; background-color: #000000; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000000; } .tooltip.top-left .tooltip-arrow { bottom: 0; right: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000000; } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000000; } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000000; } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000000; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 14px; background-color: #ffffff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { margin: 0; padding: 8px 14px; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover > .arrow { border-width: 11px; } .popover > .arrow:after { border-width: 10px; content: ""; } .popover.top > .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999999; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px; } .popover.top > .arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #ffffff; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999999; border-right-color: rgba(0, 0, 0, 0.25); } .popover.right > .arrow:after { content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #ffffff; } .popover.bottom > .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999999; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px; } .popover.bottom > .arrow:after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #ffffff; } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999999; border-left-color: rgba(0, 0, 0, 0.25); } .popover.left > .arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: #ffffff; bottom: -10px; } .carousel { position: relative; } .carousel-inner { position: relative; overflow: hidden; width: 100%; } .carousel-inner > .item { display: none; position: relative; -webkit-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item { -webkit-transition: -webkit-transform 0.6s ease-in-out; -o-transition: -o-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } .carousel-inner > .item.next, .carousel-inner > .item.active.right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); left: 0; } .carousel-inner > .item.prev, .carousel-inner > .item.active.left { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); left: 0; } .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; left: 0; bottom: 0; width: 15%; opacity: 0.5; filter: alpha(opacity=50); font-size: 20px; color: #ffffff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); background-color: rgba(0, 0, 0, 0); } .carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); } .carousel-control.right { left: auto; right: 0; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); } .carousel-control:hover, .carousel-control:focus { outline: 0; color: #ffffff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; margin-top: -10px; z-index: 5; display: inline-block; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; line-height: 1; font-family: serif; } .carousel-control .icon-prev:before { content: '\2039'; } .carousel-control .icon-next:before { content: '\203a'; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; border: 1px solid #ffffff; border-radius: 10px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); } .carousel-indicators .active { margin: 0; width: 12px; height: 12px; background-color: #ffffff; } .carousel-caption { position: absolute; left: 15%; right: 15%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #ffffff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -10px; font-size: 30px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -10px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -10px; } .carousel-caption { left: 20%; right: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .panel-body:before, .panel-body:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after { content: " "; display: table; } .clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .panel-body:after, .modal-header:after, .modal-footer:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } /** * A stylesheet for use with Bootstrap 3.x * @author: Dan Grossman http://www.dangrossman.info/ * @copyright: Copyright (c) 2012-2015 Dan Grossman. All rights reserved. * @license: Licensed under the MIT license. See http://www.opensource.org/licenses/mit-license.php * @website: https://www.improvely.com/ */ /* Container Appearance */ .daterangepicker { position: absolute; background: #fff; top: 100px; left: 20px; padding: 4px; margin-top: 1px; border-radius: 4px; width:278px; } .daterangepicker.opensleft:before { position: absolute; top: -7px; right: 9px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .daterangepicker.opensleft:after { position: absolute; top: -6px; right: 10px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ''; } .daterangepicker.openscenter:before { position: absolute; top: -7px; left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .daterangepicker.openscenter:after { position: absolute; top: -6px; left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ''; } .daterangepicker.opensright:before { position: absolute; top: -7px; left: 9px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .daterangepicker.opensright:after { position: absolute; top: -6px; left: 10px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ''; } .daterangepicker.dropup{ margin-top: -5px; } .daterangepicker.dropup:before{ top: initial; bottom:-7px; border-bottom: initial; border-top: 7px solid #ccc; } .daterangepicker.dropup:after{ top: initial; bottom:-6px; border-bottom: initial; border-top: 6px solid #fff; } .daterangepicker.dropdown-menu { max-width: none; z-index: 3000; } .daterangepicker.single .ranges, .daterangepicker.single .calendar { float: none; } .daterangepicker .calendar { display: none; max-width: 270px; margin: 4px; } .daterangepicker.show-calendar .calendar { display: block; } .daterangepicker .calendar.single .calendar-table { border: none; } /* Calendars */ .daterangepicker .calendar th, .daterangepicker .calendar td { white-space: nowrap; text-align: center; min-width: 32px; } .daterangepicker .calendar-table { border: 1px solid #ddd; padding: 4px; border-radius: 4px; background: #fff; color: #4c4c4c; } .daterangepicker table { width: 100%; margin: 0; } .daterangepicker td, .daterangepicker th { text-align: center; width: 20px; height: 20px; border-radius: 4px; white-space: nowrap; cursor: pointer; } .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date { color: #999; background: #fff; } .daterangepicker td.disabled, .daterangepicker option.disabled { color: #999; cursor: not-allowed; text-decoration: line-through; } .daterangepicker td.available:hover, .daterangepicker th.available:hover { background: #eee; } .daterangepicker td.in-range { background: #ebf4f8; border-radius: 0; } .daterangepicker td.start-date { border-radius: 4px 0 0 4px; } .daterangepicker td.end-date { border-radius: 0 4px 4px 0; } .daterangepicker td.start-date.end-date { border-radius: 4px; } .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #357ebd; border-color: #3071a9; color: #fff; } .daterangepicker td.week, .daterangepicker th.week { font-size: 80%; color: #ccc; } .daterangepicker select.monthselect, .daterangepicker select.yearselect { font-size: 12px; padding: 1px; height: auto; margin: 0; cursor: default; } .daterangepicker select.monthselect { margin-right: 2%; width: 56%; } .daterangepicker select.yearselect { width: 40%; } .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { width: 50px; margin-bottom: 0; } .daterangepicker th.month { width: auto; } /* Text Input Above Each Calendar */ .daterangepicker .input-mini { border: 1px solid #ccc; border-radius: 4px; color: #555; display: block; height: 30px; line-height: 30px; vertical-align: middle; margin: 0 0 5px 0; padding: 0 6px 0 28px; width: 100%; } .daterangepicker .input-mini.active { border: 1px solid #357ebd; } .daterangepicker .daterangepicker_input i { position: absolute; left: 8px; top: 8px; } .daterangepicker .daterangepicker_input { position: relative; } /* Time Picker */ .daterangepicker .calendar-time { text-align: center; margin: 5px auto; line-height: 30px; position: relative; padding-left: 28px; } .daterangepicker .calendar-time select.disabled { color: #ccc; cursor: not-allowed; } /* Predefined Ranges */ .daterangepicker .ranges { font-size: 11px; float: none; margin: 4px; text-align: left; } .daterangepicker .ranges ul { list-style: none; margin: 0 auto; padding: 0; width: 100%; } .daterangepicker .ranges li { font-size: 13px; background: #f5f5f5; border: 1px solid #f5f5f5; color: #08c; padding: 3px 12px; margin-bottom: 8px; border-radius: 5px; cursor: pointer; } .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover { background: #08c; border: 1px solid #08c; color: #fff; } /* Larger Screen Styling */ @media (min-width: 564px) { .daterangepicker{ width: auto; } .daterangepicker .ranges ul { width: 160px; } .daterangepicker.single .ranges ul { width: 100%; } .daterangepicker .calendar.left .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } .daterangepicker .calendar.right .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; } .daterangepicker .calendar.left { clear: left; margin-right: 0; } .daterangepicker.single .calendar.left { clear: none; } .daterangepicker.single .ranges, .daterangepicker.single .calendar{ float:left; } .daterangepicker .calendar.right { margin-left: 0; } .daterangepicker .left .daterangepicker_input { padding-right: 12px; } .daterangepicker .calendar.left .calendar-table { padding-right: 12px; } .daterangepicker .ranges, .daterangepicker .calendar { float: left; } } @media (min-width: 730px) { .daterangepicker .ranges { width: auto; float: left; } .daterangepicker .calendar.left { clear: none; } } @charset "UTF-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.7.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2018 Daniel Eden */ @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } .heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; } .animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; } .animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; } .animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; } .animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; } .animated.fast { -webkit-animation-duration: 800ms; animation-duration: 800ms; } .animated.faster { -webkit-animation-duration: 500ms; animation-duration: 500ms; } .animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s; } @media (prefers-reduced-motion) { .animated { -webkit-animation: unset !important; animation: unset !important; -webkit-transition: none !important; transition: none !important; } } #wrapper { padding-left: 260px; transition: all 0.4s ease 0s; } #sidebar-wrapper { margin-left: -260px; left: 260px; width: 260px; /*background: #000;*/ position: fixed; height: 100%; overflow-y: auto; z-index: 1000; transition: all 0.4s ease 0s; } .page-content-wrapper-mob-logout{ padding: 245px 0 45px 0px } @media only screen and (max-width: 991.98px) { #sidebar-wrapper { margin-left: -260px; } } .wtype .fixed_wrapper_mobile{ left: -260px; width: 260px; transition: all 0.4s ease 0s; } @media only screen and (max-width: 991.98px) { #wrapper { padding-left: 260px; transition: all 0.4s ease 0s; } #sidebar-wrapper { margin-left: -260px; left: 260px; width: 260px; /*background: #000;*/ position: fixed; height: 100%; overflow-y: auto; z-index: 1000; transition: all 0.4s ease 0s; } .sidebar-nav { width: 260px; } #wrapper.active { margin-left: 260px; } #wrapper.active .fixed_wrapper_mobile { /*margin-left: -260px;*/ left: 0 !important; width: 260px; transition: all 0.4s ease 0s; } } #page-content-wrapper { width: 100%; } .sidebar-nav { position: absolute; top: 0; width: 260px; list-style: none; margin: 0; padding: 0; } .sidebar-nav li { line-height: 40px; text-indent: 20px; } .sidebar-nav li a { color: #999999; display: block; text-decoration: none; } .sidebar-nav li a:hover { color: #fff; background: rgba(255,255,255,0.2); text-decoration: none; } .sidebar-nav li a:active, .sidebar-nav li a:focus { text-decoration: none; } .sidebar-nav > .sidebar-brand { height: 60px; line-height: 60px; font-size: 18px; } .sidebar-nav > .sidebar-brand a { color: #999999; } .sidebar-nav > .sidebar-brand a:hover { color: #fff; background: none; } .content-header { height: 60px; /*line-height: 65px;*/ } .content-header h1 { margin: 0; margin-left: 20px; line-height: 60px; display: inline-block; } #menu-toggle { /*display: none;*/ } .inset { padding: 20px; } @media (max-width:767px) { #menu-toggle { display: inline-block; } } #wrapper { padding-left: 0; } #sidebar-wrapper { left: 0; } #wrapper.active { margin-left: 260px; } #wrapper.active #sidebar-wrapper { left: 260px; width: 260px; transition: all 0.4s ease 0s; } @media only screen and (max-width: 991.98px) { #wrapper.active #sidebar-wrapper { left: 260px; width: 100%; } #wrapper.active #sidebar-wrapper #mobile_login{ margin-left: 260px; /*width: 260px;*/ } } .inset { padding: 15px; } .pointer { cursor: pointer } .text-center { text-align: center; } .text-right { text-align: right; } .slider>img { display: none; } .sss { height: 0; margin: 0; padding: 0; position: relative; display: block; overflow: hidden; } .ssslide { width: 100%; margin: 0; padding: 0; position: absolute; top: 0; left: 0; display: none; overflow: hidden; height:300px; } .ssslide img { max-width: 100%; height: auto; margin: 0; padding: 0; position: relative; display: block; } .sssnext, .sssprev { width: 25px; height: 100%; margin: 0; position: absolute; top: 0; background: url('/assets/img/arr.png') no-repeat; } .sssprev { left: 3%; background-position: 0 50%; } .sssnext { right: 3%; background-position: -26px 50%; } .sssprev:hover, .sssnext:hover { cursor: pointer; } .cms-content-body { color: #333 !important; background-color: white; border: 1px solid #ccc; border-radius: 0 0 10px 10px; box-shadow: -2px 4px 5px #ccc; } ol{ line-height: 2em; font-size: 14px; } ol li{ text-align: justify; } .cms-content-body .container{ padding: 0 9px; } .cms-content-body h1 { text-align: center; } .cms-content-body img{ width: 100%; } .cms-content-body .bg-gray{ background-color: white; padding: 5px 0; line-height: 1; border-radius: 15px; margin: 10px 30px; -webkit-box-shadow: 0px 3px 15px -5px rgba(0,0,0,0.36); box-shadow: 0px 3px 15px -5px rgba(0,0,0,0.36); } .cms-content-body h1,.cms-content-body .h1,.cms-content-body h2,.cms-content-body .h2,.cms-content-body h3,.cms-content-body .h3 { margin-top: 26px; margin-bottom: 10px; padding-bottom: 20px; } .cms-content-body h2{ font-size: 20px; color: #333 !important; } .cms-content-body p{ margin: 0 0 15px; font-size: 14px; } .cms-content-body p.pb-15{ background-color: red; padding: 5px 0; line-height: 1; margin: 10px 0 0; -webkit-box-shadow: 0px 0px 12px -5px rgba(0,0,0,0.44); box-shadow: 0px 0px 12px -5px rgba(0,0,0,0.44); color: white !important; font-size: 12px; text-align: center; } .cms-content-body h3 strong { font-weight: 400; } .cms-content-body div#Bitcoin p{ line-height: 1.4; } .cms-content-body img.mr-2.float-left { max-width: 71px; } @media (min-width: 768px) { .cms-content-body div#Bitcoin { width: 90%; margin-left: 10%; max-width: 80%; /* margin-right: 10%; */ margin-top: 35px; } .cms-content-body div#MoneyTransfers{ max-width: 80%; margin-left: 10%; } .cms-content-body div#CreditCards, .cms-content-body div#Vietnam{ max-width: 80%; margin-left: 10%; } .cms-content-body div#ElectronicChecks{ max-width: 80%; margin-left: 10%; } } .cms-content-body #charttable a{ color: var(--site-red); } .cms-content-body .charttable a{ color: var(--site-red); } .cms-content-body .title_02{ margin-top: 26px !important; margin-bottom: 10px !important; padding-bottom: 20px; font-size: 20px !important; color: #333 !important; } .cms-content-body #charttable th{ font-size: 24px; padding-bottom: 30px; } .cms-content-body .wwt img{ width: inherit; } /* Table */ .cms-content-body.container { width: 100%; } .cms-content-body.container .col-12 table tr { background-color: #f8f8f8; border: 1px solid #ddd; padding: .35em; } .cms-content-body.container .col-12 table { border: 1px solid #ccc; border-collapse: collapse; margin: 0; padding: 0; width: 100%; table-layout: fixed; } .cms-content-body.container .col-12 table th, .container .col-12 table td { padding: .625em; text-align: left; overflow: hidden; } .cms-content-body.container td, th { vertical-align: top; padding: 2px 2px 2px 10px; text-align: left; } .cms-content-body a { outline: medium none; color: red; font-weight: bold; } .cms-content-body .title { font-size: 20px; font-weight: 300; text-align: center; color: #000; line-height: 28px; margin: 25px 10px 55px; } /* ------------------ Balk --------------------*/ .place_balk_workers { width: 437px; height: 213px; position: relative; margin: 90px auto -10px; } .place_balk_workers .balk_workers{ width: 437px; height: 213px; position: relative; background-image: url("/sports/assets_core/img/comming_soon/workers.svg"); background-repeat: no-repeat; background-position: center bottom; background-color: transparent; background-size: 100%; z-index: 3; } .place_balk_workers .balk { width: 60px; height: 23px; background-image: url("/sports/assets_core/img/comming_soon/balk.svg"); background-repeat: no-repeat; background-position: center bottom; background-color: transparent; background-size: 100%; position: absolute; top: 92px; left: 194px; } .place_balk_workers .saw { width: 325px; height: 63px; background-image: url("/sports/assets_core/img/comming_soon/saw.svg"); background-repeat: no-repeat; background-position: center bottom; background-color: transparent; background-size: 100%; position: absolute; left: 53px; top: 68px; z-index: 2; -moz-animation: 1.0s ease 0s normal none infinite saw; -moz-transform-origin: 85% 65%; -webkit-animation: saw 1.0s infinite ease-in-out; -webkit-transform-origin: 85% 65%; -o-animation: 1.0s ease 0s normal none infinite saw; -o-animation: saw 1.0s infinite ease-in-out; -o-transform-origin: 85% 65%; -ms-animation: 1.0s ease 0s normal none infinite saw; -ms-animation: saw 1.0s infinite ease-in-out; -ms-transform-origin: 85% 65%; animation: 1.0s ease 0s normal none infinite saw; animation: saw 1.0s infinite ease-in-out; transform-origin: 85% 65%; } @-moz-keyframes saw { 0%{left:53px} 50%{left:72px} 100%{left:53px} } @-webkit-keyframes saw { 0%{left:53px} 50%{left:72px} 100%{left:53px} } @-o-keyframes saw { 0%{left:53px} 50%{left:72px} 100%{left:53px} } @-ms-keyframes saw { 0%{left:53px} 50%{left:72px} 100%{left:53px} } @keyframes saw { 0%{left:53px} 50%{left:72px} 100%{left:53px} } @-moz-keyframes saw_mob { 0%{left:47px} 50%{left:33px} 100%{left:47px} } @-webkit-keyframes saw_mob { 0%{left:47px} 50%{left:33px} 100%{left:47px} } @-o-keyframes saw_mob { 0%{left:47px} 50%{left:33px} 100%{left:47px} } @-ms-keyframes saw_mob { 0%{left:47px} 50%{left:33px} 100%{left:47px} } @keyframes saw_mob { 0%{left:47px} 50%{left:33px} 100%{left:47px} } .swal2-popup.swal2-toast{flex-direction:row;align-items:center;width:auto;padding:.625em;overflow-y:hidden;background:#fff;box-shadow:0 0 .625em #d9d9d9}.swal2-popup.swal2-toast .swal2-header{flex-direction:row;padding:0}.swal2-popup.swal2-toast .swal2-title{flex-grow:1;justify-content:flex-start;margin:0 .6em;font-size:1em}.swal2-popup.swal2-toast .swal2-footer{margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-popup.swal2-toast .swal2-close{position:static;width:.8em;height:.8em;line-height:.8}.swal2-popup.swal2-toast .swal2-content{justify-content:flex-start;padding:0;font-size:1em}.swal2-popup.swal2-toast .swal2-icon{width:2em;min-width:2em;height:2em;margin:0}.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:1.8em;font-weight:700}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content{font-size:.25em}}.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-popup.swal2-toast .swal2-actions{flex-basis:auto!important;width:auto;height:auto;margin:0 .3125em;padding:0}.swal2-popup.swal2-toast .swal2-styled{margin:.125em .3125em;padding:.3125em .625em;font-size:1em}.swal2-popup.swal2-toast .swal2-styled:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(100,150,200,.5)}.swal2-popup.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;transform:rotate(45deg);border-radius:50%}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.8em;left:-.5em;transform:rotate(-45deg);transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.25em;left:.9375em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-popup.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{-webkit-animation:swal2-toast-animate-success-line-tip .75s;animation:swal2-toast-animate-success-line-tip .75s}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{-webkit-animation:swal2-toast-animate-success-line-long .75s;animation:swal2-toast-animate-success-line-long .75s}.swal2-popup.swal2-toast.swal2-show{-webkit-animation:swal2-toast-show .5s;animation:swal2-toast-show .5s}.swal2-popup.swal2-toast.swal2-hide{-webkit-animation:swal2-toast-hide .1s forwards;animation:swal2-toast-hide .1s forwards}.swal2-container{display:flex;position:fixed;z-index:1060;top:0;right:0;bottom:0;left:0;flex-direction:row;align-items:center;justify-content:center;padding:.625em;overflow-x:hidden;transition:background-color .1s;-webkit-overflow-scrolling:touch}.swal2-container.swal2-backdrop-show,.swal2-container.swal2-noanimation{background:rgba(0,0,0,.4)}.swal2-container.swal2-backdrop-hide{background:0 0!important}.swal2-container.swal2-top{align-items:flex-start}.swal2-container.swal2-top-left,.swal2-container.swal2-top-start{align-items:flex-start;justify-content:flex-start}.swal2-container.swal2-top-end,.swal2-container.swal2-top-right{align-items:flex-start;justify-content:flex-end}.swal2-container.swal2-center{align-items:center}.swal2-container.swal2-center-left,.swal2-container.swal2-center-start{align-items:center;justify-content:flex-start}.swal2-container.swal2-center-end,.swal2-container.swal2-center-right{align-items:center;justify-content:flex-end}.swal2-container.swal2-bottom{align-items:flex-end}.swal2-container.swal2-bottom-left,.swal2-container.swal2-bottom-start{align-items:flex-end;justify-content:flex-start}.swal2-container.swal2-bottom-end,.swal2-container.swal2-bottom-right{align-items:flex-end;justify-content:flex-end}.swal2-container.swal2-bottom-end>:first-child,.swal2-container.swal2-bottom-left>:first-child,.swal2-container.swal2-bottom-right>:first-child,.swal2-container.swal2-bottom-start>:first-child,.swal2-container.swal2-bottom>:first-child{margin-top:auto}.swal2-container.swal2-grow-fullscreen>.swal2-modal{display:flex!important;flex:1;align-self:stretch;justify-content:center}.swal2-container.swal2-grow-row>.swal2-modal{display:flex!important;flex:1;align-content:center;justify-content:center}.swal2-container.swal2-grow-column{flex:1;flex-direction:column}.swal2-container.swal2-grow-column.swal2-bottom,.swal2-container.swal2-grow-column.swal2-center,.swal2-container.swal2-grow-column.swal2-top{align-items:center}.swal2-container.swal2-grow-column.swal2-bottom-left,.swal2-container.swal2-grow-column.swal2-bottom-start,.swal2-container.swal2-grow-column.swal2-center-left,.swal2-container.swal2-grow-column.swal2-center-start,.swal2-container.swal2-grow-column.swal2-top-left,.swal2-container.swal2-grow-column.swal2-top-start{align-items:flex-start}.swal2-container.swal2-grow-column.swal2-bottom-end,.swal2-container.swal2-grow-column.swal2-bottom-right,.swal2-container.swal2-grow-column.swal2-center-end,.swal2-container.swal2-grow-column.swal2-center-right,.swal2-container.swal2-grow-column.swal2-top-end,.swal2-container.swal2-grow-column.swal2-top-right{align-items:flex-end}.swal2-container.swal2-grow-column>.swal2-modal{display:flex!important;flex:1;align-content:center;justify-content:center}.swal2-container.swal2-no-transition{transition:none!important}.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen)>.swal2-modal{margin:auto}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-container .swal2-modal{margin:0!important}}.swal2-popup{display:none;position:relative;box-sizing:border-box;flex-direction:column;justify-content:center;width:32em;max-width:100%;padding:1.25em;border:none;border-radius:5px;background:#fff;font-family:inherit;font-size:1rem}.swal2-popup:focus{outline:0}.swal2-popup.swal2-loading{overflow-y:hidden}.swal2-header{display:flex;flex-direction:column;align-items:center;padding:0 1.8em}.swal2-title{position:relative;max-width:100%;margin:0 0 .4em;padding:0;color:#595959;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;word-wrap:break-word}.swal2-actions{display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;margin:1.25em auto 0;padding:0 1.6em}.swal2-actions:not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}.swal2-actions:not(.swal2-loading) .swal2-styled:hover{background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))}.swal2-actions:not(.swal2-loading) .swal2-styled:active{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2))}.swal2-loader{display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;-webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:#2778c4 transparent #2778c4 transparent}.swal2-styled{margin:.3125em;padding:.625em 1.1em;box-shadow:none;font-weight:500}.swal2-styled:not([disabled]){cursor:pointer}.swal2-styled.swal2-confirm{border:0;border-radius:.25em;background:initial;background-color:#2778c4;color:#fff;font-size:1.0625em}.swal2-styled.swal2-deny{border:0;border-radius:.25em;background:initial;background-color:#d14529;color:#fff;font-size:1.0625em}.swal2-styled.swal2-cancel{border:0;border-radius:.25em;background:initial;background-color:#757575;color:#fff;font-size:1.0625em}.swal2-styled:focus{outline:0;box-shadow:0 0 0 3px rgba(100,150,200,.5)}.swal2-styled::-moz-focus-inner{border:0}.swal2-footer{justify-content:center;margin:1.25em 0 0;padding:1em 0 0;border-top:1px solid #eee;color:#545454;font-size:1em}.swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;height:.25em;overflow:hidden;border-bottom-right-radius:5px;border-bottom-left-radius:5px}.swal2-timer-progress-bar{width:100%;height:.25em;background:rgba(0,0,0,.2)}.swal2-image{max-width:100%;margin:1.25em auto}.swal2-close{position:absolute;z-index:2;top:0;right:0;align-items:center;justify-content:center;width:1.2em;height:1.2em;padding:0;overflow:hidden;transition:color .1s ease-out;border:none;border-radius:5px;background:0 0;color:#ccc;font-family:serif;font-size:2.5em;line-height:1.2;cursor:pointer}.swal2-close:hover{transform:none;background:0 0;color:#f27474}.swal2-close:focus{outline:0;box-shadow:inset 0 0 0 3px rgba(100,150,200,.5)}.swal2-close::-moz-focus-inner{border:0}.swal2-content{z-index:1;justify-content:center;margin:0;padding:0 1.6em;color:#545454;font-size:1.125em;font-weight:400;line-height:normal;text-align:center;word-wrap:break-word}.swal2-checkbox,.swal2-file,.swal2-input,.swal2-radio,.swal2-select,.swal2-textarea{margin:1em auto}.swal2-file,.swal2-input,.swal2-textarea{box-sizing:border-box;width:100%;transition:border-color .3s,box-shadow .3s;border:1px solid #d9d9d9;border-radius:.1875em;background:inherit;box-shadow:inset 0 1px 1px rgba(0,0,0,.06);color:inherit;font-size:1.125em}.swal2-file.swal2-inputerror,.swal2-input.swal2-inputerror,.swal2-textarea.swal2-inputerror{border-color:#f27474!important;box-shadow:0 0 2px #f27474!important}.swal2-file:focus,.swal2-input:focus,.swal2-textarea:focus{border:1px solid #b4dbed;outline:0;box-shadow:0 0 0 3px rgba(100,150,200,.5)}.swal2-file::-moz-placeholder,.swal2-input::-moz-placeholder,.swal2-textarea::-moz-placeholder{color:#ccc}.swal2-file:-ms-input-placeholder,.swal2-input:-ms-input-placeholder,.swal2-textarea:-ms-input-placeholder{color:#ccc}.swal2-file::placeholder,.swal2-input::placeholder,.swal2-textarea::placeholder{color:#ccc}.swal2-range{margin:1em auto;background:#fff}.swal2-range input{width:80%}.swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}.swal2-range input,.swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}.swal2-input{height:2.625em;padding:0 .75em}.swal2-input[type=number]{max-width:10em}.swal2-file{background:inherit;font-size:1.125em}.swal2-textarea{height:6.75em;padding:.75em}.swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:inherit;color:inherit;font-size:1.125em}.swal2-checkbox,.swal2-radio{align-items:center;justify-content:center;background:#fff;color:inherit}.swal2-checkbox label,.swal2-radio label{margin:0 .6em;font-size:1.125em}.swal2-checkbox input,.swal2-radio input{margin:0 .4em}.swal2-input-label{display:flex;justify-content:center;margin:1em auto}.swal2-validation-message{display:none;align-items:center;justify-content:center;margin:0 -2.7em;padding:.625em;overflow:hidden;background:#f0f0f0;color:#666;font-size:1em;font-weight:300}.swal2-validation-message::before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}.swal2-icon{position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:1.25em auto 1.875em;border:.25em solid transparent;border-radius:50%;font-family:inherit;line-height:5em;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}.swal2-icon.swal2-error{border-color:#f27474;color:#f27474}.swal2-icon.swal2-error .swal2-x-mark{position:relative;flex-grow:1}.swal2-icon.swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}.swal2-icon.swal2-error.swal2-icon-show{-webkit-animation:swal2-animate-error-icon .5s;animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark{-webkit-animation:swal2-animate-error-x-mark .5s;animation:swal2-animate-error-x-mark .5s}.swal2-icon.swal2-warning{border-color:#facea8;color:#f8bb86}.swal2-icon.swal2-info{border-color:#9de0f6;color:#3fc3ee}.swal2-icon.swal2-question{border-color:#c9dae1;color:#87adbd}.swal2-icon.swal2-success{border-color:#a5dc86;color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;transform:rotate(45deg);border-radius:50%}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}.swal2-icon.swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-.25em;left:-.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}.swal2-icon.swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}.swal2-icon.swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}.swal2-icon.swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip{-webkit-animation:swal2-animate-success-line-tip .75s;animation:swal2-animate-success-line-tip .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long{-webkit-animation:swal2-animate-success-line-long .75s;animation:swal2-animate-success-line-long .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right{-webkit-animation:swal2-rotate-success-circular-line 4.25s ease-in;animation:swal2-rotate-success-circular-line 4.25s ease-in}.swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:0 0 1.25em;padding:0;background:inherit;font-weight:600}.swal2-progress-steps li{display:inline-block;position:relative}.swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:#2778c4;color:#fff;line-height:2em;text-align:center}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#2778c4}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:#add8e6;color:#fff}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:#add8e6}.swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:#2778c4}[class^=swal2]{-webkit-tap-highlight-color:transparent}.swal2-show{-webkit-animation:swal2-show .3s;animation:swal2-show .3s}.swal2-hide{-webkit-animation:swal2-hide .15s forwards;animation:swal2-hide .15s forwards}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{right:auto;left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}@supports (-ms-accelerator:true){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@-webkit-keyframes swal2-toast-show{0%{transform:translateY(-.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0)}}@keyframes swal2-toast-show{0%{transform:translateY(-.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0)}}@-webkit-keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@-webkit-keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@-webkit-keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@-webkit-keyframes swal2-show{0%{transform:scale(.7)}45%{transform:scale(1.05)}80%{transform:scale(.95)}100%{transform:scale(1)}}@keyframes swal2-show{0%{transform:scale(.7)}45%{transform:scale(1.05)}80%{transform:scale(.95)}100%{transform:scale(1)}}@-webkit-keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(.5);opacity:0}}@keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(.5);opacity:0}}@-webkit-keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@-webkit-keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@-webkit-keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@-webkit-keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(.4);opacity:0}50%{margin-top:1.625em;transform:scale(.4);opacity:0}80%{margin-top:-.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(.4);opacity:0}50%{margin-top:1.625em;transform:scale(.4);opacity:0}80%{margin-top:-.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@-webkit-keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0);opacity:1}}@-webkit-keyframes swal2-rotate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes swal2-rotate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto!important}body.swal2-no-backdrop .swal2-container{top:auto;right:auto;bottom:auto;left:auto;max-width:calc(100% - .625em * 2);background-color:transparent!important}body.swal2-no-backdrop .swal2-container>.swal2-modal{box-shadow:0 0 10px rgba(0,0,0,.4)}body.swal2-no-backdrop .swal2-container.swal2-top{top:0;left:50%;transform:translateX(-50%)}body.swal2-no-backdrop .swal2-container.swal2-top-left,body.swal2-no-backdrop .swal2-container.swal2-top-start{top:0;left:0}body.swal2-no-backdrop .swal2-container.swal2-top-end,body.swal2-no-backdrop .swal2-container.swal2-top-right{top:0;right:0}body.swal2-no-backdrop .swal2-container.swal2-center{top:50%;left:50%;transform:translate(-50%,-50%)}body.swal2-no-backdrop .swal2-container.swal2-center-left,body.swal2-no-backdrop .swal2-container.swal2-center-start{top:50%;left:0;transform:translateY(-50%)}body.swal2-no-backdrop .swal2-container.swal2-center-end,body.swal2-no-backdrop .swal2-container.swal2-center-right{top:50%;right:0;transform:translateY(-50%)}body.swal2-no-backdrop .swal2-container.swal2-bottom{bottom:0;left:50%;transform:translateX(-50%)}body.swal2-no-backdrop .swal2-container.swal2-bottom-left,body.swal2-no-backdrop .swal2-container.swal2-bottom-start{bottom:0;left:0}body.swal2-no-backdrop .swal2-container.swal2-bottom-end,body.swal2-no-backdrop .swal2-container.swal2-bottom-right{right:0;bottom:0}@media print{body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow-y:scroll!important}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container{position:static!important}}body.swal2-toast-shown .swal2-container{background-color:transparent}body.swal2-toast-shown .swal2-container.swal2-top{top:0;right:auto;bottom:auto;left:50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{top:0;right:0;bottom:auto;left:auto}body.swal2-toast-shown .swal2-container.swal2-top-left,body.swal2-toast-shown .swal2-container.swal2-top-start{top:0;right:auto;bottom:auto;left:0}body.swal2-toast-shown .swal2-container.swal2-center-left,body.swal2-toast-shown .swal2-container.swal2-center-start{top:50%;right:auto;bottom:auto;left:0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{top:50%;right:auto;bottom:auto;left:50%;transform:translate(-50%,-50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{top:50%;right:0;bottom:auto;left:auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-left,body.swal2-toast-shown .swal2-container.swal2-bottom-start{top:auto;right:auto;bottom:0;left:0}body.swal2-toast-shown .swal2-container.swal2-bottom{top:auto;right:auto;bottom:0;left:50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{top:auto;right:0;bottom:0;left:auto}body.swal2-toast-column .swal2-toast{flex-direction:column;align-items:stretch}body.swal2-toast-column .swal2-toast .swal2-actions{flex:1;align-self:stretch;height:2.2em;margin-top:.3125em}body.swal2-toast-column .swal2-toast .swal2-loading{justify-content:center}body.swal2-toast-column .swal2-toast .swal2-input{height:2em;margin:.3125em auto;font-size:1em}body.swal2-toast-column .swal2-toast .swal2-validation-message{font-size:1em} :root { --betslip-modal-header: var(--primary-color); --betslip-tik-head-bg-color: #696969; --betslip-amounts-bg-color: #7ea43a; --betslip-bg-color: white; --betslip-tik-body-bg-color: black; --betslip-total-bet-color: black; --betslip-parlay-info-color: black; --contests-tree-root-icon-bg: #393A3C; --contests-tree-root-icon-font: white; --contests-tree-root-icon-bg-hover: #FF0023; --contests-tree-root-icon-font-hover: white; } @media (min-width: 1200px) { header .col-lg-6 { max-width: 60%!important; width: 60%; } .header-options{ max-width: 22%!important; } } .container-banner-betOffering.inicial .owl-carousel { display:block!important; } .betOffering-5Columns {} .betOffering-5Columns offering-button>div { width: 20% !important; padding-left: 3px; padding-right: 3px; } .betOffering-5Columns .single-column { width: 20%; } /* Fix desktop responsive */ @media only screen and (max-width: 1200px) and (min-width: 768px) .page-content-wrapper-mob { padding-right:0!important; } .page-content-wrapper-mob .sidebar-wrapper{ width:220px!important; } } @media (max-width: 1200px) { .page-content-wrapper .betOffering-5Columns .btn-xs{ font-size:10px!important; } .page-content-wrapper .wagertype-wrapper button{ font-size:11px!important; } .page-content-wrapper .sidebar-wrapper{ width:220px!important; } .page-content-wrapper{ padding-right:0!important; width:calc(100% - 500px)!important; } } .betOffering-5Columns .double-column { width: 40%; } /* rules */ .cms-content-body #myTabContent { position: relative !important; border-radius: 0 !important; } .cms-content-body.container { padding: 0 !important; } .cms-content-body .rule-styles { /* padding-left: 20%; padding-right: 20%; */ } .cms-content-body a { color: var(--gray-font-color) !important; } .cms-content-body p { line-height: 30px !important; } .mcontent { padding-left: 20% !important; padding-right: 20% !important; } /* .hdttl { display: none; } */ .nav-hdr { display: none !important; } .mhead { display: flex; justify-content: center; font-size: 20px; text-transform: uppercase; font-weight: 800; background-color: #E8E8E8; padding-top: 10px; padding-bottom: 10px; color:red ; letter-spacing: 1px; } .ttl-head { font-size: 32px; font-weight: 700; text-transform: uppercase; border-bottom: 2px solid #d9d9d9; margin-bottom: 15px } .rlnmber { font-weight: 600; margin-right: 5px; } .nav-tabs{ display: flex; justify-content: center; flex-wrap: wrap; } .nav-tabs>li>a { border-radius: 0px !important; } .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { background: var(--gradient, linear-gradient(0deg, #c2151b 0%, #ed1c24 100%)) !important; color: white !important; } @media only screen and (max-width: 991.98px) { .mcontent{ padding-left: 5%; padding-right: 5%; } .mhead { padding-top: 30px; } .tab-content{ top: 0 !important; } } @media only screen and (max-width: 600px) { .nav-tabs { justify-content: flex-start; } .nav-tabs>li { width: 49%; } } /* rules end */ .btn-toggle-alternates, .btn-toggle-pb { padding: 4px; font-size: 9px; background-color: #FF0023; align-items: center; display: flex; flex-direction: column; justify-content: center; border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .btn-toggle-pb { border-radius: 0 !important; margin-right: 4px; } .btn-toggle-alternates.active, .btn-toggle-pb.active { background-color: #a5a5a5; } .btn-toggle-alternates.active .double_down_arrow, .btn-toggle-pb.active .double_down_arrow { transform: translate(-10px, 0px) rotate(-90deg); } .btn-toggle-alternates span, .btn-toggle-pb span { color: white; } .alternateLineText { color: var(--primary-color) !important; font-size: 10px; padding: 5px 6px; font-weight: bold !important; } .contestSearchInput input { display: block !important; width: 100%; padding: 6px !important; border: none; color: black; font-size: 14px; outline: none; } .contestSearchInputWrapper .icon-gbs-cerrar:before { font-size: 24px; content: "×"; font-weight: bold; } .contestSearchInput input :focus, .contestSearchInput input :focus { outline: none; } .contest_search:before { font-family: "ui_icons"; content: ""; display: block; background-image: url("/sports/assets_core/img/search_contest.svg"); background-repeat: no-repeat; width: 18px; height: 18px; } .sports-container ul.childContestList { position: relative; } .sports-container ul.childContestList li label { padding-left: 9px; width: 100%; } .sports-container ul.childContestList li:before { position: absolute; top: -7px; bottom: 0; left: 7px; display: block; width: 0; border-left: 1px solid var(--contests-tree-root-icon-bg); content: ""; } .sports-container .childContestList li label:before { border-top: 1px solid var(--contests-tree-root-icon-bg); border-bottom: 0; border-left: 0; bottom: 0; height: auto; position: absolute; width: 6px; display: block; content: ""; left: 4px; top: calc(50% - 1px); position: relative; background: no-repeat; border-radius: 0; } .sports-container .childContestList li label:hover { background-color: transparent !important; color: var(--contests-tree-root-icon-bg-hover) !important; font-weight: bold; } .sports-container .panel-heading a span { color: var(--text1); font-weight: 200 } .contestSearchInputWrapper { display: flex; justify-content: space-around; align-items: center; padding-top: 2px; } .contestSearchInput { display: flex !important; padding: 2px 9px; border-radius: 25px; border: 1px solid lightgray; background: white; } .contestSearchInput input { display: block !important; width: 100%; padding: 6px; border: 0; } .contestSearchInputWrapper .icon-gbs-search { font-size: 16px; } .contestSearchInputWrapper .icon-gbs-cerrar { font-size: 16px; } .ToggleCollapsedContest { background: lightgray; height: 20px; width: calc(100% - 20px); margin: auto; cursor: pointer; justify-content: center; } .ToggleCollapsedContest:hover { background-color: #eaea9a; } .ToggleCollapsedContest:before { content: ""; width: 20px; height: 15px; background: url("/sports/assets_core/img/contest_icon_up.svg") no-repeat; } .sports-container li.groupedContestNode { /*margin-left: 4px!important;*/ } .sports-container .groupedContestNode>.contestSearchInputWrapper span { background: var(--gray3); width: 20px; height: 20px; display: block; position: relative; border-radius: 50%; margin-left: -5px; } .sports-container .groupedContestNode>.contestSearchInputWrapper span:before { color: #fff; position: absolute; z-index: 1; content: '-'; top: 0; left: 50%; transform: translate(-50%, 0); } .sports-container .groupedContestNode label div.iconGrouped { height: 20px; width: 20px; display: flex; align-items: center; justify-content: center; background-color: var(--contests-tree-root-icon-bg); color: var(--contests-tree-root-icon-font); position: relative; z-index: 1; font-size: 23px; margin-right: 10px; border-radius: 14px; } .sports-container .groupedContestNode label div.iconGrouped:before { content: '-'; margin-top: -5px; } .sports-container .groupedContestNode>.contestSearchInputWrapper:before { background: darkgray; } .sports-container .groupedContestNode label.contestCollapsed div.iconGrouped:before { content: '+'; } .sports-container .groupedContestNode .icon-gbs-search:hover { color: var(--primary-color); } .sports-container li.groupedContestNode label:hover:before { background: var(--contests-tree-root-icon-bg-hover); color: var(--contests-tree-root-icon-font-hover); } .sports-container ul.list-one>li { list-style-type: none; margin: 0; border-bottom: 1px solid var(--dark1); } .sports-container .list-one li label { color: var(--text2); display: flex; justify-content: flex-start; align-items: center; padding-right: 10px; } .sports-container .list-one li.contestRepeated label { padding-left: 30px; } .sports-container li.selected label { color: white; background: var(--primary-color); border-radius: 0px; width: 100%; font-weight: bold; } .sports-container .groupedContestNode.selected label { background: transparent; color: var(--text2); } .sports-container .groupedContestNode.selected label:before { background-color: var(--contests-tree-root-icon-bg-hover); color: var(--contests-tree-root-icon-font-hover); } .sports-container .groupedContestNode.selected label.childContestLabel:before { background-color: transparent; } .sports-container ul.childContestList li label { background: transparent; color: var(--text2); } .sports-container ul.childContestList li.selected label { color: var(--contests-tree-root-icon-bg-hover); } html, body { height: 100%; padding: 0; margin: 0; overflow-x: hidden; } body { font-family: 'Montserrat', sans-serif; font-size: 16px; background-color: var(--content-bg-color); color: var(--main-font-color); overflow-y: hidden; } select option:checked, select option:focus, select option:hover { color: black !important; } select:focus>option:checked { color: black !important; } .chickenFightingTransaction { display: flex; max-width: 600px; padding-top: 24px; flex-wrap: wrap } .chickenFightingTransaction label { color: #2e2d2d; } .chickenFightingTransaction .button { min-width: 120px; } .chickenFightingTransaction .input-group button { background-color: #589B00; border-color: #589B00; color: white; } .chickenFightingTransaction {} .border-table { border-left: 1px solid var(--gray3); border-right: 1px solid var(--gray3); } .hidden-sm { display: none !important; } .f-normal { font-style: normal; } .cursor-pointer { cursor: pointer; } .cursor-auto { cursor: auto; } .border-top { border-top: 1px solid lightgray; } h-100 { height: 100%; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .float-right { float: right; } .align-items-center { align-items: center; } .mw-100 { height: 40px; max-width: 100%; } .bg-content { background-color: var(--content-bg-color); } .border-0 { border: 0 !important; } .font-weight-bold { font-weight: bold !important; } .justify-left { justify-content: left !important; } .justify-right { justify-content: right !important; } /*.arrow-up-graded-data {*/ /* width: 0;*/ /* height: 0;*/ /* border-left: 15px solid transparent;*/ /* border-right: 15px solid transparent;*/ /* border-bottom: 15px solid var(--content-bg-color);*/ /* transition: all 1s ease-in-out;*/ /*}*/ /*begin loading*/ .lds-ring { background-color: black !Important; padding: 4px !Important; border-radius: 15px !Important; } .lds-ring { display: inline-block; position: relative; width: 22px; height: 22px; vertical-align: middle; } .lds-ring.red { background: none !important; width: 10px !important; height: 10px !important; padding: 0 !Important; } .dailyFiguresSelectedDay.loading .lds-ring.red { display: block !important; } .lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 18px; height: 18px; margin: 2px; border: 1px solid #fff; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #fff transparent transparent transparent; } .lds-ring.red div { border: 1px solid red !important; border-color: red transparent transparent transparent !important; width: 10px; height: 10px; margin: auto auto; } .lds-ring div:nth-child(1) { animation-delay: -0.45s; } .lds-ring div:nth-child(2) { animation-delay: -0.3s; } .lds-ring div:nth-child(3) { animation-delay: -0.15s; } @keyframes lds-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*end loading*/ @media only screen and (max-width: 991.98px) { body { background-color: var(--middle-page-bg-color); } } a { color: var(--primary-color); -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; } a:hover, a:focus { text-decoration: none; } img { border: none; } .row { margin: 0px; } ul { margin: 0; padding: 0; } #app { height: 100%; } #reportsController .close { color: white !important; } #reportsController .nav-pills>li.active>a, .nav-pills>li.active a.btn { background-color: black; } #reportsController .nav-pills>li.active>a, .nav-pills>li.active a.btn:hover { background-color: black; border: 1px solid white; color: white; } #reportsController .figures-header span { color: var(--primary-color); } .reports-container { color: #000; margin-top: 16px; border-radius: 5px; width: 100% !important; } .reports-container-mobile { background-color: lightgray; } .reports-container-mobile h2.RepTitle { margin: 20px auto 10px auto; } .reports-container h2.RepTitle { margin: 20px 10px 20px 0; white-space: nowrap; font-weight: 800; font-size: 27px; } .reports-container .breakout { margin: 0 0 0 20px !important; padding: 0 !important; } .reports-container .breakout-left { margin: 0 !important; } .reports-container .breakout-left label { margin: 0 !important; } .reports-container .breakout input[type=checkbox]:checked+label:after, .breakout input[type=checkbox]+label:after { margin: auto 8px !important; float: left !important; } .reports-container .breakout-left input[type=checkbox]:checked+label:after, .breakout-left input[type=checkbox]+label:after { margin: auto 0px !important; margin-right: 7px !important; float: left !important; border-radius: 50%; font-size: 13px; } .reports-container .breakout label { top: inherit !important; } .reports-container .wrap-print-button { height: 100%; display: flex; align-items: center; justify-content: flex-end; float: right; flex-basis: 50%; } .reports-container .print-button { padding: 8px 14px 14px 14px; font-family: 'Montserrat', sans-serif; font-size: 11px; text-transform: uppercase; letter-spacing: 2px; font-weight: 500; color: #000; background-color: #fff; border: none; border-radius: 5px; box-shadow: 0px 0px 12px rgb(77 95 103/23%); transition: all 0.3s ease 0s; cursor: pointer; outline: none; margin: 10px 0 10px 10px; } .reports-container .print-button:hover { background-color: var(--gray2); box-shadow: 0px 15px 20px rgba(10, 26, 20, 0.4); color: #fff; transform: translateY(-7px); } .reports-container .open-bets-header { display: inline-flex; align-items: center } @media (max-width: 768px) { .reports-container .open-bets-header { flex-direction: column; } } .test_warning { border: 5px solid #E10600FF; } .debugInfo { display: none; } .test_warning .debugInfo { display: inherit; border: 1px dashed var(--primary-color); margin-left: 5px; font-size: 14px; padding: 5px; } .wrapper { height: -moz-calc(100% - 80px); height: -webkit-calc(100% - 80px); height: calc(100% - 80px); overflow: auto; /*background-color: var(--content-bg-color);*/ } .page-content-wrapper-mob .inset { padding: 0; } .inset { padding: 15px; } .dashboard .inset { padding: 0; } .is-logged { padding-top: 25px; } #GameLinesCtrl { padding-top: 190px; } #GameLinesCtrl.is-logged { padding-top: 18px !important; } .betOfferingDestopContainer { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .betOfferingDestopContainer .betOfferingGroupedControl { display: flex; justify-content: left; align-items: center; } #betOfferingHeaderWrapper { min-height: 50px; } @media only screen and (max-width: 1450px) { .betOfferingDestopContainer .betOfferingGroupedControl:first-of-type { width: 100%; } .betOfferingDestopContainer .choose_odds { background-color: #393a3c; color: white; border-radius: 20px; padding: 5px; } .betOfferingDestopContainer .choose_odds button { color: white; } #betOfferingHeaderWrapper { min-height: 100px; } .choose_odds::after, .choose_language::after { background-image: url("/assets/img/arrow_menu.svg") !important; } } .toggle-lines-view-mode { font-size: 12px; text-align: center; color: white; background-color: var(--primary-color); } .modal-footer button.btn-fill-spots { padding: 10px !important; max-width: 100%; color: white; background-color: var(--green2); border-color: #9CD79D; color: var(--main-font-color); margin-top: 5px !important; font-size: 18px; } .leagues-collapse-container { background-color: white; padding: 4px; } .btn-collapse-leagues { color: var(--headers-font-color); border: solid 1px #E8E8EA; font-size: 12px !Important; font-weight: 700; background-color: white; } .btn-collapse-leagues.mobile { background: none; color: var(--gray6); } .btn-collapse-leagues:hover { background-color: lightgray; color: black; } .btn-collapse-leagues:focus { background-color: lightgray; color: black; } .btn-collapse-leagues.mobile:hover, .btn-collapse-leagues.mobile:focus { background-color: lightgray; color: black; } .btn-collapse-leagues.mobile .collapse-all-leagues.collapse-open:after { background: url('/assets/img/collapse_leagues_open_mobile.svg') no-repeat; } .btn-collapse-leagues.mobile .collapse-all-leagues.collapse-close:after { background: url('/assets/img/collapse_leagues_close_mobile.svg') no-repeat; } .collapse-all-leagues.collapse-clear:after { background: url('/assets/img/clearLeaguesSelections.svg') no-repeat; margin: 2px 0px 2px 4px; } .collapse-all-leagues:after { content: ""; display: block; background-size: contain; width: 10px; height: 12px; float: right; display: none; } .collapse-all-leagues.collapse-open:after { background: url('/assets/img/collapse_leagues_open.svg') no-repeat; margin: 2px 0px 2px 4px; } .collapse-all-leagues.collapse-close:after { background: url('/assets/img/collapse_leagues_close.svg') no-repeat; margin: 6px 0px 2px 4px; } @media only screen and (max-width: 991.98px) { .wrapper { height: 100%; } } /* ui_icons set */ @font-face { font-family: 'ui_icons'; src: url("/assets/fonts/ui_icons.eot?-i8aukz"); src: url("/assets/fonts/ui_icons.eot?#iefix-i8aukz") format("embedded-opentype"), url("/assets/fonts/ui_icons.woff?-i8aukz") format("woff"), url("/assets/fonts/ui_icons.ttf?-i8aukz") format("truetype"), url("/assets/fonts/ui_icons.svg?-i8aukz#ui_icons") format("svg"); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'ui_icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-sports, .icon-horses, .icon-casino, .icon-select, .icon-reports, .icon-settings, .icon-inbox, .icon-rules, .icon-logout { display: block; } .icon-sports:before, .icon-horses:before, .icon-casino:before, .icon-select:before, .icon-reports:before, .icon-settings:before, .icon-inbox:before, .icon-rules:before, .icon-logout:before, .icon-correlated:before { display: block; font-size: 1.5em; margin-bottom: 7px; } .icon-inbox:before, .icon-rules:before, .icon-logout:before { margin-bottom: 3px; } .icon-sports:before { content: "\e61d"; height: 25px; margin-bottom: 4px; color: var(--main-font-color); } .icon-horses:before { content: "\e622"; font-size: 2.6em; line-height: 0.5; height: 25px; margin-bottom: 4px; color: var(--main-font-color); } .icon-casino:before { content: "\e623"; font-size: 2.7em; line-height: 0.5; height: 25px; margin-bottom: 4px; color: var(--main-font-color); } .icon-select:before { /*content: "\e600";*/ } .icon-reports, .icon-settings { height: 17px; } .icon-reports:before { content: "\e601"; } .icon-settings:before { content: "\e602"; } .icon-inbox:before { content: "\e603"; } .icon-rules:before { content: "\e905"; margin-bottom: 0; padding-top: 3px; } .icon-logout:before { content: "\e605"; } .icon-menu:before { content: "\e606"; } .icon-more:before { content: "\e607"; } .icon-search:before { content: "\e608"; } .icon-star:before { content: "\e609"; } .icon-dropdown:before { content: "\e60a"; } .icon-arrow-bullet:before { content: "\e60b"; font-size: 0.8em; margin-right: 5px; color: #FC0; } .icon-arrow-down:before { content: "\e60c"; } .icon-arrow-up:before { content: "\e60d"; } .icon-minus:before { content: "\e60e"; } .icon-plus:before { content: "\e60f"; } .icon-delete:before { content: "\e610"; } .icon-busqueda:after { content: "ggg"; border: 1px solid #E10600FF; color: var(--main-font-color); } .correlated { position: relative; } .icon-correlated { display: inline-block; font-size: 1em; color: #2A6D91; position: relative; width: 60px; font-family: Montserrat; font-style: italic; margin: -2px 0 0 22px; } .icon-correlated:before { font-family: 'ui_icons'; content: "\e917"; color: #428D3E; font-size: 2em; font-style: normal; position: absolute; top: -6px; left: -20px; /*border: 1px solid #E10600FF;*/ display: inline-block; } /* MOBILE MAIN MENU ICONS */ .icon_menu, .icon_menu:hover, .icon_menu:focus, .icon_more, .icon_more:hover, .icon_more:focus { color: var(--primary-color); font-size: 1.8em; text-align: center; width: 30px; } .icon_menu { /*background-color: var(--headers-bg-color);*/ /*border-left: 1px solid #22465C;*/ } .header_mobile_customer_balance { text-align: center; position: absolute; width: calc(100% - 60px); top: 0; margin-left: 50px; z-index: -1; } .icon_more { height: 25px; float: left; padding-top: 5px; margin-left: 10px; } /* SIMPLE SIDEBAR */ .sidebar-wrapper { height: 100%; width: 260px; float: left; overflow-y: auto; scrollbar-color: #535353 var(--sidebar-bgcolor); background-color: var(--sidebar-bgcolor); /*padding-right: 15px;*/ } .sidebar-nav { position: inherit; } .sidebar-nav li { line-height: 25px; } .sidebar-nav li label .sub-sporttype { height: 1.2em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 150px; vertical-align: top; line-height: 1em; display: inline-block; margin: 12px 0 0 0 !important; text-indent: 0; } .sidebar-nav li a:hover { background: none; cursor: default; } .sidebar-nav li ul li:hover { color: #FC0; background: rgba(255, 255, 255, 0.2); text-decoration: none; } .sidebar-nav li a { color: black; font-size: 0.7em; text-align: left; text-transform: uppercase; } .sidebar-nav li a:hover { color: #FC0; } .sidebar-nav li ul { text-indent: -20px; margin-left: -40px; } .sidebar-nav li ul li:first-of-type label { border-top: 1px solid var(--main-font-color); } .sidebar-nav .teasers ul li.selected { background: rgba(1, 47, 70, 0.4); } .logo { height: 69px; padding: 0.8rem; display: flex; align-items: center; } .logo img { max-height: 65px; max-width: 100%; display: block; } .sidebar-logo { width: 100%; text-align: center; padding: 4px 0; } /* SPOTLIGHT */ .spotlight a { display: block; padding: 0; margin: 0 0 12px 5px !important; font: normal 0.8em/1.4 "Montserrat"; letter-spacing: 0.03em; text-transform: uppercase; color: var(--main-font-color); } .spotlight a:hover { color: var(--main-font-color); } .spotlight a:before { font-family: "ui_icons"; content: "\e609"; font-size: 1.2em; text-align: center; color: #A7B4BB; padding: 4px; margin-right: 5px; border-radius: 5px; background-color: #DEE1E2; } .spotlight a:hover:before, .spotlight a.selected:before { color: #FC0; background-color: var(--main-font-color); } /* LIVE BETTING */ .livebetting { display: block; margin-top: 10px; } .livebetting a { background: transparent url(/assets/img/lb_btn_trc.png) top left no-repeat; width: 230px; height: 36px; display: block; text-indent: -9999px; margin: 0 auto 12px auto; } @media (max-width: 991.98px) { .sidebar-nav li ul li:hover { color: var(--main-font-color); background: none; } } @media (max-width: 767px) { #wrapper.active #topHeader { /*min-width: 560px;*/ } } @media (max-width: 360px) { #wrapper.active .btn-continue { display: none; } } @media (max-width: 991.98px) { .alert-warning { margin: 10px; } } /* MAIN TOP AND BOTTOM MENUES */ nav, .logout { /*background-color: var(--main-font-color);*/ position: inherit; z-index: 100; height: 60px; width: 260px; margin-bottom: 10px; } .logout { height: 55px; margin: 0; bottom: 0; } nav .menu { height: 60px; margin: 0; padding: 0; white-space: nowrap; overflow: hidden; } nav .menu::-webkit-scrollbar { display: none; } nav .menu li { display: inline-block; padding: 0; margin: 0; /*border-right: 1px solid #22465C;*/ /*width: 33%;*/ vertical-align: top; } /*nav .menu li:first-of-type {*/ /* width: 34%;*/ /*}*/ nav .menu li:last-child { border-right: none; } nav .menu li a { text-align: center; background-color: var(--headers-bg-color); color: #0280D2; display: block; margin: 5px; padding: 5px 0; /*border: 1px solid var(--primary-color);*/ border-radius: 5px; text-decoration: none; font: normal 0.8em/1 Montserrat, sans-serif; letter-spacing: 0.03em; /*text-transform: uppercase;*/ position: relative; font-weight: 600; } nav .menu li a:hover, nav .menu .active a { color: var(--main-font-color); } nav .menu li { padding-bottom: 8px; } nav .menu li a { color: var(--white); } .sideBar_balances { display: flex; justify-content: space-evenly; background-color: var(--headers-bg-color); padding: 6px; font-size: 12px; border-bottom: 0px solid var(--sidebar-bgcolor); border-top: 0px solid var(--sidebar-bgcolor); } .sideBar_balances .item { background-color: var(--headers-bg-color); padding: 4px 8px; border-radius: 7px; text-align: center; cursor: pointer; font-weight: 600; line-height: 16px; } .betTypeItemFirstList { display: flex; background-color: var(--dark1); } .betTypeItemFirstList ul li { width: 33%; } .mobile_dropdown_betTypes { width: 200px; padding-top: 8px; } .mobile_dropdown_betTypes.open>.dropdown-menu { margin-left: -180px; width: 200px; } .betTypeItemFirstShowingList { width: 90%; } .betTypeItemMore { width: 10%; display: flex; align-self: center; text-align: center; } .menuTypeItemsWrapper { width: 100%; overflow: scroll; background-color: var(--dark1) !important; overflow-y: hidden; } .menuTypeScrollableItems { width: fit-content; background-color: var(--headers-bg-color); } .menuTypeSubItems { display: flex; flex-wrap: wrap; background-color: var(--sidebar-bgcolor); -webkit-transition: all linear 0.5s; transition: all linear 0.5s; padding: 4px; -webkit-box-shadow: -2px -3px 3px rgb(255 255 255), 0px 1px 4px rgb(0 0 0 / 20%); -moz-box-shadow: -2px -3px 3px rgb(255 255 255), 0px 1px 4px rgb(0 0 0 / 20%); box-shadow: -2px -3px 3px rgb(255 255 255), 0px 1px 4px rgb(0 0 0 / 20%); } .menuTypeSubItems.ng-hide { opacity: 0; transform: scale(0.8); } .menuMobileSubItem { float: left; background-color: var(--dark1); color: white; border-radius: 20px; padding: 8px 8px; font-size: 12px; margin: 3px; text-transform: capitalize; white-space: nowrap; -webkit-box-shadow: -2px -3px 3px var(--sidebar-bgcolor), 0px 1px 4px rgb(33 28 49 / 20%); -moz-box-shadow: -2px -3px 3px var(--sidebar-bgcolor), 0px 1px 4px rgb(33 28 49 / 20%); box-shadow: -2px -3px 3px var(--sidebar-bgcolor), 0px 1px 4px rgb(33 28 49 / 20%); } .menuMobileSubItem.selected { background-color: var(--primary-color) !important; color: white !important; } a.menuMobileSubItem:hover { background-color: var(--gray2); color: white !important; } .menuMobileSubItem a.disabled { color: var(--black) !important; pointer-events: none; cursor: default; } a.menuMobileSubItem.lnk-disabled { opacity: 0.7 !important; } @media only screen and (max-width: 991.98px) { nav .menu li a { background-color: inherit; font-size: 14px; border-radius: 0; /*padding-top: 13px;*/ } nav .menu li a.active { font-weight: 600; color: var(--primary-color); } } nav .menu li a:hover, nav .menu .active a { /*color: white;*/ } nav .menu li.active:first-of-type a { /*color: var(--main-font-color);*/ } nav .menu li.active:first-of-type a:hover, nav .menu .active:first-of-type a { /*color: var(--main-font-color);*/ } nav .menu li.active:first-of-type a .icon-sports:before { color: var(--main-font-color); } nav>.menu>li.active, nav>.menu>li.active_horses { -webkit-transition: background-color 0.3s ease-out; -moz-transition: background-color 0.3s ease-out; -o-transition: background-color 0.3s ease-out; transition: background-color 0.3s ease-out; } nav>.menu>li.active { /*background-color: #181818;*/ } nav>.menu>li.active_horses { background-color: var(--primary-color); } nav>.menu>li.active_casino { background-color: #B20000; } nav>.menu>li.inactive { /*background-color: var(--main-font-color) !important;*/ } .badge { margin: -27px 13px 0 0; background-color: #FC0; color: black; font-weight: 400; padding: 4px 7px; z-index: 100; position: inherit; } @media only screen and (max-width: 991.98px) { .livebetting { margin-top: 0; } nav .menu { height: inherit; background-color: var(--headers-bg-color); padding: 2px 6px 12px 6px; } nav, .logout { height: 75px !important; } nav, .logout { /*background-color: var(--main-font-color);*/ position: inherit; z-index: 100; height: 65px; width: 260px; margin-bottom: 10px; } .logout { height: 60px; margin: 0; bottom: 0; } nav .menu li { padding-bottom: 0; min-width: 80px; } nav .menu li.active { /*background: black;*/ color: var(--primary-color) !important; border-bottom: 4px solid var(--primary-color); } nav, .logout { background: var(--dark1) !important; } nav .menu li.active a:hover, nav .menu .active a { /*color: var(--main-font-color);*/ } } @media only screen and (min-width: 992px) { .sidebar-wrapper nav, .content-header, .logout { display: none; } } /* SUB MENU CASINO */ .casino-popover { position: fixed !important; top: 60px !important; left: 0; z-index: 1000; display: none; width: 210px !important; background-color: #B20000 !important; } .popover-content { padding: 10px 0 0 0; } .casino_opt { width: 190px; margin: 0 auto; } .casino_opt a { margin: 0 0 15px 0 !important; padding: 0 !important; font-size: 0.8em !important; } .casino_opt a span { display: block; } .casino_opt a:hover span:before { border: 2px solid var(--main-font-color); } .casino_opt a:hover { color: var(--main-font-color) !important; } .virtual_casino span:before, .live_dealer span:before { display: block; border: 2px solid #910000; margin-bottom: 8px; height: 89px; } .virtual_casino { -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .virtual_casino span:before { content: url(/assets/img/nav_casino_virtual.jpg); } .live_dealer { -moz-animation-delay: 0.3s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .live_dealer span:before { content: url(/assets/img/nav_casino_live.jpg); } /* Mini BlackJack */ .sDvMainTextAmericanBlackjack { font-size: 14px !important; letter-spacing: 6px !important; } /* TEASERS */ .teasers-options { margin: 0 auto; clear: both; width: 92%; } .teasers-options p { color: var(--main-font-color); /*margin: 15px 0 5px 0;*/ var(--ps1) 0 0 0; font-size: 0.8em; /*text-transform: uppercase;*/ } .teasers-options p span.teaserInfo { float: right; } .teasers-options p span.teaserInfo:before { font-family: "ui_icons"; content: "\e620"; font-size: 1em; text-align: center; color: var(--gray-font-color); padding: 2px; line-height: 15px; display: block; } .teasers-options .btn-group-vertical { width: 100%; } .btn-teasers { letter-spacing: 0.03em; border-top: 1px solid #242425; margin: 0 auto 2px auto; padding: 10px 0; width: 100% !important; background-color: var(--headers-bg-color); font-size: 12px; } .btn-teasers:first-of-type { border-top: none; } .btn-teasers:hover, .btn-teasers:focus, .btn-teasers:active, .btn-teasers.active { color: var(--middle-font-color); background-color: var(--line-button-selected-color); } .btn-teasers:active, .btn-teasers.active { background-image: none; } .teasers-options legend { text-align: center; font-size: 0.65em; margin-top: 15px; border: none; } .teasers-options legend a { color: #428D3E; } .teasers-options legend a:hover { color: #428D3E; } .teasers-options p { color: var(--main-font-color); font-size: 0.7em; font-weight: bold; margin: 20px 0 8px 0; } .btn-teasers { /*border-top: 1px solid #CCC;*/ } /* CHECKBOX for SIDEBAR, TEAM TOTAL, PITCHER, PASSWORD N' FREEPLAYS */ +.team-total label, .pitcher label, .psswchk label, .freeplay label, .breakout label, .autoacceptchang label, .arbc-check label { cursor: pointer; /*color: var(--headers-bg-color);*/ margin: 0; padding: 0; position: relative; top: -3px; letter-spacing: 0.03em; } .draw_col { text-align: right; font-weight: 800; padding-top: 5px; text-transform: capitalize; margin-right: 5px; } .desktop_draw_col { padding: 0 5px; } .sidebar-nav label:after, .team-total label:after, .pitcher label:after, .psswchk label:after, .freeplay label:after, .arbc-check label:after, .breakout label:after, .autoacceptchang label:after { border-radius: 4px; border: 1px solid var(--main-font-color); width: 22px; height: 22px; } .sidebar-nav label:hover, .team-total label:hover, .pitcher label:hover, .psswchk label:hover, .freeplay label:hover, .arbc-check label:hover, .breakout label:hover, .autoacceptchang label:hover { cursor: pointer; /*color: var(--main-font-color);*/ } .team-total label:before, .pitcher label:before, .psswchk label:before, .freeplay label:before, .arbc-check label:before, .breakout label:before, .autoacceptchang label:before { margin: 0 10px 0 0; color: #0280D2; font-size: 0.7em; text-align: left; } .sidebar-nav input.checkbox[type=checkbox], .team-total input[type=checkbox], .pitcher input[type=checkbox], .psswchk input[type=checkbox], .freeplay input[type=checkbox], .arbc-check input[type=checkbox], .breakout input[type=checkbox], .autoacceptchang input[type=checkbox] { display: none; } .sidebar-nav input.checkbox[type=checkbox]:checked+label:after, .sidebar-nav input.checkbox[type=checkbox]+label:after, .team-total input[type=checkbox]:checked+label:after, .team-total input[type=checkbox]+label:after, .pitcher input[type=checkbox]:checked+label:after, .pitcher input[type=checkbox]+label:after, .psswchk input[type=checkbox]:checked+label:after, .psswchk input[type=checkbox]+label:after, .freeplay input[type=checkbox]:checked+label:after, .freeplay input[type=checkbox]+label:after, .arbc-check input[type=checkbox]:checked+label:after, .arbc-check input[type=checkbox]+label:after, .breakout input[type=checkbox]:checked+label:after, .breakout input[type=checkbox]+label:after, .autoacceptchang input[type=checkbox]:checked+label:after, .autoacceptchang input[type=checkbox]+label:after { font-family: "ui_icons"; content: "\e600"; font-size: 1em; text-align: center; padding: 2px; line-height: 15px; display: block; } .sidebar-nav input.checkbox[type=checkbox]:checked+label:after, .team-total input[type=checkbox]:checked+label:after, .pitcher input[type=checkbox]:checked+label:after, .psswchk input[type=checkbox]:checked+label:after, .freeplay input[type=checkbox]:checked+label:after, .arbc-check input[type=checkbox]:checked+label:after, .breakout input[type=checkbox]:checked+label:after, .autoacceptchang input[type=checkbox]:checked+label:after { color: transparent; } .sidebar-nav input.checkbox[type=checkbox]+label:after, .team-total input[type=checkbox]+label:after, .pitcher input[type=checkbox]+label:after, .psswchk input[type=checkbox]+label:after, .freeplay input[type=checkbox]+label:after, .arbc-check input[type=checkbox]+label:after, .breakout input[type=checkbox]+label:after, .autoacceptchang input[type=checkbox]+label:after { fill: var(--main-font-color); color: transparent; } .ticket .pitcher input[type=checkbox]+label:after { /*color: var(--main-font-color);*/ font-weight: normal; } .ticket .pitcher input[type=checkbox]:checked+label:after { color: black; } /* Checkbox for sidebar */ .sidebar-nav label { cursor: pointer; color: var(--main-font-color); font-size: 0.8em; margin: 0; padding: 0; width: 220px; text-indent: 0; } .sidebar-nav label:after { border: none; } .sidebar-nav label:hover { color: #FC0; } .sidebar-nav input.checkbox[type=checkbox]:checked+label:after, .sidebar-nav input.checkbox[type=checkbox]+label:after { float: right; margin: 7px 0 0 0; height: 20px; width: 20px; } /* Checkbox for Team Total */ .team-total { float: left; } .team-total label { color: var(--primary-color); margin: 0 0 0 15px; padding: 12px 0 0 0; width: 120px; font-size: 0.9em; } .team-total label:after { border: 1px solid #999; } .team-total label:before { margin: 0; } .team-total input[type=checkbox]:checked+label:after, .team-total input[type=checkbox]+label:after { background-color: var(--main-font-color); float: right; } .team-total input[type=checkbox]+label:after { color: var(--main-font-color); } /* Checkbox for Picher */ .pitcher label { margin: 0 15px 0 0; padding: 10px 0 0 0; height: 30px; } /* Checkbox for Password */ .psswchk label { margin: 7px 0 0 0; height: 30px; } .psswchk label:after { border: 1px solid var(--main-font-color); } .psswchk label:before { margin: 0; } .psswchk input[type=checkbox]:checked+label:after, .psswchk input[type=checkbox]+label:after { margin-right: 0; float: right !important; /*border: 1px solid #666;*/ } /* Checkbox for Freeplay */ .freeplay { padding: 0 0 14px 0; } .freeplay label:after { border: 1px solid #999; margin-left: 15px; } .freeplay label:before { margin: 0; } .freeplay input[type=checkbox]:checked+label:after, .arbc-check input[type=checkbox]:checked+label:after { margin-right: 0; /*background-color: var(--main-font-color);*/ /*float: right;*/ } .freeplay input[type=checkbox]+label:after, .arbc-check input[type=checkbox]+label:after { color: transparent; } /* Checkbox for autoacceptchang */ .autoacceptchang input[type=checkbox]:checked+label:after, .freeplay input[type=checkbox]:checked+label:after { margin-right: 0; /*background-color: var(--main-font-color);*/ color: black; float: left; } /*Checkbox for ARBC*/ .arbc-check { padding: 0 0 14px 0; } .arbc-check label:after { border: 1px solid #999; margin-left: 15px; } .arbc-check label:before { margin: 0; } .arbc-check input[type=checkbox]:checked+label:after, .arbc-check input[type=checkbox]:checked+label:after { margin-right: 0; /*background-color: var(--main-font-color);*/ /*float: right;*/ } /* Checkbox for BREAKOUT */ .breakout { width: 340px; float: right; text-align: right; font-size: 1.2em; } .breakout-left { float: left !important; text-align: left; font-size: 1.2em; } .breakout label { margin: 0 25px 0 0; padding: 5px 0 0 0; height: 30px; font: 0.85em/1.3 Montserrat, sans-serif; text-transform: none; } .breakout label:after { border: 1px solid #999; margin-left: 10px; } .breakout label:before { margin: 0; } .breakout input[type=checkbox]:checked+label:after, .breakout input[type=checkbox]+label:after { margin-right: 0; /*background-color: var(--main-font-color);*/ color: black; float: right; } .breakout input[type=checkbox]+label:after { color: transparent; } /* ADS */ .demo_banner { background: url(/assets/img/Premier-League-Banner.jpg); height: 220px; background-position: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /*border: 1px solid #ccc;*/ margin-bottom: 10px; } /* Sports Menu */ .sports-container { margin: 0 auto; /*width: 95%;*/ /*margin-top: 20px;*/ font-variant-caps: all-petite-caps; } .sports-container .panel { border: none; box-shadow: none; /*background: transparent;*/ } .sports-container .panel-group { margin-bottom: 0; } .sports-container .panel-body { padding: 0; border: none !important; } @media only screen and (min-width: 1024px) { .sports-container { margin-top: 0; } } .sports { border: none; } .sports .panel { border: none; box-shadow: none; /*background: transparent;*/ } .sports .panel-default { clear: left; margin: 0 !important; border-radius: 0; border: none; /*border-bottom: 1px solid #DFDFDF;*/ } .sports .panel-default:last-of-type { border-bottom: none !important; } .sports .panel-heading { background: var(--white); border: none; padding: 13px 10px; overflow: auto; } .sports .panel-heading a { color: var(--main-font-color); display: block; font-weight: 700; } .sports .rules-head .panel-body { padding-top: 10px; } .sports .panel-title { font-size: 17px; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; } .sports .panel-title:hover, .sports .panel-title:focus { /*background: var(--content-bg-color);*/ border-radius: 2px; } /*.hvr-bounce-to-bottom {*/ /* display: inline-block;*/ /* vertical-align: middle;*/ /* -webkit-transform: perspective(1px) translateZ(0);*/ /* transform: perspective(1px) translateZ(0);*/ /* box-shadow: 0 0 1px rgba(0, 0, 0, 0);*/ /* position: relative;*/ /* -webkit-transition-property: color;*/ /* transition-property: color;*/ /* -webkit-transition-duration: 0.5s;*/ /* transition-duration: 0.5s;*/ /*}*/ .sports .panel-title:before { display: none; } .sports .panel-body { font: 0.9em/1.4 Montserrat, sans-serif; border-top: none !important; } .sports .panel-body { padding-top: 0; text-align: left; } .sports .panel-body ul { padding: 0; margin: 0; list-style-type: none; } .sports .panel-body ul li { /*padding-top: 5px;*/ /*border-top: 1px solid #DFDFDF;*/ } .sports .panel-body ul li .dot { margin-left: 25px; } .sports .panel-body ul li a { color: #06C; cursor: pointer; } /* sports menu check box */ .sports-container h4 a { cursor: pointer; } /*.sports-container h4 a.collapsed:before { font-family: "ui_icons"; content: "\ea0a"; } .sports-container h4 a:before { font-family: "ui_icons"; content: "\ea0b"; font-size: 0.8em; margin-right: 7px; color: var(--main-font-color); padding: 4px; background: var(--main-font-color); border-radius: 4px; height: 20px; }*/ .sports-container, .sports-container li ul { list-style-position: inside; } .sports-container li { vertical-align: top; } .sports-container li label { cursor: pointer; margin-bottom: 0 !important; padding: 10px 3px; position: relative; letter-spacing: 0.03em; width: 100%; font: normal 0.94em/1 Montserrat, sans-serif; line-height: 14px; } .sports-container li ul li label { cursor: pointer; margin-bottom: 3px; padding: 2px; text-transform: capitalize; width: 150px; } .sports-container li .dot:before { background: #999; } .sports-container li ul li .dot:before { background: #CCC; } .sports-container label:after { border-radius: 2px; border: 1px solid var(--main-font-color); } .sports-container label:hover { cursor: pointer; } .sports-container label:before { margin: 0; color: #0280D2; font-size: 0.7em; text-align: left; } .sports-container li a, .sports-container li a:visited { color: #ccc !important; /*height: 16px;*/ display: inline-block; width: 200px; } /* Sports Menu Mob */ @media only screen and (max-width: 991.98px) { .sports .panel-default .panel-heading { margin: 3px 0; } } a.checkall { height: 24px !important; display: block; font-size: 0.8em; width: 80px !important; border: 1px solid #BBB; margin: 5px 0 7px 25px; padding: 3px 8px; background: var(--main-font-color); border-radius: 2px; text-align: center; text-decoration: none; white-space: nowrap; color: black; } .sports-container li a.checkall { margin-left: 55px; } a.checkall:after { display: none; } a.checkall-disabled { pointer-events: none; opacity: 0.4; } /* newwww */ .sports-container .list-one { margin: 0; padding: 0; } .sports-container .list-one label { cursor: pointer; } .sports-container .list-one input { display: none; margin: 0; padding: 0; } .sports-container .list-one .selected { list-style-type: none; } .sports-container .list-one li.groupedContestNode label { padding-left: 0; } .sports-container .list-one li.groupedContestNode label span { padding-left: 6px; } .sports-container .list-one li { list-style-type: none; margin: 0; border-bottom: 1px solid var(--gray3); background-color: var(--sports-container-label-bg-color); } .sports-container .list-one ul:not(.groupedContestNode) li.selected>label { width: 100%; background-color: var(--primary-color); color: white; } .sports .panel-body ul li:hover { /*color: white !important;*/ } /*.sports-container ul.list-one>li:not(.hasContestTypes):hover {*/ /* background-color: var(--headers-bg-color);*/ /*}*/ .sports-container ul.list-one>li:not(.groupedContestNode):hover { background-color: var(--headers-bg-color); color: white; } .sports-container ul.list-one>li>li { background-color: inherit !important; } .sports-container .list-one li label { padding-left: 30px; font-variant-caps: all-petite-caps; font-size: 14px; font-weight: 600; } .sports-container .list-two li label { padding-left: 23px; } /*.sports-container .list-one li span:before { font-family: "ui_icons"; content: "\e617"; font-size: 12px; color: var(--content-bg-color); float: left; margin-left: 25px; margin-top: 0px; padding-left: 1px; border-radius: 6px; border: 1px solid var(--main-font-color); height: 18px; width: 18px; cursor: pointer; }*/ .sports-container .childContestList li label:hover { background-color: #ffffff54 !important; color: var(--primary-color) !important; font-weight: bold; border-radius: 6px; box-shadow: 0px 1px 8px -3px #6c6c6c61; } .sports-container .list-one ul:not(.groupedContestNode) li.selected { background-color: var(--primary-color); } .sports-container .list-one ul:not(.groupedContestNode) li.selected>label { width: 100%; background-color: var(--menu-hover-bgcolor) !important; } /* .sports-container .list-one li.selected span:before { font-family: "ui_icons"; content: "\e600"; color: var(--main-font-color); padding: 0 0 2px 2px; border-radius: 6px; } */ .sports-container li .fourlevel>span { /*margin-right: 10px;*/ } .sports-container .list-one li.unselected span:before { color: var(--content-bg-color); } .sports-container li .fourlevel>span { /*margin-right: 10px;*/ } .sports-container li .fourlevel>span.collapsed:before { font-family: "ui_icons"; content: "\ea0a"; } .sports-container li .fourlevel>span:before { background: #DFDFDF; font-size: 0.8em; color: #5C5C5C; border: 1px solid #AAAAAA; content: "\ea0b"; padding: 4px !important; background: transparent; border: none; font-family: ui_icons; } .sports-container li.unselected .fourlevel>span.collapsed:before { font-family: "ui_icons"; content: "\ea0a"; } .sports-container li.unselected .fourlevel>span:before { background: #DFDFDF; font-size: 0.8em; color: #5C5C5C; border: 1px solid #AAAAAA; content: "\ea0b"; padding: 4px !important; background: transparent; border: none; font-family: 'ui_icons'; } .sports-container .list-one li.unselected:last-child { padding-bottom: 0; } .sports-container li.orphaned:first-child { padding-top: 0; border-top: none !important; } .fourlevel { padding-left: 18px; margin-bottom: 10px; padding-top: 11px; } .sports-container li .fourlevel ul li span:before { /*background: var(--main-font-color);*/ color: var(--main-font-color); } .sports-container li .fourlevel a { width: 170px; text-transform: capitalize; font-size: 14px; } .sports-container li .fourlevel a:hover { color: white !important; } .sports-container li.fourlevel>span.dot:before { font-family: "ui_icons"; content: "\e617"; font-size: 1em; color: #CCC; float: left; margin-left: 15px; margin-top: 0px; } .sports-container .list-two { padding-left: 14px; } /*.sports-container .list-two li span:before { font-family: "ui_icons"; content: "\e617"; font-size: 1em; color: #CCC; float: left; margin-left: 55px; margin-top: 0px; }*/ .sports-container .list-two li { padding: 5px 0; margin: 0 16px 0 0; } .sports-container .list-two li:hover { background-color: var(--headers-bg-color); border-radius: 4px 0 0 4px; } .sports-container .list-two li.selected:hover { font-weight: bold; color: white !important; } .sports-container .list-two li.selected { color: white; background-color: var(--primary-color); } .sports-container .list-two li.selected ul li label { color: white; } /*.sports-container .list-two li.selected span:before { font-family: "ui_icons"; content: "\e600"; font-size: 1em; color: white; } */ /*Sports menu icons*/ .sportIcon { margin-left: 20px; } .sportIcon:before { content: ""; display: block; background: url('/sports/assets_core/img/sportIconGeneric.svg') no-repeat; background-size: contain; width: 15px; height: 15px; float: left; margin-right: 10px; margin-top: 3px; } #img_Australian_Rules:before { background: url('/sports/assets_core/img/icons-sports/australainrules.png') no-repeat; background-size: contain; } #img_Auto_Racing:before { background: url('/sports/assets_core/img/icons-sports/autoracing.png') no-repeat; background-size: contain; } #img_Badminton:before { background: url('/sports/assets_core/img/icons-sports/badminton.png') no-repeat; background-size: contain; } #img_Baseball:before { background: url('/sports/assets_core/img/icons-sports/baseball1.png') no-repeat; background-size: contain; } #img_Basketball:before { background: url('/sports/assets_core/img/icons-sports/basketball.png') no-repeat; background-size: contain; } #img_Beach_Volleyball:before { background: url('/sports/assets_core/img/icons-sports/beachvolleyball.png') no-repeat; background-size: contain; } #img_Boxing:before { background: url('/sports/assets_core/img/icons-sports/boxing.png') no-repeat; background-size: contain; } #img_Chess:before { background: url('/sports/assets_core/img/icons-sports/chess.png') no-repeat; background-size: contain; } #img_Cornhole:before { background: url('/sports/assets_core/img/icons-sports/cornhole.png') no-repeat; background-size: contain; } #img_Cricket:before { background: url('/sports/assets_core/img/icons-sports/cricket.png') no-repeat; background-size: contain; } #img_Cycling:before { background: url('/sports/assets_core/img/icons-sports/cycling.png') no-repeat; background-size: contain; } #img_Darts:before { background: url('/sports/assets_core/img/icons-sports/darts.png') no-repeat; background-size: contain; } #img_EGames:before { background: url('/sports/assets_core/img/icons-sports/e_games.png') no-repeat; background-size: contain; } #img_ESports:before { background: url('/sports/assets_core/img/icons-sports/e_sports.png') no-repeat; background-size: contain; } #img_Entertainment:before { background: url('/sports/assets_core/img/icons-sports/entertainment.png') no-repeat; background-size: contain; } #img_ESports:before { background: url('/sports/assets_core/img/icons-sports/esports.png') no-repeat; background-size: contain; } #img_Fighting:before { background: url('/sports/assets_core/img/icons-sports/fighting.png') no-repeat; background-size: contain; } #img_Floorball:before { background: url('/sports/assets_core/img/icons-sports/floorball.png') no-repeat; background-size: contain; } #img_Football:before { background: url('/sports/assets_core/img/icons-sports/football.png') no-repeat; background-size: contain; } #img_Futsal:before { background: url('/sports/assets_core/img/icons-sports/futsal.png') no-repeat; background-size: contain; } #img_Gaelic_Sports:before { background: url('/sports/assets_core/img/icons-sports/gaelic_sports.png') no-repeat; background-size: contain; } #img_Golf:before { background: url('/sports/assets_core/img/icons-sports/golf.png') no-repeat; background-size: contain; } #img_Handball:before { background: url('/sports/assets_core/img/icons-sports/hanball.png') no-repeat; background-size: contain; } #img_Hockey_Minor::before { background: url('/sports/assets_core/img/icons-sports/hockey_minor.png') no-repeat; background-size: contain; } #img_Hockey:before { background: url('/sports/assets_core/img/icons-sports/hockey.png') no-repeat; background-size: contain; } #img_Horses:before { background: url('/sports/assets_core/img/icons-sports/horses.png') no-repeat; background-size: contain; } #img_Ice_Hockey:before { background: url('/sports/assets_core/img/icons-sports/ice_hockey.png') no-repeat; background-size: contain; } #img_Lacrosse:before { background: url('/sports/assets_core/img/icons-sports/lacrosse.png') no-repeat; background-size: contain; } #img_Mixed_Martial_Arts:before { background: url('/sports/assets_core/img/icons-sports/mixed_martial_art.png') no-repeat; background-size: contain; } #img_LIVE:before { background: url('/sports/assets_core/img/icons-sports/live.png') no-repeat; background-size: contain; } #img_Olympics:before { background: url('/sports/assets_core/img/icons-sports/olympics.png') no-repeat; background-size: contain; } #img_Other:before { background: url('/sports/assets_core/img/icons-sports/other.png') no-repeat; background-size: contain; } #img_Other_Sports:before { background: url('/sports/assets_core/img/icons-sports/other_sports.png') no-repeat; background-size: contain; } #img_Other_Props:before { background: url('/sports/assets_core/img/icons-sports/other_props.png') no-repeat; background-size: contain; } #img_Politics:before { background: url('/sports/assets_core/img/icons-sports/politics.png') no-repeat; background-size: contain; } #img_Rugby:before { background: url('/sports/assets_core/img/icons-sports/rugby.png') no-repeat; background-size: contain; } #img_Rugby_League:before { background: url('/sports/assets_core/img/icons-sports/rugby_league.png') no-repeat; background-size: contain; } #img_Rugby_Union:before { background: url('/sports/assets_core/img/icons-sports/rugby_union.png') no-repeat; background-size: contain; } #img_Snooker:before { background: url('/sports/assets_core/img/icons-sports/snooker.png') no-repeat; background-size: contain; } #img_Soccer:before { background: url('/sports/assets_core/img/icons-sports/soccer.png') no-repeat; background-size: contain; } #img_Soccer_A:before { background: url('/sports/assets_core/img/icons-sports/soccer_a.png') no-repeat; background-size: contain; } #img_Soccer_B:before { background: url('/sports/assets_core/img/icons-sports/soccer_b.png') no-repeat; background-size: contain; } #img_Soccer_C:before { background: url('/sports/assets_core/img/icons-sports/soccer_c.png') no-repeat; background-size: contain; } #img_Soccer_Minor:before { background: url('/sports/assets_core/img/icons-sports/soccer_minor.png') no-repeat; background-size: contain; } #img_Softball:before { background: url('/sports/assets_core/img/icons-sports/softball.png') no-repeat; background-size: contain; } #img_Squash:before { background: url('/sports/assets_core/img/icons-sports/squash.png') no-repeat; background-size: contain; } #img_Table_Tennis:before { background: url('/sports/assets_core/img/icons-sports/table_tennis.png') no-repeat; background-size: contain; } #img_Tennis:before { background: url('/sports/assets_core/img/icons-sports/tennis.png') no-repeat; background-size: contain; } #img_Volleyball:before { background: url('/sports/assets_core/img/icons-sports/volleyball.png') no-repeat; background-size: contain; } #img_Waterpolo:before { background: url('/sports/assets_core/img/icons-sports/waterpolo.png') no-repeat; background-size: contain; } /* DROPDOWN */ .wtype { margin: 0 auto var(--ps2) auto; /*margin-top: var(--ps2) !important;*/ /*width: 230px;*/ /*margin-top: 50px;*/ /*padding: 0 var(--ps1);*/ position: relative; height: 49px; margin-top: 0; z-index: 2; } .wtype .fixed_wrapper_mobile { position: fixed; width: 260px; z-index: 1001; } .wtype .fixed_wrapper { position: fixed; width: 260px; z-index: 1001; } .tabButtonContainer { background-color: white; padding-top: 15px; border-right: 1px solid #e9e8ea; font-size: 10px; } /*.fixed_wrapper .select_wrapper{*/ /* margin-left: -260px;*/ /* transition: all 0.4s ease 0s;*/ /*}*/ /*@media only screen and (max-width: 992px) {*/ /* .fixed_wrapper .select_wrapper{*/ /* left: 260px;*/ /* width: 260px;*/ /* transition: all 0.4s ease 0s;*/ /* }*/ /*}*/ .wtype .select_wrapper { background-color: var(--content-bg-color); /*height: 44px;*/ padding: 8px 15px 10px 15px; } .wtype .multiple_select_wrapper { padding: 0 28px; background-color: var(--content-bg-color); width: 100%; } .wtype.multiple { height: 87px; } .multiple_select_wrapper .dropdown { margin: 10px 0; } .wagertype-wrapper { /*padding-top: 15px;*/ } .wagertype-wrapper button { border-radius: 0; text-transform: none; font-size: 13px; font-weight: 700; padding-top: 6px; border-bottom: 4px solid white; } .wager-item-info { margin-bottom: 19px; } .period { width: 110px; float: left; } .mob_period_wrapper { background-color: white !important; } /*.period select.dropdown { border: 1px solid #999; }*/ .settings { margin: 15px auto; width: 100px; } .settings #FavTeam { margin-top: 15px; } .report { width: 200px; float: right; } .report .selectwrap { width: auto; } .selectwrap { position: relative; float: left; width: 100%; overflow: hidden; font-size: 12px; } .selectwrap:after { content: "\e60a"; font-family: "ui_icons"; text-align: center; line-height: 32px; position: absolute; width: 32px; height: 32px; background: white; color: var(--headers-bg-color); right: 1px; top: 1px; pointer-events: none; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; } select.dropdown { border: 1px solid #666; height: 34px; width: 100%; padding: 6px 12px; line-height: 1.42857143; border-radius: 2px; background: white; font-size: 14px; color: var(--headers-bg-color); margin-top: 5px; } @media only screen and (max-width: 991.98px) { .wtype { margin: 0 auto 15px auto; width: 100%; margin-top: 35px; } .wtype.offline { margin-top: 10px; } .selectwrap { margin-bottom: 10px; } } @media only screen and (max-width: 991.98px) { .team-total-wrapper { text-align: right; height: 30px; padding: 0px; } .gameComments { /*width: 80%;*/ overflow: hidden; white-space: nowrap; margin: 3px 0 !important; overflow: hidden; /*width: 90%;*/ } } @media only screen and (min-width: 992px) { .wtype { margin-top: 0px; overflow: hidden; } } /* SIDEBAR CONTENT */ .tab-content { position: inherit; top: 40px; /*width: 90%;*/ /*margin-left: 5%;*/ padding-top: 15px; padding-bottom: 70px; } @media only screen and (max-width: 991px) { .tab-content { top: 95px; } } @media only screen and (min-width: 992px) { .tab-content { padding-top: 0px !important; } span.alternateLineText{ display:none!important; } } @media only screen and (max-width: 991.98px) { .tab-content { position: absolute; background: var(--sidebar-bgcolor); top:75px!important; } .tab_content_reports { width: 260px !important; } .tab_content_settings { width: 245px !important; } } /* REPORTS TAB */ .btn-reports { color: var(--main-font-color); font-family: Montserrat, sans-serif; letter-spacing: 0.03em; text-transform: uppercase; margin: 0 auto 15px auto; padding: 14px 0; width: 230px; /*background-color: var(--main-font-color);*/ border: 1px solid #ccc; } @media only screen and (max-width: 992px) { .btn-reports { color: var(--main-font-color); font-family: Montserrat, sans-serif; letter-spacing: 0.03em; text-transform: uppercase; margin: 1.5% !important; width: 30%; padding: 15px 4px !important; font-size: 11px; background-color: var(--dark1); border: 0; } .btn-reports .active { color: white; background-color: var(--primary-color); } .btn-reports:hover { color: white; background-color: var(--primary-color); } .mobile_links { display: flex; flex-wrap: wrap; margin-left: 4px; border-top: 1px solid white; padding-top: 10px; margin-top: 10px; } } /* SETTINGS TAB */ .sel_lang, .sel_home, .sel_fav { background: rgba(0, 0, 0, 0.1); padding: 15px 8px 8px 8px; margin: 0 8px 15px 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .sel_pitcher { padding: 0 15px 0 15px; margin: 0 10px 15px 10px; } .sel_passw { padding-bottom: 0; margin-bottom: 0; } .has-switch label { z-index: 1; } .tab-pane h3 { padding: 0; margin: 0; font-size: 0.8em; letter-spacing: 0.03em; text-transform: uppercase; text-align: center; color: var(--main-font-color); } /* SETTINGS TAB DESKTOP MODAL */ .modal { overflow-y: auto; } .modal .sel_lang, .modal .sel_home, .modal .sel_fav { background: none; padding: 0; margin: 6px auto 0 auto; box-shadow: none; border-bottom: 1px solid lightgray; height: 50px; border-radius: 0px; } .modal .sel_home { margin-top: 6px; } .modal .tab-pane h3 { color: black; float: left; margin-top: 8px; } .modal .tab-pane .settings, .modal .sel_lang ul { float: right; margin: 0; } .modal .sel_home .psswchk label { float: right; } /* LANGUAGE FLAGS */ .sel_lang ul { margin: 15px auto 0 auto; padding: 0; overflow: auto; width: 218px; } .sel_lang ul li { float: left; list-style-type: none; width: 47px; margin-right: 6px; } .sel_lang ul li:last-of-type { margin-right: 0; } .sel_lang ul li a { display: block; background: transparent url(/assets/img/icons_flag.png) no-repeat 0 0; width: 47px; height: 31px; } .sel_lang ul li.lang_eng a { background-position: 0px 0px; } .sel_lang ul li.lang_eng a:hover { background-position: 0px -31px; } .sel_lang ul li.lang_eng .lang_active { background-position: 0px -31px; cursor: auto; } .sel_lang ul li.lang_spa a { background-position: -47px 0px; } .sel_lang ul li.lang_spa a:hover { background-position: -47px -31px; } .sel_lang ul li.lang_spa .lang_active { background-position: -47px -31px; cursor: auto; } .sel_lang ul li.lang_tha a { background-position: -94px 0px; } .sel_lang ul li.lang_tha a:hover { background-position: -94px -31px; } .sel_lang ul li.lang_tha .lang_active { background-position: -94px -31px; cursor: auto; } .sel_lang ul li.lang_chi a { background-position: -141px 0px; } .sel_lang ul li.lang_chi a:hover { background-position: -141px -31px; } .sel_lang ul li.lang_chi .lang_active { background-position: -141px -31px; cursor: auto; } /* SETTINGS TAB MOB */ @media only screen and (max-width: 991.98px) { .sel_lang, .sel_home, .sel_fav { /*color: var(--main-font-color);*/ /*border: 1px solid #ccc; background: #f7f7f7;*/ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .sel_lang h3, .sel_home h3, .sel_fav h3, .sel_pitcher h3 { /*color: black;*/ } } /* bootstrap tables */ .table { width: 100%; max-width: 100%; margin-bottom: 1rem; background-color: transparent; } .table.white tbody tr { background-color: white; } .table td.white { background-color: white; } .row.white { background-color: white; } tr.white { background-color: white; } .table.numeric tbody tr { text-align: right; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; } .table tbody+tbody { border-top: 2px solid #dee2e6; } .table .table { background-color: #fff; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid var(--headers-bg-color); } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6; } .table-bordered th { /* border: 1px solid var(--headers-bg-color);*/ } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); } .table-primary, .table-primary>th, .table-primary>td { background-color: #b8daff; } .table-hover .table-primary:hover { background-color: #9fcdff; } .table-hover .table-primary:hover>td, .table-hover .table-primary:hover>th { background-color: #9fcdff; } .table-secondary, .table-secondary>th, .table-secondary>td { background-color: #d6d8db; } .table-hover .table-secondary:hover { background-color: #c8cbcf; } .table-hover .table-secondary:hover>td, .table-hover .table-secondary:hover>th { background-color: #c8cbcf; } .table-success, .table-success>th, .table-success>td { background-color: #c3e6cb; } .table-hover .table-success:hover { background-color: #b1dfbb; } .table-hover .table-success:hover>td, .table-hover .table-success:hover>th { background-color: #b1dfbb; } .table-info, .table-info>th, .table-info>td { background-color: #bee5eb; } .table-hover .table-info:hover { background-color: #abdde5; } .table-hover .table-info:hover>td, .table-hover .table-info:hover>th { background-color: #abdde5; } .table-warning, .table-warning>th, .table-warning>td { background-color: #ffeeba; } .table-hover .table-warning:hover { background-color: #ffe8a1; } .table-hover .table-warning:hover>td, .table-hover .table-warning:hover>th { background-color: #ffe8a1; } .table-danger, .table-danger>th, .table-danger>td { background-color: #f5c6cb; } .table-hover .table-danger:hover { background-color: #f1b0b7; } .table-hover .table-danger:hover>td, .table-hover .table-danger:hover>th { background-color: #f1b0b7; } .table-light, .table-light>th, .table-light>td { background-color: #fdfdfe; } .table-hover .table-light:hover { background-color: #ececf6; } .table-hover .table-light:hover>td, .table-hover .table-light:hover>th { background-color: #ececf6; } .table-dark, .table-dark>th, .table-dark>td { background-color: #c6c8ca; } .table-hover .table-dark:hover { background-color: #b9bbbe; } .table-hover .table-dark:hover>td, .table-hover .table-dark:hover>th { background-color: #b9bbbe; } .table-active, .table-active>th, .table-active>td { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover>td, .table-hover .table-active:hover>th { background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th, .table .thead-dark td { background-color: var(--content-bg-color); font-size: 12px; font-weight: 600; } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; } .table-dark { color: #fff; background-color: #212529; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #32383e; } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-sm>.table-bordered { border: 0; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-md>.table-bordered { border: 0; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-lg>.table-bordered { border: 0; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-xl>.table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive>.table-bordered { border: 0; } .sportsMenuNavBarAccount .dropdown-menu_account { top: inherit !important; left: -162px !important; z-index: 1002; } /* BOOTSTRAP */ /* overwrite dropdown*/ .dropdown-menu { z-index: 1002; } .dropdown-menu_account { position: absolute; top: 59px; left: -134px; z-index: 1002; width: 211px; padding: 2px 0; margin: 0 4px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: #ffffff; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0 0 4px 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -webkit-background-clip: padding-box; background-clip: padding-box; /* width: calc(50%); */ } .dropdown-menu_account .dropdown-item { line-height: 21px; } .dropdown-item { display: block; padding: 4px; line-height: 32px; color: #100e1a; font-size: 14px; text-align: center; } a.dropdown-item:hover { color: black; font-weight: 600; } .dropdown-item.red { color: var(--primary-color) !important; } .dropdown-item.red:hover { color: var(--primary-color); font-weight: 600; } .dropdown-item.gray { color: rgba(0, 0, 0, 0.30); } .dropdown-item:not(:first-of-type) { border-top: 1px solid #ccc; } .dropdown-divider { height: 0; margin: .5rem 0; overflow: hidden; border-top: 1px solid #383352; } #navbar_language_mobile { margin-left: calc(50% - 34px); /*height: 60px;*/ width: 81px; } #navbar_language_mobile_desktop {} #navbar_language_mobile .nav-link, #navbar_language_desktop .nav-link { display: inline-flex; width: 81px; height: 60px; position: absolute; left: 0; } #navbar_language_mobile img, #navbar_language_desktop svg { width: 25px; height: 25px; margin-top: 15px; } #navbar_language_mobile .navbar_language_selected { margin-left: 5px; color: white; } #navbar_language_mobile .navbar_language_selected span::after { display: inline-flex; width: 8px; height: 12px; vertical-align: -0.255em; content: ""; background-image: url("/assets/img/drop.svg"); background-repeat: no-repeat; margin-left: 4px; } #navbar_language_mobile .dropdown-navbar-language, #navbar_language_desktop .dropdown-navbar-language { position: absolute; top: 63px; left: calc(50% - 105px); z-index: 1001; width: 211px; padding: 2px 0; margin: -12px 4px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: #ffffff; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0 0 4px 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -webkit-background-clip: padding-box; background-clip: padding-box; } #navbar_language_desktop .dropdown-navbar-language { top: 50px !important; right: -35px !important; } #navbar_account { /*width: 13%;*/ /*height: 45px;*/ /*text-align: right;*/ /*position: absolute;*/ /*top:1px;*/ /*right: 10px;*/ } #navbar_account img { height: 32px; } #navbar_account_desktop { padding: 6px 0; height: 45px; margin: 8px; position: relative; width: 35px; font-size: 12px; } #navbar_account_desktop span { position: absolute; top: 11px; left: 29px; color: white; } /*#navbar_account_desktop span::after {*/ /* display: inline-block;*/ /* width: 15px;*/ /* height: 15px;*/ /* !*margin-left: .255em;*!*/ /* !*vertical-align: .255em;*!*/ /* !*margin-left: -0.7em;*!*/ /* !*margin-top: 0.60em;*!*/ /* vertical-align: .255em;*/ /* content:"";*/ /* background-image: url("/assets/img/drop_icon.svg");*/ /* background-repeat: no-repeat;*/ /* position: absolute;*/ /* top: 4px;*/ /* left: 67px;*/ /*}*/ #navbar_account_desktop img.acc_svg { width: 34px; } #navbar_account_desktop .dropdown-menu_account { width: 200px; top: 51px; left: -159px; } #navbar_account_desktop .dropdown-menu_account .dropdown-item { cursor: pointer; font-size: 14px; line-height: 26px; } #navbar_account .balance_titles, #navbar_account_desktop .balance_titles { min-width: 80px; float: left; color: var(--gray2); font-weight: 500; line-height: 20px; text-align: left; } #navbar_account_desktop .balance_titles span { color: var(--gray2); position: inherit; } #navbar_account_desktop .balance_values span { color: var(--gray2); position: inherit; } .mobile_balance_items { display: flex; flex-direction: column; align-items: center; } #navbar_account .balance_values, #navbar_account_desktop .balance_values { float: left; line-height: 20px; } #navbar_mobile_logo { height: 100%; text-align: center; position: absolute; width: 50%; left: 316px; display: none; } /* Button Bootstrap overwrite */ .btn { border-radius: 2px; } .btn:active, .btn.active { -webkit-box-shadow: none; box-shadow: none; } .btn-group>.btn:hover, .btn-group-vertical>.btn:hover, .btn-group>.btn:focus, .btn-group-vertical>.btn:focus, .btn-group>.btn:active, .btn-group-vertical>.btn:active, .btn-group>.btn.active, .btn-group-vertical>.btn.active { z-index: 0; } .modal-footer .btn+.btn { margin-left: 0; } .bootstrap-dialog-header { overflow: hidden; } .type-danger .modal-header { background-color: var(--primary-color) !important; font-weight: 600; } /*Bootstap panel*/ .panel { background-color: transparent; border: none; } /* Button Betlines desktop */ .gameLineInfo .row { margin: 0 -10px 0 -5px; padding-bottom: 5px; background-color: var(--middle-headers-bg-color); border-radius: 2px; padding: 3px 0; color: var(--main-font-color); margin-right: -5px; font-weight: 600; } .sport-lines-container { margin: 0; } .gameLineInfo>.row { margin: 3px 0; } /* .wagertypetitle > .row { margin: 3px 10px; } */ .gameLine-sml, .gameLine-teamtotal { padding-left: 0; } .gameLine-sml .row, .gameLine-teamtotal .row { margin: 0 -15px 0 0; padding-bottom: 0 !important; } .gameLineInfo .btn-xs { width: 100%; } .gameLineInfo .line_state { position: absolute; height: 100%; top: 0; width: 8px; right: 4px; } .gameLineInfo .line_up, .gameLineInfo .line_up_green { background: url("/sports/assets_core/img/arrow_up.svg") center center no-repeat; } .gameLineInfo .line_down_green { background: url("/sports/assets_core/img/arrow_up.svg") center center no-repeat; transform: rotate(180deg); } .gameLineInfo .line_down, .gameLineInfo .line_down_red { background: url("/sports/assets_core/img/arrow_down.svg") center center no-repeat; } .gameLineInfo .line_up_red { background: url("/sports/assets_core/img/arrow_down.svg") center center no-repeat; transform: rotate(180deg); } .gameLineInfo .btn-default:hover { color: var(--white); background-color: var(--primary-color); } .gameLineInfo .btn-default:active, .gameLineInfo .btn-default.active { color: var(--white); background-color: var(--primary-color); } .gameLineInfo .btn.disabled, .gameLineInfo .btn[disabled], .gameLineInfo .btn[disabled]:hover { cursor: not-allowed; box-shadow: none; opacity: 0.5; } .gameLineInfo .btn.disabled:hover { color: black; border-color: #ccc; background: var(--main-font-color); } .gameLineInfo .lc-red { color: red !important; } .gameLineInfo .lc-green { color: green !important; } .btn-default[disabled]:hover, btn-disabled:hover { background-color: #171d26; color: var(--main-font-color); } .gameLineInfo .btn-default { background-color: var(--line-button-color); color: var(--white); border: none; padding: 5px; font-weight: 600; } @media only screen and (max-width: 1024px) { .btn-xs { padding: 1px 4px; font-size: 10px; } } .btn-betlines { color: var(--main-font-color); background: white; color: var(--black); border: 1px solid lightgray; box-shadow: 0 4px 6px -6px #222; } .btn-betlines.active, .open .dropdown-toggle.btn-betlines { color: var(--main-font-color); /*border-color: #ccc;*/ background: var(--primary-color); } .btn-betlines.active, .open .dropdown-toggle.btn-betlines { background-image: none; background: var(--line-button-selected-color); } .btn-betlines.disabled, .btn-betlines[disabled], fieldset[disabled] .btn-betlines, .btn-betlines.disabled:hover, .btn-betlines[disabled]:hover, fieldset[disabled] .btn-betlines:hover, .btn-betlines.disabled:focus, .btn-betlines[disabled]:focus, fieldset[disabled] .btn-betlines:focus, .btn-betlines.disabled:active, .btn-betlines[disabled]:active, fieldset[disabled] .btn-betlines:active, .btn-betlines.disabled.active, .btn-betlines[disabled].active, fieldset[disabled] .btn-betlines.active { color: var(--main-font-color); /*background-color: #ccc; border-color: #ccc;*/ } /* Button Continue */ .btn-continue { background-color: var(--green2); } .btn-continue:active, .btn-continue.active, .open .dropdown-toggle.btn-continue { background-image: none; } .btn-continue.disabled, .btn-continue[disabled], fieldset[disabled] .btn-continue, .btn-continue.disabled:hover, .btn-continue[disabled]:hover, fieldset[disabled] .btn-continue:hover, .btn-continue.disabled:focus, .btn-continue[disabled]:focus, fieldset[disabled] .btn-continue:focus, .btn-continue.disabled:active, .btn-continue[disabled]:active, fieldset[disabled] .btn-continue:active, .btn-continue.disabled.active, .btn-continue[disabled].active, fieldset[disabled] .btn-continue.active { background-color: var(--green2); border-color: gray; opacity: 0.4; } /*Buttons*/ .btn-signup { -webkit-transition: all linear 0.2s; -moz-transition: all linear 0.2s; -ms-transition: all linear 0.2s; -o-transition: all linear 0.2s; transition: all linear 0.2s; background: var(--primary-color); color: var(--dark1); border: none; font-size: 12px; text-transform: uppercase; /*line-height: 22px;*/ /*border-radius: 0;*/ /*padding: 18px 14px;*/ /*font-family: 'Montserrat', sans-serif;*/ border-radius: 3px; } .btn-signup:hover { color: var(--main-font-color); /*border-radius: 10px; display: inline-block; transition: all 0.3s ease 0s;*/ } /* Button Periods */ .btn-period { color: var(--main-font-color); background-color: var(--middle-headers-bg-color); padding: 3px 7px; font-size: 10px; text-transform: uppercase; font-weight: 600; margin-right: 5px; color: var(--middle-font-color) } .btn-period:hover { color: var(--middle-font-color); } /* Button Periods */ .btn-period-totals { color: #98979c !important; background-color: white; /*padding: 3px 7px;*/ font-size: 10px; text-transform: uppercase; border: 1px solid #ccc; padding: 4px; /*margin-top: -8px;*/ /*margin-right: 5px;*/ color: var(--middle-font-color); width: 100%; margin-top: 27px; } @media only screen and (min-width: 1200px) { .btn-period-totals { white-space: initial; text-align: left; float: right; padding: 4px !important; line-height: 1.2; width: 64px !important; margin-top: 20px !important; background-color: white; } .btn-period-totals:before { margin-top: 6px !important; } } @media only screen and (max-width: 1200px) { .btn-period-totals { text-align: left; float: right; padding: 4px !important; line-height: 1.2; width: 64px; } } @media only screen and (min-width: 768px) { .btn-period-totals { width: 96px; margin-top: 0; margin: 6px 0; } } .btn-period-totals:hover { /*color: white !important;*/ /*background-color:var(--primary-color);*/ /*border:1px solid var(--primary-color);*/ } .btn-period-totals:before { font-family: "ui_icons"; content: "\e60c"; float: right; transform: rotate(-90deg); padding-left: 0; } .btn-period-totals.TeamTotalSelected:before { float: left; } .btn-period-totals.active { background-color: var(--primary-color); border: 1px solid var(--primary-color); color: white !important; } .btn-period-totals.active:before { transform: rotate(90deg); } .btn-period-totals:hover::before { /*color: white !important;*/ } .btn-period:hover { /*color: var(--main-font-color);*/ /*background-color: var(--primary-color);*/ border-bottom: 4px solid var(--black); /*border-color: var(--primary-color);*/ } .mob_period_wrapper .btn-period { color: white !important; border-bottom: none !important; border-radius: 20px; padding: 5px 10px; } .mob_period_wrapper .period { background-color: var(--dark2); padding: 2px 5px 11px 9px; } .mob_period_wrapper .btn-period.active { color: white !important; background-color: var(--primary-color); } .btn-period:active, .btn-period.active, .open .dropdown-toggle.btn-period { color: var(--middle-font-color); border-bottom: 4px solid var(--primary-color); font-weight: 600; } /* Button Betlines Mobile */ .btn-betlines.active, .open .dropdown-toggle.btn-betlines { background-image: none; background: var(--primary-color); border: none !important; box-shadow: 0 4px 6px -6px #222; } @media only screen and (max-width: 767px) { .btn-betline-container { width: 44% !important; } } @media only screen and (max-width: 991.98px) { .gameLineInfo-wrapper { background-color: white; border-radius: 4px; overflow-x: hidden; } .btn-period-totals { float: right; border-color: black; color: black !important; padding: 8px; margin: 4px; width: 120px } .panel-heading-sub { /* color: var(--headers-bg-color); */ /* border-color: #ddd; */ padding: 0 8px; /* border-bottom: 1px solid var(--primary-color); */ color: white; background: var(--dark1) !important; height: 41px !important; min-width: 290px; } .period { width: 100%; float: left; position: relative; } .btn-period-group { display: inline-block; margin-top: 0; margin-bottom: 8px; } .btn-period { color: var(--main-font-color); background-color: var(--dark1); padding: 3px 7px; font-size: 12px; text-transform: uppercase; margin-right: 5px; color: rgb(255 255 255 / 0.4); background-color: inherit; border-bottom: 4px solid var(--dark1); } .btn-period:hover { /*color: var(--main-font-color);*/ /*background-color: var(--primary-color);*/ border-bottom: 4px solid white; /*border-color: var(--primary-color);*/ } .btn-period:active, .btn-period.active, .open .dropdown-toggle.btn-period { color: white; border-bottom: 4px solid white; background-color: inherit; /*border-color: var(--primary-color);*/ } .btn-betlines input[type="button"] { display: none; } .bettinglines .row { margin: 0; padding: 0px 4px 0 3px; } .btn-betline-container { padding: 3px; width: 33%; float: left; /* width: 100%; margin: 0;*/ } .btn-betline-container .btn-betlines { width: 100%; border-radius: 3px; padding: 2px 8px; font-size: 13px; font-weight: bold; } /*.btn-group .btn-betlines:nth-of-type(2) { width: 34%; }*/ .team-total-wrapper { text-align: right; height: 50px; padding: 4px; } .team-total { float: right; padding: 4px; } .teamtotal .btn-betlines { /*width: 49%;*/ } .teamtotal .btn-betlines:nth-of-type(2) { width: 49%; } .draw .btn-betlines { width: 100%; } } /* Button Agents */ .agent-lines button[class^="btn"], .agent-lines button[class^="btn"]:disabled { background-color: transparent !important; border-color: transparent !important; cursor: default; } .agent-view-lines .btn-betlines, .agent-view-lines, .agent-view-lines .btn-betlines.active { background-color: var(--main-font-color) !important; cursor: default; } .agent-view-lines .btn:focus, .agent-view-lines .btn:active:focus, .agent-view-lines .btn.active:focus, .agent-view-lines .btn.focus, .agent-view-lines .btn:active.focus, .agent-view-lines .btn.active.focus { outline: none !important; outline-offset: 0; } .btn-openspot { color: black; background-color: var(--main-font-color); padding: 3px 7px; font-size: 10px; text-transform: uppercase; margin-top: -8px; margin-right: 5px; } .btn-rolling-if-bet { color: white; background-color: #606060; padding: 3px 7px; font-size: 10px; text-transform: uppercase; /* margin-top: -8px;*/ margin-right: 5px; } .rolling-if-bet-details { margin-left: 11px !important; } .btn-rolling-if-bet .icon_viewresults, .btn-rolling-if-bet .icon_viewresults:before, .btn-rolling-if-bet .icon_viewresults_minus:after, .btn-rolling-if-bet .icon_viewresults_minus:before, .btn-rolling-if-bet .icon_viewresults_minus span { border: none !important; background-color: inherit !important; color: white !important; } .graded-data-detail .icon_viewresults_minus:before { content: "\ea0b"; color: var(--green3); } .btn-openspot:hover { color: var(--main-font-color); color: black; border-color: #6BB2D6; } .btn-openspot:active, .btn-openspot.active, .open .dropdown-toggle.btn-openspot { color: var(--main-font-color); background-color: var(--green2); border-color: #9CD79D; padding: 10px; font-size: 1.1em; width: 75%; margin: 0 auto; } @media (max-width: 767px) { .btn-openspot:active, .btn-openspot.active { width: 100%; } } .btn-report-modal { margin-left: 10px; } .btn-report-modal { color: black; background-color: var(--line-button-selected-color); padding: 5px 10px; font-size: 11px; text-transform: uppercase; margin-top: -8px; font-weight: bold; } .btn-report-modal:hover { color: black !important; background-color: var(--line-button-selected-color) !important; } .btn-report-modal:active, .btn-report-modal.active, .open .dropdown-toggle.btn-report-modal { background-image: none; } .btn-report-modal.disabled, .btn-report-modal[disabled], fieldset[disabled] .btn-report-modal, .btn-report-modal.disabled:hover, .btn-report-modal[disabled]:hover, fieldset[disabled] .btn-report-modal:hover, .btn-report-modal.disabled:focus, .btn-report-modal[disabled]:focus, fieldset[disabled] .btn-report-modal:focus, .btn-report-modal.disabled:active, .btn-report-modal[disabled]:active, fieldset[disabled] .btn-report-modal:active, .btn-report-modal.disabled.active, .btn-report-modal[disabled].active, fieldset[disabled] .btn-report-modal.active { background-color: #E10600FF; border-color: #eea236; } /* Button View Graded Results */ .btn-graded { color: black; background-color: var(--line-button-selected-color); padding: 3px 7px; font-size: 10px; text-transform: uppercase; border: 1px solid #428D3E; margin-bottom: 7px; } .btn-graded:hover, .btn-graded:focus, .btn-graded:active, .btn-graded.active, .open .dropdown-toggle.btn-graded { color: var(--main-font-color); background-color: #428D3E; border-color: #428D3E; } /* Modal Dialog Box */ /* Modal Bootstrap overwrite */ .modal-open .modal, .btn:focus { outline: none !important; } .modal .modal-body { background: white; color: var(--headers-bg-color); } .modal .modal-header { background: var(--headers-bg-color); color: white; } .modal .modal-header h1, .modal .modal-header h2, .modal .modal-header h3, .modal .modal-header h4 { color: #ccc; } .modal .modal-header h1, .modal .modal-header h2, .modal .modal-header h3, .modal .modal-header h4 { color: white; font-weight: 200; font-size: 26px; } .modal .modal-footer { background: white; /*border-top: 1px solid #2a2c2e;*/ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .bootstrap-dialog-footer-buttons { text-align: center; } .bootstrap-dialog-footer-buttons button { margin: 0 1.5rem; } .modal-content { width: 100%; } /* .modal-header { background-color: var(--header-footer-bg-color); border-bottom: 1px solid #CCC; padding: 15px 15px 5px 15px; color: var(--main-font-color); } .modal-header .close { opacity: 1; margin-top: -5px; font-size: 35px; font-weight: normal; border: 1px solid transparent; color: var(--primary-color); text-shadow: 0 1px 0 var(--primary-color); }*/ .bootstrap-dialog-title { letter-spacing: 0.05em; text-transform: uppercase; margin: 0px; } .bootstrap-dialog-header { overflow: auto; } /*.modal-footer { padding: 0 20px 20px; margin-top: 0; text-align: right; border-top: none; }*/ .bootstrap-dialog-title { float: left; } .bootstrap-dialog-close-button { float: right; border: 1px solid transparent; display: block; } /* hide label on mobile */ /*@media (max-width: 768px) { */ @media (max-width: 991.98px) { .hidelabel-xs, .hidelabel-xs input { display: block !important; } .hidelabel-xs .input-group-addon { display: none !important; } } /* kill default bootstrap padding on columns */ .no-padding { padding: 0; } .no-padding-force { padding: 0 !important; } @media (max-width: 767px) { .no-padding-xs { padding: 0; } } .no-padding-left { padding-left: 0; } .pr-10 { padding-right: 10px; } @media (max-width: 767px) { .no-padding-xs { padding-left: 0; } } .no-padding-right { padding-right: 0; } @media (max-width: 767px) { .no-padding-xs { padding-right: 0; } } .padding-left { padding-left: 20px; } /* MAIN CONTENT AREA */ .page-content-wrapper { padding-top: 45px; padding-bottom: 45px; overflow-y: auto; scrollbar-color: #535353 var(--middle-page-bg-color); background-color: var(--middle-page-bg-color); } .content-header { height: 60px; line-height: 60px; z-index: 100; } .page-content-wrapper-mob .page-content { padding: 0; } .page-content { padding-left: 5px; padding-right: 5px; border-bottom: 1px solid rgb(56 51 82 / 0.2); } .page-content h2 { margin-top: 0; } /*CASE with SIDEBARS */ .page-content-wrapper { height: 100%; float: left; margin: auto; padding: 0 0px 0 0; width: -webkit-calc(100% - 540px); width: -moz-calc(100% - 540px); width: calc(100% - 540px); overflow-y: auto; overflow-x: hidden; scrollbar-color: #535353 var(--content-bg-color); } .page-content-wrapper.extended { width: -webkit-calc(100% - 260px) !important; width: -moz-calc(100% - 260px) !important; width: calc(100% - 260px) !important; } .page-content-wrapper-mob { /*height: 100%;*/ padding: 42px 0 45px 0px; min-width: 260px; -webkit-overflow-scrolling: touch; overflow-y: scroll; overflow-x: hidden; max-width: 100%; scrollbar-color: #535353 var(--content-bg-color); } .modal-body { -webkit-overflow-scrolling: touch; overflow-y: scroll; overflow-x: hidden; max-width: 100%; scrollbar-color: #535353 var(--content-bg-color); } /* FIX FOR SAFARI IOS */ .page-content-wrapper-inner, .modal-body-inner { height: calc(100% + 1px); } /*CASE NO SIDEBARS */ .wrapper-no-sidebars { height: -moz-calc(100% - 70px); height: -webkit-calc(100% - 70px); height: calc(100% - 70px); overflow: auto; } .wrapper-no-sidebars .sidebar-wrapper, .wrapper-no-sidebars #betSlipController { /*display: none;*/ } .wrapper-no-sidebars .page-content-wrapper { height: 100%; float: left; overflow-y: auto; padding: 0 10px 10px 10px; width: -webkit-calc(100%); width: -moz-calc(100%); width: calc(100%); } /*CASE LEFT SIDEBAR */ .wrapper-left-sidebar { height: -moz-calc(100% - 60px); height: -webkit-calc(100% - 60px); height: calc(100% - 60px); overflow: auto; } .wrapper-left-sidebar #betSlipController { display: none; } .wrapper-left-sidebar .page-content-wrapper { height: 100%; float: left; overflow-y: auto; padding: 0 10px 10px 10px; width: -webkit-calc(100% - 260px); width: -moz-calc(100% - 260px); width: calc(100% - 260px); } /* USER INFO HEADER */ .content-header { background-color: var(--dark1); color: var(--main-font-color); height: 60px; } .uinfo { color: var(--primary-color); margin: 0; padding: 0 0 0 12px; font: normal 0.90em/1 Montserrat, sans-serif; letter-spacing: 0.03em; text-transform: uppercase; display: inline-block; min-width: 210px; } .uinfo .user, .uinfo .balance { float: left; color: white; white-space: nowrap; min-width: 90px; } .user-id { color: white !important; } .uinfo .user span, .uinfo .balance span { color: var(--main-font-color); margin: 0 5px 0 0; } .balance { margin-left: 15px; } /**/ #custBalInfo { display: inline-block; } .uinfopanel { margin: -4px 0 0; /*padding: 0 0 0 26px;*/ background: var(--headers-bg-color); width: 100%; } .uinfo a, .uinfo a:hover, .uinfopanel a, .uinfopanel a:hover { color: white; } .uinfopanel .row { padding-bottom: 10px; } .uinfopanel .detail { background-color: var(--dark1); } .uinfopanel .row div { float: left; min-width: 100px; } .uinfopanel p { /*margin: 0 18px 0 0;*/ color: white; font-family: Montserrat, sans-serif; letter-spacing: 0.03em; font-size: 14px; /*text-transform: uppercase;*/ line-height: 1.3em; margin: 5px 0 0 25px; } .uinfopanel p span { margin: 0 5px 0 0; color: var(--gray-font-color); } .navbar-fixed-top { top: 0; } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 100; } /*@media (max-width:767px) {*/ @media (max-width: 991.98px) { .sidebar-nav label:hover { color: var(--main-font-color); } .content-header { background-image: url(../images/bg_darkblue45.png) top left repeat-y; } .uinfopanel { background: black; /*padding: 0 0 0 26px;*/ /*border-left: 45px solid var(--main-font-color);*/ } .uinfopanel p { /*margin: 0 20px 0 0;*/ /*color: var(--primary-color);*/ /*padding-bottom: 11px;*/ font-family: Montserrat, sans-serif; letter-spacing: 0.03em; /*text-transform: uppercase;*/ } .navbar-fixed-top { padding-left: 0px; } } /*@media (max-width: 767px) {*/ /* .uinfopanel {*/ /* padding: 0 0 0 31px;*/ /* border-left: 45px solid black;*/ /* }*/ /*}*/ /* DESKTOP HEADER */ header { height: 70px; background-color: var(--headers-bg-color); width: 100%; border-bottom: solid 1px #eaeaea; /*box-shadow: 0 14px 17px -1px rgba(0,0,0,.66);*/ } /*header .logo img {*/ /* width: 200px;*/ /* margin-top: 16px;*/ /* margin-left: 30px;*/ /*}*/ /*header div.logo {*/ /* height: 70px;*/ /*}*/ .logo-holder { background-color: var(--headers-bg-color); } .logo-holder-no-bg { background-color: none !important; } .header-menu { height: 70px; } @media (max-width:1743px) and (min-width:990px) { .header-menu nav { min-width:608px; } .header-menu nav ul li a{ font-size:10px!important; } .header-flex{ font-size:10px!important; } } .header-menu nav { width: 100%; height: 69px; display: flex; align-self: center; background-color: var(--headers-bg-color); } .header-menu nav.no-bg { background: none !important; } .header-menu nav ul { list-style: none; display: flex; justify-content: flex-start; align-items: center; font-size: 14px; } .header-menu nav ul li { margin: 0; text-align: center; height: 85%; display: flex; align-items: center; background-color: var(--headers-bg-color); position: relative; padding: 6px; font-weight: 600; display: flex; justify-content: center; } .header-menu nav ul li.active { background-color: var(--heading-hover-color); } .header-menu nav ul li:last-child, .header-menu nav ul li:last-child a { border-radius: 0 4px 4px 0; } .header-menu nav ul li a { padding: 0 8px; text-transform: uppercase; font-size: 13px; } .header-menu nav ul li a:hover { color: var(--white) !important; } .header-menu nav ul li:hover { border-bottom: solid 2px red; } .header-menu nav>ul>li>a { color: var(--white); } .header-menu nav ul li img { margin: auto; /*width: 100%;*/ max-height: 15px; max-width: 26px; opacity: 0.5; width: 20px; } .header-menu nav ul li a:not(.dropdown-item):hover { color: var(--main-font-color); } .header-menu nav ul li a.dropdown-item:hover { color: black !important; font-weight: bold; } .dropdown-toggle .mm-item::after { display: inline-block; width: 15px; height: 15px; margin-left: 4px; margin-top: 0.30em; vertical-align: -7px; content: ""; background-image: url("/assets/img/arrow_menu.svg"); background-repeat: no-repeat; } .header-menu nav ul li a:hover img { opacity: 1; } @media (max-width: 1224px) { .header-menu nav ul li .header_menu_item img { max-height: 20px; height: 20px; } .header-menu nav ul li .header_menu_item { flex-direction: column; } } .header-menu nav ul li .active img { opacity: 1; } .header-menu nav ul li .active { color: var(--white); } .header-options { height: 69px; display: flex; justify-content: flex-end; font-weight: 600; } .header-login { padding-top: 20px; /*padding-right: 30px;*/ display: flex; justify-content: flex-end; } .header-login input { width: 110px !important; border-radius: 2px; /*background-color: var(--input-custom-bg-color);*/ border: none; border-bottom: 2px solid white; /*border: none;*/ /*color: var(--main-font-color);*/ } .header-login input:focus { border-color: inherit; box-shadow: none; border-bottom: 2px solid var(--primary-color); } .header-login input, .header-login button { font-size: 12px; height: 2.2em; } .footer_text { color: rgb(0 0 0 / 0.4); font-size: 12px; padding: 10px 8%; } .footer_links {} /*custom switch*/ .custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem; } .custom-control-inline { display: -ms-inline-flexbox; display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; left: 0; z-index: -1; width: 1rem; height: 1.25rem; opacity: 0; } .custom-control-input:checked~.custom-control-label::before { color: #fff; border-color: #fff; background-color: rgb(199 200 206 / 0.6); } .custom-switch.settings .custom-control-input:checked~.custom-control-label::before { background-color: rgb(0 0 0/ 0.6); } .custom-control-input:focus~.custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-control-input:focus:not(:checked)~.custom-control-label::before { border-color: #80bdff; } .custom-control-input:not(:disabled):active~.custom-control-label::before { color: #fff; background-color: #b3d7ff; border-color: #b3d7ff; } .custom-control-input[disabled]~.custom-control-label, .custom-control-input:disabled~.custom-control-label { color: #6c757d; } .custom-control-input[disabled]~.custom-control-label::before, .custom-control-input:disabled~.custom-control-label::before { background-color: #e9ecef; } .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; } .custom-control-label::before { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 2rem; pointer-events: none; content: ""; background-color: rgb(162 163 175 / 60%); /*border: #adb5bd solid 1px;*/ } .custom-control-label::after { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: no-repeat 50% / 50% 50%; } .custom-checkbox .custom-control-label::before { border-radius: 0.25rem; } .custom-checkbox .custom-control-input:checked~.custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before { border-color: #35a77d; background-color: #35a77d; } .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before { background-color: #35a77d; } .custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before { background-color: #35a77d; } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked~.custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .custom-radio .custom-control-input:disabled:checked~.custom-control-label::before { background-color: #35a77d; } .custom-switch { padding-left: 2.25rem; } .custom-switch .custom-control-label::before { left: -4rem; width: 4rem; pointer-events: all; border-radius: 1rem; } .custom-switch .custom-control-label::after { top: calc(0.15rem + 2px); left: calc(-4.25rem + 3px); width: calc(2rem - 2px); height: calc(2rem - 2px); background-color: #fff; border-radius: 50%; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { transition: none; } } .custom-switch.success .custom-control-input:checked~.custom-control-label::after { background-color: #35a77d; -webkit-transform: translateX(0.75rem); transform: translateX(1.25rem); } .custom-switch.success .custom-control-input:disabled:checked~.custom-control-label::before { background-color: #35a77d; } .custom-switch.danger .custom-control-input:checked~.custom-control-label::after { background-color: #f0003B; -webkit-transform: translateX(2rem); transform: translateX(2rem); } .custom-switch.settings .custom-control-input:checked~.custom-control-label::after { background-color: var(--green3); -webkit-transform: translateX(2rem); transform: translateX(2rem); } .custom-switch.success .custom-control-input:disabled:checked~.custom-control-label::before { background-color: #f0003B; } /*end custom switch*/ .btn-login { background-color: white; color: var(--content-bg-color); border: 1px solid #666; padding-left: 20px; padding-right: 20px; padding-top: 3px; border-radius: 3px; border-color: transparent !important; } .btn-login:hover { /*background-color: black; color: var(--main-font-color); border: 1px solid var(--main-font-color); border-radius: 10px; display: inline-block; transition: all 0.3s ease 0s;*/ } .header-login .btn-primary { padding-left: 20px; padding-right: 20px; border-radius: 10px; } .header-login .LoginErrorMessage { padding-top: 2px; color: #ff0000; font-size: 0.9em; } .header-flex { padding: 0; margin: 4px 0; /*width: 100%;*/ display: flex; justify-content: space-between; justify-items: center; font-size: 13px; color: var(--white); align-items: center; } .header-option { justify-content: center; padding-top: 10px; padding: 0 0 6px; } .header-option-item { background-color: var(--headers-bg-color); padding: 0 6px; } .header-option-item.red { background-color: var(--primary-color); } .header-option-item.divided { border-right: 1px solid rgb(255 255 255 / 0.2); } .header-option-item:not(:first-child) { margin-top: 2px; } .header-option.customer-balance a { color: var(--white); } .header-option.customer-balance-usr a { color: var(--white); font-size: 12px; } .header-option.customer-balance a:hover { /*color: var(--primary-color);*/ } @media only screen and (max-width: 991.98px) { header { display: none; } } .headnav { float: left; width: 260px; rigth: 0; z-index: 150; height: 60px; z-index: 100; position: relative; } .headuinfo { float: left; position: absolute; width: 100%; margin-left: 260px; padding-right: 260px; z-index: 50; } .xdinfo { color: var(--main-font-color); margin: 0; padding: 4px 0 0 12px; font: normal 0.80em/2 Montserrat, sans-serif; letter-spacing: 0.03em; text-transform: uppercase; display: inline-block; width: 500px; } .xdinfo a, .xdinfo a:hover { color: var(--main-font-color); } .oneTab nav .menu li { width: 100%; height: 100%; } .oneTab nav .menu li a { margin-top: 10px; } .oneTab nav .menu li a span.icon-sports, .oneTab nav .menu li a span.icon-horses, .oneTab nav .menu li a span.icon-casino { display: inline-block; margin-right: 7px; } .oneTab nav .menu li a { font-size: 1.2em; } .oneTab .icon-sports::before, .oneTab .icon-horses::before, .oneTab .icon-casino::before { font-size: 1.3em; } .twoTab nav .menu li { width: 130px; } .xdinfo { width: 550px; float: left; } .xdinfo div { display: block; } .xdinfo div p { display: inline-block; width: 175px; margin: 0; } .xdinfo div p span:first-of-type { color: var(--primary-color); margin-right: 5px; } .LineSearch { float: right; margin: 15px 270px 0 0; width: 140px !important; text-align: right; } .LineSearch input[type="text"] { border: 0 none; font: bold 12px Montserrat, Sans-serif; color: #CCC; width: 140px; padding: 6px 15px 6px 35px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; height: 25px; } .LineSearch input[type="text"]:focus { color: black; } @media only screen and (min-width: 1600px) { .LineSearch { width: 180px; } .LineSearch input[type="text"] { width: 180px; } } @media only screen and (max-width: 1224px) { .LineSearch { display: none; } } /* enable absolute positioning */ .inner-addon { position: relative; } /* style icon */ .inner-addon .glyphicon { position: absolute; padding: 4px 0 0 8px; pointer-events: none; } /* align icon */ .left-addon .glyphicon { left: 0px; } .right-addon .glyphicon { right: 0px; } /* add padding */ .left-addon input { padding-left: 30px; } .right-addon input { padding-right: 30px; } .headmisc { float: right; width: 260px; rigth: 0; z-index: 150; height: 60px; z-index: 100; position: relative; text-align: right; font-size: 10px; text-transform: uppercase; padding-top: 12px; } .btn-classicsite { margin-top: 20px; background: #fbfbfb; padding: 10px 0; font-family: inherit; } .btn-classicsite:hover { background: #DEDEDE; color: black; border: 1px solid var(--main-font-color); } .btn-livechatmob { margin-top: 0; /*background: #fbfbfb;*/ padding: 10px 0; font-family: inherit; } .btn-livechatmob:hover { background: #DEDEDE; color: black; border: 1px solid var(--main-font-color); } .btn-horses, .btn-horses:hover { margin-top: 20px; background: var(--green2); padding: 10px 0; font-family: inherit; border: 1px solid #9cd79d; color: var(--main-font-color); } .livechat { background: var(--primary-color); padding: 3px 35px; font-size: 10px; text-transform: uppercase; margin-right: 7px; color: var(--main-font-color); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /*border: 1px solid #62b5ea;*/ } .livechat:hover { background: black; color: var(--main-font-color); } .desklogout { background: #E10600FF; padding: 3px 10px; font-size: 10px; text-transform: uppercase; margin-right: 10px; color: var(--main-font-color); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .desklogout:hover { color: var(--main-font-color); } .headmisc ul { margin-top: 12px; margin-right: 10px; padding: 0; } .headmisc ul li { display: inline-block; color: var(--main-font-color); margin-left: 12px; font-size: 9px; } .headmisc ul li:first-of-type { margin-left: 0px; } .headmisc ul li a { color: var(--main-font-color); } .headmisc ul li a:hover { color: #FC0; } .headmisc ul li a span.inbox-count { font-weight: bold; color: #FC0; } /* SEARCH */ #navbar_mobile_info { display: flex; justify-content: space-between; } .navbar_mobile_info_balance { transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transform-style: all 0.5s; font-size: 11px; display: flex; line-height: 20px; margin: 22px 0 18px 0; } .navbar_mobile_info_balance .item { background-color: var(--sidebar-bgcolor); padding: 0 10px; } .navbar_mobile_info_balance .item.left { border-radius: 8px 0 0 8px; } .navbar_mobile_info_balance .item.right { border-radius: 0 8px 8px 0; } #navbar_mobile_info.search_expanded .navbar_mobile_info_balance { display: none; } .navbar_mobile_info_balance .wagerTypeName { color: var(--primary-color); } #navbar_mobile_info.search_expanded .navbar_mobile_info_calendar { display: none; } .navbar_mobile_info_calendar .dropdown-menu { right: -60px !important; left: auto !important; } #navbar_mobile_info.search_expanded .row-mobile-search { width: 100%; } .row-mobile-search { margin: 8px 0 0 0; z-index: 1; margin: 8px 0 0 0; width: 30px; } .row-mobile-search .choose_odds { z-index: inherit; } .row-mobile-search .choose_odds .dropdown-menu { left: -20px; } .row-mobile-search .row-mobile-search-tab { float: left; /*width: 50%;*/ margin: 0; } .row-mobile-search .row-mobile-search-tab:nth-of-type(1) { float: left; } .row-mobile-search .row-mobile-search-tab:nth-of-type(2) { float: right; width: 128px; text-align: right; border: 0; } .row-mobile-search .row-mobile-search-tab:nth-of-type(2) button { color: black; } input.search-query { padding-left: 40px; height: 28px; top: 50px; border: none; width: 100%; border-radius: 2px; background-color: var(--gray4); font-size: 12px; } #navbar_mobile_info.search_expanded input.search-query-mobile { color: var(--text-black-color) !important; } /* reset webkit search input browser style */ input.search-query-mobile { outline: none; } input.search-query-mobile[type=search] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; font-family: inherit; font-size: 100%; } input.search-query-mobile::-webkit-search-decoration, input.search-query-mobile::-webkit-search-cancel-button { display: none; /* remove the search and cancel icon */ } input.search-query-mobile { width: 15px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; background: url('/assets/img/bg_search.svg') no-repeat 4px center; position: absolute; top: 8px; left: 0; -webkit-border-radius: 20px; border-radius: 20px; -moz-border-radius: 20px; line-height: normal; } input.search-query-mobile:focus { width: 100%; border-color: var(--primary-color); background-color: #fff; -webkit-box-shadow: 0 0 5px var(--gray2); -moz-box-shadow: 0 0 5px var(--gray2); box-shadow: 0 0 5px var(--gray2); } input#srch-term.white { background-color: white; } @media only screen and (min-width: 992px) { .search { width: 160px; display: inline-flex; } } @media only screen and (max-width: 768px) { .search { margin-left: 10%; width: 100%; } } .choose_odds { float: right; display: inline-flex; color: var(--gray2); margin: 5px 0 5px 5px; padding-right: 16px; border-right: 1px solid rgb(153 150 160 / 0.4); } .choose_odds-mobile { /*padding-left: 16px;*/ /*background-color: white;*/ /*margin:auto!important;*/ border-radius: 2px; margin-top: 0px; float: right; margin-bottom: 14px; } .choose_odds button, .choose_language button { padding: 4px 14px 4px 0; font-size: 12px; color: var(--headers-bg-color); background-color: transparent; z-index: 100; white-space: normal; font-weight: 600; } .choose_odds .dropdown-item, .choose_language .dropdown-item { font-size: 14px; line-height: 27px; cursor: pointer; } .choose_odds::after, .choose_language::after { display: inline-block; width: 15px; height: 15px; margin-left: -0.7em; margin-top: 0.60em; vertical-align: .255em; content: ""; background-image: url("/assets/img/arrow_s.svg"); background-repeat: no-repeat; } .choose_language { display: inline-flex; float: right; color: var(--gray2); margin: 10px 30px 5px 10px; } .slider { padding: 49px 0 0 0; } div#betOfferingHeader.extended { width: calc(100% - 260px); background-color: white; position: fixed; z-index: 1000; top: 70px; margin-left: -10px; -webkit-box-shadow: 0px 0px 12px -4px rgba(1, 6, 15, 0.92); box-shadow: 0px 0px 12px -4px rgba(1, 6, 15, 0.92); } div#betOfferingHeader { width: calc(100% - 550px); background-color: white; height: 50px; position: fixed; z-index: 99; } /*div#betOfferingHeader {*/ /*width: calc(100% - 550px);*/ /*background-color: white;*/ /*height: 50px;*/ /*position: fixed;*/ /*z-index: 99;*/ /*}*/ div#betOfferingHeader.extended { width: 100%; -webkit-box-shadow: 0px 0px 12px -4px rgba(1, 6, 15, 0.92); box-shadow: 0px 0px 12px -4px rgba(1, 6, 15, 0.92); } #desktopPagination { left: calc(100% - 110px); width: 180px; background-color: white; position: fixed; z-index: 1000; top: 70px; margin-left: -10px; padding-top: 7px; } div#search_wrapper { width: calc(100% - 540px); background-color: white; position: fixed; z-index: 1000; top: 70px; margin-left: -10px; -webkit-box-shadow: 0px 0px 12px -4px rgba(1, 6, 15, 0.92); box-shadow: 0px 0px 12px -4px rgba(1, 6, 15, 0.92); } div#search_wrapper.extended { width: calc(100% - 540px + 144px); -webkit-box-shadow: none !important; box-shadow: none !important; } .form-search { position: relative; height: 34px; color: black; margin: 10px 0 5px 10px; } .lines_delay { color: black; font-size: 11px; display: inline-flex; position: absolute; margin: 10px 0 0 210px; font-weight: 300; max-width: 240px; } .lines_delay_mobile { color: black; font-size: 11px; font-weight: 300; width: 300px; text-align: center; margin: auto; } .row-mobile-search-tab.form-search:before { background: none !important; ; } .form-search:before { font-family: "ui_icons"; content: ""; display: block; color: var(--content-bg-color); position: absolute; top: 5px; left: 5px; opacity: .7; margin-left: 5px; background-image: url("/assets/img/search.svg"); background-repeat: no-repeat; width: 18px; height: 18px; } input.search-query3:before { font-family: "ui_icons"; content: "\e608"; display: block; color: #0280D2; } /* Wager Type Title */ h2.line_title { position: relative; text-align: center; margin-bottom: 10px; font-size: 0.9em; background-color: #0f0d19; padding: 5px; /*font: normal 0.7em/1 Montserrat,sans-serif;*/ /*letter-spacing: 0.05em;*/ /*text-transform: uppercase;*/ /*height: 1em;*/ } h2.line_title span { text-align: left; float: left; padding: 0 10px 0 0; /*background-color: var(--main-font-color);*/ } h2.line_title span.center { text-align: center; padding: 5px 10px; float: none; /*background: var(--content-bg-color); border-radius: 5px;*/ } h2.line_title a.cancelselection { text-align: right; float: right; padding: 0 0 0 10px; /*background-color: var(--main-font-color);*/ } h2.line_title a.cancelselection:before { font-family: "ui_icons"; content: "\e610"; display: inline-block; margin: 0; color: #C00; font-size: 1.2em; text-align: center; } .BettingOptions { margin: 15px 0 !important; } .BettingOptions div { padding: 0; } .BettingOptions .animated { -moz-animation-delay: 0s; -webkit-animation-delay: 0s; animation-delay: 0s; } .BettingOptions .animated:nth-child(2) { -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .BettingOptions .animated:nth-child(3) { -moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .BettingOptions .animated:nth-child(4) { -moz-animation-delay: 0.3s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .bo_sports, .bo_livebetting, .bo_horses, .bo_casino { background: url(/assets/img/bo_options.jpg); overflow: hidden !important; border-radius: 6px; margin: 0 5px 0 0 !important; } .bo_livebetting { background-position: 1200px 0px; margin: 0 5px !important; } .bo_horses { background-position: 800px 0px; margin: 0 5px !important; } .bo_casino { background-position: 400px 0px; margin: 0 0 0 5px !important; } .BettingOptions div a { color: var(--main-font-color); height: 150px; position: relative; font-family: Montserrat, sans-serif; letter-spacing: 0.1em; text-transform: uppercase; overflow: hidden; background: transparent; } @media only screen and (max-width: 1024px) { .BettingOptions div a { font-size: 0.85em; } } @media only screen and (min-width: 1024px) { .bo_sports_solo { background: url(/assets/img/main_sports_1.jpg) center; overflow: hidden !important; border-radius: 6px; margin: 0 5px 0 0 !important; } } @media only screen and (min-width: 1280px) { .bo_sports_solo { background: url(/assets/img/main_sports_3.jpg) center; overflow: hidden !important; border-radius: 6px; margin: 0 5px 0 0 !important; } } @media only screen and (min-width: 1680px) { .bo_sports_solo { background: url(/assets/img/main_sports.jpg) center; overflow: hidden !important; border-radius: 6px; margin: 0 5px 0 0 !important; } } .BettingOptions div a span.opt-filter { position: absolute; bottom: -80px; right: -50px; width: 400px; height: 100px; /*background-color: black;*/ z-index: 1; -ms-transform: rotate(-20deg); -webkit-transform: rotate(-20deg); transform: rotate(-20deg); } .BettingOptions div.bo_sports a span.opt-filter { border: 3px solid var(--main-font-color); } .BettingOptions div.bo_livebetting a span.opt-filter { border: 3px solid #6BB2D6; } .BettingOptions div.bo_horses a span.opt-filter { border: 3px solid #006600; } .BettingOptions div.bo_casino a span.opt-filter { border: 3px solid #B60E0E; } .bo_sports a:hover span.opt-filter, .bo_livebetting a:hover span.opt-filter, .bo_horses a:hover span.opt-filter, .bo_casino a:hover span.opt-filter { -webkit-transition: background-color 0.3s ease-out; -moz-transition: background-color 0.3s ease-out; -o-transition: background-color 0.3s ease-out; transition: background-color 0.3s ease-out; } .bo_sports a:hover span.opt-filter { background-color: #242425; } .bo_livebetting a:hover span.opt-filter { background-color: #6BB2D6; } .bo_horses a:hover span.opt-filter { background-color: #006600; } .bo_casino a:hover span.opt-filter { background-color: #B60E0E; } .BettingOptions div a span.opt-label { position: absolute; bottom: 0; right: 0; padding: 10px; z-index: 10; } .BettingOptions a:hover { color: var(--main-font-color); } .BettingOptions div a div { position: absolute; bottom: 0; right: 0; background-color: black; padding: 15px; } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border: 1px solid var(--main-font-color); } .thumbnail { margin-bottom: 0; } @media only screen and (max-width: 1024px) { .BettingOptions div a span.opt-filter { bottom: -92px; right: -50px; } } /* entire container, keeps perspective */ .flip-container { position: relative; } /* flip the pane when hovered */ .flip-container:hover .flipper, .flip-container.hover .flipper { transform: rotateY(180deg); } .flip-container, .front, .back { height: 150px; } /* flip speed goes here */ .flipper { transition: 0.6s; transform-style: preserve-3d; position: relative; } /* hide back of pane during swap */ .front, .back { backface-visibility: hidden; position: relative; top: 0; left: 0; } /* front pane, placed above back */ .front { z-index: 2; /* for firefox 31 */ transform: rotateY(0deg); } /* back, initially hidden pane */ .back { transform: rotateY(180deg); position: absolute; /*background-color: black;*/ width: 95%; border-radius: 6px; } .bo_casino_virtual, .bo_casino_live { display: inline-block; width: 50%; border-right: 1px solid var(--main-font-color); height: 150px; text-align: center; float: left; } .bo_casino_virtual a, .bo_casino_live a { display: block; padding-top: 50px !important; } .bo_casino_virtual a:hover, .bo_casino_live a:hover { color: #FC0; background: #E10600FF; } .bo_casino_live { float: right; border: none; width: 50%; } @media only screen and (max-width: 1024px) { .bo_casino_virtual, .bo_casino_live { display: block; width: 100%; border-right: none; height: 75px; text-align: center; float: none; } .bo_casino_live { float: none; border: none; width: 100%; } .bo_casino_virtual a, .bo_casino_live a { display: inherit; padding-top: 15px !important; height: 75px !important; } } /* Account Options */ h2.line_title { -moz-animation-delay: 1.2s; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; background-color: #0f0d19; padding: 10px; } .AccOptions { -moz-animation-delay: 1s; -webkit-animation-delay: 1s; animation-delay: 1s; } .AccOptions a { display: block; color: black; border-right: 1px solid #CCC; text-align: center; font-size: 0.8em; padding: 10px 0; margin-bottom: 20px; cursor: inherit; } .AccOptions div:last-of-type a { border-right: none !important; } .AccOptions a:hover { color: black; } .AccOptions a h2 { font: normal 1.2em/1 Montserrat, sans-serif; letter-spacing: 0.05em; text-transform: uppercase; color: black; margin-top: 15px; } .AccOptions a>i { display: block; margin: 0 25px; } .icon_reports, .icon_inbox, .icon_rules, .icon_settings { display: block; position: relative; border: 2px solid var(--main-font-color); background-color: #d5d5d5; height: 60px; width: 60px; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; margin: 0 auto; padding-top: 1px; } .icon_reports i:before, .icon_inbox i:before, .icon_rules i:before, .icon_settings i:before { font-family: "ui_icons"; display: block; margin: 0; color: var(--primary-color); font-size: 2.3em; font-style: normal; margin-top: 6px; } .icon_reports i:before { content: "\e601"; } .icon_inbox i:before { content: "\e603"; } .icon_rules i:before { content: "\e905"; margin-top: 9px; font-size: 2.4em; } .icon_settings i:before { content: "\e602"; } .icon_inbox .badge { background-color: #FC0; color: black; font-weight: 400; padding: 4px 10px; z-index: 100; position: absolute; top: 28px; right: -20px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; } a:hover .icon_reports, a:hover .icon_inbox, a:hover .icon_rules, a:hover .icon_settings { border: 2px solid #F0F0E1; cursor: pointer; -webkit-transition: border 500ms ease-out; -moz-transition: border 500ms ease-out; -o-transition: border 500ms ease-out; transition: border 500ms ease-out; } @media only screen and (max-width: 1024px) { .AccOptions a>i { margin: 0 5px; } } @media only screen and (max-width: 1366px) { .AccOptions a { height: 170px; min-height: 220px; } } /* BETTING LINES */ .panel-group .panel+.panel { margin-top: 12px; } .page-content-wrapper .page-content .panel-group>div { margin-bottom: 12px; } .page-content-wrapper .page-content .panel-group .panel { border: none; } .panel-default .panel-heading { background-color: var(--middle-headers-bg-color); border-radius: 2px; color: var(--middle-font-color); text-transform: capitalize; /*border-color: #DDD; background-color: #c4f3c4;*/ } .panel-heading.sportType { padding: 10px 17px 8px 17px; background-color: var(--dark2); } .panel-heading.sportType span { color: white; } #SportsAv .panel-default .panel-heading:hover { border-left: 4px solid var(--primary-color); } .panel-heading a { color: var(--middle-font-color); } .panel-heading-sub { color: var(--headers-bg-color); /*border-color: #ddd;*/ padding: 0 26px; /*border-bottom: 1px solid var(--primary-color);*/ background: var(--headers-bg-color); height: 40px; min-width: 290px; } h3.panel-title, span.panel-title { /*letter-spacing: 0.05em;*/ text-transform: uppercase; font-weight: 700; margin: 0; } a.collapsed .panel-title { /*font: normal 1.1em/1 Montserrat,sans-serif;*/ letter-spacing: 0.05em; /*text-transform: uppercase;*/ margin: 0; } .panel-title:before { font-family: "ui_icons"; content: "\e60c"; float: right; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } a.collapsed .panel-title:before { font-family: "ui_icons"; content: "\e60c"; float: right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .bettinglines { margin: 0; padding: 0; } .page-content-wrapper-mob .bettinglines li { padding: 0; } .bettinglines li { margin: 0; padding: 0 0 10px 0; list-style-type: none; background-color: var(--middle-page-bg-color); /*border-top: 1px solid #242425;*/ } .line_titles { -webkit-box-shadow: 0 4px 6px -6px #222; -moz-box-shadow: 0 4px 6px -6px #222; box-shadow: 0 4px 6px -6px #222; margin-bottom: 4px; } .line_titles, .line_titles_column { display: flex; justify-content: space-between; padding: 0 6px; font-size: 12px; color: black; background-color: white; } .line_titles_column_date h3 { color: black !important; } #line_titles div, .line_titles_column div { display: flex; justify-content: space-evenly; padding: 1px 6px; text-align: center; font-size: 11px; } .line_titles_column div.line_titles_column_detail { flex-direction: column; background: url('/assets/img/change.svg') no-repeat right 9px; background-size: 9px; } div.line_titles_column_detail .title { font-weight: bold; } div.line_titles_column_detail .title span.highlighted { color: var(--primary-color); border-top: none !important; } div.line_titles_column_detail .wtMax { font-style: italic; } @media only screen and (max-width: 991.98px) { .bettinglines { margin: 0 0 10px 0; } .bettinglines li { background-color: var(--middle-page-bg-color); } } .bettinglines li:first-of-type { border-top: none; } .bettinglines li:nth-child(odd) { /*background: black;*/ /*border-bottom: 1px solid #CCC; border-top: 1px solid #CCC;*/ } .bettinglines li:nth-child(even) { /*background: black;*/ } .openspot_msg { font: normal 1em/1.4 Montserrat, sans-serif; text-transform: uppercase; background-color: #dff0d8; border-color: #d6e9c6; color: var(--green2); padding: 10px; margin-bottom: 10px; border: 1px solid #5eca60; border-radius: 2px; text-align: center; } /* DAY PERIODS */ .bettinglines li h3 { color: var(--main-font-color); /*font: lighter 1em/1 Montserrat,sans-serif;*/ letter-spacing: 0.05em; font-size: 0.8em; /*text-transform: uppercase;*/ margin: 0; /*text-align: center;*/ /*background-color: #242425;*/ padding: 5px 0; } @media only screen and (max-width: 991.98px) { .bettinglines li h3 { color: white; font-size: 14px; font-weight: 200; padding: 10px 6px; } } .bettinglines li.gameTitle { text-transform: uppercase; color: var(--main-font-color); background: #39C; } .bettinglines li.gameTitle .gametitleinner { font-size: 0.85em; padding: 4px 3px; text-align: center; } .bettinglines li .gameLineInfo { /*padding: 8px 0 0 0;*/ } .bettinglines li .gameLineInfo img.team_rounded { border-radius: 50%; /*border: 1px solid rgb(0 0 0 / 0.2);*/ height: 33px; } .bettinglines li h4 { /*color: black;*/ /*font: normal 0.8em/1 Montserrat,sans-serif;*/ letter-spacing: 0.05em; text-transform: uppercase; padding: 5px 0; } .bettinglines li .gameLineInfo i { display: block; padding-left: 30px; } /* CIRCLED LIMITS */ .CircleLegend { padding: 0; margin: -8px 0 7px 0; } .CircleLegend i { display: inline-block; padding: 0 0 0 18px; position: relative; font-size: 12px; margin: -10px 0 0 0; color: black; margin-right: 25px; } .CircleLegend i:before { content: "."; width: 7px; height: 7px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; position: absolute; left: 4px; bottom: 5px; color: transparent; } .CircleLegend i.CircleLow:before { background: #B20000; } .CircleLegend i.CircleHigh:before { background: #008C00; } .bettinglines li .gameLineInfo button i:before { content: ""; width: 5px; height: 5px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin-top: 10px; position: absolute; left: 4px; bottom: 4px; } .bettinglines li .gameLineInfo button i.CircleLow:before, .tik-amount p i.CircleLow:before { background: #B20000; } .bettinglines li .gameLineInfo button i.CircleHigh:before, .tik-amount p i.CircleHigh:before { background: #008C00; } .ttCircleLow .tooltip.in, .ttCircleHigh .tooltip.in { filter: alpha(opacity=100); opacity: 1; } .ttCircleLow .tooltip.top .tooltip-inner { background-color: #B20000; } .ttCircleLow .tooltip.top .tooltip-arrow { border-top-color: #B20000; } .ttCircleHigh .tooltip.top .tooltip-inner { background-color: #008C00; } .ttCircleHigh .tooltip.top .tooltip-arrow { border-top-color: #008C00; } .contestant-line { justify-content: space-between; padding: 6px; } @media only screen and (max-width: 991.98px) { .bettinglines li h4 { font-size: 1em; color: var(--headers-bg-color); line-height: 22px; } .bettinglines li .gameLineInfo { margin: 6px; /*margin-bottom: 2px;*/ /*padding: 3px 3px 7px 5px;*/ /*background-color: var(--headers-bg-color);*/ background-color: #f3f1f1; color: var(--headers-bg-color); border-radius: 4px; /*padding: 8px 8px 0;*/ position: relative; overflow: hidden; clear: both; } } /* CIRCLED LIMITS MOBILE */ .CircleLegendMob { padding: 0; margin: 0px 0 7px 0; text-align: center; } .CircleLegendMob i { display: inline-block; width: 130px; padding: 0 0 0 22px; position: relative; font-size: 0.9em; margin: 0; /*color: black;*/ text-align: left; } .CircleLegendMob i:before { content: "."; width: 10px; height: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: absolute; left: 4px; bottom: 5px; color: transparent; } .CircleLegendMob i.CircleLow:before { background: #B20000; } .CircleLegendMob i.CircleHigh:before { background: #008C00; } /* .bettinglines li .gameLineInfo label i:before { content:""; width:5px; height:5px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; margin-top: 10px; position: absolute; left: 4px; bottom: 4px; } .bettinglines li .gameLineInfo label i.CircleLow:before, .tik-amount p i.CircleLow:before { background: #B20000; } .bettinglines li .gameLineInfo label i.CircleHigh:before, .tik-amount p i.CircleHigh:before { background: #008C00; } */ .review-wager p i { color: transparent; position: relative; } .review-wager p i:before { content: "."; width: 7px; height: 7px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; position: absolute; left: 6px; bottom: 6px; } .review-wager p i.CircleLow:before { background-color: #B20000; } .review-wager p i.CircleHigh:before { background-color: #008C00; } /* Correlated Line */ .correlated-line { background: #f1faff !important; position: relative; } .correlated-line>.icon-correlated { z-index: 50; position: absolute; opacity: 0.4; } .icon-correlated span { border: 1px solid #E10600FF; } .correlated-line>.icon-correlated:before { margin: 8px 0 0 3px; font-size: 1.5em; } .correlated-line .gameTitle { background: #f1faff !important; padding: 5px 9px 0 38px; } .correlated-line .close { font-size: 1em !important; color: black; font-family: Montserrat; opacity: inherit; } .correlated-line .gameLineInfo { background: #f1faff !important; } .correlated-line .game-line .contests-lines .row { border-bottom: 1px solid var(--line-button-selected-color); } .correlated-title { font: normal 0.9em/1 Montserrat, sans-serif; letter-spacing: 0.05em; /*padding: 5px 9px 0 9px;*/ padding: 7px 9px 0 30px; text-transform: uppercase; margin: 0; color: black; } .tik-amount p { position: relative; } .tik-amount p i { color: transparent; } .tik-amount p i:before { content: "."; width: 7px; height: 7px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 3px; position: absolute; left: 4px; bottom: 4px; } .panel-heading { padding: 10px 10px 0 10px; } .btn-period-group { display: flex; margin-top: 0; margin-bottom: 8px; min-width: 80px; overflow-x: auto; scroll-behavior: smooth; } .btn-period-group { -ms-overflow-style: none; /* Internet Explorer 10+ */ scrollbar-width: none; /* Firefox */ } .btn-period-group::-webkit-scrollbar { display: none; /* Safari and Chrome */ } .pan-heading { display: inline-block; margin-right: 10px; margin-bottom: 8px; } .pan-options { float: left; padding-right: 8px; } /*@media only screen and (max-width: 1024px) { */ @media only screen and (max-width: 991.98px) { .panel-heading { padding: 8px; position: relative; background-color: var(--dark2); border-radius: 0; } .pan-heading { width: 85%; margin-bottom: 0; } .pan-options { position: absolute; top: 10px; right: 10px; } .btn-period-group { /*margin-top: 10px;*/ margin-bottom: 0; } .bettinglines li { border-top: none; } h3.panel-title, span.panel-title, a.collapsed .panel-title { font-family: Montserrat, sans-serif; font-size: 12px; } .gameLineInfo .row .row .row div { padding-right: 5px; } } /* CIRCLED LIMITS MOBILE */ .CircleLegendMobile { padding: 0; margin: 0px 0 7px 0; text-align: center; } .CircleLegendMobile i { display: inline-block; width: 130px; padding: 0 0 0 22px; position: relative; font-size: 0.9em; margin: 0; color: black; text-align: left; /*margin-right: 25px;*/ } .CircleLegendMobile i:before { content: "."; width: 10px; height: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: absolute; left: 4px; bottom: 5px; color: transparent; } .CircleLegendMobile i.CircleLow:before { background: #B20000; } .CircleLegendMobile i.CircleHigh:before { background: #008C00; } .bettinglines li .gameLineInfo label i:before { content: ""; width: 5px; height: 5px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin-top: 10px; position: absolute; left: 4px; bottom: 4px; } .bettinglines li .gameLineInfo label i.CircleLow:before, .tik-amount p i.CircleLow:before { background: #B20000; } .bettinglines li .gameLineInfo label i.CircleHigh:before, .tik-amount p i.CircleHigh:before { background: #008C00; } .review-wager p i { color: transparent; position: relative; } .review-wager p i:before { content: "."; width: 7px; height: 7px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; position: absolute; left: 6px; bottom: 6px; background-color: #E10600FF; } @media only screen and (min-width: 1600px) { .bettinglines li .gameLineInfo i { display: inline; padding-left: 0px; } .bettinglines li .gameLineInfo i:before { color: #666; content: ' - '; } } .pitchers { font: 0.7em/1 Montserrat, sans-serif; font-style: italic; padding: 0 5px; } /* CONTESTS // FUTURES AND PROPS */ #ContestLinesCtrl .panel-default, #ContestLinesCtrl .panel-heading { border: none; color: #666; } /* Contests Header */ .contests:first-of-type { margin-top: 0; padding: 6px; } .contests { margin-top: 10px; text-transform: uppercase; color: #666; font-size: 12px; } .contests h3.panel-title { font-size: 0.8em; margin: 0; color: var(--primary-color); font-weight: 700; } /* Contests Body */ .contests-lines { margin: 0; padding: 0; border: 1px solid #D5D5D5; border-top: 2px solid var(--primary-color); border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .contests-lines li:first-of-type { border-top: 1px solid var(--main-font-color); } .contests-lines li { border-top: 1px solid #D5D5D5; margin: 0; padding: 10px 10px 10px 15px; background: #F8F8F8; overflow: auto; } .contests-lines li.selected { /*background: #FF9;*/ } .cl-team, .cl-amount { float: left; width: 50%; min-height: 1px; } .cl-team p { margin: 0; font: normal 1em/1.3 'Montserrat', sans-serif; color: #0280D2; } .contests-lines li h4 { margin: 0; font: normal 0.9em/1.3 Montserrat, sans-serif; text-transform: uppercase; color: black; } .contests-lines li .contestDateTimeString { font-size: 10px; } @media only screen and (min-width: 992px) { .panel-title:before { display: none; } a.collapsed .panel-title:before { display: none; } .btn-betlines:active, .btn-betlines:focus, .btn-betlines:hover { color: var(--main-font-color); } } .game-fave:before, .league-collapse:before { font-family: "ui_icons"; /*color: black;*/ } .game-fave:before { content: "\e609"; margin-right: 8px; padding-right: 10px; border-right: 1px solid #DDD; } .league-collapse:before, a.collapsed .league-collapse:before { content: "\e60c"; float: right; } .league-collapse:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } a.collapsed .league-collapse:before { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .wagertypetitle { color: var(--middle-font-color); /*background-color: #212121;*/ font-size: 12px; padding: 0px; padding-top: 15px; /*text-transform: uppercase;*/ /*font-weight: bold;*/ } .wagertypetitle .bettype { font-weight: 600; font-size: 11px; } .gameLineInfo { font-size: 12px; /*border-bottom: 1px solid black;*/ } .gameLineInfo:hover { /*background: black;*/ } .game-date { white-space: nowrap; } .game-date span { margin-left: 10px; } .game-date span { margin-left: 0; display: block; padding: 0; } .game-line { border-left: 1px solid #7F7F7F; } .game-line>.row { padding-bottom: 0; } .game-line>.row:first-of-type { padding-bottom: 2px; } .game-line>.row:nth-child(3) { padding-top: 2px; } .gameTitle { font-size: 13px !important; font-weight: 600 !important; /*margin: 15px 10px 10px;*/ color: var(--middle-font-color); } .wagertypetitle .gameTitle { /*margin-left: 15px;*/ /*margin-top: 15px;*/ margin-bottom: 2px; margin-right: 0px; padding: 0; font-weight: initial; text-transform: initial; line-height: initial; } .gameTitle span { font-style: italic; } .gameTitle span:before { content: " - "; } input[type="checkbox"] { display: none; } .contests-lines { margin: 0; padding: 0; border: none; } .game-line .contests-lines .row { border-bottom: 1px solid black; padding: 5px 0; margin: 0px -10px 0px 0px; } .game-line .contests-lines .row:last-of-type { border-bottom: none; } .game-note { font-size: 10px; color: #666; margin: 0 -10px 0 -5px; display: block; } .game-note i { margin: 0; padding: 0 !important; } .game-note i:before { margin: 0; content: none !important; } .line_limit { display: block; font-size: 11px; font-weight: normal !important; font-style: italic; letter-spacing: 0.05em; } .gameComments { font-size: 0.8em; color: #666; margin: 8px 0 12px 0px; font-style: italic; padding: 4px; border-bottom: 1px solid var(--gray3); overflow: hidden; /*width: 90%;*/ } /* REVIEW WAGER */ .review-wager { margin-bottom: 20px; } h4 { color: white; /*font: normal 1em/1.4 Montserrat,sans-serif;*/ letter-spacing: 0.05em; /*text-transform: uppercase;*/ margin: 0; } .line-time { /*float: right;*/ color: #666; position: absolute; right: 15px; top: 15px; } @media (max-width: 991.98px) { .line-time { color: var(--headers-bg-color); top: 7px; } } .line-offering-description { line-height: 16px; } .line-rot-num { color: #666; padding: 0 5px; } /*.line-rot-num:after {*/ /* color: #666;*/ /* content: ' - ';*/ /*}*/ /*.line-rot-num:before {*/ /* color: #666;*/ /* content: ' - ';*/ /*}*/ .vs { display: block; font-size: 0.9em; } .rrTotalRisk { border: 1px solid green; } .review-wager h5 { color: #0280D2; font: normal 1em/1.4 Montserrat, sans-serif; letter-spacing: 0.05em; margin-top: 0; font-weight: 300; } .review-wager p { margin: 0; font: normal 1em/1.3 'Montserrat', sans-serif; color: #0280D2; font-weight: 400; } .review-wager .verticalspace { margin-bottom: 7px; } /*textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="color"]:focus { border-color: none; box-shadow: none; -webkit-box-shadow: none; border: 2px solid #0280D2; }*/ input.focus { border: 1px solid #66AFE9 !important; border-radius: 2px !important; } .alert { text-align: center; } .alert h1 { font-family: Montserrat, sans-serif; text-transform: uppercase; margin: 0 0 10px 0; } .betconfirmed h4 { margin-bottom: 0.3em; } .betconfirmed h5 { line-height: 1.5em; margin-top: 0; } /* CHANGED LINES */ /* on Game Selection */ .changedline { color: #6C0; font-weight: bold; } /* on Review Wagers */ .wi-change { background-color: var(--site-wagerning); padding: 10px; } .wi-change h2.line_title span { background-color: var(--site-wagerning); } .wi-change h2.line_title a.cancelselection { background-color: var(--site-wagerning); } /* IF BETS STEPS */ #ifBetItemAmounts .modal-body { padding: 0; } #ifBetItemAmounts .modal-header { background-color: #F4F4F4; border-bottom: 1px solid #CCC; } #ifBetItemAmounts .modal-footer { border-top: none; margin-top: 0; padding-top: 10px; } #ifBetItemAmounts .modal-header .close { opacity: 1; margin-top: -5px; font-size: 35px; font-weight: normal; } .if-bet { margin: 4px 15px 0 15px; padding: 0; border-bottom: 1px solid #B4DBFC; font: Montserrat, sans-serif; letter-spacing: 0.03em; color: #666; } .if-bet:last-of-type { padding: 0; border-bottom: none; } .if-bet h2 { margin: 7px 0 5px 0; font: normal 0.7em/1 Montserrat, sans-serif; letter-spacing: 0.05em; text-transform: uppercase; } .if-bet p { font-size: 0.9em; margin-bottom: 5px; font-family: 'Montserrat', sans-serif; } .if-bet p.win-risk-amount { font-size: 2.4em; color: #8ECDF9; text-align: center; line-height: 1; font-weight: 300; margin-bottom: 0; padding-bottom: 0; height: 45px; font-family: 'Montserrat', sans-serif; } .if-bet .input-group { margin: 5px 0 10px 0; } .if-bet .input-group * { font: normal 1em/1 Montserrat, sans-serif; } .divider { color: #B4DBFC; padding: 0 7px; } @media (max-width: 768px) { .if-bet p.win-risk-amount { font-size: 1.2em; color: #242425; } } /* PARLAYS ACCEPTED */ .parlay { margin: -15px 15px 15px 15px; padding: 0; font-family: Montserrat, sans-serif; letter-spacing: 0.03em; color: #666; } .parlay:last-of-type { padding: 0; border-bottom: none; } .parlay h2 { margin: 7px 0 5px 0; font: normal 0.7em/1 Montserrat, sans-serif; letter-spacing: 0.05em; text-transform: uppercase; } .parlay p { font-size: 0.9em; margin-bottom: 5px; } .parlay p.win-risk-amount { font-size: 2.0em; color: #8ECDF9; text-align: center; line-height: 1; font-weight: 300; margin-bottom: 0; padding-bottom: 0; height: 45px; } .parlay .input-group { margin: 5px 0 10px 0; } .parlay .input-group * { font: normal 1em/1 Montserrat, sans-serif; } .parlayDetailInfo { color: white; margin-top: 10px; font-size: 11px; padding: 6px; border: 1px solid var(--heading-divider-color); } .parlayDetailInfo ul { display: inline-block; margin-top: 4px; } .parlayDetailInfo ul li { display: inline-block; } .parlayDetailInfo ul>li:not(:last-child):after { content: "|"; padding-left: 4px; } .parlayDetailInfo span { opacity: 0.6; } .divider { color: #B4DBFC; padding: 0 7px; } /* TICKETS CONFIRMATION */ .breakline { display: block; } /* REPORTS */ .page-content-wrapper-mob #daily-figures { /*width: 100%;*/ } #daily-figures { /*width: calc(100% - 280px);*/ } .daily_figures *, .open_bets *, .graded_results *, .inbox * { font-family: Montserrat, sans-serif; letter-spacing: 0.03em; text-transform: uppercase; } /* DAILY FIGURES */ .daily_figures { /*background-color: #F4F4F4;*/ /*border-radius: 4px;*/ /*border: 1px solid #E8E8E8;*/ /*color:black;*/ font-size: 13px; margin-top: 26px; } .daily_figures .title { font-weight: bold; font-size: 18px; } .daily_figures .desktopWeekDay { cursor: pointer; } .daily_figures .desktopWeekDay:hover { background-color: var(--gray4); } ul.menu_weeks { padding: 0; margin: 0; overflow: auto; width: 100%; } .menu_weeks li { float: left; list-style-type: none; width: 33.33%; text-align: center; border-right: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; border-left: 1px solid rgba(255, 255, 255, 0.5); } .menu_weeks li.active { border-bottom: 1px solid var(--line-button-selected-color); } .menu_weeks li:first-of-type { border-left: none; } .menu_weeks li:last-of-type { border-right: none; } .menu_weeks li a, .menu_weeks li a:hover { display: block; padding: 7px 0; color: #707070; background: #e5e5e5; } .menu_weeks li.active a { color: black; background: var(--line-button-selected-color); border-bottom: 1px solid var(--line-button-selected-color); } .report_dates { color: #333; border-color: #ddd; text-align: center; padding: 12px 10px; border-bottom: 1px solid #b4dbfc; background: var(--line-button-selected-color); } .arrow_left:before, .arrow_right:before { font-family: "ui_icons"; content: "\e60c"; color: var(--primary-color); font-size: 1.6em; margin-top: -7px; } .arrow_left:before { float: left; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .arrow_right:before { float: right; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .arrow_down::after { display: inline-block; width: 12px; height: 8px; content: ""; background-image: url("/assets/img/arrow_white.svg"); background-repeat: no-repeat } .arrow_disabled { cursor: default; } .arrow_disabled:before { color: var(--line-button-selected-color); } hr.divider { border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .report-tab-content * { font: normal 1em/1.3 'Montserrat', sans-serif; } .report-tab-content, .report-content { overflow: auto; border-top: 1px solid rgba(255, 255, 255, 0.5); padding: 5px 0; } .report-tab-content>.tab-pane { display: none; overflow: hidden; font-size: 1em; padding: 10px; font-size: 0.8em; } .report-tab-content>.active { display: block; } .report-tab-content>.tab-pane>.verticalspace { margin-bottom: 7px; } .rep_day { color: #919191; display: inline-block; width: 25px; } .num_pos, .num_pos a { /*color: #055985;*/ color: var(--green3); } .num_neg, .num_neg a { color: #C00; } .num_neg_bg { background-color: red !important; color: white; } .num_neg_bg span { color: white; } .num_black, .num_black a { color: black; } .num_zero, .num_zero a { color: #919191; pointer-events: none; cursor: default; } .flex-column { flex-direction: column; } /* OPEN BETS */ .ticket { margin-bottom: 10px; } .ticket .rif_check { line-height: 1.5em; display: flex; justify-content: space-evenly; align-items: center; background-color: lightgray; border-radius: 10px; padding: 2px; cursor: pointer; } .ticket .rif_check.desktop input { font-size: 14px; } button.rif_check { padding: 2px; border: none; color: #000; } button.rif_check:hover { background-color: #909090; color: white; } button.rif_check:focus { background-color: #909090; color: white; outline: none !important; } .ticket .rif_check.desktop label { cursor: pointer; } .ticket .rif_check input { padding: 0; margin: 0; height: 1em; } .ticket .rif_check label { margin-bottom: 0 !important; font-weight: normal !important; } .ticket:first-of-type { border-top: none; } .ticket-header { background-color: var(--main-font-color); padding: 10px 0 0 0; } .ticket-header h3 { font: normal 1.3em/1.3 Montserrat, sans-serif; letter-spacing: 0.05em; text-transform: uppercase; margin: 0; color: var(--primary-color); } .ticket-header h3 span { font-weight: 300; } .ticket-header h3 span:before { content: " - "; font-weight: 300; } .risk-amount { font-size: 1.3em; display: inline-block; margin-right: 15px; font-weight: 300; color: var(--primary-color); } .win-amount { font-size: 1.3em; display: inline-block; font-weight: 300; color: var(--primary-color); } .win-amount:before { content: " / "; margin-right: 10px; color: #0280D2; } .risk-amount span, .win-amount span { font-weight: 400; } .ticket-header a .collapse_btn { margin-top: -5px; display: block; } .ticket-header a .collapse_btn:before { font-family: "ui_icons"; content: "\e60c"; float: right; margin: 0; color: var(--primary-color); font-size: 1.8em; text-align: right; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .ticket-header a.collapsed .collapse_btn:before { font-family: "ui_icons"; content: "\e60c"; float: right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .ticket-header .row, .ticket-body { font-size: 0.8em; color: #666; } .ticket-body { padding: 7px 0 0 0; } .ticket-body * { font: normal 1em/1.3 'Montserrat', sans-serif; } .open_bets p.win-risk-amount { font-size: 0.8em; color: #8ECDF9; font-weight: 300; } .ticket-amounts { width: 100%; position: relative; float: right; color: #333; /*background-color: black;*/ border-color: #ddd; text-align: right; padding: 10px 10px 7px 0; } .icon_viewresults { color: #999; height: 16px; float: left; } .icon_viewresults:focus { outline: none !important; } .graded-data-detail .icon_viewresults:before { content: "\ea0a"; color: white; font-size: 0.7em; background-color: var(--green3); border: 1px solid var(--green3); padding: 1px; border-radius: 3px; } .graded-data-detail .icon_viewresults.num_neg:before { background-color: red !important; border: 1px solid red !important; } .icon_viewresults:before { font-family: "ui_icons"; content: "\e60f"; margin: 0 7px 0 0; color: #0280D2; font-size: 1em; text-align: center; } .icon_viewresults_minus { color: #999; height: 22px; float: left; } .graded-data-detail .icon_viewresults_minus.num_neg:before { color: red !important; } .icon_viewresults_minus:before { font-family: "ui_icons"; content: "\e60e"; margin: 0 7px 0 0; color: #0280D2; font-size: 1em; text-align: center; } .pendingWager { float: left; } .pendingWager:before { font-family: "ui_icons"; content: "\e60f"; margin: 0 7px 0 0; color: #CCC; font-size: 1em; text-align: center; } .team_rot { display: inline-block; margin-top: 0; float: left; color: black; } .team_line { display: inline-block; margin: 0 0 0 5px; float: left; } .team_line:before { content: "/"; color: #0280D2; font-weight: 300; margin-right: 5px; } .ticket-body .openspot { margin: 10px 0 0 0; text-align: center; } /* GRADED RESULTS */ .graded-title { background: var(--line-button-selected-color); padding-left: 5px; padding-bottom: 5px; padding-right: 5px; } .won-lost { font: normal 1.3em/1.3 Montserrat, sans-serif; letter-spacing: 0.05em; text-transform: uppercase; margin: 0; color: var(--primary-color); text-align: right; } .graded-results { text-align: left; } /* not in use now */ .graded-summary-total { background: #EDEDED; border-top: 1px solid #D5D5D5; padding: 5px; } .well { margin-bottom: 10px; } .well span { display: block; } .well span.strong, .well span.g-pitcher { color: black; } .well span.g-pitcher { margin-top: 7px; } .GradedResults { margin-bottom: 50px; } @media (max-width: 768px) { .ticket-header h3, .graded-title h3, .won-lost, .risk-amount, .win-amount { font-size: 1.1em; } .team_rot, .team_line { margin-left: 0; } .team_line:before { display: none; } .risk-amount span, .win-amount span { display: block; } .win-amount:before { display: none; } .well { margin-top: 3px; } } @media (max-width: 991.98px) { .ticket-header h3 span:before { display: none; } .tik-wagertype { font-weight: bold !important; margin-left: 8px; } div.tik-wagertype:before { content: "-" !important; border: 1px solid #E10600FF; color: #0280D2; font-weight: 300; margin-right: 5px; } } /* DAILY FIGURES DESKTOP */ .modal-wide .modal-header { /*background-color: var(--header-footer-bg-color);*/ border-bottom: 1px solid #CCC; padding: 15px; } .modal-wide .modal-header .close { color: white; opacity: initial; text-shadow: initial; font-size: 32px; margin-top: 2px !important; } .modal-wide h1, .modal-wide h2 { font-family: Montserrat, sans-serif; letter-spacing: 0.05em; text-transform: uppercase; display: inline-block; /*margin-right: 7px;*/ } .modal-wide h2 { font-size: 1.3em; margin-top: 0; } .modal-wide .nav>li>a { padding: 5px 10px; } .modal-wide .nav { display: inline-block; margin-bottom: -5px; } .modal-wide .tab-content { padding: 0; } .reports { font: normal 0.75em/1.3 Montserrat, sans-serif; } .reports-mob { margin-top: 20px; } .reports-mob .page-content { padding: 15px !important; } .figures-header { border-top: 1px solid white; border-bottom: 1px solid white; margin-top: 15px; } .figures-header div { text-transform: uppercase; /*color: #0099CC;*/ text-align: right; } .figures-header .row .row div, .figures-header .num-totals-title { padding: 15px 0; } .figures-header span { font-weight: bold; text-transform: uppercase; display: block; color: white; font-size: 1.4em; } .day_selected { /*background-color: #F4FCFF;*/ display: inline-block; padding: 5px !important; margin-top: -5px; border-radius: 3px; border: 1px solid var(--line-button-selected-color); } .day_unselected { display: inline-block; padding: 5px !important; margin-top: -5px; /*border: 1px solid var(--main-font-color);*/ } .font-bigger { font: 1.3em/1 Montserrat, sans-serif; letter-spacing: 0.05em; text-transform: uppercase; font-weight: normal !important; /*color: var(--primary-color) !important;*/ } .figures-data .row .row div, .figures-data .num-totals { text-align: right; padding: 5px 0; } .casino-breakout { font-style: italic; } .casino-breakout b { color: #999; } .highlighted { /*background-color: #828488;*/ border-top: 1px solid rgb(0 0 0 / 0.2); } .day-bal { border-top: 1px solid white; } .date-picker { width: 150px; float: right; } #all-transactions { color: var(--black); font-size: 13px; } #all-transactions span.title { font-weight: bold; font-size: 18px; } #all-transactions .graded-data { background-color: white; } .all-transactions-mobile .graded-data { background-color: #f7f7f7 !important; } .all-transactions-mobile .row_header { border-bottom: 1px solid var(--gray3); } #all-transactions .date-picker { width: 300px; margin-bottom: 10px; } #all-transactions .date-picker .glyphicon { color: #0099CC; float: right; margin-left: 10px; font-size: 1.4em !important; margin-top: -2px; } #all-transactions .date-picker span { float: right; color: #0099CC; } #all-transactions .date-picker .caret { float: right; margin-left: 10px; margin-top: 5px; } #all-transactions {} .col-division-right { border-right: 1px solid var(--line-button-selected-color); padding-right: 30px; } .reports .arrow_left, .reports .arrow_right { display: block; font-size: 1.4em; padding-top: 25px; color: rgba(0, 0, 0, 0.2); } .reports .arrow_left:before, .reports .arrow_right:before { color: rgba(0, 0, 0, 0.2); } .reports b { text-transform: uppercase; } .report-detail { border-top: 1px solid var(--line-button-selected-color); border-bottom: 1px solid var(--line-button-selected-color); padding: 25px 0 0 0; } .print-icon:before { font-family: "ui_icons"; content: "\e61c"; color: rgba(0, 0, 0, 0.2); font-size: 1em; margin-top: -7px; margin-left: 10px; } .print-icon-right:after { font-family: "ui_icons"; content: "\e61c"; color: rgba(0, 0, 0, 0.2); font-size: 1.7em; margin: 9px 0px 0px 10px; } .graded-header { border-bottom: 1px solid var(--line-button-selected-color); margin-top: 0; background-color: var(--content-bg-color); font-size: 12px; border-radius: 4px 4px 0 0; text-transform: uppercase; padding: 10px 0; } .graded-header h2 { font-size: 1em; font-weight: 600; margin: 10px auto; } .graded-data { border-bottom: 1px solid var(--gray3); padding: 10px 0; font-size: 12px; } .reports-container-mobile { padding-right: 4px !important; padding-left: 4px !important; } .reports-container-mobile .graded-data.row { margin-bottom: 4px; background-color: #e8e4e4; } .reports-container-mobile .graded-data.row .row { display: flex; } .reports-container-mobile .graded-data { background-color: white; /*border-radius: 4px 4px 0 0;*/ padding: 0; font-size: 12px; /*font-weight: 500;*/ } .reports-container-mobile .graded-data [class*="col-"] { padding: 5px !important; /*border-bottom: 1px solid lightgray;*/ /*text-align: left;*/ } .reports-container-mobile .graded-data .openBetTotal { border-top: 1px solid lightgray; } .reports-container-mobile .sm-tik-title { /*background-color: var(--green3);*/ border-radius: 4px 4px 0 0; color: black; font-weight: bold; } .graded-data:last-of-type { border-bottom: none; } .graded-data-detail { display: block; margin: 4px auto; /*border: 1px solid var(--main-font-color);*/ } .graded-data-detail div { margin-left: 18px; margin-bottom: 10px; } .graded-data-detail div b { text-transform: capitalize; color: var(--green3); padding: 3px 0 0 0; display: block; } .graded-data-detail .btn { margin-top: 5px; } .reports .report-detail { padding: 15px 30px 5px 30px; border: 3px solid var(--line-button-selected-color); margin-bottom: 20px; } .reports .report-detail-open-bets { border: none; padding: 15px 30px 5px 30px; font-size: 14px; } .reports-container .report-detail-open-bets { background-color: white !important; } .reports-container-mobile .report-detail-open-bets { background-color: inherit !important; } .dailyFiguresSelectedDay { background-color: var(--middle-page-bg-color) !important; font-weight: 700; box-shadow: 0 4px 6px -6px #222; } .reports-container-mobile .daily_figures .week_title { font-weight: 700; font-size: 18px; margin: 10px auto; } .reports-container-mobile .daily_figures .row { display: flex; align-self: center; } /*mobile daily figures detals BEGIN */ .reports-container-mobile .daily_figures .row.details { display: block; /*align-self: center;*/ } .reports-container .daily_figures .details-header { display: flex !important; width: 100%; padding: 10px; color: black; align-items: center; } .reports-container-mobile .daily_figures .details-header { display: flex !important; width: 100%; padding: 10px; color: black; } .daily_figures .details-header .clear_transactions { background-color: red; border-radius: 50%; padding: 6px; width: 30px; text-align: center; cursor: pointer; color: white; } .reports-container-mobile .daily_figures [class*="col-"].details { display: block !important; } .reports-container-mobile .daily_figures .details[class*="col-"] { display: block !important; } .reports-container-mobile .daily_figures .details [class*="col-"] { display: block !important; } /*END*/ .reports-container-mobile .daily_figures .some_week { margin-top: 10px; } .reports-container-mobile .daily_figures [class*="col-"] { display: flex; justify-content: center; align-items: center; } .reports-container-mobile .daily_figures [class*="col-"].day_container { background-color: white; border: 1px solid var(--middle-page-bg-color); padding: 10px; display: flex; flex-direction: column; } .reports-container-mobile .daily_figures [class*="col-"].day_container:hover { /*background-color: #ddd;*/ } .reports-container-mobile .daily_figures [class*="col-"].day_container:focus { /*background-color: #ddd;*/ } .reports-container-mobile .daily_figures [class*="col-"] .day_title { font-weight: 700; } .reports-container-mobile .daily_figures [class*="col-"] .day_value { /*font-weight: 700;*/ } .reports-container-mobile .daily_figures .starting-balance { background-color: var(--headers-bg-color); text-align: left !important; padding: 7px 0; } .reports-container-mobile .daily_figures .start-date { background-color: var(--content-bg-color); font-weight: bold; } .reports-container-mobile .daily_figures .week-total { background-color: var(--green3); } .reports-container-mobile .daily_figures .starting-balance, .reports-container-mobile .daily_figures .start-date, .reports-container-mobile .daily_figures .week-total { color: white; } .reports .report-np-casino { border: none; padding: 0px 30px 5px 30px; } .report-detail>h2:first-child { margin: 0 0 20px -15px; } .reports .report-detail .close { margin: -5px -15px 0 0; } .reports .icon_viewresults, .icon_viewresults_minus { height: 16px; } .arrow-up { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid var(--line-button-selected-color); margin-right: 15px; float: right; } .modal-dialog { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: calc(100% - 1rem); } @media (min-width: 576px) { .modal-dialog { min-height: calc(100% - 3.5rem); } } @media screen and (min-width: 768px) { .modal-wide .modal-dialog { width: 96%; max-height: calc(100vh - 12px); overflow-y: auto; } .modal-wide .modal-body { height: calc(92vh - 64px); overflow-y: scroll; width: 100%; scrollbar-color: #535353 var(--content-bg-color); } .modal-bs .modal-body { /*height: inherit;*/ } } .modal-body { -webkit-overflow-scrolling: touch; /*overflow-y: scroll;*/ overflow-x: hidden; max-width: 100%; /*scrollbar-color: #535353 var(--content-bg-color);*/ } /* FIX FOR SAFARI IOS, PREVENTS ELEMENTS FROM NO BEING DISPLAYED */ .page-content-wrapper-inner, .modal-body-inner { height: calc(100% + 1px); } @media only screen and (min-width: 1224px) { .modal-inbox .modal-dialog, .modal-settings .modal-dialog { width: 50%; } } /* INBOX */ .inbox_header { color: #333; border-color: #ddd; padding: 10px 0; border-bottom: 1px solid #b4dbfc; background: var(--line-button-selected-color); font: 400 1em/1.3 'Montserrat', sans-serif; margin: 0px; text-transform: uppercase; } .inbox_body { border: 1px solid #F4F4F4; border-radius: 4px; } .inbox_body .panel-default { margin: 0 !important; border-radius: 0; border: none; border-bottom: 1px solid #b4dbfc; } .inbox_body .panel-default:last-of-type { border-bottom: none !important; } .inbox_body .panel-heading { background: var(--main-font-color); border: none; padding: 7px 10px; overflow: auto; } .inbox_body .panel-heading a { font: 400 1em/1.4 'Montserrat', sans-serif; text-transform: capitalize; color: #333; } .inbox_body .unread-mail .panel-heading a { font: 700 1em/1.4 'Montserrat', sans-serif; text-transform: capitalize; color: black; } .inbox_body .panel-title:before { display: none; } .mail_date { float: right; font-size: 0.7em; text-align: right; color: #666; } .inbox_body .panel-body { font: 0.9em/1.4 Montserrat, sans-serif; border-top: none !important; padding: 10px; } .mail_actions { text-align: right; } .mail_actions .btn { font: 400 1em/1 'Montserrat', sans-serif; text-transform: none; margin-top: 10px; } /* Rules Content */ .rules-content { font: 0.9em/1.4 Montserrat, sans-serif; padding: 10px; } .rules-sidebar { overflow-y: auto; height: 100%; float: left; width: 25%; } .rules-content-body { overflow-y: auto; height: 100%; float: left; width: 75%; font: 0.9em/1.4 Montserrat, sans-serif; } .bs-rules { padding: 10px 10px 0 10px; margin: 0px 0px 15px 0; background-color: var(--main-font-color); border: 1px solid #E5E5E5; border-radius: 4px; border-width: 1px 1px 1px 5px; border-left-color: var(--line-button-selected-color); } .bs-rules h3 { margin: 0 0 10px 0; padding: 0 0 10px 0; font-size: 1.2em; color: var(--primary-color); font-weight: bold; letter-spacing: 1px; text-transform: uppercase; border-bottom: 1px solid var(--line-button-selected-color); } .bs-rules h3 { position: relative; } .bs-rules h3 span { position: absolute; top: -65px; } @media only screen and (min-width: 1224px) { /* desktop */ .bs-rules h3 span { position: absolute; top: -85px; } } .bs-rules h4 { margin: 20px 0 7px 0; font: 0.9em/1.4 Montserrat, sans-serif; font-size: 1em; color: black; font-weight: bold; letter-spacing: 1px; } .bs-rules h5 { margin: 20px 0 7px 0; font: 0.7em/1.4 Montserrat, sans-serif; font-size: 1em; color: black; font-weight: bold; letter-spacing: 1px; } .bs-rules table { font-size: 0.8em; margin-bottom: 10px; width: 100%; } .bs-rules table tr { width: 100% !important; } .bs-rules table tr th { text-transform: uppercase; font-weight: bold; /*text-align: left;*/ color: #636363; padding: 25px 10px 6px 0; } .bs-rules table tr td { text-transform: capitalize; border-top: 1px solid #ededed; padding: 6px 10px 6px 0; } .bs-rules ul, .bs-rules ol { margin: 10px 0; } .bs-rules ul li, .bs-rules ol li { margin-bottom: 12px; } .highlight { padding: 9px 14px; margin-bottom: 14px; background-color: #F7F7F9; border: 1px solid #E1E1E8; border-radius: 4px; } .table-striped tbody>tr:nth-child(odd)>td, .table-striped tbody>tr:nth-child(odd)>th { /*background-color: black;*/ } /* Rules Menu */ .rules-container { margin: 0 auto; width: 90%; } .modal .rules-container { margin: 0; width: 96%; } .rules-container .panel-group { margin-bottom: 0; } .rules-container .panel-body { padding: 0; border: none !important; } .rules { border: none; } .rules .panel { border: none; box-shadow: none; } .rules .panel-default { margin: 0 !important; border-radius: 0; border: none; border-bottom: 1px solid #b4dbfc; } .rules .panel-default:last-of-type { border-bottom: none !important; } .rules .panel-heading { background: var(--main-font-color); border: none; padding: 7px 10px; overflow: auto; } .rules .panel-heading a { font: 400 1em/1.4 'Montserrat', sans-serif; text-transform: capitalize; color: #333; display: block; } .rules .rules-head .panel-body { padding-top: 10px; } .rules .panel-title:before { display: none; } .rules .panel-body { font: 0.9em/1.4 Montserrat, sans-serif; border-top: none !important; padding: 10px; } .rules .panel-body { padding-top: 0; text-align: left; } .rules .panel-body ul { padding: 0 0 0 15px; margin: 0; } .rules .panel-body ul li { margin-bottom: 7px; } .rules .panel-body ul li a { color: #06C; cursor: pointer; } @media only screen and (min-width: 1224px) { .rules .panel-body ul li a { color: var(--primary-color); } .rules .panel-body ul li a:hover { color: black; } } /* Rules Content Mob */ .rules .panel-heading { cursor: pointer; } #RulesContentCtrl>div { padding: 0 5px; } #RulesContentCtrl h2 { font: 1.4em/1 Montserrat, sans-serif; } #wrapper.mobile { height: 100vh; } #wrapper.active .rules-container { margin: 0 0 0 10px; width: 88%; } .logout nav .menu li { padding-bottom: 13px; } /* BETSLIP DESKTOP */ #betSlipController { height: 100%; width: 280px; float: right; overflow-y: auto; } .betslip { width: 260px; margin: auto; padding-top: 10px; } span.betslip { font-family: Montserrat, sans-serif; /*font-weight: 600;*/ text-transform: uppercase; font-size: 12px; } .ads { margin: 20px; } .betslip h2 { margin: 0; padding: 0; /*font: normal 1em/1 Montserrat,sans-serif;*/ /*letter-spacing: 0.05em;*/ /*text-transform: uppercase;*/ /*color: var(--main-font-color);*/ font-size: 12px; } /*.betslip h2:before { font-family: 'ui_icons'; content: "\e624"; display: inline-block; font-size: 1.5em; margin: 0 7px 0px 0; line-height: 0.7; height: 20px; color: var(--primary-color); }*/ .betslip>span { color: #AAA; font-size: 0.7em; border: 1px solid #E10600FF; } .bet-count { /* font-size: 0.7em; */ text-align: center; padding-top: 10px; font-weight: bold; font-size: 14px; } .betslip .ticket { width: 100%; margin: 0 auto; margin-top: 20px; border-radius: 5px; } .betslip.extended .ticket { max-width: 300px; float: left; margin: 10px; } .betslip.extended .ticket-total-bet { padding-top: 0; } .modal-header.with-previous { background: none; } button.header_previous { background: transparent; cursor: pointer; border: 0; -webkit-appearance: none; margin: 0 4px; border-radius: 50%; background-color: var(--headers-bg-color); width: 24px; height: 24px; color: white; opacity: 1; padding-left: -2px !important; padding: 0; font-family: 'Montserrat'; font-weight: 300; } .arrow-left { border: solid white; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; transform: rotate(135deg); -webkit-transform: rotate(135deg); } .header_previous { float: left; font-size: 21px; font-weight: bold; line-height: 1; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); display: flex; align-items: center; justify-content: center; padding-left: 2px; } .header_previous:hover { opacity: 0.5; filter: alpha(opacity=50); } @media only screen and (min-width: 992px) { .betslip .confirmed-total .tik-body { border: 1px solid var(--green2); } } .ticket input, .ticket select { padding: 4px; font-size: 14px; height: 2.8em; background-color: inherit !important; color: var(--main-font-color); } input#totalToWin[disabled] { background-color: inherit; } input#totalRisk[disabled] { background-color: inherit; } .ticket select option { background-color: var(--white); } .tik-head { line-height: 1.1; border-radius: 1px 1px 0 0; background-color: var(--headers-bg-color); padding: 8px; color: white; font-size: 14px; /*text-transform: uppercase;*/ font-weight: bold; } .tik-head span { display: block; color: var(--main-font-color); font-size: 13px; text-transform: none; font-weight: normal; } .tik-head button.tik-close { float: right; font-size: 26px; line-height: 1; color: white; margin-top: -3px; padding: 0px; background: none; border: none; } .tik-body { /*border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;*/ background-color: var(--white); padding: 8px; color: var(--main-font-color); font-size: 14px; border-radius: 1px; border-top-right-radius: 0; border-top-left-radius: 0; border: solid 1px var(--headers-bg-color); font-weight: bold; } .tik-body .btn-signup { width: 100%; margin-top: 15px; } .buypoints { overflow: auto; margin-top: 7px; /*font-size: 11px;*/ } .freepoints { text-align: center; border: 1px solid #88C9E9; padding: 4px; border-radius: 5px; overflow: auto; margin: 0 0 8px; background-color: #88C9E9; font-weight: bold; } .confirmed .freepoints { border: none; background: none; } .wi-change .freepoints { border: none; background: white410; } .tik-body .pitcher { margin-top: 5px; } .tik-body .pitcher label { display: block; font-size: 1em; height: 25px; padding-top: 8px; font-family: Montserrat; font-weight: bold; color: var(--main-font-color); text-transform: capitalize; } .tik-body .pitcher input[type=checkbox]:checked+label:after, .pitcher input[type=checkbox]+label:after { font-size: 1em; text-align: center; background-color: transparent; padding: 2px; line-height: 15px; display: inline-block; float: left; margin: -5px 5px 0 0; } .tik-body .pitcher label::after { border: 1px solid #88C9E9; } /* PITCHER STATIC */ .ticket .listed_pitcher label { cursor: auto; } .tik-body .listed_pitcher label::after { border: none; } .ticket .listed_pitcher input[type="checkbox"]:checked+label::after, .ticket .listed_pitcher input[type="checkbox"]+label::after { background-color: #6BB2D6; color: var(--main-font-color); } .tik-body .chk_stiled { margin-top: 5px; } .tik-body .chk_stiled label { display: block; font-size: 1em; height: 25px; padding-top: 8px; font-family: Montserrat; font-weight: bold; color: var(--main-font-color); text-transform: capitalize; } .tik-body .chk_stiled input[type=checkbox]:checked+label:after, .chk_stiled input[type=checkbox]+label:after { font-size: 1em; text-align: center; background-color: var(--main-font-color); padding: 2px; line-height: 15px; display: inline-block; float: left; margin: -5px 5px 0 0; } .tik-body .chk_stiled label::after { border: 1px solid #88C9E9; } /* PITCHER STATIC */ .ticket .listed_pitcher label { cursor: auto; } .tik-body .listed_pitcher label::after { border: none; } .ticket .listed_pitcher input[type="checkbox"]:checked+label::after, .ticket .listed_pitcher input[type="checkbox"]+label::after { background-color: #6BB2D6; color: var(--main-font-color); } .tik-amount, .tik-open-spot { /*border: 1px solid #88C9E9;*/ padding: 0 5px 5px 5px; /*border-radius: 5px;*/ overflow: auto; margin: 7px 0 3px; /*background-color: #171d26;*/ } .tik-amount p { display: block; text-align: center; margin: 3px auto 5px auto; font-weight: bold; } .tik-open-spot { margin-bottom: 10px !important; } .tik-open-spot p { font-weight: bold; font-size: 1em !important; text-transform: uppercase; } .tik-risk-amount, .tik-win-amount, .buypoints .title, .buypoints .buypoints-dropdown { float: left; width: 48%; } .tik-win-amount, .buypoints .buypoints-dropdown { float: right; } .tik-amount .buypoints .buypoints-dropdown { width: 100%; margin-bottom: 7px; } .tik-amount .buypoints .buypoints-dropdown select, .tik-amount .buypoints .buypoints-dropdown input { font-size: 11px; height: 2.5em; padding: 2px; } .tik-ifBet-amount { width: 40px; height: 40px; border: 1px solid white; border-radius: 50%; align-items: center; display: flex; justify-content: center; background-color: red; margin: 8px auto; font-size: 22px; cursor: pointer; } .tik-ifBet-amount:hover {} .spread_points { margin: 7px 5px; } .tik-ifBet-amount_win { border-radius: 4px; width: 100%; border: 0; background-color: #211c31; color: white; font-size: 14px; padding: 10px; margin: 8px auto; display: flex; } .confirmed .tik-amount { border: none; padding: 0; border-radius: 0px; margin: 0; font-size: 11px; border-top: 1px solid var(--green4); margin-top: 5px !important; } .confirmed .tik-amount div { text-align: center; padding-top: 5px; } .confirmed .tik-amount div:first-of-type { border-right: 1px solid var(--green4); } .betslip .confirmed span { font-size: 1em; display: block; } .tik-risk-amount span:last-of-type, .tik-win-amount span:last-of-type { font-size: 1.5em; } .betslip .wi-change { padding: 3px; padding: 0px; border-radius: 2px; } .betslip .wi-change .tik-body { background-color: var(--site-wagerning); color: black; } .betslip .wi-change .pitcher label { color: black; font-weight: normal; } .betslip .wi-change .pitcher label:after { border: 1px solid #CCC; } .betslip .wi-change .tik-amount { background-color: #FFF410; border: none; } .betslip .wi-change .total-winnings-change { background-color: var(--site-wagerning); color: black; overflow: auto; padding: 10px; border-radius: 2px; } .betslip .wi-not-available { padding: 3px; padding: 0px; border-radius: 2px; } .betslip .wi-not-available .tik-body { background-color: #CCC; color: black; } .betslip .wi-not-available .msg { border: 2px solid var(--main-font-color); background: #E0E0E0; text-align: center; font-weight: bold; padding: 5px; border-radius: 2px; margin: 3px 0; } .betslip .alert-success { background-color: var(--green2); margin: 10px 0 0 0; padding: 10px 0; border: 0; } .betslip .alert-inverse { text-align: left; background: none !important; margin: 10px; } .betslip .alert-inverse p { margin: 0 !important; background: none !important; font-size: 1.2em !important; } .betslip .alert-inverse h1 { font-size: 0.9em; color: var(--green2) !important; margin-bottom: 0 !important; } .alert-success.alert-inverse h2 { color: var(--green2); } .betslip .alert-success .glyphicon-ok { margin: 0; } .betslip .alert-success h1 { font-size: 0.9em; color: white; } .alert-success span { font-size: 14px; font-weight: bold; } .betslip .alert-success p { font-size: 14px; color: white; background-color: var(--green1); margin: 0 16px; font-weight: bold; } .betslip .confirmed { background-color: #dff0d8; padding: 3px; padding: 0px; border-radius: 5px; } .betslip .confirmed .tik-head { background-color: var(--green2); color: var(--white); } .betslip .confirmed .tik-body { background-color: var(--green5); color: black; } .betslip .confirmed .pitcher label { color: black; font-weight: normal; } .betslip .confirmed-total, .betslip .confirmed-total .tik-body {} .betslip .confirmed-total .total-numbers { border: 0 !important; font-size: 16px; } .betslip .confirmed-total .total-numbers .value { border: 0 !important; font-size: 16px; color: var(--green2); } .betslip .confirmed-total .tik-body { /*background-color: black !important;*/ } .betslip .alert-spot { background-color: var(--main-font-color); margin: 10px 0 0 0; padding: 10px; font-size: 0.7em; text-align: left; } .betslip .alert-spot h1 { font-size: 0.9em; } .betslip .alert-spot p { font-size: 0.9em; } .betslip .alert-spot .spot-title div { font-weight: bold; text-transform: uppercase; } .betslip .alert-spot .row { margin: 0; border-bottom: 1px solid #CCC; } .betslip .alert-spot .row:hover { /*background-color: black;*/ cursor: pointer; } .betslip .alert-spot .spot-title:hover { background-color: var(--main-font-color); cursor: text; } .betslip .alert-spot .selected, .betslip .alert-spot .selected:hover { background-color: #dff0d8; } .betslip .alert-spot .row:first-of-type { border-bottom: 2px solid black; } .betslip .alert-spot .row:last-of-type { border-bottom: none; } .betslip .alert-spot .row { padding: 5px 0 5px 0; } .ticket-total-bet { padding: 8px 0; } /*.ticket-total-bet .tik-body { background-color: #212121; }*/ .ticket-total-bet .freeplay, .ticket-total-bet { height: 50px; padding: 5px 0; } .ticket-total-bet .freeplay label { float: left; height: 30px; margin-left: 28px; } .ticket-total-bet .freeplay label span { font-family: Montserrat !important; color: var(--main-font-color); font-size: 14px; font-weight: bold; display: block; line-height: 1.2em; padding: 0 0 0 4px; } .ticket-total-bet .freeplay input[type="checkbox"]+label::after, .ticket-total-bet input[type="checkbox"]+label::after { margin: -28px 0 0 -28px; } .ticket-total-bet .autoacceptchang { height: 20px; padding: 15px 0; } .ticket-total-bet .autoacceptchang .tooltip-inner { min-width: 180px; } .ticket-total-bet .autoacceptchang label { margin-left: 28px; text-align: right; text-transform: capitalize; } .ticket-total-bet .autoacceptchang label span { font-weight: bold; display: block; line-height: 1.4em; } .ticket-total-bet .autoacceptchang input[type="checkbox"]+label::after { float: left; margin: -20px 0 0 -28px; } .ticket-total-bet .total-numbers { overflow: auto; padding: 6px 0; border-bottom: 1px solid black; } .ticket-total-bet .total-numbers .title { float: left; width: 40%; /*font-size: 10px;*/ color: var(--main-font-color); padding-top: 4px; } .ticket-total-bet .total-numbers .value { float: right; width: 60%; font-size: 14px; font-weight: 600; text-align: right; color: white; } .ticket-total-bet .tik-amount { margin: 0 0 3px 0; background-color: var(--white); border: solid 1px var(--headers-bg-color); padding: 15px; } .ticket-total-bet .tik-amount p { /* font-size: 1.2em; */ font-size: 14px; } .ticket-total-bet .tik-passw { margin: 10px 0 0 0; } .ticket-total-bet .tik-passw p { font-size: 0.9em; } .ticket-total-bet .btn-placebet { width: 100%; margin-top: 10px !important; background: var(--primary-color); color: white; /*font: normal 1.3em/1 Montserrat,sans-serif;*/ letter-spacing: 0.05em; font-weight: bold; } .modal-footer button { width: 100%; margin-top: 10px !important; /*font: normal 1.3em/1 Montserrat,sans-serif;*/ letter-spacing: 0.05em; /*text-transform: uppercase;*/ /*max-width: 200px;*/ } .modal-footer .btn-cancelbet { color: var(--dark1); background-color: white; border-color: #ccc; font-size: 18px; font-weight: 600; } .modal-footer .btn-placebet { background: var(--green2); color: white; font-size: 18px; font-weight: 600; } .modal-footer .btn-disabled { cursor: not-allowed; opacity: 0.50; } /* fix modal inputs */ .modal-open input, .modal-open button, .modal-open textarea, .modal-open select, /*.page-content-wrapper-mob input,*/ .page-content-wrapper-mob button, .page-content-wrapper-mob textarea, .page-content-wrapper-mob select { -webkit-transform: translate3d(0, 0, 0); } /* especial case .line_title { position: relative; text-align: center; margin-bottom: 10px; font: normal .7em/1 Montserrat,sans-serif; letter-spacing: .05em; text-transform: uppercase; height: 1em; } .line_title:before { position: absolute; z-index: -1; content: ""; left: 0; right: 0; height: 1px; top: 50%; background-color: #ccc; opacity: .7; }*/ @media only screen and (max-width: 991.98px) { .btn-betlines.disabled, .btn-betlines[disabled], fieldset[disabled] .btn-betlines, .btn-betlines.disabled:hover, .btn-betlines[disabled]:hover, fieldset[disabled] .btn-betlines:hover, .btn-betlines.disabled:focus, .btn-betlines[disabled]:focus, fieldset[disabled] .btn-betlines:focus, .btn-betlines.disabled:active, .btn-betlines[disabled]:active, fieldset[disabled] .btn-betlines:active, .btn-betlines.disabled.active, .btn-betlines[disabled].active, fieldset[disabled] { color: var(--dark1) !important; } .panel-title:before { /*content:'';*/ } .tik-head { /*background: none;*/ padding: 8px; /*color: black;*/ /*font: normal 1em/1 Montserrat,sans-serif;*/ } /*.tik-head button.tik-close, .tik-msg-err { display: none; }*/ /*.tik-head button.tik-close { display: none; }*/ .tik-body { font-size: 14px; } .buypoints { margin-top: 0; font-size: 1em !important; } /*.tik-amount, .tik-open-spot { border: none; padding: 0; margin: 7px 0 3px; background: none; }*/ .ticket input, .ticket select { font-size: 14px; padding-left: 10px; } .ticket-total-bet { /*padding: 10px 10px 20px;*/ /*background: #181818;*/ /*border: 1px solid #ddd;*/ } .ticket-total-bet .tik-body { /*background: #181818;*/ } .ticket-total-bet .total-numbers .title { font-size: 1em; } .ticket-total-bet .freeplay label span, .ticket-total-bet .autoacceptchang label span { /*color: #181818;*/ } .total-numbers:first-of-type { border-top: 1px solid #666; } .total-numbers { border-bottom: 1px solid #666; } h2.line_title a.cancelselection { text-align: right; float: right; padding: 0 0 0 10px; /*background-color: var(--main-font-color);*/ } .ticket h2 { display: block; /*font: normal 0.7em/1 Montserrat,sans-serif;*/ margin: 20px 0 10px 0; /*background-color: var(--primary-color);*/ } .ticket h2:before { position: absolute; z-index: -1; content: ""; left: 0; right: 0; height: 1px; top: 50%; background-color: #ccc; opacity: .7; } /* CONFIRMED BETS */ .betslip .alert-success { padding: 20px; background-color: var(--green2) !important; color: white; border: 0; border-radius: 5px; width: 80%; margin: 20px auto; } .betslip .alert-success h1 { font-size: 0.9em; } .betslip .alert-success .glyphicon-ok { margin: 0 10px 0 0; font-size: 1.3em; } .betslip .alert-success p { font-size: 1.6em; background-color: var(--green1); margin: 0 16px; border-radius: 4px; } .betslip .confirmed { background-color: var(--green2); border: none; width: 80%; } .betslip .confirmed .tik-head { background-color: var(--green2); color: white; font-size: 16px; } .betslip .confirmed .tik-body { background-color: var(--green5) } .confirmed .tik-amount {} .confirmed-total { padding: 10px; /*background-color: black !important;*/ /*border: 1px solid var(--green2);*/ /*width: 80% !important;*/ } a.btn.btn-small.btn-default.btn-openbets.continue { background-color: var(--green2); color: white; border: 1px solid var(--green2); font-size: 14px; } .betslip .confirmed-total .tik-body {} .betslip .confirmed span { font-weight: 600; display: inline-block; padding-right: 3px; } .betslip .confirmed .tik-risk-amount, .betslip .confirmed .tik-win-amount { width: 50%; float: left; } .confirmed .tik-amount div { padding-top: 0; padding-right: 3px; } .tik-head>span { color: white; margin-top: 4px; font-family: Montserrat, sans-serif; } .tik-body .pitcher label { color: #181818; display: inline-block; font-size: 0.9em; font-weight: normal; margin: 0 8px 0 0; } .ticket .listed_pitcher input[type="checkbox"]:checked+label::after, .ticket .listed_pitcher input[type="checkbox"]+label::after { background-color: var(--main-font-color); color: #181818; } .ticket-total-bet .tik-amount { border: none; background-color: transparent; } } /* @media only screen and (min-width : 992px) { h2.line_title { display: none; } }*/ @media (max-width: 360px) { .modal-footer button { font-size: 1em; } } .tik-msg-err { border-radius: 2px; border: 2px solid var(--primary-color) !important; } .tik-msg-err .tik-head, .tik-msg-err .tik-body { background-color: var(--white); color: #181818; border: 0; } .tik-msg-err .tik-head span { font-size: 11px; text-transform: uppercase; font-weight: bold; color: #181818; } .tik-msg-err .tik-body { padding: 0 8px 8px 8px; } .tik-amount-error { /*/border: 2px solid var(--primary-color) !important; background-color: var(--main-font-color) !important;*/ color: #181818; } .tik-amount-error span { clear: both; padding-top: 7px; color: var(--primary-color); text-align: center !important; display: block; } .btn-remove { width: 100%; margin-top: 8px; color: var(--primary-color); padding: 6px 0; font-size: 14px; font-weight: bold; } .btn-remove:hover, .btn-remove:focus, .btn-remove:active, .btn-remove.active { color: var(--main-font-color); background-color: var(--headers-bg-color); } .btn-openbets { width: 100%; margin-top: 8px; background: var(--green5); color: #181818; text-transform: uppercase; padding: 6px 0; font-size: 14px; font-weight: bold; color: var(--green2) } .btn-openbets:hover, .btn-openbets:focus, .btn-openbets:active, .btn-openbets.active { background: #FC0; border-color: var(--green2); } .tik-body .btn[disabled] { cursor: not-allowed; box-shadow: none; opacity: 0.2; } @media only screen and (max-width: 991.98px) { .betslip { width: 100%; } .tik-msg-err { border: 1px solid #f5c6cb !important; margin-bottom: 60px !important; } .tik-msg-err, .tik-msg-err .tik-head, .tik-msg-err .tik-body { color: #721c24; background-color: #f8d7da; } .tik-msg-err .tik-head { padding: 8px; color: #181818; font-size: 2em !important; } .tik-msg-err .tik-head span { font-size: 14px; color: #721c24; } } /* FIX FOR MODAL SCROLL */ body.modal-open .wrapper, body.modal-open .page-content-wrapper-mob, body.modal-open #sidebar-wrapper { overflow: hidden; } .modal-bs { overflow: hidden !important; position: fixed; top: 0; right: 0; bottom: 0; left: 0; } .modal-bs .modal-dialog { position: absolute; width: 96%; overflow-y: none; height: 100%; margin: 0 auto; } .modal-bs .modal-dialog { position: fixed; margin: 0; width: 100%; height: 100%; padding: 0; } .modal-bs .modal-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-shadow: none; background-color: var(--dark1) !important; } .modal-bs .modal-body { position: absolute; top: 50px; overflow: auto; bottom: 56px; width: 100%; padding: 0 10px 80px 10px; left: 0; background-color: var(--content-bg-color); } .modal-bs .modal-header { position: absolute; top: 0; right: 0; left: 0; height: 50px; padding: 14px 10px 10px; } .modal-bs .modal-footer { position: absolute; right: 0; bottom: 0; left: 0; height: 60px; padding: 5px 10px 10px 10px; border-top: 1px solid #CCC; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; background: var(--footer-color); } .modal-bs .modal-openspot { /*height: 120px;*/ } .modal-openspot .col-xs-12 button { padding: 17px; background-color: var(--green2); border-color: #9CD79D; color: var(--main-font-color); margin-top: 5px !important; } /* IFRAME */ .embed-container { position: relative; height: 0; overflow: auto; -webkit-overflow-scrolling: touch; margin-top: 10px; scrollbar-color: #535353 var(--content-bg-color); } .ratio16n9 { /* 56.25% para un aspect ratio 16:9 */ padding-bottom: 56.25%; } .radio3n2 { /* 66.66% para un aspect ratio 3:2 */ padding-bottom: 66.66%; } .radio4n3 { /* 75% para un aspect ratio 4:3 */ padding-bottom: 75%; } .iframeMobile-container { margin-top: 18px; position: relative; /*importante por el cashier en mobile*/ height: 100vh; /*importante por el cashier en mobile*/ } .iframe-container { position: relative; } .embed-container iframe { position: absolute; top: 0; border: none; margin-left: auto; margin-right: auto; left: 0; right: 0; width: 100%; height: 100%; } .embed-container iframe { /* width: 100px;*/ /*height: 2500px;*/ } @media (min-width: 1024px) { .embed-container iframe { width: 100%; /*height: 2500px;*/ } } @media (min-width: 1280px) { .embed-container iframe { width: 100%; /*height: 2500px;*/ } } /* FOOTER */ .foo_continue, .foo_options { position: fixed; bottom: 0; left: 0; right: 0; height: 45px; background-color: #242425; text-align: right; padding: 6px 10px 0 0; z-index: 500; } .foo_options { border-top: 1px solid #CCC; background-color: #242425; } .foo_options a { color: #999; font: 1em/1.4 Montserrat, sans-serif; letter-spacing: 0.05em; text-transform: uppercase; margin: 0px; margin-left: 3px; background-color: var(--main-font-color); padding: 5px 10px; } .foo_options a:hover { color: #181818; } .foo_continue:before, .foo_continue:after, .foo_options:before, .foo_options:after { display: table; content: " "; } .foo_continue:after, .foo_options:after { clear: both; } .foo_continue .passw { display: inline-block; width: 160px; } .foo_continue .continue { float: right; display: inline-block; } @media (max-width: 767px) { .foo_continue { left: 0; } .foo_continue { margin-left: 0; } .foo_options a { color: #181818; border-color: #181818; } .foo_options a:hover { color: #181818; border-color: #181818; } } .foo_options { display: none; } /* hide the spin-button */ input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input:not([disabled])[type=number] { -moz-appearance: textfield; } /* MENU BUTTON EXPANDED */ #menu-toggle { float: left; margin: 0 16px; } .sb-expanded #menu-toggle { /*padding-left: calc(100% - 22px * 2);*/ float: left; transition: all 0.4s ease 0s; height: 57px; padding-top: 0 !important; margin-left: 280px; } .sb-expanded #navbar_account { display: none; } @media (min-width: 520px) { .sb-expanded #mobile_login { margin-left: 260px; } } #mobile_login { background-color: #211c31; padding-top: 20px; padding: 12px 5%; clear: both; } /* UNFIXED */ .unfixed { position: absolute !important; } .unfixed_footer { position: relative !important; } /* CONTACT INFO */ .contact-info, .AccOptions { margin: 0 !important; } .contact-info { -moz-animation-delay: 1.2s; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; margin-bottom: 20px; } .contact-info div { font-size: 0.7em; } .contact-info hr { border-top: 1px solid #CCC; margin: 0 15px; } @media (max-width: 991.98px) { .contact-info div { font-size: 0.85em; } .contact-info div b { font-size: 1.1em; margin-bottom: 3px; display: block; } .contact-info .btn-livechatmob { margin: 20px auto 0 auto; } } /* BOOTSTRAP ADDONS */ /* Make aligning text responsive */ .text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg { text-align: left; } .text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg { text-align: center; } .text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg { text-align: right; } .text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg { text-align: justify; } @media (max-width: 767px) { .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs { text-align: inherit; } .text-left-xs { text-align: left; } .text-center-xs { text-align: center; } .text-right-xs { text-align: right; } .text-justify-xs { text-align: justify; } } @media (min-width: 768px) and (max-width: 991px) { .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm { text-align: inherit; } .text-left-sm { text-align: left; } .text-center-sm { text-align: center; } .text-right-sm { text-align: right; } .text-justify-sm { text-align: justify; } } @media (min-width: 992px) and (max-width: 1199px) { .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md { text-align: inherit; } .text-left-md { text-align: left; } .text-center-md { text-align: center; } .text-right-md { text-align: right; } .text-justify-md { text-align: justify; } } @media (min-width: 1200px) { .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg { text-align: inherit; } .text-left-lg { text-align: left; } .text-center-lg { text-align: center; } .text-right-lg { text-align: right; } .text-justify-lg { text-align: justify; } } /* Scrollbar */ ::-webkit-scrollbar { width: 10px; } /* Track */ ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px var(--content-bg-color); } /* Handle */ ::-webkit-scrollbar-thumb { background: rgba(15, 79, 115, 0.8); -webkit-box-shadow: inset 0 0 6px var(--content-bg-color); } ::-webkit-scrollbar-thumb:window-inactive { background: rgba(15, 79, 115, 0.4); } /* * CSS file with Bootstrap grid classes for screens bigger than 1600px. Just add this file after the Bootstrap CSS file and you will be able to juse col-xl, col-xl-push, hidden-xl, etc. * Author: Marc van Nieuwenhuijzen * Company: WebVakman * Site: WebVakman.nl */ .visible-xl-block, .visible-xl-inline, .visible-xl-inline-block, .visible-xl { display: none !important; } @media (min-width: 1600px) { .container { width: 1570px; } .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { float: left; } .col-xl-12 { width: 100%; } .col-xl-11 { width: 91.66666667%; } .col-xl-10 { width: 83.33333333%; } .col-xl-9 { width: 75%; } .col-xl-8 { width: 66.66666667%; } .col-xl-7 { width: 58.33333333%; } .col-xl-6 { width: 50%; } .col-xl-5 { width: 41.66666667%; } .col-xl-4 { width: 33.33333333%; } .col-xl-3 { width: 25%; } .col-xl-2 { width: 16.66666667%; } .col-xl-1 { width: 8.33333333%; } .col-xl-pull-12 { right: 100%; } .col-xl-pull-11 { right: 91.66666667%; } .col-xl-pull-10 { right: 83.33333333%; } .col-xl-pull-9 { right: 75%; } .col-xl-pull-8 { right: 66.66666667%; } .col-xl-pull-7 { right: 58.33333333%; } .col-xl-pull-6 { right: 50%; } .col-xl-pull-5 { right: 41.66666667%; } .col-xl-pull-4 { right: 33.33333333%; } .col-xl-pull-3 { right: 25%; } .col-xl-pull-2 { right: 16.66666667%; } .col-xl-pull-1 { right: 8.33333333%; } .col-xl-pull-0 { right: auto; } .col-xl-push-12 { left: 100%; } .col-xl-push-11 { left: 91.66666667%; } .col-xl-push-10 { left: 83.33333333%; } .col-xl-push-9 { left: 75%; } .col-xl-push-8 { left: 66.66666667%; } .col-xl-push-7 { left: 58.33333333%; } .col-xl-push-6 { left: 50%; } .col-xl-push-5 { left: 41.66666667%; } .col-xl-push-4 { left: 33.33333333%; } .col-xl-push-3 { left: 25%; } .col-xl-push-2 { left: 16.66666667%; } .col-xl-push-1 { left: 8.33333333%; } .col-xl-push-0 { left: auto; } .col-xl-offset-12 { margin-left: 100%; } .col-xl-offset-11 { margin-left: 91.66666667%; } .col-xl-offset-10 { margin-left: 83.33333333%; } .col-xl-offset-9 { margin-left: 75%; } .col-xl-offset-8 { margin-left: 66.66666667%; } .col-xl-offset-7 { margin-left: 58.33333333%; } .col-xl-offset-6 { margin-left: 50%; } .col-xl-offset-5 { margin-left: 41.66666667%; } .col-xl-offset-4 { margin-left: 33.33333333%; } .col-xl-offset-3 { margin-left: 25%; } .col-xl-offset-2 { margin-left: 16.66666667%; } .col-xl-offset-1 { margin-left: 8.33333333%; } .col-xl-offset-0 { margin-left: 0; } .visible-xl { display: block !important; } table.visible-xl { display: table; } tr.visible-xl { display: table-row !important; } th.visible-xl, td.visible-xl { display: table-cell !important; } .visible-xl-block { display: block !important; } .visible-xl-inline { display: inline !important; } .visible-xl-inline-block { display: inline-block !important; } .hidden-xl { display: none !important; } } /* AGENTS VIEW LINES */ .agent-view-lines .wrapper { height: 100%; } .agent-view-lines .wtype, .agent-view-lines .content-header, .agent-view-lines .btn-classicsite, .agent-view-lines .btn-horses, .agent-view-lines nav, .agent-view-lines .search, .agent-view-lines .logout { display: none; } .agent-view-lines .page-content-wrapper { /*width: -webkit-calc(100% - 260px); width: -moz-calc(100% - 260px); width: calc(100% - 260px);*/ width: 100%; } .agent-view-lines .sports-container { margin-top: 20px; } .agent-view-lines .tab-content { top: 0; padding-top: 0; } .agent-view-lines .page-content-wrapper-mob { padding-top: 0; } .agent-view-lines .icon_menu { background-color: var(--main-font-color); border-left: none; } .agent-view-lines .icon_menu, .agent-view-lines .icon_menu:hover, .agent-view-lines .icon_menu:focus { color: var(--main-font-color); font-size: 1.4em; text-align: center; width: 45px; margin-top: 10px; } @media (max-width: 991.98px) { .agent-view-lines .inset { padding-top: 0; } .agent-view-lines #menu-toggle { display: inline-block; } } @media print { /* * { width: 100%; border: 1px solid #E10600FF; } */ html, body { height: 100%; overflow: visible !important; } header { height: 0; } .wrapper { height: auto !important; } .test_warning { border: none; } .modal { position: absolute; left: 0; top: 0; margin: 0; padding: 0; overflow: visible !important; } /*.page-content-wrapper, */ .printable .modal-header, #betSlipController, .BettingOptions, .content-header, .BettingOptions_foo { display: none !important; } .headnav, .headuinfo, .headmisc { display: none !important; } .printable { display: block !important; font-size: 1em; } .printable .modal-body { display: block !important; font-size: 1em; } .printable .modal-dialog { width: 100%; padding: 0; margin: 0; } .printable .modal-content { width: 100%; padding: 0; margin: 0; border: none !important; } .printable .modal-body { padding: 0; margin: 0; } .printable .modal-body .reports { padding: 0 !important; margin: 0 !important; font: 0.6em/1.3 Montserrat, sans-serif; } .printable .modal-body .reports .tab-content { padding: 0 !important; margin: 0 !important; top: 0; } .page-content-wrapper { width: 100%; padding: 0; } .panel-heading { padding-left: 0; } .wagertypetitle { border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; font-size: 0.7em; padding: 2px 0; color: var(--middle-font-color); } .wagertypetitle span.line_limit { display: none !important; } .game-line { border-left: 1px solid #CCC; } .gameTitle { background: none !important; padding: 2px 0; font-size: 0.8em; } .bettinglines li { border-top: 1px solid #CCC; } .gameLineInfo { font-size: 0.65em !important; } .btn-xs, .btn-group-xs>.btn { font-size: 0.9em !important; } .gameLineInfo section, .bettinglines li .gameLineInfo i { display: inline-block; } .bettinglines li .gameLineInfo i { padding-left: 5px; } .bettinglines li .gameLineInfo i:before { content: " / "; color: #CCC; } .gameLineInfo .btn-default, .gameLineInfo .btn-default.active { border: none; display: block; } .CircleLegend, .btn-period-group, .pan-options { display: none !important; } .panel-default { border: none; } .visible-print { display: inline-block !important; } .reports .report-detail { padding: 15px 15px 5px 15px; border: 3px solid #CCC; margin-bottom: 20px; } .report-detail>h2:first-child { margin: 0 0 20px 0px; } .day-bal { border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; } .tab-pane .row div h2.RepTitle { font-size: 2em; } .tab-pane .row div h2.RepTitle span { display: inline-block !important; } .tab-pane .graded-header h2 { line-height: 0.7em; } .tab-content, .reports, .tab-pane, .modal-body { border: none !important; } .col-sm-offset-12, .col-sm-offset-11, .col-sm-offset-10, .col-sm-offset-9, .col-sm-offset-8, .col-sm-offset-7, .col-sm-offset-6, .col-sm-offset-5, .col-sm-offset-4, .col-sm-offset-3, .col-sm-offset-2, .col-sm-offset-1, .col-sm-offset-0 { margin-left: 0 !important; } .no-padding-print { padding: 0; } .col-division-right { border-right: 1px solid #CCC; padding-right: 10px; } .graded-header, .graded-data { border-bottom: 1px solid #CCC; } .reports .report-detail-open-bets { padding: 0; margin-top: 15px; font-size: 12px; background-color: white; } .arrow-up { border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #CCC; margin-right: 15px; } .figures-header { border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; margin-top: 10px; } .font-bigger { color: #181818 !important; } .figures-header .row .row div, .figures-header .num-totals-title { padding: 15px 0px 10px 0; } .date-picker { float: right; display: inline-block; width: 80px; } .breakout { float: right; display: inline-block; width: 240px; } .breakout .checkbox-inline { margin-right: 10px; } .report-detail h2 { font-size: 1.3em !important; } .reports .icon_viewresults, .icon_viewresults_minus { height: 12px; } .btn-graded { display: none; } input { border-style: none; display: inline; } .form-control { text-align: right; width: 80px; border-style: none; padding: 0; height: inherit; float: right; display: inline-block; } .day_selected { background-color: #DDD; border: 1px solid #CCC; } .tab-pane { background-color: #DDD; border: 1px solid #E10600FF; } } @media print { /* SM COLUMNS FIX */ .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } .visible-xs { display: none !important; } .hidden-xs { display: block !important; } table.hidden-xs { display: table; } tr.hidden-xs { display: table-row !important; } th.hidden-xs, td.hidden-xs { display: table-cell !important; } .hidden-xs.hidden-print { display: none !important; } .hidden-sm { display: none !important; } .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } /* LARGE COLUMNS FIX */ .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; } .visible-xs { display: none !important; } .hidden-xs { display: block !important; } table.hidden-xs { display: table; } tr.hidden-xs { display: table-row !important; } th.hidden-xs, td.hidden-xs { display: table-cell !important; } .hidden-xs.hidden-print { display: none !important; } .hidden-sm { display: none !important; } .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } /* PRINT COLUMNS */ .container { max-width: none !important; width: 100% !important; } .row { margin-left: 0; margin-right: 0; } .col-hidden-print { display: none !important; } .col-print-12 { width: 100%; } .col-print-11 { width: 91.66666667%; } .col-print-10 { width: 83.33333333%; } .col-print-9 { width: 75%; } .col-print-8 { width: 66.66666667%; } .col-print-7 { width: 58.33333333%; } .col-print-6 { width: 50%; } .col-print-5 { width: 41.66666667%; } .col-print-4 { width: 33.33333333%; } .col-print-3 { width: 25%; } .col-print-2 { width: 16.66666667%; } .col-print-1 { width: 8.33333333%; } } /*Scroll bar */ ::-webkit-scrollbar-thumb { background: rgba(83, 83, 83, 0.8); -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2); } ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); } .sec-3-ro-2 ul { margin-left: 25px; margin-right: 25px; /* width: 100%; */ } .log-ma { margin-top: 10px; } .log-ma.sec-3-ro-3 ul li { display: inline-block; margin: 5px 10px; font-size: 12px; color: black; } .sec-3-ro-3 ul li a { color: black; } .bottom-ft p { font-size: 12px; text-align: center; margin-top: 20px; color: rgba(42, 48, 56, 1); } p.cir-p { border: 2px solid; width: 40px; height: 40px; border-radius: 50%; padding: 8px 0; font-size: 13px; font-weight: 800; margin: 12px auto; } .sd-rw-1 { background: var(--headers-bg-color) !important; padding: 30px 30px; text-align: center; /*box-shadow: 0px 0px 20px #000;*/ margin-top: 10px; } .sd-rw-1 h6 { color: var(--white); font-size: 14px; font-weight: bold ; } .sd-rw-1 p { color: #888; font-weight: 600; font-size: 14px; padding: 20px 0; } .sd-rw-1 a.btn-lg { padding: 5px 15px; width: 50%; font-size: 13px; } /*Sign Up Form*/ .sign-in-top h4 { color: #fff; font-size: 30px; font-family: 'Montserrat'; } .sign-in-top { background-color: #08080b; padding: 10px 40px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .sign-in-btm { background-color: #08080b; padding: 50px 40px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .sign-in-btm .image { display: block; margin-left: auto; margin-right: auto; width: 100%; margin-top: 30px; } .sign-up.image { display: block; margin-left: auto; margin-right: auto; width: 65%; margin-top: -55px; } .Sign-up-mrbt { padding: 150px 0px; } .sign-up-page { background-color: #101115; padding: 70px; } .sign-up-page .sign-in { padding-left: 15px; padding-top: 40px; padding-bottom: 40px; padding-right: 15px; } .body-content .sign-in-page .sign-in h4, .body-content .sign-in-page .create-new-account h4, .body-content .sign-up-page .sign-in h4, .body-content .sign-up-page .create-new-account h4 { font-size: 28px !important; font-family: 'Montserrat'; border-bottom: none; color: #fff; text-align: center; margin-bottom: 70px; } .unicase-form-control { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 0px; border-color: #0c4ca6; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; height: auto; padding: 5px 15px; border-bottom: 2px solid #0c4ca6 !important; border: none; text-align: center; background: transparent; } .select-parent select { text-indent: 1px; content: '' !important; -webkit-appearance: none; background: url(/assets/img/br_down.png) !important; background-position: right !important; background-size: 25px !important; background-repeat: no-repeat !important; padding-left: 125px; } /* Promotions */ .sec-1 { background: url(/assets/img/sec-1.png); background-size: cover; height: 100%; content: ''; padding: 40px; background-position: center; border-bottom: 2px solid #222; } .sec-2 { background-color: #0f1115; padding: 60px 40px; } .outer-top-xs { margin-top: 0px; } .sec-1 h4.blue { color: rgb(15, 76, 217); font-size: 13px; margin-top: 10px; margin-bottom: 10px; font-family: 'Montserrat'; } .sec-1 h6.text { color: #fff; font-size: 26px; margin: 15px 0; font-family: 'Montserrat'; } .wide-banners { overflow: hidden; } .outer-bottom-xs { margin-bottom: 30px; } .wide-banner .image img { display: block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } /***ALLAN TWEEKS BEGIN***/ .justify-content-center { -ms-flex-pack: center !important; justify-content: center !important; } .d-flex { display: flex !important; } .d-block { display: block !important; } .w-100 { width: 100% !important; } .mb-0 { margin-bottom: 0; } .mb-4, .my-4 { margin-bottom: 1.5rem; } .pt-23 { padding-top: 23px !important; } .pb-10 { padding-bottom: 10px !important; } .mr-2, mx-2 { margin-right: 0.5rem; } .text-white { color: white; } .preset-amounts input { background-color: var(--content-bg-color) !important; border: 0; width: 65px; } .preset-amounts input:hover { /*color: var(--primary-color) !important;*/ } .slide-in { animation: slide-in 0.5s forwards; -webkit-animation: slide-in 0.5s forwards; } .slide-out { animation: slide-out 0.5s forwards; -webkit-animation: slide-out 0.5s forwards; display: none !important; } .hide-transform { transform: translateX(100%); -webkit-transform: translateX(100%); } .over-width-line-container { /*position: absolute;*/ left: 0; width: 100%; display: flex; justify-content: center; } .over-width-line-container-desktop { top: 0; position: absolute; width: 100%; } .left-button-period { position: absolute; left: -25px; width: 20px; display: flex; align-content: center; height: 41px; z-index: 1; justify-content: center; opacity: 0.7; color: white; font-size: 21px; background-image: url("/assets/img/period_arrow.svg"); background-repeat: no-repeat; transform: rotate(180deg); top: -4px; margin-left: 2px; } .right-button-period { position: absolute; right: -25px; width: 20px; display: flex; align-content: center; height: 41px; z-index: 1; justify-content: center; opacity: 0.7; color: white; font-size: 21px; background-image: url("/assets/img/period_arrow.svg"); background-repeat: no-repeat; top: 4px; margin-right: 2px; } .left-button-period strong, .right-button-period strong { align-self: center; } .circle-inner { position: absolute; align-self: center; background: var(--dark1); width: 105px; height: 105px; margin: auto; border-radius: 100%; overflow: hidden; display: flex; flex-direction: column; justify-content: space-evenly; padding: 10px; cursor: pointer; } .circle-container .mobile-counter { margin-top: 20px; margin-left: 200px; background-color: black; width: 44px; height: 44px; border-radius: 50%; display: flex; flex-direction: column; justify-content: space-around; } .circle-inner h1, .circle-inner h3, .circle-inner h4 { margin: 0 !important; } .circle-container h3 { color: white; text-align: center; /*position: absolute;*/ /*top: 60px;*/ -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; font-size: 16px; } .circle-container h4 { text-align: center; /*position: absolute;*/ /*top: 130px;*/ } .circle-container h1 { text-align: center; color: white; /*position: absolute;*/ /*top: 80px;*/ -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; font-size: 20px; } .circle-container { width: 100%; height: 200px; display: flex; justify-content: center; position: relative; } .circle-outer { position: absolute; align-self: center; background: var(--primary-color); width: 100px; height: 100px; margin: auto; border-radius: 100%; overflow: hidden; } .circle-outer-in { -webkit-animation: grow-outer-fw 1s forwards; } .circle-inner-in { -webkit-animation: grow-inner-fw 2s forwards; } .circle-outer-out { -webkit-animation: grow-outer-bw 1s forwards; } .circle-inner-out { -webkit-animation: grow-inner-bw 2s forwards; } .cursor-not { cursor: not-allowed } @-webkit-keyframes grow-inner-fw { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); } } @-webkit-keyframes grow-inner-bw { 0% { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @-webkit-keyframes grow-outer-fw { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(2); -moz-transform: scale(2); -o-transform: scale(2); -ms-transform: scale(2); transform: scale(2); } } @-webkit-keyframes grow-outer-bw { 0% { -webkit-transform: scale(2); -moz-transform: scale(2); -o-transform: scale(2); -ms-transform: scale(2); transform: scale(2); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @keyframes slide-in { 100% { transform: translateX(0%); } } @-webkit-keyframes slide-in { 100% { -webkit-transform: translateX(0%); } } @keyframes slide-out { 0% { transform: translateX(0%); } 100% { transform: translateX(110%); } } @-webkit-keyframes slide-out { 0% { -webkit-transform: translateX(0%); } 100% { -webkit-transform: translateX(110%); } } /**ALLAN TWEEKS END**/ /** page preloading */ .cssload-dots { width: 0; height: 0; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; outline: 1px solid var(--dot-colors-color2); filter: url(#goo); -o-filter: url(#goo); -ms-filter: url(#goo); -webkit-filter: url(#goo); -moz-filter: url(#goo); z-index: 1001; } .cssload-dot { width: 0; height: 0; position: absolute; left: 0; top: 0; } .cssload-dot:before { content: ""; width: 34px; height: 34px; border-radius: 49px; background: var(--dot-colors-color1); position: absolute; left: 50%; transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); margin-left: -17.5px; margin-top: -17.5px; } .cssload-dot:nth-child(5):before { z-index: 100; width: 44.5px; height: 44.5px; margin-left: -21.75px; margin-top: -21.75px; animation: cssload-dot-colors 4s ease infinite; -o-animation: cssload-dot-colors 4s ease infinite; -ms-animation: cssload-dot-colors 4s ease infinite; -webkit-animation: cssload-dot-colors 4s ease infinite; -moz-animation: cssload-dot-colors 4s ease infinite; } .cssload-dot:nth-child(1) { animation: cssload-dot-rotate-1 4s 0s linear infinite; -o-animation: cssload-dot-rotate-1 4s 0s linear infinite; -ms-animation: cssload-dot-rotate-1 4s 0s linear infinite; -webkit-animation: cssload-dot-rotate-1 4s 0s linear infinite; -moz-animation: cssload-dot-rotate-1 4s 0s linear infinite; } .cssload-dot:nth-child(1):before { background-color: var(--dot-colors-color1); animation: cssload-dot-move 4s 0s ease infinite; -o-animation: cssload-dot-move 4s 0s ease infinite; -ms-animation: cssload-dot-move 4s 0s ease infinite; -webkit-animation: cssload-dot-move 4s 0s ease infinite; -moz-animation: cssload-dot-move 4s 0s ease infinite; } .cssload-dot:nth-child(2) { animation: cssload-dot-rotate-2 4s 1s linear infinite; -o-animation: cssload-dot-rotate-2 4s 1s linear infinite; -ms-animation: cssload-dot-rotate-2 4s 1s linear infinite; -webkit-animation: cssload-dot-rotate-2 4s 1s linear infinite; -moz-animation: cssload-dot-rotate-2 4s 1s linear infinite; } .cssload-dot:nth-child(2):before { background-color: var(--dot-colors-color2); animation: cssload-dot-move 4s 1s ease infinite; -o-animation: cssload-dot-move 4s 1s ease infinite; -ms-animation: cssload-dot-move 4s 1s ease infinite; -webkit-animation: cssload-dot-move 4s 1s ease infinite; -moz-animation: cssload-dot-move 4s 1s ease infinite; } .cssload-dot:nth-child(3) { animation: cssload-dot-rotate-3 4s 2s linear infinite; -o-animation: cssload-dot-rotate-3 4s 2s linear infinite; -ms-animation: cssload-dot-rotate-3 4s 2s linear infinite; -webkit-animation: cssload-dot-rotate-3 4s 2s linear infinite; -moz-animation: cssload-dot-rotate-3 4s 2s linear infinite; } .cssload-dot:nth-child(3):before { background-color: var(--dot-colors-color1); animation: cssload-dot-move 4s 2s ease infinite; -o-animation: cssload-dot-move 4s 2s ease infinite; -ms-animation: cssload-dot-move 4s 2s ease infinite; -webkit-animation: cssload-dot-move 4s 2s ease infinite; -moz-animation: cssload-dot-move 4s 2s ease infinite; } .cssload-dot:nth-child(4) { animation: cssload-dot-rotate-4 4s 3s linear infinite; -o-animation: cssload-dot-rotate-4 4s 3s linear infinite; -ms-animation: cssload-dot-rotate-4 4s 3s linear infinite; -webkit-animation: cssload-dot-rotate-4 4s 3s linear infinite; -moz-animation: cssload-dot-rotate-4 4s 3s linear infinite; } .cssload-dot:nth-child(4):before { background-color: var(--dot-colors-color2); animation: cssload-dot-move 4s 3s ease infinite; -o-animation: cssload-dot-move 4s 3s ease infinite; -ms-animation: cssload-dot-move 4s 3s ease infinite; -webkit-animation: cssload-dot-move 4s 3s ease infinite; -moz-animation: cssload-dot-move 4s 3s ease infinite; } .pt-5, .py-5 { padding-top: 3rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pt-2, .py-2 { padding-top: .5rem !important; } .pt-1, .py-1 { padding-top: .25rem !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pb-1, .py-1 { padding-bottom: .25rem !important; } .pb-2, .py-2 { padding-bottom: .5rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pr-2, .px-2 { padding-right: .5rem !important; } .pr-1, .px-1 { padding-right: .25rem !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .pl-1, .px-1 { padding-left: .25rem !important; } .pl-2, .px-2 { padding-left: .5rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .p-5 { padding: 2rem; } .ml-0 { margin-left: 0; } .mr-0 { margin-right: 0; } .mt-5, .my-5 { margin-top: 3rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mt-2, .my-2 { margin-top: .5rem !important; } .mt-1, .my-1 { margin-top: .25rem !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .mb-1, .my-1 { margin-bottom: .25rem !important; } .mb-2, .my-2 { margin-bottom: .5rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .f-normal { font-style: normal; } @keyframes cssload-dot-move { 0% { transform: translateY(0); } 18%, 22% { transform: translateY(-68px); } 40%, 100% { transform: translateY(0); } } @-o-keyframes cssload-dot-move { 0% { -o-transform: translateY(0); } 18%, 22% { -o-transform: translateY(-68px); } 40%, 100% { -o-transform: translateY(0); } } @-ms-keyframes cssload-dot-move { 0% { -ms-transform: translateY(0); } 18%, 22% { -ms-transform: translateY(-68px); } 40%, 100% { -ms-transform: translateY(0); } } @-webkit-keyframes cssload-dot-move { 0% { -webkit-transform: translateY(0); } 18%, 22% { -webkit-transform: translateY(-68px); } 40%, 100% { -webkit-transform: translateY(0); } } @-moz-keyframes cssload-dot-move { 0% { -moz-transform: translateY(0); } 18%, 22% { -moz-transform: translateY(-68px); } 40%, 100% { -moz-transform: translateY(0); } } @keyframes cssload-dot-colors { 0% { background-color: var(--dot-colors-color2); } 25% { background-color: var(--dot-colors-color1); } 50% { background-color: var(--dot-colors-color2); } 75% { background-color: var(--dot-colors-color1); } 100% { background-color: var(--dot-colors-color2); } } @-o-keyframes cssload-dot-colors { 0% { background-color: var(--dot-colors-color2); } 25% { background-color: var(--dot-colors-color1); } 50% { background-color: var(--dot-colors-color2); } 75% { background-color: var(--dot-colors-color1); } 100% { background-color: var(--dot-colors-color2); } } @-ms-keyframes cssload-dot-colors { 0% { background-color: var(--dot-colors-color2); } 25% { background-color: var(--dot-colors-color1); } 50% { background-color: var(--dot-colors-color2); } 75% { background-color: var(--dot-colors-color1); } 100% { background-color: var(--dot-colors-color2); } } @-webkit-keyframes cssload-dot-colors { 0% { background-color: var(--dot-colors-color2); } 25% { background-color: var(--dot-colors-color1); } 50% { background-color: var(--dot-colors-color2); } 75% { background-color: var(--dot-colors-color1); } 100% { background-color: var(--dot-colors-color2); } } @-moz-keyframes cssload-dot-colors { 0% { background-color: var(--dot-colors-color2); } 25% { background-color: var(--dot-colors-color1); } 50% { background-color: var(--dot-colors-color2); } 75% { background-color: var(--dot-colors-color1); } 100% { background-color: var(--dot-colors-color2); } } @keyframes cssload-dot-rotate-1 { 0% { transform: rotate(-105deg); } 100% { transform: rotate(270deg); } } @-o-keyframes cssload-dot-rotate-1 { 0% { -o-transform: rotate(-105deg); } 100% { -o-transform: rotate(270deg); } } @-ms-keyframes cssload-dot-rotate-1 { 0% { -ms-transform: rotate(-105deg); } 100% { -ms-transform: rotate(270deg); } } @-webkit-keyframes cssload-dot-rotate-1 { 0% { -webkit-transform: rotate(-105deg); } 100% { -webkit-transform: rotate(270deg); } } @-moz-keyframes cssload-dot-rotate-1 { 0% { -moz-transform: rotate(-105deg); } 100% { -moz-transform: rotate(270deg); } } @keyframes cssload-dot-rotate-2 { 0% { transform: rotate(165deg); } 100% { transform: rotate(540deg); } } @-o-keyframes cssload-dot-rotate-2 { 0% { -o-transform: rotate(165deg); } 100% { -o-transform: rotate(540deg); } } @-ms-keyframes cssload-dot-rotate-2 { 0% { -ms-transform: rotate(165deg); } 100% { -ms-transform: rotate(540deg); } } @-webkit-keyframes cssload-dot-rotate-2 { 0% { -webkit-transform: rotate(165deg); } 100% { -webkit-transform: rotate(540deg); } } @-moz-keyframes cssload-dot-rotate-2 { 0% { -moz-transform: rotate(165deg); } 100% { -moz-transform: rotate(540deg); } } @keyframes cssload-dot-rotate-3 { 0% { transform: rotate(435deg); } 100% { transform: rotate(810deg); } } @-o-keyframes cssload-dot-rotate-3 { 0% { -o-transform: rotate(435deg); } 100% { -o-transform: rotate(810deg); } } @-ms-keyframes cssload-dot-rotate-3 { 0% { -ms-transform: rotate(435deg); } 100% { -ms-transform: rotate(810deg); } } @-webkit-keyframes cssload-dot-rotate-3 { 0% { -webkit-transform: rotate(435deg); } 100% { -webkit-transform: rotate(810deg); } } @-moz-keyframes cssload-dot-rotate-3 { 0% { -moz-transform: rotate(435deg); } 100% { -moz-transform: rotate(810deg); } } @keyframes cssload-dot-rotate-4 { 0% { transform: rotate(705deg); } 100% { transform: rotate(1080deg); } } @-o-keyframes cssload-dot-rotate-4 { 0% { -o-transform: rotate(705deg); } 100% { -o-transform: rotate(1080deg); } } @-ms-keyframes cssload-dot-rotate-4 { 0% { -ms-transform: rotate(705deg); } 100% { -ms-transform: rotate(1080deg); } } @-webkit-keyframes cssload-dot-rotate-4 { 0% { -webkit-transform: rotate(705deg); } 100% { -webkit-transform: rotate(1080deg); } } @-moz-keyframes cssload-dot-rotate-4 { 0% { -moz-transform: rotate(705deg); } 100% { -moz-transform: rotate(1080deg); } } /** end page preloading */ .page-content-wrapper-mob #searchResult { left: calc((100% - 250px)/2); margin-left: 0; top: 10px; width: 250px; margin-top: 27px; overflow: scroll; z-index: 1001; height: 0; } #navbar_mobile_info.search_expanded #searchResult.hasItems { height: 280px; } #searchResult { list-style: none; padding: 0px; width: 300px; position: absolute; margin-top: 40px; margin-left: 10px; overflow-y: auto; background-color: white; font: normal 0.8em/1 Montserrat, sans-serif; border-radius: 4px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } #searchResult li {} #searchResult .row { padding: 5px; } #searchResult .row.search-row-title { background-color: var(--gray4); color: var(--dark1); } #searchResult .row.search-row-details { color: var(--gray-font-color); } #searchResult .row.search-row-details:hover { color: var(--dark1); } #searchResult li:hover { cursor: pointer; } .w-space-normal { white-space: normal !important; } .d-flex { display: flex; } .justify-content-between { justify-content: space-between; } .justify-content-evenly { justify-content: space-evenly; } .h-100 { height: 100%; } .dateTitle { font-size: 14px; font-weight: 200; padding: 10px 6px; margin: 0; } .empty-team-totals { color: black; text-align: center; font-size: 13px; padding: 11px 0 0 0; } @media (hover: hover) { .btn-betlines:hover { background: var(--primary-color); } } @media (max-width: 400px) { .gameComments { /*width: 81% !important;*/ } } .game-note i { margin: 0 0 0 11px; } [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none !important; } .img_loading {} /*aqui comienza el core-style*/ .text-positive { color: #0cff0c; } .text-negative { color: red; } .parlay-selections { background-color: var(--headers-bg-color); color: white; font-weight: 14px; font-weight: bold; } .parlay-selections:hover { color: white !important; } .ticket .listed_pitcher input[type="checkbox"]:checked+label::after, .ticket .listed_pitcher input[type="checkbox"]+label::after { color: black !important; background-color: lightgray !important; } .hide-after::after { display: none !important; } .tik-body .pitcher { margin-top: 5px; display: flex; justify-content: center; flex-direction: column; align-items: center; } .ticket-total-bet .total-numbers .value { color: black !important; } .ticket-total-bet .freeplay, .ticket-total-bet { margin: auto; display: inline-block; } .iframeMobile-container iframe { left: 0; } .modal-bs { z-index: 1001 !important; } .modal-bs-mobile { top: 70px !important; } .float-left { float: left !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } @media (max-width: 1199.98px) { .d-hide-responsive { display: none } } @media (max-width: 768px) { .d-sm-none { display: none; } .d-sm-12 { width: 100%; } } @media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; } .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-md-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-md-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-md-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-md-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-md-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-md-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-md-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-md-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-md-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-md-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-md-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-md-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-md-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-md-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.333333%; } .offset-md-2 { margin-left: 16.666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.333333%; } .offset-md-5 { margin-left: 41.666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.333333%; } .offset-md-8 { margin-left: 66.666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.333333%; } .offset-md-11 { margin-left: 91.666667%; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } .parlayDetailInfo { border-radius: 6px; background-color: lightgray; margin-top: 10px; font-size: 12px; padding: 10px; } .parlayDetailInfo h2 { font-weight: bold; margin-bottom: 4px; } ul { list-style: none; } ul li { padding-left: 4px; } .btn-sidebar-continue { position: fixed; bottom: 0; right: 0; padding: 10px; z-index: 1004; height: 64px; } .btn-sidebar-continue:focus { background: var(--green2); } .btn-sidebar-continue button:after { content: ''; display: inline-block; /* margin-top: 1.05em; */ /* margin-left: -0.6em; */ width: 0.7em; height: 0.7em; border-top: 0.25em solid #fff; border-right: 0.25em solid #fff; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .btn-continue, .btn-sd-continue { background-color: var(--green2); border-radius: 16px; color: var(--white); } .graded-data { padding: 10px 5px; } .offering-button { padding-left: 4px; padding-right: 4px; } .sports .panel-heading a { /* padding: 10px 13px;*/ } .sportIcon { margin-left: 0 !important; } .checkbox-custom { display: flex; } .checkbox-custom span { font-family: Montserrat !important; color: var(--main-font-color); font-size: 1.1em; font-weight: 500; display: block; line-height: 1.2em; padding: 0 0 0 4px; } .checkbox-custom input[type=checkbox] { display: none; } .checkbox-custom input[type=checkbox]+label:after { color: var(--headers-bg-color); } .checkbox-custom input[type=checkbox]:checked+label:after { color: white; } .checkbox-custom input[type=checkbox]+label:after { font-family: "ui_icons"; content: "\e600"; font-size: 1em; text-align: center; padding: 2px; line-height: 15px; display: block; border: 1px solid lightgrey; border-radius: 4px; width: 22px; height: 22px; } .checkbox-custom input[type=checkbox]:checked+label:after { color: white; } .checkbox-styled { padding: 0 0 14px 0; } .checkbox-label-styled { display: flex; flex-direction: row-reverse; align-items: center; justify-content: flex-end; float: none !important; height: inherit !important; margin-left: inherit !important; } .checkbox-label-styled::after { margin: 0 10px 0 0 !important } .sportIcon:before { margin-left: 0 !important; margin-right: 10px !important; } .red-border { border-color: red !important; } .tik-ifBet-amount { background-color: red; color: white; } .betslip .preset-amounts input { background-color: var(--headers-bg-color) !important; color: white; } .navbar_account img { height: 32px; } @media only screen and (max-width: 768px) { .betslip.extended .bet-slip-column { min-width: 100%; } } .betslip.extended { background-color: black; width: 100%; } .betslip.extended .alert-success p { color: black; } .betslip.extended .checkbox-custom span { color: black; } .betslip.extended .bet-slip-column { margin: auto; } .betslip.extended .confirmed { max-width: 570px; } .betslip.extended .tik-amount-error span.error { color: red; padding-top: 0; } .btn-openbets { max-width: 200px; } .betslip.extended .confirmed-total { max-width: 570px; text-align: center; } .betslip.extended .tik-msg-err .tik-head, .betslip.extended .tik-msg-err { background: white; } .betslip.extended .tik-msg-err .tik-head, .betslip.extended .tik-msg-err .tik-body { border: none !important; } .betslip.extended .tik-msg-err .tik-head button.tik-close { color: black; } .betslip.extended .bet-slip-column { flex-grow: 1; flex-basis: 0; } .betslip.extended .ticket-total-bet { padding-top: 0; border-radius: 10px; border: 1px solid #696969 !important; text-align: center; } .betslip.extended .classic-betslip { background: inherit; color: inherit; } .betslip.extended .row_totals { font-size: 15px; } .betslip.extended .row_totals_value { font-size: 16px; } .betslip.extended .row_totals_value_risking { color: red; } .betslip.extended .buypoints { margin-top: auto; } .betslip.extended .tik-amount, .tik-open-spot { /*max-width: 300px;*/ margin: auto; padding: 5px 0; } .betslip.extended .wager-item-info { margin-bottom: 0; } .betslip.extended .divider { width: 100%; margin: 10px auto; border-top: 1px solid #ccc; } .betslip.extended .spread_points { margin: auto; } .betslip.extended .buypoints .buypoints-dropdown { float: left; width: 200px; padding-left: 10px; } .betslip.extended .buypoints .title { width: inherit; } .betslip.extended .ticket-total-bet .tik-amount { background: none; } .betslip.extended .ticket { max-width: 800px; margin: 10px auto; margin-top: 20px; border-radius: 5px; } .betslip.extended .classic-betslip { background: inherit; color: inherit; } .betslip.extended .ticket-total-bet { padding-top: 0; } .betslip.extended .tik-head { background-color: inherit; border-radius: 10px 10px 0 0; border: 1px solid #696969; } .betslip.extended .ticket .listed_pitcher label { float: left; } .betslip.extended .withBorder { display: flex; flex-direction: column; border: 1px solid #696969; } .betslip.extended .tik-body { background-color: inherit; border-radius: 0 0 10px 10px; border: 1px solid #696969; display: flex; flex-direction: column; border-top: 0 !important; text-align: center; } .betslip.extended .tik-ifBet-amount { border-radius: 0; width: 50px; height: inherit; font-size: 11px; border: none; min-height: 24px; } .betslip.extended .preset-amounts input { border: 1px solid #ccc; } .betslip.extended .classic-betslip { background: inherit; color: inherit; } .betslip.extended .ticket-total-bet .total-numbers .value { float: none !important; width: inherit !important; } .betslip.extended .btn-placebet { max-width: 120px; } .betslip.extended .tik-ifBet-amount_win { max-width: 570px; min-width: 300px } .betslip.extended .tik-ifBet-amount_win span { color: black; } .betslip.extended .ticket { max-width: 800px !important; float: inherit !important; margin: 10px auto !important; } .modal-bs .betslip.extended .tik-body { color: black; } .modal-bs .modal-body { background: white !important; } .modal-bs .betslip.extended .tik-body .btn[disabled] { opacity: 0.5 !important; } .modal-bs .betslip.extended .preset-amounts input:hover { color: white !important; } .modal-bs .betslip.extended .tik-body .pitcher label { color: black; } .modal-bs .betslip.extended .ticket .tik-head { color: black; } .modal-bs .betslip.extended .ticket.confirmed .tik-head { color: white; } .modal-bs .betslip.extended .tik-head button.tik-close { color: black; } .modal-bs .betslip.extended .ticket-total-bet .freeplay label span { color: black; } .modal-bs .betslip.extended .ticket input, .ticket select { color: #000000 !important; } .modal-bs .betslip.extended .text-white { color: black; } .m-auto { margin: auto; } .CircleLow { background: #B20000; } .CircleHigh { background: #008C00; } .inputOffering { width: 3px; height: 3px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin-top: 4px; } .offering-input { width: 40px; -moz-box-shadow: inset 0px 0px 4px 0px #7f7f7f; -webkit-box-shadow: inset 0px 0px 4px 0px #7f7f7f; box-shadow: inset 0px 0px 4px 0px #7f7f7f; border: 1px solid #cdcdcd; border-radius: 3px; height: 20px; } .offering-input-mobile { width: 90%; margin-bottom: 5px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: #cdcdcd 1px solid; height: 20px; } .menuTypeItemsWrapper { width: 100%; overflow: scroll; background-color: white; } .teasersInfo { font-size: 11px; text-align: center; border-radius: 4px; background-color: white; color: #5e5e5e; /*border:1px solid var(--primary-color);*/ } .teasersInfo .row.row_headers { background-color: #686A6B; color: white; padding: 4px; } .teaserSelectedInfo { padding: 8px; background: white; color: #5e5e5e; font-weight: bold; } .teasers-options { width: 100% !important; background: white; } .teaser-list-container a.teaserName { color: #5e5e5e; border: 1px solid #5e5e5e; border-radius: 18px; padding: 5px 10px; min-width: 175px; } .teaser-list-container ._row { font-size: 12px; color: #5e5e5e; padding: 10px 10px; border-bottom: 1px solid lightgray; align-items: center; justify-content: space-between; } div#sidebar-wrapper .row.pl-5.pr-5.text-center { padding: unset !important; } .wtype .menuTypeItemsWrapper .m_topmenu { background: none !important; border: none; } .wtype .menuTypeItemsWrapper ul li a { color: white !important; } .tab-content { width: 100%; } .wtype .menuMobileSubItem { box-shadow: none !important; -webkit-box-shadow: none !important; background-color: #4d5053; color: white !important; } .wtype .menuTypeScrollableItems { width: fit-content; background-color: var(--sidebar-bgcolor); padding: 4px; } .wtype ul.m_topmenu { white-space: nowrap; overflow: hidden; background: none; } .wtype ul.m_topmenu li { display: inline-block; padding: 0; margin: 0; min-width: inherit; vertical-align: top; } .menuTypeScrollableItems { width: fit-content; background-color: var(--dark1); } .betTypeItemFirstList ul { padding: 0 5px; } .betTypeItemFirstList ul li { width: 33%; } ul.bettinglines .gameLineInfo.isGameCircled, ul.bettinglines .gameLineInfo.isGameCircled { background-color: var(--circleBackgroundColor); } ul.bettinglines .isGameCircled { background-color: var(--circleBackgroundColor); } .gameLineInfo.isGameCircled .row { background-color: var(--circleBackgroundColor); } .gameLineInfo.isGameCircled .game-line>.row:nth-child(2) { padding-bottom: 2px; } .gameLineInfo.isGameCircled .game-line>.row:nth-child(3) { border-top: 1px solid var(--circledBorderColor); } .gameCircleMark { background-color: var(--circleBackgroundColor); color: red !important; } @media only screen and (max-width: 1024px) { #wrapper.active #sidebar-wrapper { top: 0; } } .tik-win-amount .labelBetAmount, .tik-risk-amount .labelBetAmount { padding: 8px 4px; font-size: 11px; height: 2.5em !important; background-color: inherit !important; color: var(--main-font-color) !important; } @media only screen and (max-width: 991.98px) { .tik-win-amount .labelBetAmount, .tik-risk-amount .labelBetAmount { font-size: 14px !important; } } @media only screen and (min-width: 991.98px) { .tik-win-amount .labelBetAmount, .tik-risk-amount .labelBetAmount { font-size: 11px !important; } } .flex-row-reverse { flex-direction: row-reverse; } .form-check-filter { position: relative; display: block; margin: 0; } .form-check-filter div.input-radio-wrapper { width: 16px; /*border: 1px solid var(--primary-color);*/ padding: 1px; height: 16px; border-radius: 50%; position: absolute; top: 2px; z-index: 1; } .form-check-filter .option-input.radio { border-radius: 50%; height: 12px; margin: 0 !important; } .form-check-filter .option-input:checked { background: var(--primary-color); } .form-check-filter label { max-width: 100%; font-weight: normal; margin-left: 24px; font-size: 12px; } .form-check-filter .option-input.radio::after { border-radius: 50%; } .form-check-filter .option-input:checked::after { -webkit-animation: click-wave 0.65s; -moz-animation: click-wave 0.65s; animation: click-wave 0.65s; background: #40e0d0; content: ""; display: block; position: relative; z-index: 100; } .form-check-filter label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } #wrapper.active #sidebar-wrapper { top: 0 !important; } .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .form-control { font-size: 10px !important; } .input-group>.form-control, .input-group>.form-select { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; } .input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group .btn { position: relative; z-index: 2; } .btn-outline-secondary { color: #6c757d; border-color: #6c757d; } .btn-toggle-alternates { padding: 4px; font-size: 9px; background-color: var(--primary-color); align-items: center; display: flex; justify-content: center; border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .btn-toggle-alternates span { color: white; } .alternateLineText { color: var(--primary-color) !important; font-size: 10px; padding: 5px 6px; font-weight: bold !important; } @media only screen and (max-width: 992px) { .gameLineInfo.childGameLineInfo { background-color: white !important; border-radius: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; } } .gameLineInfo.childGameLineInfo .game_date_time { display: none; } .gameLineInfo.childGameLineInfo .game_data>div { display: none !important; } .gameLineInfo.childGameLineInfo .game_line_comments:before { content: ' '; background-color: red; height: 8px; border-radius: 50%; width: 8px; margin-right: 4px; display: inline-block; transform: scale(.7); } @media only screen and (min-width: 1400px) { .gameLineInfo.childGameLineInfo>.row { background-color: var(--middle-page-bg-color); margin: 0; padding: 0; } } li.childGameLineInfo { padding: 0 !important; } .gameLineInfo.childGameLineInfo .game-line { background-color: white; border-left: 2px solid red; padding-top: 10px; padding-bottom: 10px; } .double_down_arrow { transform: rotate(91deg); width: 20px; height: 12px; font-size: 19px; font-style: normal; color: white; transform: translate(10px, 0px) rotate(90deg); } @media only screen and (max-width: 1400px) { .wagertypetitle .general_data { display: none } .wagertypetitle .lwrap { flex-direction: column-reverse; flex-wrap: wrap; width: 100%; } .wraperbettype { width: 100%; padding: 0; } .gameLineInfo { flex-wrap: wrap; } .gameLineInfo .general_data { width: 100% !important; } .gameLineInfo .game-line { width: 100%; border-left: 0; } .gameLineInfo .general_data .game_date_time { flex-direction: row; width: 100%; padding: 7px; } } ul.bettinglines.BoldLines .gameLineInfo { font-weight: bold; } ul.bettinglines.BoldLines .gameLineInfo .btn-default, ul.bettinglines.BoldLines .gameLineInfo .btn-betlines { font-weight: bold; } ul.bettinglines li h4 { font-weight: bold; } .border-0 { border: unset !important; } .border-2 { border: solid 2px #cdcdcd; } .border-r-2 { border-right: solid 2px #cdcdcd; } .border-l-0, .border-x-0 { border-left: none !important; } .border-r-0, .border-x-0 { border-right: none !important; } .border-b-0 { border-bottom: none !important; } .mb-2, my-2 { margin-bottom: 1rem !important; } .mb-4, my-4 { margin-bottom: 1.5rem !important; } .mt-2, my-2 { margin-top: 1rem !important; } .mt-4, my-4 { margin-top: 1.5rem !important; } .ml-1 { margin-left: 0.5rem !important; } .align-self-center { align-self: center !important; } .h-100 { height: 100% !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-between { justify-content: space-between; } .bg-white { background-color: white !important; } .bg-black { background-color: black !important; } .bg-light-gray { background-color: #f1f1f1 !important; } .bg-success { background-color: var(--primary-color) !important; color: white; } .bg-warning { background-color: #eef549 !important; } .text-white { color: white; } .text-align-left { text-align: left !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pt-2, .py-2, .p-2 { padding-top: .5rem !important; } .pt-1, .py-1 { padding-top: .25rem !important; } .pt-0, .py-0 { padding-top: 0 !important; } .align-items-center { align-items: center; } .h-auto { height: auto !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pb-1, .py-1 { padding-bottom: .25rem !important; } .pb-2, .py-2, .p-2 { padding-bottom: .5rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } /* Contact_info */ @media (max-width: 991.98px) { .contact-info div { padding-top: 0 !important; } } /* BetOffering Headers Styling */ .contact-info .dropdown-toggle span { color: black; } .contact-info .dropdown-toggle span::after {} .panel-heading.sportType { background-color: #e1e1e1 !important; border-bottom: 1px solid #b3b3b3 !important; padding: 13px 14px !important; } .panel-heading.sportType span { color: #1d1e1e !important; } .mob_period_wrapper .period { padding: 10px 5px 11px 9px; background-color: white !important; color: black !important; } .mob_period_wrapper .btn-period { color: #191919 !important; border-bottom: none !important; border-radius: 20px; padding: 5px 10px; } .contests:first-of-type { margin-top: 0; padding: 10px; } .contests { text-transform: uppercase; color: #666; font-size: 12px; margin: 8px; border-radius: 4px; background: white; } .contests h3.panel-title { margin: 0; color: #222020; font-weight: 700; line-height: 1.4; padding-bottom: 6px; } .page-content { border-bottom: none !important; } @media only screen and (max-width: 991.98px) { .bettinglines { margin: 0 2px 10px 2px !important; } } /* Team Totals Button style */ .line_titles { position: relative; border: 1px solid lightgrey; } .line_titles, .line_titles_column { padding: 6px; } .btn_teamTotals { position: absolute; top: 0; z-index: 2; right: 0; padding: 0; top: 1px; } /**/ ul.bettinglines.BoldLines .gameLineInfo .btn-default, ul.bettinglines.BoldLines .gameLineInfo .btn-betlines { font-weight: bold; } ul.bettinglines li h4 { font-weight: bold; } .border-0 { border: unset !important; } .border-2 { border: solid 2px #cdcdcd; } .border-r-2 { border-right: solid 2px #cdcdcd; } .border-l-0, .border-x-0 { border-left: none !important; } .border-r-0, .border-x-0 { border-right: none !important; } .border-b-0 { border-bottom: none !important; } .mb-2, my-2 { margin-bottom: 1rem !important; } .mb-4, my-4 { margin-bottom: 1.5rem !important; } .mt-2, my-2 { margin-top: 1rem !important; } .mt-4, my-4 { margin-top: 1.5rem !important; } .ml-1 { margin-left: 0.5rem !important; } .align-self-center { align-self: center !important; } .h-100 { height: 100% !important; } .justify-content-end { justify-content: flex-end !important; } .bg-white { background-color: white !important; } .bg-black { background-color: black !important; } .bg-light-gray { background-color: #f1f1f1 !important; } .bg-success { background-color: var(--primary-color) !important; color: white; } .bg-warning { background-color: #eef549 !important; } .text-white { color: white; } .text-align-left { text-align: left !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pt-2, .py-2, .p-2 { padding-top: .5rem !important; } .pt-1, .py-1 { padding-top: .25rem !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pb-1, .py-1 { padding-bottom: .25rem !important; } .pb-2, .py-2, .p-2 { padding-bottom: .5rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pr-2, .px-2, .p-2 { padding-right: .5rem !important; } .pr-1, .px-1 { padding-right: .25rem !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .pl-1, .px-1 { padding-left: .25rem !important; } .pl-2, .px-2, .p-2 { padding-left: .5rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .p-5 { padding: 2rem; } .p-0 { padding: 0 !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mt-2, .my-2 { margin-top: .5rem !important; } .mt-1, .my-1 { margin-top: .25rem !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .mb-1, .my-1 { margin-bottom: .25rem !important; } .mb-2, .my-2 { margin-bottom: .5rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mr-2, .mx-2 { margin-right: .5rem !important; } .mr-1, .mx-1 { margin-right: .25rem !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .ml-1, .mx-1 { margin-left: .25rem !important; } .ml-2, .mx-2 { margin-left: .5rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .m-5 { padding: 2rem; } .align-items-center { align-items: center; } .text-gray { color: var(--gray-font-color); } .text-black { color: black !important; } .title-divider { position: sticky; top: 0; z-index: 2; background-color: #f1f1f1; } .text-align-center { text-align: center !important; } .bg-primary-color, .bg-primary { background-color: var(--primary-color) !important; } .bg-secundary { background-color: var(--secondary-color) !important; } .bg-header { background-color: var(--heading-color) !important; } .parlay-selections { background-color: var(--headers-bg-color); } .wager-type-height { height: 90px !important; } .graded-data { font: normal 0.9em/1.3 "Helvetica Neue", Helvetica, sans-serif; } #chat-icon { right: 25px; bottom: 25px; position: fixed; z-index: 9999; } #chat-icon a { position: relative; } #chat-icon a.chat-open-services { background-color: #129bf4; color: #fff; line-height: 55px; margin-top: 10px; border: none; cursor: pointer; font-size: 23px; width: 55px; height: 55px; text-align: center; box-shadow: 2px 2px 8px -3px #000; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; display: inline-block; } #chat-icon a.chat-open-services i { line-height: 55px; } #chat-icon .chat-services a i { background-color: #129bf4; color: #fff; line-height: 55px; margin-top: 10px; border: none; cursor: pointer; font-size: 23px; width: 55px; height: 55px; text-align: center; box-shadow: 2px 2px 8px -3px #000; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; } .wrapper_noheader { height: calc(100% - 5px); } /* casino-pages */ .content-casino { background-image: url(/assets/img/casino-images/background/background.jpg); background-repeat: no-repeat; background-color: #000; min-height: 100vh; padding: 5%; background-size: 100% 100% !important; } .card-casinos { display: flex; flex-direction: column; justify-content: end; } .btn-casino{ height: 5rem; width: 100%; background-color: #192D4C; border: 2px solid transparent; border-radius: 6px; color: white; margin-top: 10px; } .btn-casino:hover { border: 2px solid transparent; box-shadow: 0 0 20px 0em #b31649; background-color: #EB3333 } @media only screen and (max-width: 991px) { .row-container-casino { flex-direction: column; } } .rowOriginal { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .card-img-top { object-fit: cover; object-position: top center; height: 40vh; } @media (max-width: 1800px) { .card-img-top { height: 40vh; } } @media (max-width: 1500px) { .card-img-top { height: 40vh; } } @media (max-width: 500px) { .card-img-top { height: 13vh; } }