/* 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,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10519,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10520,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10521,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10522,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10523,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10524,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10525,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10526,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10527,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10528,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10529,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10530,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10531,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10532,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10533,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10534,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10535,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11018,4): run-time error CSS1031: Expected selector, found '/'
(11018,4): run-time error CSS1025: Expected comma or open brace, found '/'
(11056,25): run-time error CSS1030: Expected identifier, found ' '
(11056,32): run-time error CSS1031: Expected selector, found ';'
(11056,32): run-time error CSS1025: Expected comma or open brace, found ';'
(11057,1): run-time error CSS1019: Unexpected token, found '}'
(11269,31): run-time error CSS1039: Token not allowed after unary operator: '-Success-Default'
(11281,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11282,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11358,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11365,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11372,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11384,30): run-time error CSS1039: Token not allowed after unary operator: '-vh'
(11410,26): run-time error CSS1039: Token not allowed after unary operator: '-content-bg-color'
(11411,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(11538,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(11737,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(11790,31): run-time error CSS1039: Token not allowed after unary operator: '-contests-tree-root-icon-bg'
(11795,30): run-time error CSS1039: Token not allowed after unary operator: '-contests-tree-root-icon-bg'
(11813,15): run-time error CSS1039: Token not allowed after unary operator: '-contests-tree-root-icon-bg-hover'
(11818,15): run-time error CSS1039: Token not allowed after unary operator: '-text1'
(11877,20): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(11902,26): run-time error CSS1039: Token not allowed after unary operator: '-contests-tree-root-icon-bg'
(11903,15): run-time error CSS1039: Token not allowed after unary operator: '-contests-tree-root-icon-font'
(11926,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(11930,20): run-time error CSS1039: Token not allowed after unary operator: '-contests-tree-root-icon-bg-hover'
(11931,15): run-time error CSS1039: Token not allowed after unary operator: '-contests-tree-root-icon-font-hover'
(11938,26): run-time error CSS1039: Token not allowed after unary operator: '-sport-panel-item-bg'
(11942,33): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-sport-list'
(11968,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(11972,26): run-time error CSS1039: Token not allowed after unary operator: '-contests-tree-root-icon-bg-hover'
(11973,15): run-time error CSS1039: Token not allowed after unary operator: '-contests-tree-root-icon-font-hover'
(11982,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(11986,15): run-time error CSS1039: Token not allowed after unary operator: '-contests-tree-root-icon-bg-hover'
(11991,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(11999,15): run-time error CSS1039: Token not allowed after unary operator: '-font-1000'
(12000,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(12004,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(12033,31): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(12034,32): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(12083,26): run-time error CSS1039: Token not allowed after unary operator: '-content-bg-color'
(12173,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12174,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12187,30): run-time error CSS1039: Token not allowed after unary operator: '-middle-page-bg-color'
(12192,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(12233,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(12244,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(12248,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(12252,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(12333,35): run-time error CSS1046: Expect comma, found '95'
(12333,41): run-time error CSS1046: Expect comma, found '/'
(12341,26): run-time error CSS1039: Token not allowed after unary operator: '-gray2'
(12350,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(12372,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(12408,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(12409,20): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(12441,19): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(12447,19): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(12466,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(12473,26): run-time error CSS1039: Token not allowed after unary operator: '-green2'
(12475,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(12481,26): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-bgcolor'
(12497,15): run-time error CSS1039: Token not allowed after unary operator: '-gray6'
(12501,26): run-time error CSS1039: Token not allowed after unary operator: '-hover-wager-type'
(12506,26): run-time error CSS1039: Token not allowed after unary operator: '-hover-wager-type'
(12512,26): run-time error CSS1039: Token not allowed after unary operator: '-hover-wager-type'
(12565,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(12566,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(12572,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(12573,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(12583,24): run-time error CSS1039: Token not allowed after unary operator: '-middle-headers-bg-color'
(12646,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(12655,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(12664,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(12700,15): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(12749,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(12787,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(12811,33): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-bgcolor'
(12812,26): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-bgcolor'
(12866,30): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(12901,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(12905,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(12923,26): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(12943,19): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(13014,26): run-time error CSS1039: Token not allowed after unary operator: '-middle-page-bg-color'
(13031,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(13039,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(13045,26): run-time error CSS1039: Token not allowed after unary operator: '-header-mobile-bg'
(13068,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(13073,26): run-time error CSS1039: Token not allowed after unary operator: '-dark1'
(13104,26): run-time error CSS1039: Token not allowed after unary operator: '-dark1'
(13110,26): run-time error CSS1039: Token not allowed after unary operator: '-headers-bg-color'
(13116,26): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-bgcolor'
(13120,45): run-time error CSS1046: Expect comma, found '255'
(13120,52): run-time error CSS1046: Expect comma, found ')'
(13120,73): run-time error CSS1046: Expect comma, found '0'
(13120,77): run-time error CSS1046: Expect comma, found '/'
(13121,42): run-time error CSS1046: Expect comma, found '255'
(13121,49): run-time error CSS1046: Expect comma, found ')'
(13121,70): run-time error CSS1046: Expect comma, found '0'
(13121,74): run-time error CSS1046: Expect comma, found '/'
(13122,37): run-time error CSS1046: Expect comma, found '255'
(13122,44): run-time error CSS1046: Expect comma, found ')'
(13122,65): run-time error CSS1046: Expect comma, found '0'
(13122,69): run-time error CSS1046: Expect comma, found '/'
(13140,42): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-bgcolor'
(13140,80): run-time error CSS1046: Expect comma, found '28'
(13140,86): run-time error CSS1046: Expect comma, found '/'
(13141,39): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-bgcolor'
(13141,77): run-time error CSS1046: Expect comma, found '28'
(13141,83): run-time error CSS1046: Expect comma, found '/'
(13142,34): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-bgcolor'
(13142,72): run-time error CSS1046: Expect comma, found '28'
(13142,78): run-time error CSS1046: Expect comma, found '/'
(13146,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(13151,26): run-time error CSS1039: Token not allowed after unary operator: '-gray2'
(13158,15): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(13163,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(13181,30): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(13207,19): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(13231,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(13247,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(13275,30): run-time error CSS1039: Token not allowed after unary operator: '-headers-bg-color'
(13301,30): run-time error CSS1039: Token not allowed after unary operator: '-betslip-bg-color'
(13302,19): run-time error CSS1039: Token not allowed after unary operator: '-white'
(13308,30): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(13309,19): run-time error CSS1039: Token not allowed after unary operator: '-white'
(13310,37): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(13315,24): run-time error CSS1039: Token not allowed after unary operator: '-header-mobile-bg'
(13364,26): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(13368,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(13413,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(13415,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found 'var('
(13429,15): run-time error CSS1039: Token not allowed after unary operator: '-gray-font-color'
(13445,26): run-time error CSS1039: Token not allowed after unary operator: '-headers-bg-color'
(13457,15): run-time error CSS1039: Token not allowed after unary operator: '-middle-font-color'
(13458,26): run-time error CSS1039: Token not allowed after unary operator: '-line-button-selected-color'
(13482,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(13530,26): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(13615,14): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(13625,15): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(13631,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(13661,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(13678,26): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(13683,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(13700,26): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(13744,15): run-time error CSS1039: Token not allowed after unary operator: '-font-1000'
(13746,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(13747,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(13807,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(13873,20): run-time error CSS1039: Token not allowed after unary operator: '-sport-panel-bg'
(13875,26): run-time error CSS1039: Token not allowed after unary operator: '-sport-panel-item-border-color'
(13885,20): run-time error CSS1039: Token not allowed after unary operator: '-gray4'
(13892,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(14035,26): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(14072,20): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(14111,20): run-time error CSS1039: Token not allowed after unary operator: '-cta-color'
(14112,15): run-time error CSS1039: Token not allowed after unary operator: '-font-1000'
(14130,33): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(14131,26): run-time error CSS1039: Token not allowed after unary operator: '-sports-container-label-bg-color'
(14136,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(14141,26): run-time error CSS1039: Token not allowed after unary operator: '-cta-color'
(14142,15): run-time error CSS1039: Token not allowed after unary operator: '-font-1000'
(14186,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(14193,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(14198,26): run-time error CSS1039: Token not allowed after unary operator: '-menu-hover-bgcolor'
(14215,15): run-time error CSS1039: Token not allowed after unary operator: '-content-bg-color'
(14273,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(14315,26): run-time error CSS1039: Token not allowed after unary operator: '-headers-bg-color'
(14326,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(14871,26): run-time error CSS1039: Token not allowed after unary operator: '-gray4'
(14888,26): run-time error CSS1039: Token not allowed after unary operator: '-middle-page-bg-color'
(14892,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(14895,14): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(14899,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14900,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14917,14): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(14937,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(14987,26): run-time error CSS1039: Token not allowed after unary operator: '-betslip-bg-color'
(14997,26): run-time error CSS1039: Token not allowed after unary operator: '-content-bg-color'
(15004,26): run-time error CSS1039: Token not allowed after unary operator: '-content-bg-color'
(15087,15): run-time error CSS1039: Token not allowed after unary operator: '-headers-bg-color'
(15106,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(15124,23): run-time error CSS1039: Token not allowed after unary operator: '-ps1'
(15181,24): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-bgcolor'
(15195,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(15208,19): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(15216,30): run-time error CSS1039: Token not allowed after unary operator: '-dark1'
(15222,30): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(15227,30): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(15273,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(15288,33): run-time error CSS1039: Token not allowed after unary operator: '-border-100'
(15310,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(15454,33): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-sport-list'
(15476,26): run-time error CSS1039: Token not allowed after unary operator: '-betslip-bg-color'
(15480,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(15495,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(15664,20): run-time error CSS1039: Token not allowed after unary operator: '-middle-headers-bg-color'
(15781,20): run-time error CSS1039: Token not allowed after unary operator: '-seach-panel-bg'
(15782,28): run-time error CSS1039: Token not allowed after unary operator: '-seach-panel-border-color'
(15783,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(15792,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(15799,33): run-time error CSS1039: Token not allowed after unary operator: '-sport-panel-item-bg'
(15803,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(15804,20): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(15808,15): run-time error CSS1039: Token not allowed after unary operator: '-dropdown-hover-color'
(15809,20): run-time error CSS1039: Token not allowed after unary operator: '-dropdown-hover-bg-color'
(15813,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(15819,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(15974,15): run-time error CSS1039: Token not allowed after unary operator: '-gray2'
(15981,15): run-time error CSS1039: Token not allowed after unary operator: '-gray2'
(15986,15): run-time error CSS1039: Token not allowed after unary operator: '-gray2'
(16043,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(16056,20): run-time error CSS1039: Token not allowed after unary operator: '-middle-headers-bg-color'
(16058,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(16061,26): run-time error CSS1039: Token not allowed after unary operator: '-sport-row-border-color'
(16129,15): run-time error CSS1039: Token not allowed after unary operator: '-font-1000'
(16130,20): run-time error CSS1039: Token not allowed after unary operator: '-cta-color'
(16135,15): run-time error CSS1039: Token not allowed after unary operator: '-font-1000'
(16136,20): run-time error CSS1039: Token not allowed after unary operator: '-cta-color'
(16145,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(16151,20): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(16165,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(16169,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(16175,20): run-time error CSS1039: Token not allowed after unary operator: '-bet-offering-btn-bg'
(16176,25): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-sport-list'
(16187,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(16188,20): run-time error CSS1039: Token not allowed after unary operator: '-line-button-color'
(16189,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(16197,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(16198,15): run-time error CSS1039: Token not allowed after unary operator: '-font-1000'
(16206,20): run-time error CSS1039: Token not allowed after unary operator: '-line-button-selected-color'
(16224,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(16231,26): run-time error CSS1039: Token not allowed after unary operator: '-green2'
(16255,26): run-time error CSS1039: Token not allowed after unary operator: '-green2'
(16269,15): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(16270,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(16281,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(16289,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(16290,26): run-time error CSS1039: Token not allowed after unary operator: '-middle-headers-bg-color'
(16296,15): run-time error CSS1039: Token not allowed after unary operator: '-middle-font-color'
(16300,15): run-time error CSS1039: Token not allowed after unary operator: '-middle-font-color'
(16301,26): run-time error CSS1039: Token not allowed after unary operator: '-hover-wager-type'
(16316,15): run-time error CSS1039: Token not allowed after unary operator: '-middle-font-color'
(16380,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(16381,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(16382,15): run-time error CSS1039: Token not allowed after unary operator: '-font-1000'
(16404,15): run-time error CSS1039: Token not allowed after unary operator: '-font-1000'
(16405,20): run-time error CSS1039: Token not allowed after unary operator: '-cta-color'
(16409,15): run-time error CSS1039: Token not allowed after unary operator: '-middle-font-color'
(16410,33): run-time error CSS1039: Token not allowed after unary operator: '-selected-period-border'
(16417,15): run-time error CSS1039: Token not allowed after unary operator: '-font-1000'
(16422,20): run-time error CSS1039: Token not allowed after unary operator: '-cta-color'
(16431,20): run-time error CSS1039: Token not allowed after unary operator: '-cta-color'
(16478,24): run-time error CSS1039: Token not allowed after unary operator: '-dark1'
(16506,19): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(16507,30): run-time error CSS1039: Token not allowed after unary operator: '-dark1'
(16512,22): run-time error CSS1046: Expect comma, found '255'
(16512,30): run-time error CSS1046: Expect comma, found '/'
(16519,37): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(16595,26): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(16597,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16612,26): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(16646,15): run-time error CSS1039: Token not allowed after unary operator: '-green3'
(16650,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(16658,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(16659,26): run-time error CSS1039: Token not allowed after unary operator: '-green2'
(16681,26): run-time error CSS1039: Token not allowed after unary operator: '-line-button-selected-color'
(16691,26): run-time error CSS1039: Token not allowed after unary operator: '-line-button-selected-color'
(16721,15): run-time error CSS1039: Token not allowed after unary operator: '-font-1000'
(16722,20): run-time error CSS1039: Token not allowed after unary operator: '-line-button-selected-color'
(16737,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16738,20): run-time error CSS1039: Token not allowed after unary operator: '-opt-color-hover'
(16753,20): run-time error CSS1039: Token not allowed after unary operator: '-validations-popup'
(16754,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(16759,20): run-time error CSS1039: Token not allowed after unary operator: '-validations-popup'
(16760,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(16768,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(16908,33): run-time error CSS1039: Token not allowed after unary operator: '-middle-page-bg-color'
(16909,26): run-time error CSS1039: Token not allowed after unary operator: '-middle-page-bg-color'
(16925,35): run-time error CSS1046: Expect comma, found '51'
(16925,41): run-time error CSS1046: Expect comma, found '/'
(16943,33): run-time error CSS1039: Token not allowed after unary operator: '-content-bg-color'
(16961,33): run-time error CSS1039: Token not allowed after unary operator: '-content-bg-color'
(16974,33): run-time error CSS1039: Token not allowed after unary operator: '-content-bg-color'
(16999,26): run-time error CSS1039: Token not allowed after unary operator: '-content-bg-color'
(17026,27): run-time error CSS1039: Token not allowed after unary operator: '-header-mobile-bg'
(17027,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(17032,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(17056,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(17072,20): run-time error CSS1039: Token not allowed after unary operator: '-headers-bg-color'
(17088,26): run-time error CSS1039: Token not allowed after unary operator: '-dark1'
(17111,15): run-time error CSS1039: Token not allowed after unary operator: '-gray-font-color'
(17129,19): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(17158,20): run-time error CSS1039: Token not allowed after unary operator: '-header-bg'
(17226,20): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-color'
(17238,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(17243,15): run-time error CSS1039: Token not allowed after unary operator: '-header-text'
(17261,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(17297,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(17319,33): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-sport-list'
(17326,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(17332,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(17342,16): run-time error CSS1046: Expect comma, found '0'
(17342,20): run-time error CSS1046: Expect comma, found '/'
(17375,29): run-time error CSS1046: Expect comma, found '200'
(17375,37): run-time error CSS1046: Expect comma, found '/'
(17421,29): run-time error CSS1046: Expect comma, found '163'
(17421,37): run-time error CSS1046: Expect comma, found '/'
(17519,26): run-time error CSS1039: Token not allowed after unary operator: '-green3'
(17532,20): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(17533,15): run-time error CSS1039: Token not allowed after unary operator: '-font-1000'
(17534,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(17551,20): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-color'
(17552,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(17566,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(17567,20): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(17572,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(17573,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(17577,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(17578,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(17582,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(17583,20): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(17606,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(17614,15): run-time error CSS1039: Token not allowed after unary operator: '-header-text'
(17618,26): run-time error CSS1039: Token not allowed after unary operator: '-headers-bg-color'
(17623,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(17627,35): run-time error CSS1046: Expect comma, found '255'
(17627,43): run-time error CSS1046: Expect comma, found '/'
(17635,15): run-time error CSS1039: Token not allowed after unary operator: '-header-text'
(17643,15): run-time error CSS1039: Token not allowed after unary operator: '-header-text'
(17674,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(17686,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(17735,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(17791,14): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(17794,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(17840,26): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(17854,26): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(17860,20): run-time error CSS1039: Token not allowed after unary operator: '-green2'
(17864,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(17868,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(17873,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(17882,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(17891,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(17898,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(17909,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(17919,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(17953,26): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-bgcolor'
(17970,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(18010,20): run-time error CSS1039: Token not allowed after unary operator: '-betslip-bg-color'
(18011,16): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(18024,19): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(18025,15): run-time error CSS1039: Token not allowed after unary operator: '-font-1000'
(18029,26): run-time error CSS1039: Token not allowed after unary operator: '-cta-color'
(18030,20): run-time error CSS1039: Token not allowed after unary operator: '-cta-color'
(18031,15): run-time error CSS1039: Token not allowed after unary operator: '-font-1000'
(18035,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(18036,20): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(18037,15): run-time error CSS1039: Token not allowed after unary operator: '-font-1000'
(18081,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(18084,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(18089,15): run-time error CSS1039: Token not allowed after unary operator: '-text-black-color'
(18128,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(18130,36): run-time error CSS1039: Token not allowed after unary operator: '-gray2'
(18131,33): run-time error CSS1039: Token not allowed after unary operator: '-gray2'
(18132,28): run-time error CSS1039: Token not allowed after unary operator: '-gray2'
(18165,15): run-time error CSS1039: Token not allowed after unary operator: '-gray2'
(18168,35): run-time error CSS1046: Expect comma, found '150'
(18168,43): run-time error CSS1046: Expect comma, found '/'
(18186,15): run-time error CSS1039: Token not allowed after unary operator: '-choose_odds-hover-color'
(18190,15): run-time error CSS1039: Token not allowed after unary operator: '-choose_odds-hover-color'
(18201,15): run-time error CSS1039: Token not allowed after unary operator: '-menu-font-color'
(18230,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(18241,15): run-time error CSS1039: Token not allowed after unary operator: '-gray2'
(18253,26): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-bgcolor'
(18264,26): run-time error CSS1039: Token not allowed after unary operator: '-middle-page-bg-color'
(18308,26): run-time error CSS1039: Token not allowed after unary operator: '-sport-row-border-color'
(18324,14): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(18333,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(18344,15): run-time error CSS1039: Token not allowed after unary operator: '-menu-font-color'
(18354,16): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(18361,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(18374,15): run-time error CSS1039: Token not allowed after unary operator: '-content-bg-color'
(18494,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(18551,26): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(18601,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(18615,26): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(18682,32): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(18785,26): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(18803,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(18880,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-search-heading'
(18881,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(18887,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(18891,20): run-time error CSS1039: Token not allowed after unary operator: '-bg-100'
(18893,15): run-time error CSS1039: Token not allowed after unary operator: '-middle-font-color'
(18899,26): run-time error CSS1039: Token not allowed after unary operator: '-dark2'
(18924,15): run-time error CSS1039: Token not allowed after unary operator: '-middle-font-color'
(18928,15): run-time error CSS1039: Token not allowed after unary operator: '-headers-bg-color'
(18930,20): run-time error CSS1039: Token not allowed after unary operator: '-headers-bg-color'
(19005,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(19013,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(19050,15): run-time error CSS1039: Token not allowed after unary operator: '-green2'
(19060,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(19079,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(19195,19): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(19201,30): run-time error CSS1039: Token not allowed after unary operator: '-betslip-bg-color'
(19202,19): run-time error CSS1039: Token not allowed after unary operator: '-headers-bg-color'
(19208,24): run-time error CSS1039: Token not allowed after unary operator: '-mobile-game-card-bg-color'
(19299,20): run-time error CSS1039: Token not allowed after unary operator: '-middle-headers-bg-color'
(19300,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(19304,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(19323,20): run-time error CSS1039: Token not allowed after unary operator: '-middle-headers-bg-color'
(19335,20): run-time error CSS1039: Token not allowed after unary operator: '-middle-headers-bg-color'
(19345,33): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-sport-list'
(19355,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(19419,30): run-time error CSS1039: Token not allowed after unary operator: '-dark2'
(19552,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(19571,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(19575,26): run-time error CSS1039: Token not allowed after unary operator: '-betslip-bg-color'
(19582,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(19594,30): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(19600,30): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(19647,19): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(19676,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(19688,15): run-time error CSS1039: Token not allowed after unary operator: '-middle-font-color'
(19745,15): run-time error CSS1039: Token not allowed after unary operator: '-middle-font-color'
(19778,33): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-sport-list'
(19789,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(19814,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(19818,33): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(19836,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(19844,19): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(19854,15): run-time error CSS1039: Token not allowed after unary operator: '-line-rot-num'
(19935,26): run-time error CSS1039: Token not allowed after unary operator: '-site-wagerning'
(19939,26): run-time error CSS1039: Token not allowed after unary operator: '-site-wagerning'
(19969,9): run-time error CSS1036: Expected expression, found ';'
(20074,26): run-time error CSS1039: Token not allowed after unary operator: '-heading-divider-color'
(20116,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(20151,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(20160,26): run-time error CSS1039: Token not allowed after unary operator: '-gray4'
(20181,33): run-time error CSS1039: Token not allowed after unary operator: '-line-button-selected-color'
(20202,20): run-time error CSS1039: Token not allowed after unary operator: '-line-button-selected-color'
(20203,33): run-time error CSS1039: Token not allowed after unary operator: '-line-button-selected-color'
(20212,20): run-time error CSS1039: Token not allowed after unary operator: '-line-button-selected-color'
(20219,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(20256,15): run-time error CSS1039: Token not allowed after unary operator: '-line-button-selected-color'
(20302,15): run-time error CSS1039: Token not allowed after unary operator: '-green3'
(20339,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(20395,26): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(20404,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(20421,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(20428,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(20452,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(20516,15): run-time error CSS1039: Token not allowed after unary operator: '-font-1000'
(20519,26): run-time error CSS1039: Token not allowed after unary operator: '-opt-color-hover'
(20520,26): run-time error CSS1039: Token not allowed after unary operator: '-opt-color-hover'
(20532,26): run-time error CSS1039: Token not allowed after unary operator: '-error-bg-color'
(20533,26): run-time error CSS1019: Unexpected token, found '-'
(20533,26): run-time error CSS1036: Expected expression, found '-'
(20533,26): run-time error CSS1019: Unexpected token, found '-'
(20533,26): run-time error CSS1042: Expected function, found '-'
(20533,27): run-time error CSS1039: Token not allowed after unary operator: '-error-borde-color'
(20533,45): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(20534,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(20606,20): run-time error CSS1039: Token not allowed after unary operator: '-line-button-selected-color'
(20617,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(20791,26): run-time error CSS1039: Token not allowed after unary operator: '-line-button-selected-color'
(20825,31): run-time error CSS1046: Expect comma, found '0'
(20825,35): run-time error CSS1046: Expect comma, found '/'
(20838,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(20845,26): run-time error CSS1039: Token not allowed after unary operator: '-border-100'
(20857,20): run-time error CSS1039: Token not allowed after unary operator: '-middle-headers-bg-color'
(20858,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(20865,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(20874,33): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(20883,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(20893,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(20905,32): run-time error CSS1039: Token not allowed after unary operator: '-line-button-selected-color'
(20927,30): run-time error CSS1039: Token not allowed after unary operator: '-line-button-selected-color'
(20928,33): run-time error CSS1039: Token not allowed after unary operator: '-line-button-selected-color'
(20956,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(20966,33): run-time error CSS1039: Token not allowed after unary operator: '-line-paste'
(20978,20): run-time error CSS1039: Token not allowed after unary operator: '-middle-headers-bg-color'
(20987,26): run-time error CSS1039: Token not allowed after unary operator: '-betslip-bg-colo'
(21007,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(21029,15): run-time error CSS1039: Token not allowed after unary operator: '-green3'
(21036,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(21037,15): run-time error CSS1039: Token not allowed after unary operator: '-font-1000'
(21039,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(21044,20): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-color'
(21048,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(21049,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(21051,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(21060,20): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-color'
(21065,26): run-time error CSS1039: Token not allowed after unary operator: '-line-button-selected-color'
(21079,26): run-time error CSS1039: Token not allowed after unary operator: '-betslip-bg-color'
(21087,30): run-time error CSS1039: Token not allowed after unary operator: '-border-100'
(21088,31): run-time error CSS1039: Token not allowed after unary operator: '-border-100'
(21089,32): run-time error CSS1039: Token not allowed after unary operator: '-border-100'
(21091,26): run-time error CSS1039: Token not allowed after unary operator: '-middle-page-bg-color'
(21128,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(21136,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(21141,26): run-time error CSS1039: Token not allowed after unary operator: '-error-bg-color'
(21159,14): run-time error CSS1019: Unexpected token, found '-'
(21159,14): run-time error CSS1036: Expected expression, found '-'
(21159,14): run-time error CSS1019: Unexpected token, found '-'
(21159,14): run-time error CSS1042: Expected function, found '-'
(21159,15): run-time error CSS1039: Token not allowed after unary operator: '-error-borde-color'
(21159,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(21190,26): run-time error CSS1039: Token not allowed after unary operator: '-betslip-bg-color'
(21191,26): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-sport-list'
(21218,26): run-time error CSS1039: Token not allowed after unary operator: '-reports-container-mobile-bg'
(21224,26): run-time error CSS1039: Token not allowed after unary operator: '-content-bg-color'
(21226,26): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-sport-list'
(21245,20): run-time error CSS1039: Token not allowed after unary operator: '-bg-450'
(21246,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(21253,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(21281,34): run-time error CSS1039: Token not allowed after unary operator: '-line-button-selected-color'
(21311,37): run-time error CSS1039: Token not allowed after unary operator: '-content-bg-color'
(21361,20): run-time error CSS1039: Token not allowed after unary operator: '-line-button-selected-color'
(21384,20): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(21453,26): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(21457,27): run-time error CSS1039: Token not allowed after unary operator: '-line-button-selected-color'
(21464,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(21468,33): run-time error CSS1039: Token not allowed after unary operator: '-line-button-selected-color'
(21595,20): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(21643,19): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(21736,26): run-time error CSS1039: Token not allowed after unary operator: '-error-bg-color'
(21737,26): run-time error CSS1039: Token not allowed after unary operator: '-error-borde-color'
(21744,26): run-time error CSS1039: Token not allowed after unary operator: '-error-bg-color'
(21772,26): run-time error CSS1039: Token not allowed after unary operator: '-headers-bg-color'
(21824,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(21825,26): run-time error CSS1039: Token not allowed after unary operator: '-border-input-betslip'
(21871,26): run-time error CSS1039: Token not allowed after unary operator: '-middle-page-bg-color'
(21876,20): run-time error CSS1039: Token not allowed after unary operator: '-tik-head-color'
(21882,33): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-sport-list'
(21920,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(21940,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(21999,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(22032,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(22047,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(22055,26): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(22079,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(22181,20): run-time error CSS1039: Token not allowed after unary operator: '-bg-1000'
(22185,15): run-time error CSS1039: Token not allowed after unary operator: '-font-1000'
(22219,30): run-time error CSS1039: Token not allowed after unary operator: '-green4'
(22264,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(22268,26): run-time error CSS1039: Token not allowed after unary operator: '-betslip-bg-color'
(22273,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(22274,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(22296,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(22313,26): run-time error CSS1039: Token not allowed after unary operator: '-site-wagerning'
(22327,26): run-time error CSS1039: Token not allowed after unary operator: '-betslip-bg-color'
(22332,26): run-time error CSS1039: Token not allowed after unary operator: '-circledBorderColor'
(22333,25): run-time error CSS1039: Token not allowed after unary operator: '-circleBackgroundColor'
(22342,19): run-time error CSS1047: Expected number or percentage value in rgb function, found 'from'
(22342,24): run-time error CSS1046: Expect comma, found 'var('
(22342,29): run-time error CSS1047: Expected number or percentage value in rgb function, found '-green2'
(22342,36): run-time error CSS1046: Expect comma, found ')'
(22342,49): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(22343,28): run-time error CSS1039: Token not allowed after unary operator: '-green2'
(22364,15): run-time error CSS1039: Token not allowed after unary operator: '-green2'
(22369,15): run-time error CSS1039: Token not allowed after unary operator: '-green2'
(22389,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(22403,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(22404,19): run-time error CSS1047: Expected number or percentage value in rgb function, found 'from'
(22404,24): run-time error CSS1046: Expect comma, found 'var('
(22404,29): run-time error CSS1047: Expected number or percentage value in rgb function, found '-green2'
(22404,36): run-time error CSS1046: Expect comma, found ')'
(22404,49): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(22405,28): run-time error CSS1039: Token not allowed after unary operator: '-green2'
(22410,20): run-time error CSS1039: Token not allowed after unary operator: '-green6'
(22411,15): run-time error CSS1039: Token not allowed after unary operator: '-font-1000'
(22415,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(22427,15): run-time error CSS1039: Token not allowed after unary operator: '-green2'
(22438,26): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(22469,26): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(22497,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(22558,15): run-time error CSS1039: Token not allowed after unary operator: '-green2'
(22563,15): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(22573,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(22587,26): run-time error CSS1039: Token not allowed after unary operator: '-betslip-bg-color'
(22588,26): run-time error CSS1039: Token not allowed after unary operator: '-betslip-bg-color'
(22595,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(22610,20): run-time error CSS1039: Token not allowed after unary operator: '-bg-place-bet-btn'
(22611,15): run-time error CSS1039: Token not allowed after unary operator: '-font-1000'
(22638,20): run-time error CSS1039: Token not allowed after unary operator: '-bg-place-bet-btn'
(22639,15): run-time error CSS1039: Token not allowed after unary operator: '-font-1000'
(22673,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(22681,20): run-time error CSS1039: Token not allowed after unary operator: '-bg-1000'
(22682,15): run-time error CSS1039: Token not allowed after unary operator: '-font-1000'
(22687,20): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(22688,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(22692,20): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(22724,19): run-time error CSS1039: Token not allowed after unary operator: '-dark1'
(22822,30): run-time error CSS1039: Token not allowed after unary operator: '-green2'
(22824,30): run-time error CSS1039: Token not allowed after unary operator: '-green2'
(22854,19): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(22863,30): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(22883,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(22886,20): run-time error CSS1039: Token not allowed after unary operator: '-error-bg-color'
(22891,26): run-time error CSS1039: Token not allowed after unary operator: '-error-bg-color'
(22900,10): run-time error CSS1038: Expected hex color, found '#ffff'
(22915,15): run-time error CSS1039: Token not allowed after unary operator: '-error-borde-color'
(22943,15): run-time error CSS1039: Token not allowed after unary operator: '-font-1000'
(22944,20): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-color'
(22961,20): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(22978,20): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(22979,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(22980,15): run-time error CSS1039: Token not allowed after unary operator: '-font-1000'
(22994,20): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-color'
(22995,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(22996,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(23066,26): run-time error CSS1039: Token not allowed after unary operator: '-content-bg-color'
(23078,26): run-time error CSS1039: Token not allowed after unary operator: '-content-bg-color'
(23097,19): run-time error CSS1039: Token not allowed after unary operator: '-font-1000'
(23106,26): run-time error CSS1039: Token not allowed after unary operator: '-green2'
(23108,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(23119,33): run-time error CSS1039: Token not allowed after unary operator: '-content-bg-color'
(23141,27): run-time error CSS1039: Token not allowed after unary operator: '-vh'
(23343,26): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(23462,15): run-time error CSS1039: Token not allowed after unary operator: '-middle-font-color'
(23660,42): run-time error CSS1039: Token not allowed after unary operator: '-content-bg-color'
(23666,42): run-time error CSS1039: Token not allowed after unary operator: '-content-bg-color'
(23975,26): run-time error CSS1039: Token not allowed after unary operator: '-input-bg-color10'
(23976,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(23978,26): run-time error CSS1039: Token not allowed after unary operator: '-border-100'
(23984,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(23989,26): run-time error CSS1039: Token not allowed after unary operator: '-border-100'
(24009,26): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(24016,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(24135,19): run-time error CSS1039: Token not allowed after unary operator: '-middle-font-color'
(24983,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(24998,20): run-time error CSS1039: Token not allowed after unary operator: '-betslip-bg-prev'
(25006,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(25012,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(25216,26): run-time error CSS1039: Token not allowed after unary operator: '-content-bg-color'
(25300,20): run-time error CSS1039: Token not allowed after unary operator: '-dark1'
(25375,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(25405,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(25406,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(25424,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(25425,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(25442,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(25443,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(25460,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(25461,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(25478,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(25479,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(25484,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(25485,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(25490,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(25491,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(25500,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(25501,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(25523,27): run-time error CSS1039: Token not allowed after unary operator: '-dot-colors-color2'
(25545,20): run-time error CSS1039: Token not allowed after unary operator: '-dot-colors-color1'
(25582,26): run-time error CSS1039: Token not allowed after unary operator: '-dot-colors-color1'
(25599,26): run-time error CSS1039: Token not allowed after unary operator: '-dot-colors-color2'
(25616,26): run-time error CSS1039: Token not allowed after unary operator: '-dot-colors-color1'
(25633,26): run-time error CSS1039: Token not allowed after unary operator: '-dot-colors-color2'
(25837,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(25838,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(25869,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(25870,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(25885,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(25886,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(25901,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(25902,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(25917,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(25918,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(25961,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(25962,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(25983,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(25984,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(26005,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(26006,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(26027,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(26028,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(26047,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(26048,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(26057,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(26058,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(26067,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(26068,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(26077,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(26078,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(26097,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(26098,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(26107,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(26108,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(26117,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(26118,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(26127,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(26128,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(26147,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(26148,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(26157,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(26158,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(26167,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(26168,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(26177,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(26178,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(26197,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(26198,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(26207,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(26208,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(26217,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(26218,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(26244,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(26265,20): run-time error CSS1039: Token not allowed after unary operator: '-seach-panel-bg'
(26269,31): run-time error CSS1039: Token not allowed after unary operator: '-vh'
(26285,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(26307,14): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(26334,20): run-time error CSS1039: Token not allowed after unary operator: '-gradient-secondary-color'
(26335,14): run-time error CSS1039: Token not allowed after unary operator: '-font-1000'
(26387,24): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(26897,20): run-time error CSS1039: Token not allowed after unary operator: '-green2'
(26916,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(26918,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(26923,20): run-time error CSS1039: Token not allowed after unary operator: '-bg-1000'
(26925,15): run-time error CSS1039: Token not allowed after unary operator: '-font-1000'
(26958,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(26971,15): run-time error CSS1039: Token not allowed after unary operator: '-headers-bg-color'
(27042,20): run-time error CSS1039: Token not allowed after unary operator: '-betslip-preset-amounts-inputs'
(27057,20): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(27113,15): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(27304,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(27308,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(27325,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(27380,26): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-bgcolor'
(27384,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(27391,26): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-bgcolor'
(27392,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(27405,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(27411,26): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-bgcolor'
(27415,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(27416,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(27424,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(27441,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(27451,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(27457,26): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-bgcolor'
(27477,26): run-time error CSS1039: Token not allowed after unary operator: '-dark1'
(27492,31): run-time error CSS1039: Token not allowed after unary operator: '-circleBackgroundColor'
(27524,20): run-time error CSS1039: Token not allowed after unary operator: '-more-markets-btn-bg'
(27529,26): run-time error CSS1039: Token not allowed after unary operator: '-circleBackgroundColor'
(27530,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(27547,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(27594,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(27685,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(27696,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(27697,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(27715,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(27725,24): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(27727,19): run-time error CSS1039: Token not allowed after unary operator: '-white'
(27733,30): run-time error CSS1039: Token not allowed after unary operator: '-betslip-bg-color'
(27766,30): run-time error CSS1039: Token not allowed after unary operator: '-middle-page-bg-color'
(27777,26): run-time error CSS1039: Token not allowed after unary operator: '-middle-page-bg-color'
(27913,26): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-bgcolor'
(27921,26): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-bgcolor'
(27925,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28021,26): run-time error CSS1039: Token not allowed after unary operator: '-gray4'
(28027,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(28040,20): run-time error CSS1039: Token not allowed after unary operator: '-betslip-bg-color'
(28041,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(28084,20): run-time error CSS1039: Token not allowed after unary operator: '-betslip-bg-color'
(28085,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(28094,20): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(28095,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(28180,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28189,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(28459,15): run-time error CSS1039: Token not allowed after unary operator: '-gray-font-color'
(28463,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(28479,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28483,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(28487,26): run-time error CSS1039: Token not allowed after unary operator: '-gray4'
(28491,20): run-time error CSS1039: Token not allowed after unary operator: '-parlay-selections-bg'
(28492,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(28506,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(28511,20): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(28512,15): run-time error CSS1039: Token not allowed after unary operator: '-font-1000'
(28517,15): run-time error CSS1039: Token not allowed after unary operator: '-font-1000'
(28650,20): run-time error CSS1039: Token not allowed after unary operator: '-join-bg-wrapper'
(28685,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(28699,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(28706,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(28712,20): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-bgcolor'
(28751,20): run-time error CSS1039: Token not allowed after unary operator: '-betslip-bg-color'
(28755,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(28769,34): run-time error CSS1046: Expect comma, found '16'
(28769,39): run-time error CSS1046: Expect comma, found ')'
(28776,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(28781,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(28785,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(28808,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(28830,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(28834,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(28848,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28855,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(28868,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(28875,15): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(28876,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(28892,20): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-bgcolor'
(28908,15): run-time error CSS1039: Token not allowed after unary operator: '-middle-font-color'
(28953,26): run-time error CSS1039: Token not allowed after unary operator: '-middle-page-bg-color'
(28962,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(28975,15): run-time error CSS1039: Token not allowed after unary operator: '-middle-font-color'
(28976,26): run-time error CSS1039: Token not allowed after unary operator: '-input-bg-color10'
(29011,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(29029,20): run-time error CSS1039: Token not allowed after unary operator: '-bg-search-result'
(29048,20): run-time error CSS1039: Token not allowed after unary operator: '-gradient-secondary-color'
(29049,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(29053,20): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(29054,15): run-time error CSS1039: Token not allowed after unary operator: '-font-1000'
(29070,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(29071,15): run-time error CSS1039: Token not allowed after unary operator: '-font-1000'
(29074,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(29075,15): run-time error CSS1039: Token not allowed after unary operator: '-font-1000'
(29078,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(29079,15): run-time error CSS1039: Token not allowed after unary operator: '-font-1000'
(29088,15): run-time error CSS1039: Token not allowed after unary operator: '-middle-font-color'
(29119,15): run-time error CSS1039: Token not allowed after unary operator: '-middle-font-color'
(29133,15): run-time error CSS1039: Token not allowed after unary operator: '-middle-font-color'
(29202,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(29214,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(29231,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(29399,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(29412,20): run-time error CSS1039: Token not allowed after unary operator: '-gradient-secondary-color'
(29554,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(29572,9): run-time error CSS1038: Expected hex color, found '#ffff'
(29768,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(29947,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(29957,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(30013,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30025,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(30034,20): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(30036,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(30103,30): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30138,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30146,26): run-time error CSS1039: Token not allowed after unary operator: '-gray4'
(30152,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(30189,15): run-time error CSS1039: Token not allowed after unary operator: '-header-text'
(30248,26): run-time error CSS1039: Token not allowed after unary operator: '-sports-container-label-bg-color'
(30273,26): run-time error CSS1039: Token not allowed after unary operator: '-sports-container-label-bg-color'
(30281,26): run-time error CSS1039: Token not allowed after unary operator: '-sports-container-label-bg-color'
(30320,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30554,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30567,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30727,9): run-time error CSS1038: Expected hex color, found '#ffff'
(31042,14): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(31188,20): run-time error CSS1039: Token not allowed after unary operator: '-bg-400'
(31205,26): run-time error CSS1039: Token not allowed after unary operator: '-sport-row-border-color'
(31206,20): run-time error CSS1039: Token not allowed after unary operator: '-middle-headers-bg-color'
(31211,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(31221,20): run-time error CSS1039: Token not allowed after unary operator: '-middle-headers-bg-color'
(31224,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(31235,26): run-time error CSS1039: Token not allowed after unary operator: '-sport-row-border-color'
(31239,20): run-time error CSS1039: Token not allowed after unary operator: '-middle-headers-bg-color'
(31242,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(31255,26): run-time error CSS1039: Token not allowed after unary operator: '-sport-row-border-color'
(31359,20): run-time error CSS1039: Token not allowed after unary operator: '-middle-headers-bg-color'
(31363,26): run-time error CSS1039: Token not allowed after unary operator: '-sport-panel-item-border-color'
(31369,26): run-time error CSS1039: Token not allowed after unary operator: '-header-user-gb'
(31369,100): run-time error CSS1039: Token not allowed after unary operator: '-header-border-gradient'
(31376,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(31376,33): run-time error CSS1038: Expected hex color, found '#ffff'
(31391,20): run-time error CSS1039: Token not allowed after unary operator: '-gradient-secondary-color'
(31528,20): run-time error CSS1039: Token not allowed after unary operator: '-middle-headers-bg-color'
(31542,20): run-time error CSS1039: Token not allowed after unary operator: '-validations-popup'
(31543,26): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom-sport-list'
(31549,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(31553,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(31557,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(31566,20): run-time error CSS1039: Token not allowed after unary operator: '-bg-1000'
(31567,15): run-time error CSS1039: Token not allowed after unary operator: '-font-1000'
(31570,33): run-time error CSS1046: Expect comma, found '255'
(31570,41): run-time error CSS1046: Expect comma, found '/'
(31576,20): run-time error CSS1039: Token not allowed after unary operator: '-tik-head-color'
(31609,20): run-time error CSS1039: Token not allowed after unary operator: '-gradient-secondary-color'
(31726,20): run-time error CSS1039: Token not allowed after unary operator: '-middle-headers-bg-color'
(31754,20): run-time error CSS1039: Token not allowed after unary operator: '-brand-mint'
(31755,20): run-time error CSS1039: Token not allowed after unary operator: '-brand-purplish-blue'
(31766,20): run-time error CSS1039: Token not allowed after unary operator: '-brand-mint'
(31809,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(31824,20): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-bg'
(31832,30): run-time error CSS1039: Token not allowed after unary operator: '-vh'
(31852,26): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-icon-bar-bg'
(31908,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(31909,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(31922,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(31923,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(31936,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(31937,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(31947,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(31948,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(31958,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(31959,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(31972,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(31973,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(32044,17): run-time error CSS1039: Token not allowed after unary operator: '-mobile-options-sidebar-color'
(32062,15): run-time error CSS1039: Token not allowed after unary operator: '-mobile-additional-options-sidebar-color'
(32067,15): run-time error CSS1039: Token not allowed after unary operator: '-mobile-options-sidebar-color'
(32198,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(32199,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(32242,20): run-time error CSS1039: Token not allowed after unary operator: '-detail-color'
(32246,26): run-time error CSS1039: Token not allowed after unary operator: '-detail-color'
(32251,26): run-time error CSS1039: Token not allowed after unary operator: '-detail-color'
(32264,15): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(32267,15): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(32299,30): run-time error CSS1039: Token not allowed after unary operator: '-vh'
(32310,15): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(32366,15): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(32412,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-600'
(32423,15): run-time error CSS1039: Token not allowed after unary operator: '-header-text'
(32433,22): run-time error CSS1039: Token not allowed after unary operator: '-header-bg'
(32442,22): run-time error CSS1039: Token not allowed after unary operator: '-header-bg'
(32456,23): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(32478,32): run-time error CSS1039: Token not allowed after unary operator: '-vh'
(32522,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(32524,15): run-time error CSS1039: Token not allowed after unary operator: '-font-1000'
(32546,31): run-time error CSS1030: Expected identifier, found ':'
(32546,32): run-time error CSS1031: Expected selector, found 'nth-child('
(32546,32): run-time error CSS1025: Expected comma or open brace, found 'nth-child('
(32571,26): run-time error CSS1039: Token not allowed after unary operator: '-content-bg-color'
(32572,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(32573,26): run-time error CSS1039: Token not allowed after unary operator: '-border-input-betslip'
(32629,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color'
(32646,30): run-time error CSS1046: Expect comma, found '20'
(32646,35): run-time error CSS1046: Expect comma, found ')'
(32719,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(32720,14): run-time error CSS1039: Token not allowed after unary operator: '-font-1000'
 */
/*! 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:310px;
}

.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;
  --mobile-header-height : 110px;
  --mobile-bottom-bar-height: 75px;
  --menu-mobile-more-item-bg-color: #262A37;
  --menu-mobile-more-item-active-bg-color: var(--primary-color);
   --header-height:70px;
   --pages-header-height:63px;
  --xtremepush-notification-center-item-text-container-bg-color: rgba(255, 255, 255, 0.8);

}

a:focus{
  outline: none!important;
}



/** * Core Style
  * XTREME PUSH web push notifications styles
 * This file contains the core styles for the application.
 * It includes variables, resets, and basic styles.


   font-family: 'AeonikTRIAL-Regular', sans-serif !important;
  font-family: 'AeonikTRIAL-Bold', sans-serif;

*/
 .webpush-notification-center-color-custom #webpush-notification-center-header{
  font-family: 'AeonikTRIAL-Bold', sans-serif;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2)!important;
 }

 #webpush-notification-center-icon{
  display: none!important;
 }

 #webpush-notification-center-subscription-status{
  text-align: center!important;
  float: none!important;
 }

 #webpush-notification-center-list,#webpush-notification-center{
     font-family: 'AeonikTRIAL-Regular', sans-serif !important;
 }


 .webpush-notification-center-item-webinbox-card .webpush-notification-center-item-title{
    padding: 16px 12px 8px 12px!important;
    font-size: 13px!important;
 }

.webpush-notification-center-color-custom .webpush-notification-center-item-text{
    color: rgba(255, 255, 255, 0.80)!important;
}

.webpush-notification-center-color-custom .webpush-notification-center-item-title{
  font-family: 'AeonikTRIAL-Bold', sans-serif;
  font-size: 13px;
}

 .webpush-notification-center-item-text-container{
    padding: 0 12px 16px 12px!important;
    font-size: 13px!important;
    color: rgba(255, 255, 255, 0.80)!important;
 }

 .webpush-swal2-container{
  z-index: 999999!important;
 }


 /* .webpush-notification-center-item-webinbox-alert .webpush-notification-center-item-title */
 .webpush-notification-center-item-webinbox-card .webpush-notification-center-item-title
{
    font-family: 'AeonikTRIAL-Bold', sans-serif!important;
 }

 .webpush-notification-center-item-webinbox-alert .webpush-notification-center-item-text{
  padding-left: 0!important;
 }

 /* .webpush-notification-center-item-webinbox-alert .webpush-notification-center-item-date{
  display: none!important;
 } */

/* .webpush-notification-center-color-custom
.webpush-notification-center-item-webinbox-alert .webpush-notification-center-item-text,
.webpush-notification-center-color-custom
.webpush-notification-center-item-webinbox-alert .webpush-notification-center-item-title,
.webpush-notification-center-color-custom
.webpush-notification-center-item-webinbox-alert .webpush-notification-center-item-date{
  color: rgb(63, 61, 61)!important;
 } */

.webpush-notification-center-item.webpush-notification-center-item-webinbox-alert{
  padding: 8px!important;
 }
/* .webpush-notification-center-item-webinbox-alert{
  background-color: white;
} */

  .webpush-notification-center-item-webinbox-alert .webpush-notification-center-item-title{
    padding-left: 58px!important;
    color: white!important;
  }

  .webpush-notification-center-item-webinbox-alert .webpush-notification-center-item-text{
    padding-left: 58px!important;
    color: rgba(255, 255, 255, 0.80)!important;
  }

  .webpush-notification-center-item-webinbox-alert .webpush-notification-center-item-date{
   color: rgba(255, 255, 255, 0.80)!important;
  }


   .webpush-notification-center-item-webinbox-alert .webpush-notification-center-item-text-container{
    padding: 0!important;
   }

 .webpush-swal2-popup .webpush-swal2-actions{
    margin-top:24px!important;
 }


.webpush-onoffswitch{
  display: none!important;
 }

.webpush-notification-center-item-text-container {
  font-family: 'AeonikTRIAL-Regular', sans-serif !important;

}

#webpush-notification-center-title {
  font-size: 21px !important;
}

.web-inbox-header-trigger.op-0{
  opacity: 0;
}

/*
,
.webpush-notification-center-item-webinbox-alert .webpush-notification-center-item-image {
*/
.webpush-notification-center-item-webinbox-card .webpush-notification-center-item-image{
    width: 300px!important;
    height: 150px!important;
    float: none;
    margin: 0px;
    padding: 0px;
    object-fit: cover!important;
    aspect-ratio: 2 / 1!important;
}



/* #webpush-notification-center-title {
  color: rgba(255, 255, 255, 0.80);
  font-size: 21px !important;
  font-family: 'AeonikTRIAL-Regular', sans-serif !important;
  font-weight: 700;
  line-height: 24.36px;
  letter-spacing: -0.42px !important;
  word-wrap: break-word;
} */

/* #webpush-notification-center-subscription-status{
  font-weight: bold!important;
  font-size: 13px!important;
  font-family: 'AeonikTRIAL-Bold', sans-serif;
}

#webpush-notification-center-header{
  border-bottom: 1px solid rgb(255 255 255 / 50%)!important;
}


.webpush-notification-center-item-text-container {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.8);
} */


/* .webpush-notification-center-item-webinbox-card .webpush-notification-center-item-title {
  color: #fff;
  font-size: 13px;
  font-family: 'AeonikTRIAL-Regular', sans-serif !important;
  font-weight: 700;
  line-height: 16.90px;
  letter-spacing: 0.26px;
  word-wrap: break-word;

}
.webpush-notification-center-item-webinbox-card .webpush-notification-center-item-title p span{
  color: #fff !important;
}

.webpush-notification-center-item-webinbox-card .webpush-notification-center-item-title {
  padding: 16px 12px 8px 12px !important;
} */

/* .webpush-notification-center-item-text-container .webpush-notification-center-item-text {
  color: rgba(255, 255, 255, 0.8);
  font-size: 13px;
  font-family: 'AeonikTRIAL-Regular', sans-serif !important;
  font-weight: 400;
  line-height: 16.90px;
  letter-spacing: 0.26px;
  word-wrap: break-word;

}

.webpush-notification-center-item-webinbox-card .webpush-notification-center-item-text-container {
  padding: 0px 12px 24px 12px !important;
}

.webpush-notification-center-item-text u {
  text-decoration: none !important;
  font-family: 'AeonikTRIAL-Regular', sans-serif !important;
} */


.webpush-swal2-popup{
  background-image: url("https://xtremepush-beefree.s3.amazonaws.com/xp/images/d85eb68630415d715035ec15f0b5dc8bc66029dd/PopUp%20Email%20Test/image%20%2848%29.png") !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  overflow: hidden !important;
  display: block !important;
  padding: 60px 40px 50px !important;
  text-align: center !important;
  border-radius: 9px !important;
}

.webpush-swal2-popup .webpush-swal2-close{
  font-family: Arial!important;
  top:20px!important;
  right:20px!important;
  width: 60px !important;
  height: 60px !important;
  min-width: 60px !important;
  min-height: 60px !important;

background-color: rgba(255, 255, 255, 0.8) !important;
  border: none !important;
  border-radius: 50% !important;
  cursor: pointer !important;
  display: block !important;
  z-index: 9999 !important;
  font-size: 32px !important;
  font-weight: 300 !important;
  color: #333333 !important;
  line-height: 60px !important;
  text-align: center !important;
  padding: 0 !important;
  margin: 0 !important;
  transition: all 0.3s ease;
}

.webpush-swal2-title span p {
  font-size: 32px;
  font-family: 'AeonikTRIAL-Regular', sans-serif !important;
  word-wrap: break-word;


    font-family: 'AeonikTRIAL-Regular', sans-serif, 'DM Sans', Helvetica, Arial, sans-serif !important;
    font-size: 48px !important;
    font-weight: 400 !important;
    line-height: 1.1 !important;
    letter-spacing: -0.5px !important;
    color: #ffffff !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    text-align: center !important;
    display: block !important;

}

.webpush-swal2-content div {
  word-wrap: break-word;
  font-family: 'AeonikTRIAL-Regular', 'DM Sans', Helvetica, Arial, sans-serif !important;
  font-size: 26px !important;
  font-weight: 300 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.2px !important;
  color: rgba(255, 255, 255, 0.85) !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

.webpush-swal2-actions button{
    display: inline-block !important;
    width: auto !important;
    min-width: 200px !important;
    max-width: 280px !important;
    padding: 20px 60px !important;
    font-family: Aeonik, 'DM Sans', Helvetica, Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;
    border: none !important;
    border-radius: 60px !important;
    cursor: pointer !important;
    transition: all 0.3s ease;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
    vertical-align: middle !important;
    text-align: center !important;
    text-decoration: none !important;
}

.webpush-swal2-confirm {
  background: #48FF80 !important;
  font-size: 15px;
  font-family: 'AeonikTRIAL-Regular', sans-serif !important;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 24px;
  letter-spacing: 0.60px;
  word-wrap: break-word;
  border-radius: 50px !important;

}

.webpush-swal2-confirm  {
  background: #3BFF85 !important;
  background-color: #3BFF85 !important;
}

.webpush-swal2-confirm span{
  color: #000000 !important;
}

.webpush-swal2-confirm:hover {
  background: #50FFa0 !important;
  background-color: #50FFa0 !important;
  transform: translateY(-3px);
  box-shadow: 0 12px 32px rgba(59, 255, 133, 0.4);
}

.webpush-swal2-confirm :active {
  transform: translateY(-1px);
}


.webpush-swal2-cancel:hover{
            background: rgba(136, 130, 141, 0.6) !important;
            background-color: rgba(136, 130, 141, 0.6) !important;
            transform: translateY(-3px);
            box-shadow: 0 12px 32px rgba(136, 130, 141, 0.3);
}

.webpush-swal2-cancel:active {
    transform: translateY(-1px);
}


.webpush-swal2-cancel span {
  color: #000 !important;
}

.webpush-swal2-popup .webpush-swal2-styled {
  padding: 11px;
  min-width: 150px;
  font-family: 'AeonikTRIAL-Regular', sans-serif !important;
}

.webpush-swal2-confirm span, .webpush-swal2-cancel span{
  font-size: 15px;
}

.webpush-swal2-popup .webpush-swal2-styled:focus {
    outline: 0;
    box-shadow: none!important;
}


@media only screen and (max-width: 768px) {

  .webpush-swal2-actions button {
    min-width:150px;
  }

  .webpush-swal2-container {
      padding: 50px 32px 40px;
  }

  .webpush-swal2-image {
      max-width: 360px;
      margin-bottom: 24px;
  }


  .webpush-swal2-title{
      font-size: 40px;
  }

  .webpush-swal2-content{
      font-size: 22px;
       margin-bottom: 32px;
  }

  .webpush-swal2-actions{
      max-width: 100%;
      gap: 14px;
  }

  .webpush-swal2-styled {
      max-width: 100%;
      width: 100%;
      padding: 18px 40px;
      font-size: 16px;
  }
}

@media only screen and (max-width: 480px) {
  .webpush-swal2-container {
      padding: 40px 24px 32px;
  }

  .webpush-swal2-image {
      max-width: 280px;
      margin-bottom: 20px;
  }

  .webpush-swal2-title{
      font-size: 34px;
  }

  .webpush-swal2-content{
      font-size: 18px;
      margin-bottom: 28px;
  }

  .webpush-swal2-actions{
      flex-direction: column;
      max-width: 100%;
      gap: 14px;
  }

  .webpush-swal2-styled {
      padding: 16px 36px;
      font-size: 15px;
  }
}

  @media only screen and (max-width: 769px) and (min-width: 481px) {
  .webpush-swal2-container {
      padding: 40px 32px 36px;
  }

  .webpush-swal2-image {
      max-width: 320px;
      margin-bottom: 24px;
  }

  .webpush-swal2-title{
      font-size: 38px;
      margin-bottom: 8px;
  }

  .webpush-swal2-content{
      font-size: 20px;
       margin-bottom: 24px;
  }

  .webpush-swal2-actions {
      flex-direction: row;
      gap: 20px;
  }

  .webpush-swal2-actions button {
    min-width:150px!important;
    padding:16px 32px!important;
  }

  .webpush-swal2-styled{
      padding: 16px 50px;
      min-width: 180px;
  }

  .webpush-swal2-title span p{
    margin-bottom:0px!important;
  }


} */



/**
 end Core Style
  * XTREME PUSH web push notifications styles
 */

/* 🎯 XtremePush Inline Messages - Estilos Base */

/* #webpush-notification-center-open {
  top: 90px!important;
} */
/* @media (min-width: 993px) {
  #webpush-notification-center.webpush-notification-center-layout-panel,#webpush-notification-center-open {
    top: 80px !important;
  }
}


.xp-inline-container {
  position: relative;
  width: 100%;
  margin: 24px 0;
  z-index: 100;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
  border: 1px solid rgba(255, 255, 255, 0.1);
  opacity: 0;
  transform: translateY(-20px);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;



  border-radius: 8px;
  /* border-left: 2px solid var(--Success-Default, #48FF80); */
  background: linear-gradient(251deg,  #8C1771) 9.5%, #64277E 100%;
  background-blend-mode: screen;
}

.xp-inline-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("/sports/assets_core/img/promotions/glory_awaits_texture.svg") no-repeat center;
  background-size: cover;
  opacity: 0.3;
  z-index: 0;
  pointer-events: none;
}

.xp-inline-container.xp-message-show {
  opacity: 1;
  transform: translateY(0);
}

.xp-inline-container.xp-message-hide {
  opacity: 0;
  transform: translateY(-20px);
}

.xp-inline-message-content {
  padding: 24px;
  gap: 17px;
  position: relative;
  z-index: 1;
}

.xp-close-btn {
  position: absolute;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif!important;
  top: 12px;
  right: 12px;
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 20px;
  color: #fff;
  cursor: pointer;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.2s ease;
  backdrop-filter: blur(12px);
}

.xp-close-btn:hover {
  background: rgba(255, 255, 255, 0.3);
  transform: scale(1.1);
}

.xp-message-icon {
  float: left;
  margin-right: 16px;
  margin-top: 4px;
  font-size: 32px;
  color: #49FF87;
}

.xp-message-body {
  overflow: hidden;
  padding: 24px;
}

.xp-message-title {
  margin: 0 0 12px 0;
  font-size: 21px;
  font-weight: 700;
  color: #fff;
  line-height: 116%;
  letter-spacing: -0.42px;
  font-family: "AeonikTRIAL-Bold", sans-serif;
  /* text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3); */
  text-shadow: 0 4px 24px  rgba(21, 5, 29, 0.75);
}

/* Dropshadow / Text */



.xp-message-text {
  margin: 0 0 16px 0;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.5;
  font-family: "AeonikTRIAL-Regular", sans-serif;
}

.xp-message-html {
  margin: 0 0 16px 0;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.5;
}

.xp-message-actions {
  margin-top: 16px;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.xp-action-btn {
  border: none;
  padding: 12px 24px;
  border-radius: 140px!important;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  text-decoration: none;
  text-align: center;
  min-width: 120px;
  font-family: "AeonikTRIAL-Regular", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.6px;
}

/* Estilos para diferentes tipos de botones */
.xp-btn-primary {
  background: #48FF80;
  color: #100416;
}

.xp-btn-primary:hover {
  background: #3ee676;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(73, 255, 135, 0.4);
}

.xp-btn-secondary {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(12px);
}

.xp-btn-secondary:hover {
  background: rgba(255, 255, 255, 0.3);
  transform: translateY(-2px);
}

.xp-btn-success {
  background: #28a745;
  color: #fff;
}

.xp-btn-success:hover {
  background: #1e7e34;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(40, 167, 69, 0.4);
}

.xp-btn-warning {
  background: #ffc107;
  color: #100416;
}

.xp-btn-warning:hover {
  background: #e0a800;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(255, 193, 7, 0.4);
}

.xp-btn-danger {
  background: #dc3545;
  color: #fff;
}

.xp-btn-danger:hover {
  background: #c82333;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(220, 53, 69, 0.4);
}

.xp-btn-outline {
  background: transparent;
  color: #fff;
  border: 2px solid rgba(255, 255, 255, 0.5);
}

.xp-btn-outline:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: #fff;
  transform: translateY(-2px);
}

.xp-btn-default {
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.xp-btn-default:hover {
  background: rgba(255, 255, 255, 0.25);
  transform: translateY(-2px);
}

/* Estilos basados en tipo de mensaje */
.xp-message-announcement {
  border-left: 4px solid #49FF87;
}

.xp-message-promotion {
  /* background: linear-gradient(135deg, rgba(188, 42, 185, 0.95) 0%, rgba(115, 26, 113, 0.95) 100%); */
  border-left: 2px solid var(--Success-Default, #48FF80);
}

.xp-message-alert {
  border-left: 4px solid #ffc107;
}

.xp-message-warning {
  border-left: 4px solid #dc3545;
}

/* Animación de entrada */
@keyframes xpSlideIn {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.xp-inline-container.xp-message-show {
  animation: xpSlideIn 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

 @media  (min-width: 992px) {
  #webpush-notification-center.webpush-notification-center-layout-panel {
    top: 65px !important;
  }
 }

  @media  (min-width: 1202px) {
  #webpush-notification-center.webpush-notification-center-layout-panel {
    top: 80px !important;
  }
 }


/* @media  (max-width: 992px) {
  #webpush-notification-center.webpush-notification-center-layout-panel {
    top: 110px !important;
  }


} */

/* Responsive para mobile */
@media (max-width: 768px) {


  .xp-inline-container {
    margin: 16px 0;
    border-radius: 12px;
  }

  .xp-inline-message-content {
    padding: 16px;
  }

  .xp-message-title {
    font-size: 20px;
  }

  .xp-message-text {
    font-size: 14px;
  }

  .xp-message-actions {
    gap: 6px;
  }

  .xp-action-btn {
    padding: 10px 20px;
    font-size: 12px;
    min-width: 100px;
  }
}




a:focus{
  outline: none!important;
}

@media (max-width: 767.98px) {
  :root {
    --header-height:110px;
      /* --mobile-header-height : 63px; */
  }
}

@media (min-width: 768px) and (max-width:1201.98){
  :root {
    --header-height:63px;
      /* --mobile-header-height : 63px; */
  }
}

@media (min-width: 1202px){
  :root {
    --header-height:80px;
      /* --mobile-header-height : 80px; */
  }
}

.main-iframe-integration{
  /* margin-top: var(--header-height)!important; */
}


  @media (max-width: 992px) {
    .main-iframe-integration {
      height: calc(100* var(--vh) - 110px);
      margin-top: 0!important;
    }
  }

  /* #wrapper{
    padding-top: var(--header-height)!important;
  } */

#ada-chat-frame{
  z-index: 100060!important;
}

html,
body {
  height: 100%;
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  
}

body {
  font-family: 'AeonikTRIAL-Regular', sans-serif;
  /* font-family: "Roboto", sans-serif; */
  font-size: 16px;
  background-color: var(--content-bg-color) !important;
  color: var(--main-font-color);
  overflow-y: hidden;

}

.swiper{
  padding: 0 10px!important;
}

.swiper-button-prev{
 visibility: hidden;
}

.swiper-button-next{
  visibility: hidden;
 }

.eye-icon {
  cursor: pointer;
  position: relative;
  left: -36px;
  top: 6px;
}

.mini-banners{
  padding-bottom: 10px;
}

.mini-banners .item{
  width:33%;
  padding: 10px;
  height:100px;
}
.mini-banners .item img{
  width: 100%;
  /* height: fit-content; */
}

bet-offering-mini-banners[type='BetMiniBanners'] .mini-banners {
  flex-direction: column;
}


bet-offering-mini-banners[type='BetMiniBanners']  .mini-banners .item img{
  width: 100%;
}

bet-offering-mini-banners[type='BetMiniBanners']  .mini-banners .item{
  width: 100%;
  padding: 0;
  height: 80px;
  margin-bottom: 10px;
}

.container-banner-betOffering .owl-dots{
  display: none;
}



.mbtcConverter_switch{
  width: fit-content;
  display: flex;
  margin: auto;
}

/* RESPONSIVE ARROWS */
[class^=arrow-]{
  border:       solid currentColor;
  border-width: 0 .2em .2em 0;
  display:      inline-block;
  padding:      .20em;
  display: none;
}
.arrow-right {transform:rotate(-45deg);}
.arrow-left  {transform:rotate(135deg);}
.arrow-up    {transform:rotate(-135deg);}
.arrow-down  {transform:rotate(45deg);}

.mb-favorite-content{
  display: flex;
  padding: 0 10px;
}

.mb-favorite-icon-container svg {
  width: 20px;
}

#betSlipDivCloned{
  font-family: "Inconsolata", monospace;
  font-optical-sizing: auto;
  font-weight:600;
  font-style: normal;
  font-variation-settings:"wdth" 100;
}

#betSlipDivCloned .tik-amount {
  display: none !important;
}

#betSlipDivCloned {
  background: white !important;
  color: black !important;
}

#betSlipDivCloned .text-white {
  color: black !important;
}

#betSlipDivCloned .btn-print-ticket {
  display: none;
}

#betSlipDivCloned .betslip .confirmed-total .tik-body {
  border-width: 1px 0 0;
  padding: 10px;
}

#betSlipDivCloned>div,
#betSlipDivCloned>span,
#betSlipDivCloned>label {
  background: white !important;
  color: black !important;
}

#betSlipDivCloned .betslip .confirmed .pitcher label {
  background: white !important;
  color: var(--text2) !important;
}

#betSlipDivCloned .tik-body .pitcher label {
  background: white !important;
  color: black !important;
}

#betSlipDivCloned .ticket-total-bet .total-numbers .title {
  font-weight: bold;
}

#betSlipDivCloned .betslip .ticket {
  margin-top: 0 !important;
  border: 0 !important;
}

#betSlipDivCloned.betslip .confirmed {
  margin-top: 0 !important;
  border: 0 !important;
}

#betSlipDivCloned.betslip .confirmed .tik-amount div:first-of-type {
  border-right: 0 !important;
}

#betSlipDivCloned .wager-item-info {
  margin-bottom: 0 !important;
}

#betSlipDivCloned .tik-body {
  border-width: 0;
}

#betSlipDivCloned.betslip .confirmed span {
  font-size: 14px;
  font-weight: bold;
}

#betSlipDivCloned [class^="col"] {
  padding: 0 !important;
}

#betSlipDivCloned .tik-head {
  font-weight: bold;
  border: 0 !important;
}

#betSlipDivCloned.tik-body,
#betSlipDivCloned h1,
#betSlipDivCloned p,
#betSlipDivCloned .tik-head,
#betSlipDivCloned .parlay-selections,
#betSlipDivCloned button,
#betSlipDivCloned a,
#betSlipDivCloned.betslip,
#betSlipDivCloned .alert-success,
#betSlipDivCloned .alert-success h1,
#betSlipDivCloned .alert-success p,
#betSlipDivCloned.betslip .confirmed,
#betSlipDivCloned.betslip .confirmed .tik-head,
#betSlipDivCloned.betslip .confirmed-total .tik-body,
#betSlipDivCloned.betslip .confirmed .tik-body,
#betSlipDivCloned .ticket-total-bet .total-numbers .title,
#betSlipDivCloned.betslip .confirmed-total .total-numbers .value {
  background: white !important;
  color: black !important;
  /*font-family: 'Inconsolata', monospace;*/
}

#betSlipDivCloned .btn-openbets {
  display: none;
}

#betSlipDivCloned .parlay-selections, #betSlipDivCloned bet-slip-promotion-banners {
  display: none;
}

.flex-grow-1 {
  flex-grow: 1;
}

@media (min-width: 1200px) {
  header .col-lg-6 {
      /* max-width: 60%!important; */
      width: 60%;
  }
  .header-options{
      /* max-width: 22%!important; */
  }
}

.betOffering-5Columns {}


.col-5Columns-offset-1{
  float: left;
}

.col-5Columns-offset-1,.betOffering-5Columns offering-button>div {
  width: 19.3% !important;
  padding-left: 3px;
  padding-right: 3px;
  margin-bottom: 5px;
}

.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%;
}

.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: 15px;
  padding-right: 15px;
}

.btn-toggle-alternates,
.btn-toggle-pb {
  padding: 8px;
  font-size: 12px;
  background-color: #FF0023;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-weight: 700;
  height: 32px;
}

.btn-toggle-pb {
  border-radius: 0 !important;
  /* margin-right: 4px; */
}

/* .btn-toggle-alternates.active,
.btn-toggle-pb.active {
  background-color: var(--secondary-color);
} */

.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: none;
  background-color: var(--sport-panel-item-bg);
}

.sports-container ul.list-one > li:not(:last-child) {
  border-bottom: 1px solid var(--border-bottom-sport-list);
}


.sports-container .list-one li label {
   padding-right: 10px;
  /* color: var(--text2); */
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.sports-container .list-one li.contestRepeated label {
  padding-left: 30px;
}

.sports-container li.selected label {
  /* color: var(--white);
  background: var(--secondary-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);
}


.privacity-text-footer{
  color: var(--white);
  font-weight: 700;
}


select option:checked,
select option:focus,
select option:hover {
  color: var(--font-1000) !important;
  background-color: var(--secondary-color) !important;
}

select:focus>option:checked {
  color: var(--white) !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;
}

.btn:hover,
.btn:focus,
.btn.focus {
  color: var(--text2);
  text-decoration: none;
}
#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);
}

.RepTitle{
  color: var(--text2);
}

.reports-container {
  color: var(--text2);
  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;
  display: flex;
  align-items: center;
  padding: inherit;
}

.reports-container-mobile .breakout-left{
  justify-content: center;
  display: flex;
}

.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: 'AeonikTRIAL-Regular', 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;
  color: var(--text2);
  /* background: var(--middle-headers-bg-color) ; */
  border-radius: 10px;
  /* padding: 0px 10px; */
}

@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: 0px; */
}

.btn-sports-back {
  padding: 5px 10px;
  border: 1px solid var(--secondary-color);
  background: var(--secondary-color);
  border-radius: 5px!important;
  margin: 15px 5px;
}

.betOfferingDestopContainer {
  display: flex;
  /*  flex-wrap: wrap;*/
  justify-content: space-between;
  align-items: center;
}

.betOfferingDestopContainer .betOfferingGroupedControl {
  display: flex;
  justify-content: left;
  align-items: center;
}

#betOfferingHeaderWrapper {
  /* min-height: 50px; */
  position: sticky;
  top:0;
  z-index:1001;
  height: auto;
}

@media only screen and (max-width: 1450px) {
  .betOfferingDestopContainer .betOfferingGroupedControl:first-of-type {
      width: 100%;
  }

  .betOfferingDestopContainer .choose_odds {
      color: var(--text2);
      border-radius: 0px;
      /* padding: 5px; */
  }

  .betOfferingDestopContainer .choose_odds button {
      color: var(--text2);
  }

  #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: var(--sidebar-bgcolor);
  padding: 4px;
}

.btn-collapse-leagues {
  /* color: var(--headers-font-color); */
  color:white;
  /* border: solid 1px #E8E8EA; */
  font-size: 12px !Important;
  font-weight: 700;
  /* background-color: white; */
  /* border-radius: 5px; */
}

.btn-collapse-leagues.mobile {
  background: none;
  color: var(--gray6);
}

.btn-collapse-leagues:hover {
  background-color: var(--hover-wager-type);
  
}

.btn-collapse-leagues:focus {
  background-color: var(--hover-wager-type);
  
}

.btn-collapse-leagues.mobile:hover,
.btn-collapse-leagues.mobile:focus {
  background-color: var(--hover-wager-type);
  
}

.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{
  align-items: center;
  text-transform: capitalize;
  font-size: 1.7rem;
  font-weight: 400 !important;
  font-family: 'AeonikTRIAL-light';
}

.collapse-all-leagues:after {
  content: "";
  display: flex;
  align-items: center;
  background-size: contain;
  width: 15px;
  height: 15px;
  float: right;


}


.collapse-all-leagues.collapse-open:after {
  background: url('/sports/assets_core/img/collapse_leagues_open.svg') no-repeat;
  margin: 0px 0px 0px 9px;
  position: relative;
  top:5px;
}
.collapse-all-leagues.collapse-close:after {
  background: url('/sports/assets_core/img/collapse_leagues_close.svg') no-repeat;
  margin: 3px 0px 0px 9px;
  position: relative;
  top:3px;
}
.collapse-all-leagues.collapse-clear:after {
  background: url('/sports/assets_core/img/clearLeaguesSelections.svg') no-repeat;
  margin: 0px 0px 0px 9px;
  position: relative;
  top:4px;
}

.game-line-container .btn-more-markets:hover:active:focus{
  color: var(--white)!important;
  background-color: var(--primary-color);
  position: relative;
  top:2px;
}

.game-line-container .btn-more-markets:hover{
  color: var(--white) !important;
  background-color: var(--primary-color);


}

@media only screen and (max-width: 991.98px) {
  .wrapper {
      height: 100%;
  }
  .reports-container .open-bets-header {
      background: var(--middle-headers-bg-color)
  }
}

/* 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";
  color: var(--secondary-color);
}

.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: 'AeonikTRIAL-Regular', sans-serif;
  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;
}

.header_mobile_customer_balance {
  text-align: center;
  margin: 0!important;
}

.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;*/
  /* padding-top: 10px; */
}

.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;
  min-width: 120px;
}

.logo img {
  max-height: 40px;
  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;
  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 */
.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(--middle-page-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 ;
  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: end;
  background-color: var(--header-mobile-bg);
  padding: 6px;
  font-size: 12px;
  border-bottom: 1px solid #17162A;
  border-top: 1px solid #17162A;
  gap: 10px;
}

.sideBar_balances .item {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.18) 100%) !important;
  padding: 4px 8px;
  border-radius: 7px;
  text-align: center;
  cursor: pointer;
  font-weight: 600;
  line-height: 16px;
  display: flex;
  justify-content: center;
  flex-grow: 1;
  margin-right: 5px;
}

.sideBar_balances .item a{
  color: var(--white);
}

.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);
  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: 4px;
  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(--secondary-color) !important;
  color: white !important;
}

a.menuMobileSubItem:hover {
  background-color: var(--gray2);
  color: white !important;
}


.title-pending,
.title-free-play{
  color: var(--secondary-color) !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: 12px;
      border-radius: 0;
      /*padding-top: 13px;*/
  }

  menu-mobile .m_topmenu li.active  {
      border: 1px solid var(--secondary-color)!important;
  }

  menu-mobile .m_topmenu li  {
      border: 1px solid #4d5053!important;
  }

  menu-mobile .m_topmenu li  {
      font-size: 14px;
  }

  menu-mobile .m_topmenu li a.active {
      color:white!important;
  }

  menu-mobile .menu li{
      background-color: #4d5053!important;
  }

  menu-mobile .m_topmenu li a {
      padding: 10px!important;
      background: none!important;
  }

  nav .menu li a.active {
      font-weight: 600;
      color: var(--primary-color);
      font-size: 14px;
  }

  nav .menu li a {
      font-size: 14px;
  }
}

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 1px 6px;
  }

  .logout {
      height: 75px !important;
  }

  .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;
      background-color: var(--betslip-bg-color);
      color: var(--white);
      margin-right: 5px;
      border-radius: 5px;
  }

  nav .menu li.active {
      background-color: var(--primary-color);
      color: var(--white);
      border-bottom: 4px solid var(--primary-color);
  }

  nav,
  .logout {
      background: var(--header-mobile-bg) !important;
  }

  nav .menu li.active a:hover,
  nav .menu .active a {
      /*color: var(--main-font-color);*/
  }
}

@media only screen and (min-width: 1202px) {

  .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: 18px;
  height: 18px;
}

.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: var(--secondary-color);
}

/* 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 8px 0 !important;
}

.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;
  color: var(--font-1000);
  float: left;
  background: var(--primary-color);
  border:1px solid var(--primary-color)
}

/*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 ;
  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: var(--primary-color);
  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;*/
  padding: 0px 0px 0px 0px;
}

.sports-container .panel-group {
  margin-bottom: 0;
}

.sports-container .panel-body {
  padding: 0;
  border: none !important;
  margin-top: 0px;
}

@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;
  border-radius: 0;
  border: none;
  background: var(--sport-panel-bg);
  border-radius: 12px;
  border: 2px solid var(--sport-panel-item-border-color);
  padding: 0px;
  overflow: hidden;
}

.sports .panel-default:last-of-type {
  border-bottom: none !important;
}

.sports .panel-heading {
  background: var(--gray4);
  border: none;
  padding: 13px 1px 13px 10px;
  overflow: auto;
}

.sports .panel-heading a {
  color: var(--main-font-color);
  display: block;
  font-family:'AeonikTRIAL-Bold', sans-serif;
  font-size: 1.5rem;
}

.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;
}

@media only screen and (min-width: 991.98px) {
  .sports .panel-title {
      font-size: 14px;
  }

}





.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;
  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 ;
  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: 0px 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;
  background: var(--cta-color);
  color: var(--font-1000);
}

.sports-container .list-one .selected:not(:last-of-type) {
    border-bottom: 1px solid #15051D !important;
}

.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-container ul.list-one>li:not(.groupedContestNode):hover {
  background-color: var(--cta-color);
  color: var(--font-1000);
}

.sports-container ul.list-one>li>li {
  background-color: inherit !important;
}

/* .sports-container .list-one li {
  padding-left: 30px;
} */

.sports-container .list-one li label {
  font-variant-caps: all-petite-caps;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}

.sports-container .list-two li{
  padding-left: 23px;
}

/* .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_Odds_Boosts:before {
  background: url('/sports/assets_core/img/icons-sports/odds_boosts.png') no-repeat;
  background-size: contain;
}

#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:before {
  background: url('/sports/assets_core/img/icons-sports/hockey.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_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;
}


/* SPORTS FUTURES */
#img_Australian_Rules_Futures:before {
  background: url('/sports/assets_core/img/icons-sports-futures/Australianrules_Futures.png') no-repeat;
  background-size: contain;
}

#img_Auto_Racing_Futures:before {
  background: url('/sports/assets_core/img/icons-sports-futures/Autoracing_Futures.png') no-repeat;
  background-size: contain;
}

#img_Badminton_Futures:before {
  background: url('/sports/assets_core/img/icons-sports-futures/Badminton_Futures.png') no-repeat;
  background-size: contain;
}

#img_Baseball_Futures:before {
  background: url('/sports/assets_core/img/icons-sports-futures/Baseball1_Futures.png') no-repeat;
  background-size: contain;
}

#img_Basketball_Futures:before {
  background: url('/sports/assets_core/img/icons-sports-futures/Basketball_Futures.png') no-repeat;
  background-size: contain;
}

#img_Beach_Volleyball_Futures:before {
  background: url('/sports/assets_core/img/icons-sports-futures/Beachvolleyball_Futures.png') no-repeat;
  background-size: contain;
}

#img_Boxing_Futures:before {
  background: url('/sports/assets_core/img/icons-sports-futures/Boxing_Futures.png') no-repeat;
  background-size: contain;
}

#img_Chess_Futures:before {
  background: url('/sports/assets_core/img/icons-sports-futures/Chess_Futures.png') no-repeat;
  background-size: contain;
}

#img_Cornhole_Futures:before {
  background: url('/sports/assets_core/img/icons-sports-futures/Cornhole_Futures.png') no-repeat;
  background-size: contain;
}

#img_Cricket_Futures:before {
  background: url('/sports/assets_core/img/icons-sports-futures/Cricket_Futures.png') no-repeat;
  background-size: contain;
}

#img_Cycling_Futures:before {
  background: url('/sports/assets_core/img/icons-sports-futures/Cycling_Futures.png') no-repeat;
  background-size: contain;
}

#img_Darts_Futures:before {
  background: url('/sports/assets_core/img/icons-sports-futures/Darts_Futures.png') no-repeat;
  background-size: contain;
}

#img_EGames_Futures:before {
  background: url('/sports/assets_core/img/icons-sports-futures/EGames_Futures.png') no-repeat;
  background-size: contain;
}

#img_ESports_Futures:before {
  background: url('/sports/assets_core/img/icons-sports-futures/ESports_Futures.png') no-repeat;
  background-size: contain;
}

#img_Entertainment_Futures:before {
  background: url('/sports/assets_core/img/icons-sports-futures/Entertainment_Futures.png') no-repeat;
  background-size: contain;
}

#img_Fighting_Futures:before {
  background: url('/sports/assets_core/img/icons-sports-futures/Fighting_Futures.png') no-repeat;
  background-size: contain;
}

#img_Floorball_Futures:before {
  background: url('/sports/assets_core/img/icons-sports-futures/Floorball_Futures.png') no-repeat;
  background-size: contain;
}

#img_Football_Futures:before {
  background: url('/sports/assets_core/img/icons-sports-futures/Football_Futures.png') no-repeat;
  background-size: contain;
}
#img_Super_Bowl_LX:before {
  background: url('/sports/assets_core/img/icons-sports-futures/Football_Futures.png') no-repeat;
  background-size: contain;
}

#img_Futsal_Futures:before {
  background: url('/sports/assets_core/img/icons-sports-futures/Futsal_Futures.png') no-repeat;
  background-size: contain;
}

#img_Gaelic_Sports_Futures:before {
  background: url('/sports/assets_core/img/icons-sports-futures/Gaelic_Sports_Futures.png') no-repeat;
  background-size: contain;
}

#img_Golf_Futures:before {
  background: url('/sports/assets_core/img/icons-sports-futures/Golf_Futures.png') no-repeat;
  background-size: contain;
}

#img_Handball_Futures:before {
  background: url('/sports/assets_core/img/icons-sports-futures/Handball_Futures.png') no-repeat;
  background-size: contain;
}

#img_Hockey_Futures:before {
  background: url('/sports/assets_core/img/icons-sports-futures/Hockey_Futures.png') no-repeat;
  background-size: contain;
}

#img_Hockey_Minor_Futures:before {
  background: url('/sports/assets_core/img/icons-sports-futures/Hockey_Minor_Futures.png') no-repeat;
  background-size: contain;
}

#img_Horses_Futures:before {
  background: url('/sports/assets_core/img/icons-sports-futures/Horses_Futures.png') no-repeat;
  background-size: contain;
}

#img_Ice_Hockey_Futures:before {
  background: url('/sports/assets_core/img/icons-sports-futures/Ice_Hockey_Futures.png') no-repeat;
  background-size: contain;
}

#img_Lacrosse_Futures:before {
  background: url('/sports/assets_core/img/icons-sports-futures/Lacrosse_Futures.png') no-repeat;
  background-size: contain;
}

#img_Mixed_Martial_Arts_Futures:before {
  background: url('/sports/assets_core/img/icons-sports-futures/Mixed_Martial_Arts_Futures.png') no-repeat;
  background-size: contain;
}

#img_LIVE_Futures:before {
  background: url('/sports/assets_core/img/icons-sports-futures/LIVE_Futures.png') no-repeat;
  background-size: contain;
}

#img_Olympics_Futures:before {
  background: url('/sports/assets_core/img/icons-sports-futures/Olympics_Futures.png') no-repeat;
  background-size: contain;
}

#img_Other_Futures:before {
  background: url('/sports/assets_core/img/icons-sports-futures/Other_Futures.png') no-repeat;
  background-size: contain;
}

#img_Other_Sports_Futures:before {
  background: url('/sports/assets_core/img/icons-sports-futures/Other_Sports_Futures.png') no-repeat;
  background-size: contain;
}

#img_Other_Props_Futures:before {
  background: url('/sports/assets_core/img/icons-sports-futures/Other_Props_Futures.png') no-repeat;
  background-size: contain;
}

#img_Politics_Futures:before {
  background: url('/sports/assets_core/img/icons-sports-futures/Politics_Futures.png') no-repeat;
  background-size: contain;
}

#img_Rugby_Futures:before {
  background: url('/sports/assets_core/img/icons-sports-futures/Rugby_Futures.png') no-repeat;
  background-size: contain;
}

#img_Rugby_League_Futures:before {
  background: url('/sports/assets_core/img/icons-sports-futures/Rugby_League_Futures.png') no-repeat;
  background-size: contain;
}

#img_Rugby_Union_Futures:before {
  background: url('/sports/assets_core/img/icons-sports-futures/Rugby_Union_Futures.png') no-repeat;
  background-size: contain;
}

#img_Snooker_Futures:before {
  background: url('/sports/assets_core/img/icons-sports-futures/Snooker_Futures.png') no-repeat;
  background-size: contain;
}

#img_Soccer_Futures:before {
  background: url('/sports/assets_core/img/icons-sports-futures/Soccer_Futures.png') no-repeat;
  background-size: contain;
}

#img_Soccer_A_Futures:before {
  background: url('/sports/assets_core/img/icons-sports-futures/Soccer_A_Futures.png') no-repeat;
  background-size: contain;
}

#img_Soccer_B_Futures:before {
  background: url('/sports/assets_core/img/icons-sports-futures/Soccer_B_Futures.png') no-repeat;
  background-size: contain;
}

#img_Soccer_C_Futures:before {
  background: url('/sports/assets_core/img/icons-sports-futures/Soccer_C_Futures.png') no-repeat;
  background-size: contain;
}

#img_Soccer_Minor_Futures:before {
  background: url('/sports/assets_core/img/icons-sports-futures/Soccer_Minor_Futures.png') no-repeat;
  background-size: contain;
}

#img_Softball_Futures:before {
  background: url('/sports/assets_core/img/icons-sports-futures/Softball_Futures.png') no-repeat;
  background-size: contain;
}

#img_Squash_Futures:before {
  background: url('/sports/assets_core/img/icons-sports-futures/Squash_Futures.png') no-repeat;
  background-size: contain;
}

#img_Table_Tennis_Futures:before {
  background: url('/sports/assets_core/img/icons-sports-futures/Table_Tennis_Futures.png') no-repeat;
  background-size: contain;
}

#img_Tennis_Futures:before {
  background: url('/sports/assets_core/img/icons-sports-futures/Tennis_Futures.png') no-repeat;
  background-size: contain;
}

#img_Volleyball_Futures:before {
  background: url('/sports/assets_core/img/icons-sports-futures/Volleyball_Futures.png') no-repeat;
  background-size: contain;
}

#img_Waterpolo_Futures:before {
  background: url('/sports/assets_core/img/icons-sports-futures/Waterpolo_Futures.png') no-repeat;
  background-size: contain;
}

/* SPORTS FUTURES END */

/* live GAMES */
.c-live-games {
  padding: 0px !important;
}

.c-live-games .menuTypeContainer .menuTypeItemsWrapper {
  background-color: var(--gray4);
}

.c-live-games .menuTypeContainer .menuTypeItemsWrapper .menuTypeScrollableItems{
  background-color: transparent !important;
}

.c-live-games .menuTypeContainer .menuTypeItemsWrapper .menuTypeScrollableItems ul.m_topmenu li {
  padding-left: 10px;
}

.c-live-games .menuTypeContainer .menuTypeItemsWrapper .menuTypeScrollableItems ul.m_topmenu li a {
  letter-spacing: 1px;
  font-size: 12px;
  text-transform: uppercase;
  padding: 6px 10px 6px 10px;
  font-weight: 500;
  background-color: var(--middle-page-bg-color);
}

.c-live-games .menuTypeContainer .menuTypeItemsWrapper .menuTypeScrollableItems ul.m_topmenu li a.selected{
  background-color:var(--primary-color) !important;
}
.remove-icon{
  fill: var(--primary-color);

}

@keyframes pulse {
  0% {
      transform: scale(1);
  }

  50% {
      transform: scale(1.20);
      /* Un efecto más sutil con un 5% de aumento */
  }

  100% {
      transform: scale(1);
  }
}



.live-icon{
  fill: var(--primary-color);
  margin-right: 10px;
  animation: pulse 1s infinite ease-in-out;
  margin-left: 6px;
}
.live-icon-mobile{
  display: flex;
  height: 15px;
  animation: pulse 1s infinite ease-in-out;
}
.live-title{
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  font-weight: 700;
  font-size: 25px;
}

.btn-live-mob {
  display: flex;
  flex-direction: column-reverse;
  background: var(--primary-color);
  color:white;
  font-size: 12px;
  font-weight: 700;
  max-height: 40px;
  border-radius: 6px !important;
  padding: 3px 10px !important;

}

@media only screen and (max-width: 991.98px) {
  .live-title{
      font-size: 20px;
  }
  .c-live-games {
      padding-left: 5px;
  }
  .live-icon {
      padding-left: 8px;
  }

}

/* live GAMES END */


/* DROPDOWN */
.wtype {
  margin-top: 10px !important;
  width: 100%;
  /* padding: 0 var(--ps1); */
  position: relative;
  z-index: 2;
}

.wtype .fixed_wrapper_mobile {
  position: fixed;
  width: 260px;
  z-index: 1001;
}

.wtype .fixed_wrapper {
  position: fixed;
  /* width: 260px; */
  z-index: 1001;
  background-color: #1c1d2a;
  left: 10px;
}

.tabButtonContainer {
  background-color: var(--betslip-bg-color);
  border-radius: 8px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.04) 100%);
  border: 1px solid #393939;
  overflow: hidden;
  height: 47px;
}


.wtype .select_wrapper {
  background-color: var(--content-bg-color);
  /*height: 44px;*/
  padding: 8px 15px 10px 15px;
}

.wtype .multiple_select_wrapper {
  padding: 0 1px;
  background-color: var(--content-bg-color);
  width: 100%;
}

.wtype.multiple {
  height: 87px;
}

.wagertype-wrapper button {
  border-radius: 0;
  text-transform: none;
  padding: 10px 0px 10px 0px;
  font-weight: 600;
  font-size: 1.5rem;
  margin: 0px !important;
}

@media only screen and (max-width: 1201px) {
  .wagertype-wrapper button {
      font-size: 10px !important;
  }
  .teaser-drop-content {
      width: 92% !important;
  }
}

.wager-item-info {
  font-weight: 700;
  text-align: center;
  font-size: 1.5rem;
}

@media only screen and (min-width: 992px) {
  .wager-item-info {
    font-weight: 700;
    text-align: center;
    font-size: 1.5rem;
  }  
  .all-singles-amount {
    font-size: 1.5rem !important;
  }
}

.period {
  width: 110px;
  float: left;
}

.settings {
  margin: 15px auto;
  width: 170px;
}

.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 rgba(255, 255, 255, 0.10);;
  height: 34px;
  width: 100%;
  line-height: 1.42857143;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.04) 100%);
  font-size: 14px;
  color: var(--text2);
  margin-top: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
}

.teasers-options select.dropdown {
  font-size: 11px;
}

@media only screen and (max-width: 991.98px) {
  .wtype {
      margin: 0 auto 15px auto;
      width: 100%;
      margin-top: 35px;
      display: block;
      padding: 0 var(--ps1);
      /* margin-top: var(--ps2) !important; */
  }

  .wtype.offline {
      margin-top: 27px !important;
  }

  .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;
      line-height: 17px;
      /*width: 90%;*/
  }
}



@media only screen and (min-width: 992px) {
  .wtype {
      margin-top: 0px;
      overflow: hidden;
  }
}

/* SIDEBAR CONTENT */
.tab-content {
  position: inherit;
  /*width: 90%;*/
  /*margin-left: 5%;*/
  padding-bottom: 70px;
}

@media only screen and (min-width: 992px) {
  .tab-content {
      padding-top: 0px !important;
  }
}

@media only screen and (max-width: 991.98px) {
  .tab-content {
      position: relative;
      background: var(--sidebar-bgcolor);
  }

  /*.tab_content_reports {*/
  /*    width: 260px !important;*/
  /*}*/

  .tab_content_settings {
      width: 245px !important;
  }
}

/* REPORTS TAB */
.btn-reports {
  color: var(--main-font-color);
      font-family: 'AeonikTRIAL-Regular', 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: 'AeonikTRIAL-Regular', 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.7em;
  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 var(--border-100);
  height: 50px;
  border-radius: 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;


}
.modal #settingsMenu .change-pass {
  padding: 8px 10px;
}

.modal #settingsMenu .update-pin{
  padding: 8px 10px;
}

.modal .sel_home {
  margin-top: 6px;
}

.modal .tab-pane h3 {
  color: var(--text2);
  float: left;
  /* margin-top: 8px; */
  font-weight: 500;
  letter-spacing: 1.6px;
  text-align: start;
}

.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: transparent;
}

.table.numeric tbody tr {
  text-align: left;
  border-bottom: 1px solid var(--border-bottom-sport-list);
}

.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  /* border-top: 1px solid #dee2e6; */
  /* background-color: var(--betslip-bg-color); */
  font-size: 1.1rem;
}

.table thead th {
  vertical-align: bottom;
  /* border-bottom: 2px solid #dee2e6; */
}

.table tbody+tbody {
  border-top: 2px solid #dee2e6;
}

.table .table {
  background-color: var(--betslip-bg-color);
}

.table .table thead {
  background-color: var(--primary-color) !important;
}

.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-bottom: 1px solid var(--line-paste); */
  color: var(--text2);
}

.table-bordered th {
  /* border: 1px solid var(--headers-bg-color);*/
  /* background-color: var(--primary-color); */
}

.table-bordered thead th,
.table-bordered thead td {
  /* border-bottom-width: 2px; */
}

.table-bordered thead td{
  text-transform: uppercase;
}

.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: var(--primary-color); */
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}

.table .thead-dark{
  background: var(--middle-headers-bg-color);
  
}

.thead-dark th:first-child  {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.thead-dark th:last-child  {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}


.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;
}

/* BOOTSTRAP */
/* overwrite dropdown*/

.dropdown-menu {
  z-index: 1002;
  background: var(--seach-panel-bg);
  border: 1.5px solid var(--seach-panel-border-color);
  color: var(--text2);
  padding: 18px 20px;
  border-radius: 10px;
}

.dropdown-item {
  display: block;
  padding: 4px;
  line-height: 32px;
  color: var(--text2);
  font-size: 14px;
  text-align: center;
  border: none !important;
}

.dropdown-item:not(:last-child) {
  border-bottom: 1px solid var(--sport-panel-item-bg) !important;
}

a.dropdown-item:hover {
  color: var(--text2);
  background: var(--secondary-color);
}

.header-menu a.dropdown-item:hover {
  color: var(--dropdown-hover-color) !important;
  background: var(--dropdown-hover-bg-color);
}

.dropdown-item.red {
  color: var(--primary-color) !important;
  font-weight: 700;
  /* border-radius: 10px; */
}

.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: 10px;
}

.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 .game-info-card {
  padding-bottom: 5px;
  background: var(--middle-headers-bg-color);
  border-radius: 2px;
  color: var(--main-font-color);
  font-weight: 600;
  border-radius: 12px;
  border: 1px solid var(--sport-row-border-color);
  display: grid;
  grid-template-columns: 0.1fr 1fr 0.02fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-template-areas: ". . .";
  padding: 12px 12px 12px 12px;
}


.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(--font-1000) !important;
  background: var(--cta-color);
}

.gameLineInfo .btn-default:active,
.gameLineInfo .btn-default.active {
  color: var(--font-1000) !important;
  background: var(--cta-color);
}

.gameLineInfo .btn.disabled,
.gameLineInfo .btn[disabled],
.gameLineInfo .btn[disabled]:hover {
  cursor: not-allowed;
  box-shadow: none;
  opacity: 0.5;
  color: var(--text2) !important;
}

.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 {
  color: var(--text2);
  border: none;
  padding: 5px;
  font-weight: 600;
  height: 100%;
  border-radius: 10px;
  background: var(--bet-offering-btn-bg);
  border:1px solid var(--border-bottom-sport-list)
}

@media only screen and (max-width: 1024px) {
  .btn-xs {
      padding: 1px 4px;
      font-size: 10px;
  }
}

.btn-betlines {
  color: var(--main-font-color);
  background: var(--line-button-color);
  color: var(--text2);
  /* border: 1px solid lightgray; */
  box-shadow: 0 4px 6px -6px #222;
}

.btn-betlines.active,
.open .dropdown-toggle.btn-betlines {
  /*border-color: #ccc;*/
  background: var(--primary-color);
  color: var(--font-1000) !important;
}



.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(--secondary-color);*/
  color: var(--secondary-color);
  border: 1px solid var(--secondary-color)!important;
  font-size: 14px;
  text-transform: uppercase;
  border-radius: 10px;
  font-weight: 700;
  padding: 4px 8px !important;
  display: flex;
  align-items: center;
}

.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) !important;
  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) !important;
  background-color: var(--hover-wager-type);
}


/* 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;
  }
  .form-inline .form-control{
      font-size: 16px;
      font-weight: 700;
  }
}


.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: var(--font-1000) !important;
}

.btn-period-totals.active:before {
  transform: rotate(90deg);
}

.btn-period-totals:hover::before {
  /*color: white !important;*/
}






.mob_period_wrapper .period {
  /* background-color: var(--gray4); */
  padding: 2px 5px 11px 9px;
}

.mob_period_wrapper .btn-period.active {
  color: var(--font-1000) !important;
  background: var(--cta-color);
}

.open .dropdown-toggle.btn-period {
  color: var(--middle-font-color) !important;
  border-bottom: 4px solid var(--selected-period-border);
  font-weight: 600;
}

.tabButtonContainer .btn-period:active,
.tabButtonContainer .btn-period.active,
.tabButtonContainer .open .dropdown-toggle.btn-period {
  color: var(--font-1000) !important;
  border-bottom: 0px solid transparent !important;
  font-weight: 600;
  font-size: 1.5rem;
  border-radius: 8px;
  background: var(--cta-color) !important;
  font-family: 'AeonikTRIAL-Bold', sans-serif;
  line-height: 0.1;
}

/* Button Betlines Mobile */
.btn-betlines.active,
.open .dropdown-toggle.btn-betlines {
  background-image: none;
  background: var(--cta-color) !important;
  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) {
  .line_titles {
      border-radius: 0;
      display: grid !important;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: 1fr;
      gap: 1px;
      grid-template-areas: ". . .";
      padding: 0px 34px 10px 34px !important;
      width: 100%;
      margin-bottom: 20px;
  }
  .btn_teamTotals {
      font-size: 12px !important;
  }
  .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;
  }

  .page-content-wrapper-mob .line_titles_column_date h3{
      
      font-size: 14px;
      font-style: normal;
      font-weight: 600;
      line-height: normal;
      padding: 0px 1px;
  }

  .period {
      width: 100%;
      float: left;
      position: relative;
      /* background-color: #32333e; */
  }

  .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;
  }

  .btn-period:hover {
      /*color: var(--main-font-color);*/
      /*background-color: var(--primary-color);*/
      border-bottom: 4px solid var(--secondary-color);
      /*border-color: var(--primary-color);*/
  }

  .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;
  color: var(--white);
}

.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: var(--font-1000) ;
  background: var(--line-button-selected-color);
  padding: 3px 7px;
  font-size: 10px;
  text-transform: uppercase;
  /* border: 1px solid #428D3E; */
  border-radius: 10px;
  margin-bottom: 7px;
  letter-spacing: 1.6px;
}

.btn-graded:hover,
.btn-graded:focus,
.btn-graded:active,
.btn-graded.active,
.open .dropdown-toggle.btn-graded {
  color: var(--white);
  background: var(--opt-color-hover);
  border-color: transparent;
}

/* Modal Dialog Box */


/* Modal Bootstrap overwrite */

.modal-open .modal,
.btn:focus {
  outline: none !important;
}

.modal .modal-body {
  background: var(--validations-popup);
  color: var(--text2);
  border-radius: 20px;
}

.modal .modal-header {
  background: var(--validations-popup);
  color: var(--main-font-color);
  font-weight: 500;
}

.modal .modal-header h1,
.modal .modal-header h2,
.modal .modal-header h3,
.modal .modal-header h4 {
  color: var(--main-font-color);
}

.modal .modal-header h1,
.modal .modal-header h2,
.modal .modal-header h3,
.modal .modal-header h4 {
  color: white;
  font-weight: 200;
  font-size: 2rem;
}

.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%;
  background-color: transparent!important;
}

/*
.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: 100053!important;
}

.page-content-wrapper-mob .page-content {
  padding: 0;
}

.page-content {
  padding-left: 10px;
  padding-right: 10px;
  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% - 570px);
  width: -moz-calc(100% - 570px);
  width: calc(100% - 570px);
  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: var(--mobile-header-height) 0 0 0px; */
  min-width: 260px;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
  overflow-x: hidden;
  max-width: 100%;
  scrollbar-color: #535353 var(--content-bg-color);
}

.page-content-wrapper-mob .page-content-wrapper-offline{
  padding-top: 0;
}


.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 .page-content-wrapper {
  height: 100%;
  float: left;
  overflow-y: auto;
  padding: 0;
  width: -webkit-calc(100%);
  width: -moz-calc(100%);
  width: calc(100%);
  background-color: var(--content-bg-color);
}

/*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( --header-mobile-bg);
  color: var(--main-font-color);
  height: 110px;
}

.uinfo {
  color: var(--primary-color);
  margin: 0;
  padding: 0 0 0 12px;
  font: normal 0.90em/1 ;
  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: 'AeonikTRIAL-Regular', 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: 'AeonikTRIAL-Regular', sans-serif;
      letter-spacing: 0.03em;
      /*text-transform: uppercase;*/
  }

  .navbar-fixed-top {
      padding-left: 0px;
  }
}

/* DESKTOP HEADER */
header {
  background: var(--header-bg);
  width: 100%;
  height: 80px;
}

.logo-holder-no-bg {
  background-color: none !important;
}

/* .header-menu {
  height: 80px;
} */

@media (max-width:1200){
  .header-menu {
    display: none;
  } 
}

@media (max-width:1743px) and (min-width:990px) {
  /* .header-menu nav ul li a{
      font-size:9px!important;
  } */
  .header-flex{
      font-size:12px!important;
  }
}

.header-menu nav {
  width: 100%;
  height: 69px;
  display: flex;
  align-self: center;
}

.header-menu nav.no-bg {
  background: none !important;
}

.header-menu nav ul {
  list-style: none;
  display: flex;
  justify-content: space-around;
  font-size: 14px;
  width: fit-content !important;
  margin: auto;
}

.header-menu nav ul li {
  margin: 0 8px;
  text-align: center;
  display: flex;
  align-items: center;
  position: relative;
  /* padding: 1rem 1.2rem; */
  font-weight: 600;
  display: flex;
  justify-content: center;
}

@media (max-width: 1335px) {
  .header-menu nav ul li{
      /* padding: 1.0rem 0.3rem; */
      padding: 0;
  }
}

.header-menu nav ul li.active {
  background: var(--gradient-primary-color) !important;
}

.header-menu nav ul li a {
  padding: 0 0px;
  text-transform: uppercase;
  font-size: 11px;
  padding: 0px 4px;
  border-radius: 10px;
}

.header-menu nav ul li a:hover {
  color: var(--white) !important;
  background-color: #592270;
}

.header-menu nav>ul>li>a {
  color: var(--header-text);
  font-weight: 700;
}

.header-menu nav ul li img {
  margin: auto;
  margin-right: 5px;
  /* max-height: 15px;
  max-width: 26px; */
  width: 24px;
  height: 24.1px;
  position: relative;
  margin: auto;
  top: -1px;
  margin-right: 4px;
}

.header-menu nav ul li a:not(.dropdown-item):hover {
  color: var(--main-font-color);
}

.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: 140px !important;
  border-radius: 30px;
  /*background-color: var(--input-custom-bg-color);*/
  border: none;
  border-bottom: 2px solid var(--border-bottom-sport-list);
  /*border: none;*/
  /*color: var(--main-font-color);*/
  margin-right: 5px;
}

.header-login input::placeholder {
  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: #232B32;
}

.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: var(--secondary-color) !important;
  color: var(--font-1000) !important;
  border: 1px solid var(--secondary-color) !important;
  /* padding-left: 20px;
  padding-right: 20px;
  padding-top: 3px; */
  border-radius: 30px !important;
  width: 82px;
  height: 35px !important;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: normal;
  font-family: 'AeonikTRIAL-Regular', sans-serif;
  
}
.btn-sign-up-betslip {
  background: var(--gradient-primary-color) !important;
  color: var(--white);
  border: 1px solid #666;
  border-radius: 4px !important;
  border-color: transparent !important;
  width: 138px;
  height: 35px !important;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  
}
.btn-sign-up-betslip:hover{
  color: var(--white) !important;
  background: var(--secondary-color) !important;
}

.btn-primary{
  background-color: transparent;
  color: var(--text2);
  border: 1px solid var(--primary-color) !important;
}

.btn-primary:hover{
  background-color: var(--primary-color);
  color: var(--white);
}

.btn-login:hover {
  color: var(--white) !important;
  background: var(--secondary-color) !important;
}

.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;
  color: var(--header-text)
}

.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(--header-text);
  width:100%;
  display:flex;
  justify-content: space-between;
  height: 48px;
}

.header-option.customer-balance-usr a {
  color: var(--header-text);
  font-size: 12px;
}

@media only screen and (max-width: 991.98px) {
  header {
      display: none;/* check later affects padding todo of home page and promotions --Roger*/
      visibility: hidden;
  }
}

.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 ;
  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 ;
  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;
}

.glyphicon-eye-open:before{
  color:var(--text2);
}
.glyphicon-eye-close:before{
  color: var(--text2);
}

/* 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: 'AeonikTRIAL-Regular', sans-serif;

}

.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: 'AeonikTRIAL-Regular', sans-serif;

}

.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: 'AeonikTRIAL-Regular', sans-serif;
  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  */
.nav_icons_wrapper_height{
  height: 60px;
}

#navbar_mobile_info {
  display: flex;
  justify-content: space-between;
  height: 52px;
  align-items: center;
}

.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;
}

.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;
}

.mobile_choose_odds{
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 10px;
}

.mobile_choose_odds a{
  flex-grow: 1;
  text-align: center;
  padding: 10px;
  background: var(--betslip-bg-color);
  color:  var(--main-font-color);
  margin: 4px;
  font-size: 11px;
  border-radius: 5px;
  cursor: pointer;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'AeonikTRIAL-Bold', sans-serif;
}

.mobile_choose_odds a:hover{
  background:var(--primary-color);
  color: var(--font-1000);
}

.mobile_choose_odds a.active{
  border: 1px solid var(--cta-color);
  background: var(--cta-color);
  color: var(--font-1000);
}

.mobile_choose_odds a.active:hover{
  border: 1px solid var(--secondary-color);
  background: var(--secondary-color);
  color: var(--font-1000);
}

.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;
}

div .wrapper_search_query{
  /* background-color: var(--gray4); */
  align-items: center;
}

input.search-query {
  padding-left: 40px;
  height: 32px;
  top: 50px;
  border: none;
  width: 100%;
  font-size: 14px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  border: 1px solid #6C6C6C;;
  color: var(--main-font-color);
}
input.search-query::placeholder{
  color: var(--white);
  font-weight: 500;
  text-transform: capitalize;
}
#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: 'AeonikTRIAL-Regular', sans-serif;
  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%;
  }
}

.form-inline .form-group{
  display: flex !important;
  align-items: center;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 700;

}

.choose_odds {
  float: right;
  display: inline-flex;
  color: var(--gray2);
  margin: 5px 0 5px 5px;
  padding: 0px 16px;
  border-right: 1px solid rgb(153 150 160 / 0.4);
}

.choose_odds.final{
  border-right: none !important;
}

.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:hover, .choose_language button:hover{
  color: var(--choose_odds-hover-color) !important;
}

.choose_odds button:focus, .choose_language button:focus{
  color: var(--choose_odds-hover-color) !important;

}




.choose_odds button,
.choose_language button {
  padding: 4px 14px 4px 0;
  font-size: 1.2rem;
  color: var(--menu-font-color);
  background-color: transparent;
  z-index: 100;
  white-space: normal;
  font-weight: 600;
  display: flex;
  align-items: center;
  font-weight: 500 !important;
}

.choose_odds .dropdown-item,
.choose_language .dropdown-item {
  font-size: 1.2rem;
  line-height: 27px;
  cursor: pointer;
  border-radius: 10px;
}

.choose_odds::after,
.choose_language::after {
  font-family: "ui_icons";
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: -0.7em;
  vertical-align: .255em;
  content: "\e60a";
  /* background-image: url("/assets/img/arrow_menu.svg"); */
  /* background-repeat: no-repeat; */
  color: var(--text2);
  display: none;
}





.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: var(--sidebar-bgcolor);
  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: var(--middle-page-bg-color) !important;
padding: 0 10px;
  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;
}

@media  (min-width:991.98px) and (max-width: 1200px) {
  div#search_wrapper {
    width: calc(100% - 464px)!important;
  }
}

div#search_wrapper {
  width: calc(100% - 586px); 
  position: fixed;
  z-index: 1000; 
  /* top: 82px;  */
  border: 1px solid var(--sport-row-border-color);

  -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);
  background:#33203C;
  border-radius: 12px;
}

div#search_wrapper.extended {
  width: calc(100% - 540px + 144px);
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}


.page-content-wrapper-mob .form-search .btn.close {
  color:var(--secondary-color) !important;
  font-size: 18px;
  opacity: 0.7;
  text-shadow: 0 0;
}

.form-search {
  position: relative;
  height: 34px;
  color: var(--white);
  margin: 10px 0 5px 10px;
}

@media only screen and (max-width: 992px) {
  .form-search {
      margin: 10px 10px;
  }
}

.lines_delay {
  color: var(--menu-font-color);
  font-size: 11px;
  display: inline-flex;
  /* position: absolute; */
  margin: 10px 0 0 10px;
  font-weight: 300;
}

.lines_delay_mobile {
  border-radius: 9px;
  color:  var(--text2);
  font-size: 12px;
  font-weight: 400;
  width: 300px;
  text-align: center;
  margin: auto;
  padding: 10px;
  border: 1px solid var(--secondary-color);
  margin-top: 10px;
}

.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;
}

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: 'AeonikTRIAL-Regular', 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 ;
  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;
}

#mobilesearch.panel-default .panel-heading {
  background-color: var(--bg-search-heading);
  border:1px solid var(--secondary-color);
  padding: 6px;
  margin:0px 0px;
}

#mobilesearch.panel-default .panel-heading a {
  color: var(--white);
}

.panel-default .panel-heading {
  background: var(--bg-100);
  border-radius: 2px;
  color: var(--middle-font-color);
  text-transform: uppercase;
}

.panel-heading.sportType {
  padding: 10px 17px 8px 17px;
  background-color: var(--dark2);
}

.panel-heading.sportType span {
  color: white;
}

#SportsAv .panel-default .panel-heading:hover {
  position: relative;
}

#SportsAv .panel-default .panel-heading:hover::after {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  width: 4px;
  border-radius: 2px;
  background: #FFC440;
}



.panel-heading a {
  color: var(--middle-font-color);
}

.panel-heading-sub {
  color: var(--headers-bg-color);
  padding: 0 26px;
  background: var(--headers-bg-color);
  height: 40px;
  min-width: 290px;
}

h3.panel-title,
span.panel-title {
  text-transform: uppercase;
  font-weight: 700;
  margin: 0;
}

a.collapsed .panel-title {
  letter-spacing: 0.05em;
  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;

}


.line_titles_column_date h3 {
  color: var(--white)!important;
}

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 ;
  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);
  letter-spacing: 0.05em;
  font-size: 0.8em;
  margin: 0;
  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 img.team_rounded {
  border-radius: 50%;
  height: 33px;
}

.bettinglines li h4 {
  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(--text2);
      line-height: 22px;
  }

  .bettinglines li .gameLineInfo {
      margin: 10px 2px;
      background-color: var(--betslip-bg-color);
      color: var(--headers-bg-color);
      position: relative;
      overflow: hidden;
      clear: both;
      border-radius: 12px;
      border: 1px solid #393939;
      background: var(--mobile-game-card-bg-color);
  }
  .gameComments {
      border-bottom: 1px solid #393939 !important;
  }

  .gameCommentsOnly{
      width: calc(100% - 80px);
  }

  .game_date_time {
      color: #FFF;
      font-size: 11px;
      font-style: normal;
      font-weight: 600;
      line-height: normal;
      letter-spacing: 1px;
  }
}

/* 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: var(--middle-headers-bg-color);
  color: var(--main-font-color);
  position: relative;
}
.correlated-line span{
  color: var(--main-font-color);
}

.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: var(--middle-headers-bg-color);
  padding: 5px 9px 0 38px;
}

.correlated-line .close {
  font-size: 1em !important;
  color: black;
      font-family: 'AeonikTRIAL-Regular', sans-serif;
  opacity: inherit;
}

.correlated-line .gameLineInfo {
  background: var(--middle-headers-bg-color) !important;
}

.correlated-line .contestant-line{
  border-bottom: 1px solid black;
  padding: 5px 0;
  margin: 0px -10px 0px 0px;    
}

.correlated-line .game-line .contests-lines .row {
  border-bottom: 1px solid var(--border-bottom-sport-list);
}

.correlated-title {
  font: normal 0.9em/1 ;
  letter-spacing: 0.05em;
  /*padding: 5px 9px 0 9px;*/
  padding: 7px 9px 0 30px;
  text-transform: uppercase;
  margin: 0;
  color: var(--main-font-color);
}

.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: 'AeonikTRIAL-Regular', 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 ;
  font-style: italic;
  padding: 0 5px;
  color: var(--main-font-color);
}

/* 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 {

  text-transform: uppercase;
  color: var(--text2);
  font-size: 12px;
  margin: 8px;
  border-radius: 4px;
  background-color: var(--betslip-bg-color);
}


.contests h3.panel-title {
  font-size: 0.8em;
  margin: 0;
  color: var(--primary-color);
  font-weight: 700;
  line-height: 1.4;
  padding-bottom: 6px;
}


/* 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;
}

.cl-team,
.cl-amount {
  float: left;
  width: 50%;
  min-height: 1px;
}

.cl-team p {
  margin: 0;
  font: normal 1em/1.3;
  color: #0280D2;
}

.contests-lines li h4 {
  margin: 0;
  font: normal 0.9em/1.3 ;
  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);
  color: var(--main-font-color);
}

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 var(--border-bottom-sport-list);
  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: var(--main-font-color);
  /*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: var(--text2);
  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;
  letter-spacing: 0.05em;
  margin: 0;
}

.line-time {
  /*float: right;*/
  color: var(--white);
  position: absolute;
  right: 15px;
  top: 15px;
}

@media (max-width: 991.98px) {
  .line-time {
      color: var(--text2);
      top: 7px;
  }
}

.line-offering-description {
  line-height: 16px;
}

.line-rot-num {
  color: var(--line-rot-num);
  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 ;
  letter-spacing: 0.05em;
  margin-top: 0;
  font-weight: 300;
}

.review-wager p {
  margin: 0;
  font: normal 1em/1.3;
  color: #0280D2;
  font-weight: 400;
}

.review-wager .verticalspace {
  margin-bottom: 7px;
}


input.focus {
  border: 1px solid #66AFE9 !important;
  border-radius: 2px !important;
}

.alert {
  text-align: center;
}

.alert h1 {
      font-family: 'AeonikTRIAL-Regular', 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: ;
  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 ;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.if-bet p {
  font-size: 0.9em;
  margin-bottom: 5px;
  font-family: 'AeonikTRIAL-Regular', 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: 'AeonikTRIAL-Regular', sans-serif;
}

.if-bet .input-group {
  margin: 5px 0 10px 0;
}

.if-bet .input-group * {
  font: normal 1em/1 ;
}

.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: 'AeonikTRIAL-Regular', 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 ;
  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 ;
}

.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 .df_title {
  text-transform: uppercase;
}

#daily-figures .title {
  font-size: 2.1rem !important;
  color: var(--text2);
  font-family: 'AeonikTRIAL-Bold', sans-serif;
}

.daily_figures *,
.open_bets *,
.graded_results *,
.inbox * {
  font-family: 'AeonikTRIAL-Regular', sans-serif;
  letter-spacing: 0.03em;
  text-transform: capitalize;
  font-size: 1.7rem;
}

@media (max-width: 991px) {
  .daily_figures *,
  .open_bets *,
  .graded_results *,
  .inbox * {
    font-size: 1.3rem;
  }
}

/* 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-size: 2.1rem;
  color: var(--text2);
  font-family: 'AeonikTRIAL-Bold', sans-serif;
}

.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;
}

.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 !important;
}

.num_neg_bg {
  /* background-color: var(--primary-color) !important; */
  color: #ff4949 ;
}

.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;
  color: var(--text2);

}

.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 ;
  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;
}

.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: var(--font-1000);
  font-size: 0.6em;
  font-weight: 300;
  background-color: var(--opt-color-hover);
  border: 1px solid var(--opt-color-hover);
  /* padding: 1px; */
  height: 15px;
  width: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  margin: 0px 5px 0px 0px !important;
}

.graded-data-detail .icon_viewresults.num_neg:before {
  background-color: var(--error-bg-color) !important;
  border: 1px solid var(---error-borde-color) !important;
  color: var(--white) !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 ;
  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 transparent;
  padding: 15px;
}

.modal-wide .modal-header .close {
  background: transparent;
  border: 1px solid transparent;
  font-size: 2rem !important;
  margin: 0 !important;
}

.modal-wide h1,
.modal-wide h2 {
      font-family: 'AeonikTRIAL-Regular', sans-serif;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  display: inline-block;
  /*margin-right: 7px;*/
  /* color: var(--primary-color) !important; */
  font-weight: 500 !important;
}

.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 ;
}

.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 ;
  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(--text2);
  font-size: 13px;
  padding-bottom: 80px;
}

#all-transactions .form-control {
  background-color:transparent ;
  border: 2px solid var(--border-100);
}
#all-transactions .form-control:focus{
  box-shadow: none;
}

#all-transactions span.title {
  font-weight: bold;
  font-size: 18px;
}

#all-transactions .graded-data {
  background: var(--middle-headers-bg-color);
  color: var(--text2);
  padding: 12px 0px;
}

#all-transactions .row-totals{
  font-weight: 700;
  padding: 10px;
  color: var(--text2);
  font-size: 1.3rem;
}

.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: var(--white);
  float: right;
  margin-left: 10px;
  font-size: 1.4em !important;
  /* margin-top: -2px; */
  padding-right: 10px;
}

#all-transactions .date-picker span {
  float: right;
  color: var(--white);
}

#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 {
  margin-top: 0;
  /* background: var(--gradient-primary-color); */
  font-size: 12px;
  border-radius: 4px 4px 0 0;
  text-transform: uppercase;
  padding: 10px 0;
  color: var(--text2);
}

.graded-header h2 {
  font-size: 1em;
  font-weight: 600;
  margin: 10px auto;
}

.graded-data {
  border-bottom: 1px solid var(--line-paste);
  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: 10px;
  background: var(--middle-headers-bg-color);
  border-radius: 10px;
}

.reports-container-mobile .graded-data.row .row {
  display: flex;
}

.reports-container-mobile .graded-data {
  background-color: var(--betslip-bg-colo);
  /*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: var(--text2);
  font-weight: bold;
}

.graded-data:last-of-type {
  border-bottom: none;
  padding-right: 0px !important;
}

.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;
  background: var(--primary-color);
  color: var(--font-1000);
  font-weight: 700;
  border-color: var(--primary-color);

}

.graded-data-detail .btn:hover {
  background: var(--gradient-primary-color);
}

.ifBetSelectionChoose{
  background: var(--primary-color);
  color: var(--white);
  font-weight: 700;
  border: 1px solid var(--primary-color);
  font-size: 1.2rem;
  margin-top: 5px;
  padding: 5px 6px !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ifBetSelectionChoose:hover{
  background: var(--gradient-primary-color);
}

.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: var(--betslip-bg-color);
}

.reports-container-mobile .report-detail-open-bets {
  background-color: inherit !important;
}

.dailyFiguresSelectedDay {
  border-top: 2px solid var(--border-100)!important;
  border-left: 2px solid var(--border-100)!important;
  border-right: 2px solid var(--border-100)!important;
  border-bottom: none;
  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 span {
  font-weight: 700;
  font-size: 2.1rem;
  margin: 10px auto;
  text-transform: uppercase !important;
  color: #FFF;
  text-align: center;
  font-family: 'AeonikTRIAL-Bold', sans-serif;
  font-weight: 700;
  line-height: 1;
 
}

.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: var(--text2);
  align-items: center;
}

.reports-container-mobile .daily_figures .details-header {
  display: flex !important;
  width: 100%;
  padding: 10px;
  color: var(--text2);
  justify-content: space-between;
}

.daily_figures .details-header .clear_transactions {
  background-color: var(--error-bg-color);
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  
}

.daily_figures .details-header .clear_transactions span{
  display: flex;
  justify-content: center;
  align-items: center;
}

.daily_figures .details-header .clear_transactions span b{
 color: var(---error-borde-color);
 font-size: 1.3rem;
}

.reports-container-mobile .daily_figures [class*="col-"].details {
  display: block !important;
}

.reports-container-mobile .daily_figures .details[class*="col-"] {
  display: block !important;
  padding: 5px;
}

.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: var(--betslip-bg-color);
  border: 1px solid var(--border-bottom-sport-list) !important;
  padding: 10px;
  display: flex;
  flex-direction: column;
  border-radius: 10px ;
  margin: 1.5px;
}

.reports-container-mobile .daily_figures [class*="col-"] .day_title {
  color: #FFF;
  text-align: center;
  font-family: 'AeonikTRIAL-Bold', sans-serif;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1;
}

.reports-container-mobile .daily_figures .day_value {
  color: #FFF;
  text-align: center;
  font-family: 'AeonikTRIAL-Regular', sans-serif;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1;
}

.reports-container-mobile .daily_figures .starting-balance {
  background-color: var(--reports-container-mobile-bg);
  text-align: left !important;
  padding: 7px 0;
}

.reports-container-mobile .daily_figures .start-date {
  background-color: var(--content-bg-color);
  font-weight: bold;
  border: 1px solid var(--border-bottom-sport-list) !important;
  border-radius: 10px;
}

.reports-container-mobile .daily_figures .week-total {
  text-transform: capitalize;
  /* background: var(--bg-450); */
  padding: 5px 0px;
}



.reports-container-mobile .daily_figures .starting-balance [class*="col-"] {
  font-size: 1.7rem;
  font-family: 'AeonikTRIAL-Bold', sans-serif;
}


.reports-container-mobile .daily_figures .content-week-total{
  background: var(--bg-450);
  color: var(--white) !important;
  border-radius: 10px;
}

.reports-container-mobile .daily_figures .starting-balance,
.reports-container-mobile .daily_figures .start-date,
.reports-container-mobile .daily_figures .week-total {
  color: var(--text2);
  font-weight: 500;
  font-weight: 700;
}

.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);
}

.modal-settings .modal-content{
  width: 100%!important;
  margin:auto;
  border-radius:20px;
  padding:1px;
}

.modal-settings .err_msg{
  min-height: 16px;
  font-size: 12px;
  margin-top: 5px;
  /* max-width: 300px; */
}

@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;
  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;
  text-transform: capitalize;
  color: #333;
}

.inbox_body .unread-mail .panel-heading a {
  font: 700 1em/1.4;
  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 ;
  border-top: none !important;
  padding: 10px;
}

.mail_actions {
  text-align: right;
}

.mail_actions .btn {
  font: 400 1em/1;
  text-transform: none;
  margin-top: 10px;
}

/* Rules Content */
.rules-content {
  font: 0.9em/1.4 ;
  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 ;
}

.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 ;
  font-size: 1em;
  color: black;
  font-weight: bold;
  letter-spacing: 1px;
}

.bs-rules h5 {
  margin: 20px 0 7px 0;
  font: 0.7em/1.4 ;
  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;
  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 ;
  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 ;
}

#wrapper.mobile {
 /* // height: calc(100 * var(--vh) - var(--header-height))!important; */
  /* height: calc(100 * var(--vh) - 0)!important; */
}

#wrapper.active .rules-container {
  margin: 0 0 0 10px;
  width: 88%;
}

.logout nav .menu li {
  padding-bottom: 13px;
}

/* BETSLIP DESKTOP */
#betSlipController {
  height: 100%;
  width: 310px;
  float: right;
  overflow-y: auto;
}

.betslip {
  /* width: 272px; */
  margin: auto;
  padding-top: 10px;
  /* padding-left: 8px;
  padding-right: 8px; */
}

span.betslip {
      font-family: 'AeonikTRIAL-Regular', sans-serif;
  /*font-weight: 600;*/
  text-transform: uppercase;
  font-size: 12px;
}

.ads {
  margin: 5px !important;
}

.betslip h2 {
  margin: 0;
  padding: 0;

  font-size: 12px;
}

.betslip>span {
  color: #AAA;
  font-size: 0.7em;
  border: 1px solid #E10600FF;
}

.bet-count {
  text-align: center;
  padding-top: 10px;
  font-weight: bold;
  font-size: 14px;
}

.betslip .ticket {
  width: 100%;
  margin: 8px 0px 0px 0px !important;
  border-radius: 10px;
}

.betslip #errorMessage.ticket {
  width: 100%;
  margin: 0 auto;
  margin-top: 20px;
  border-radius: 5px;
  background-color: var(--error-bg-color) !important;
  border: 1px solid var(--error-borde-color) !important;
  border-radius: 12px;
}

#errorMessage .tik-msg-err .tik-head, .tik-msg-err .tik-body {
  color: #ffffff;
  border: 0;
  background-color: var(--error-bg-color) !important;
  border: none;
  border-radius: 5px;
  font-weight: 500;
  font-size: 12px;
}

.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: 'AeonikTRIAL-Regular', sans-serif;
  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-radius: 4px;
  }
}
.ticket input,
.ticket .wraper-input,
.ticket select {
  font-size: 1.5rem !important;
  height: 34px;
  background-color: transparent !important;
  color: var(--main-font-color);
  border: 1px solid var(--border-input-betslip);
  border-radius: 8px;
  
}

.ticket .wraper-input{
  /* background-color: var(--input-bg-color10)!important; */
  border-radius: 10px;
  align-items: center;
  display: flex;
}

.ticket .wraper-input input{
  padding: initial;
  border-radius: 0;
  border: 0!important;
  background: none!important;
}
.ticket .wraper-input input:focus{
  box-shadow: none!important;
}

.ticket .wraper-input: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);
}
/* .ticket select {
padding-top: 4px;
} */

.ticket  input.form-control::placeholder{
    font-size:11px!important;
    /* position:absolute; */
    /* top:10px */
}

input#totalToWin[disabled] {
  background-color: inherit;
}

input#totalRisk[disabled] {
  background-color: inherit;
}

.ticket select option {
  background-color: var(--middle-page-bg-color);
}

.tik-head {
  line-height: 1.1;
  background: var(--tik-head-color);
  padding: 17px 16px;
  color: white;
  font-size: 15px;
  font-weight: bold;
  border-radius: 12px 12px 0px 0px;
  border-bottom: 1px solid var(--border-bottom-sport-list);
  min-height: 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.form-control::placeholder {
  font-size: 1.5rem !important;
  color: #fff;
}

@media screen and (max-width: 992px) {
  .tik-body .title{
    font-size: 1.5rem !important;
    margin-left: 2px;
  }
  .ticket input{
    font-size: 1.5rem !important;
  }
  .betslip .preset-amounts input {
    font-size: 1.5rem !important;
    font-weight: 700;
    font-family: 'AeonikTRIAL-Bold', sans-serif;
  }
  .betslip .preset-amounts input[type="button"]:last-child {
    height: 39px !important;
  }
  .parlay-selections {
    font-size: 1.7rem !important;
  }
  .ticket input, .ticket select {
    border-radius: 8px !important;
  }
}

.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 {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.04) 100%);
  padding: 15px 14px;
  color: var(--main-font-color);
  font-size: 14px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border: 1px solid var(rgba(255, 255, 255, 0.20));
}

.enter-amount-text{
  margin: 4px 0px !important;
  padding: 10px 10px;
}

.tik-body .btn-signup {
  width: 100%;
  margin-top: 15px;
}

.buypoints {
  overflow: auto;
  margin-bottom: 7px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 9px;
}

.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: 1.1rem;
  height: 25px;
  padding-top: 8px;
      font-family: 'AeonikTRIAL-Regular', sans-serif;
  font-weight: bold;
  color: var(--main-font-color);
  text-transform: capitalize;
  margin-bottom: 10px;
}

.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: 'AeonikTRIAL-Regular', sans-serif;
  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);
}




.amounts-container{
  padding: 0 !important;
}



.tik-amount,
.tik-open-spot {
  /*border: 1px solid #88C9E9;*/
  /* padding: 0 5px 5px 5px; */
  /*border-radius: 5px;*/
  /* overflow: auto; */
  margin-top: 5px;
  /* margin: 0px 0 3px; */
  /*background-color: #171d26;*/
}


.tik-open-spot {
  overflow: auto;
}

.tik-amount p {
  display: block;
  text-align: center;
  margin: 3px auto 5px auto;

}

.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 {
  float: left;
  width: 47.3%;
}

.buypoints .title {
  float: left;
  width: 48%;
}

.buypoints .buypoints-dropdown {
  width: 46%;
}

.buypoints .title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #fff;
  line-height: 1;
  font-family: 'AeonikTRIAL-Bold', sans-serif;
  letter-spacing: -0.7px;
}

.tik-win-amount,
.buypoints .buypoints-dropdown {
  float: right;
  /* margin-bottom: 5px; */
}

.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-amount .buypoints .roundRobin select,
.tik-amount .buypoints .roundRobin input {
  font-size: 11px !important;
  padding: 0px 5px;
  height: 3rem;

}

.tik-ifBet-amount {
  width: 15%;
  height: 30px;
  border: 1px solid transparent;
  border-radius: 9px;
  align-items: center;
  display: flex;
  justify-content: center;
  background: var(--bg-1000) !important;
  /* margin: 8px auto; */
  font-size: 16px;
  cursor: pointer;
  color: var(--font-1000);
  font-weight: 700;
  /* margin-top: 10px; */
  margin: 8px 0px 0px 0px
}

.tik-ifBet-amount:hover {}

.spread_points {
  margin: 0px 0px 7px 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: auto;
}

.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;
}

.tik-body-contest .tik-amount{
    content:"";
    display:table;
    clear:both;
    width: 100%;
    padding-top: 10px;
}

.confirmed .tik-amount::after{
    content:"";
    display:table;
    clear:both;
}

.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: 14px;
  display: block;
}

.tik-risk-amount span:last-of-type,
.tik-win-amount span:last-of-type {
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 700;
  font-family: 'AeonikTRIAL-Bold', sans-serif;
  margin-left: 2px;
}

.betslip .wi-change {
  padding: 3px;
  padding: 0px;
  border-radius: 2px;
  border: 1px solid var(--secondary-color);
}

.betslip .wi-change .tik-body {
  background-color: var(--betslip-bg-color);
  /* color: white; */
  /* animation: blink 1s linear infinite; */

}
@keyframes pulse-2 {
  0% {
      transform: scale(1);
  }

  50% {
      transform: scale(1.1);
      /* Un efecto más sutil con un 5% de aumento */
  }

  100% {
      transform: scale(1);
  }
}
.wi-change-warning span{
  color: #EEDB50;
  font-weight: 700;
  font-size: 12px;
}
.wi-change-warning-img{
  animation: pulse-2 1s infinite ease-in-out;
}
.betslip .wi-change .tik-head{
  background-color: var(--secondary-color);
}
.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: var(--betslip-bg-color);
  color: white;
}

.betslip .wi-not-available .msg {
  border: 2px solid var(--circledBorderColor) !important;
  background-color:var(--circleBackgroundColor);
  text-align: center;
  font-weight: bold;
  padding: 5px;
  border-radius: 2px;
  margin: 3px 0;
}

.betslip .alert-success {
  background: rgb(from var(--green2) r g b / 0.5) !important;
  border: 1.5px solid var(--green2) !important;
  margin: 10px 0 0 0;
  padding: 12px 0;
  border: 0;
  border-radius: 12px;
}

.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: 20px;
  color: var(--white);
  /* background-color: var(--green1); */
  margin: 0 16px;
  font-weight: bold;
}

.betslip .confirmed {

  padding: 3px;
  padding: 0px;
  border-radius: 12px;
}

.betslip .confirmed .tik-head {
  color: var(--white);
  background: rgb(from var(--green2) r g b / 0.5) !important;
  border: 1.5px solid var(--green2) !important;
  border-bottom: 0px solid #fff;
}

.betslip .confirmed .tik-body {
  background: var(--green6);
  color: var(--font-1000);
}

.betslip .confirmed .pitcher label {
  color: var(--text2);
  font-weight: normal;
}

.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;*/
  border-radius: 4px;
}


.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 .freeplay label {
  float: left;
  margin-left: 20px;
}

.ticket-total-bet .freeplay label span {
  font-family: 'AeonikTRIAL-Bold', sans-serif;
  color: var(--main-font-color);
  font-size: 1.3rem;
  font-weight: 700;
  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: -25px 0 0 -21px;
}

.ticket-total-bet .autoacceptchang {
  height: 20px;
  /* padding: 15px 0; */
  display: flex;
  align-items: center;
  margin-top: 15px;
  width: 100%;
}

.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: 700;
  display: block;
  font-family: 'AeonikTRIAL-Bold', sans-serif;
  line-height: 1.4em;
  font-size: 1.3rem;
}

@media screen and (max-width: 992px) {
  .ticket-total-bet .autoacceptchang label span {
    font-size: 1.3rem;
  }
}

.ticket-total-bet .autoacceptchang input[type="checkbox"]+label::after {
  float: left;
  margin: -19.5px 0 0 -26px;
}

.ticket-total-bet .total-numbers {
  overflow: auto;
  padding: 6px 0;
  /* border-bottom: 1px solid var(--betslip-bg-color);  */
  /* border: 1px solid var(--primary-color); */
  display: flex;

}

.betslip .confirmed-total .to-win-bs .value {
  color: var(--green2);
}

.to-win-bs .value{
  text-transform: uppercase !important;
  color: var(--secondary-color) !important;
  font-size: 2.1rem !important;
  font-weight: 700;
  font-family: 'AeonikTRIAL-Bold', sans-serif;
}

.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 {
  font-size: 14px;
  text-align: center;
  font-family: 'AeonikTRIAL-Bold', sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
}

.ticket-total-bet .tik-amount {
  margin: 8px 0px 0px 0px;
  background-color: var(--betslip-bg-color);
  border: solid 1px var(--betslip-bg-color);
  padding: 10px;
}

.ticket-total-bet .tik-amount p {
  /* font-size: 1.2em; */
  font-size: 14px;
  color: var(--primary-color);

}

.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(--bg-place-bet-btn);
  color: var(--font-1000);
  letter-spacing: 0.05em;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 10px;
  font-family: 'AeonikTRIAL-Bold', sans-serif;
  height: 31px;
  line-height: 1;
}

.modal-footer button {
  width: 100%;
  margin-top: 10px !important;
  letter-spacing: 0.05em;
}

.modal-footer .btn-cancelbet {
  color: #fff;
  background-color: transparent;
  border-radius: 10px;
  border: 1px solid #FFF;
  font-size: 1.5rem;
  font-weight: 700;
  height: 42px;
}

.modal-footer .btn-placebet {
  background: var(--bg-place-bet-btn);
  color: var(--font-1000);
  font-size: 1.5rem;
  font-weight: 600;
  border-radius: 10px;
  height: 43px;
  text-transform: uppercase;
  font-family: 'AeonikTRIAL-Bold';
  margin: auto;
  margin-top: 10px!important;
  max-width: 200px;
}



.modal-footer .btn-disabled {
  cursor: not-allowed;
  opacity: 0.50;
}




/* #settingsMenu */
#settingsMenu input,
#settingsMenu button,
#settingsMenu textarea,
#settingsMenu select {

  -webkit-transform: translate3d(0, 0, 0);
  border-radius: 10px;
  font-weight: 300;
  margin-bottom: 10px;
  font-size: 1.2rem !important;
  background-color: transparent;
  color: var(--white);
  font-size: 1.2rem;
  border: 1px solid #646a6e;
  padding: 0px 10px;
  letter-spacing: 1.6px;
}

#settingsMenu .updatePassword {
  background: var(--bg-1000);
  color: var(--font-1000);
  font-weight: 700;
  padding: 10px 20px;
}
#settingsMenu .updatePassword:hover {
  background: var(--secondary-color);
  color: var(--white);
}

.modal-open .multiple-factor {
  background: var(--secondary-color);
}
/* fix modal inputs */
.modal-open input,
.modal-open button,
.modal-open textarea,
.modal-open select,
.page-content-wrapper-mob button,
.page-content-wrapper-mob textarea,
.page-content-wrapper-mob select{

  -webkit-transform: translate3d(0, 0, 0);
  border-radius: 4px;
  font-weight: 700;
}
@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;
  }

  .tik-body {
      font-size: 14px;
  }

  .buypoints {
    overflow: auto;
    margin-top: 7px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  /*.tik-amount, .tik-open-spot {
      border: none;
      padding: 0;
      margin: 7px 0 3px;
      background: none;
  }*/
  .ticket-total-bet .total-numbers .title {
      font-size: 1em;
  }

  h2.line_title a.cancelselection {
      text-align: right;
      float: right;
      padding: 0 0 0 10px;
  }

  .ticket h2 {
      display: block;
      margin: 20px 0 10px 0;
  }

  .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;
      border: 0;
      border-radius: 5px;
      width: 100%;
      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;
      padding: 10px 30px;
  }

  .betslip .confirmed {
      /* background: var(--green2); */
      border: none;
      /* width: 80%; */
  }

  .betslip .confirmed .tik-head {

      font-size: 16px;
  }

  

  .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 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: 'AeonikTRIAL-Regular', sans-serif;
  }

  .tik-body .pitcher label {
      color: var(--text2);
      display: inline-block;
      font-size: 0.9em;
      font-weight: normal;
      margin: 0px 0px 15px 0px;
  }

  .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;
}
#errorMessage .tik-head {
  background: var(--error-bg-color);

}
.tik-msg-err .tik-head,
.tik-msg-err .tik-body {
  background-color: var(--error-bg-color);
  color: #fff;
  border: 0;
}

.tik-msg-err .tik-head span {
  font-size: 11px;
  text-transform: uppercase;
  font-weight: bold;
  color: #ffff;
}

.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;
  color: var(--error-borde-color) !important;
  display: block;
}

.pos-relative {
  position: relative;
}

.btn-remove {
  width: 100%;
  margin-top: 13px;
  color: #FFF;
  padding: 6px 0;
  font-size: 1.5rem;
  background-color: transparent;
  border: 1px solid #6C6C6C;
  border-radius: 10px;
  font-weight: 700;
  font-family: 'AeonikTRIAL-Bold', sans-serif;
  max-width: 284px;
  height: 31px;
  line-height: 1;
}

.btn-remove:hover,
.btn-remove:focus,
.btn-remove:active,
.btn-remove.active {
  color: var(--font-1000);
  background: var(--gradient-primary-color);
}

.btn-print-ticket {
  width: 100%;
  background: transparent !important;
  color: white;
  border: 1.5px solid #393939 !important;
  border-radius: 6px !important;
  margin-top: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  border-radius: 10px !important;
}
.btn-print-ticket:hover {
  background: var(--secondary-color) !important;
}
.btn-print-ticket span:after{
  background: url(/sports/assets_core/img/betslip-svg/imprimir.svg) no-repeat;
  content: "";
  display: block;
  background-size: contain;
  width: 16px;
  height: 16px;
  float: left;
  margin-right: 5px;
  margin-top: 2px;
}

.btn-openbets {
  width: 100%;
  margin-top: 8px;
  background: var(--secondary-color);
  border: 1px solid var(--secondary-color);
  color: var(--font-1000);
  text-transform: uppercase;
  /* padding: 6px 0; */
  font-size: 14px;
  font-weight: 700;
  border-radius: 4px;
  border-radius: 10px;
  font-family: 'AeonikTRIAL-Bold', sans-serif;
}

.btn-openbets:hover,
.btn-openbets:focus,
.btn-openbets:active,
.btn-openbets.active {
  background: var(--gradient-primary-color);
  border-color: var(--primary-color) !important;
  color: var(--white);
}

.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-head {
      padding: 8px;
      color: #181818;
      font-size: 2em !important;
  }

  .tik-msg-err .tik-head span {
      font-size: 14px;
      color: #fff;
  }
}

/* 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: 0px!important;
  right: 0;
  bottom: 0px!important;
  left: 0;
  box-shadow: none;
  background-color: var(--content-bg-color) !important;
}

.modal-bs .modal-body {
  position: absolute;
  top: 51px;
  overflow: auto;
  bottom: 100px;
  padding-top: 0!important;
  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;
  font-size: 12px;
}

.modal-bs .modal-footer {
  position: absolute;
  right: 0;
  bottom: 70px;
  left: 0;
  border-top: 1px solid transparent;
  background:var(--font-1000);
}

.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: calc(100 * var(--vh) - 0px);
  /*importante por el cashier en mobile*/
}

.iframe-container {
  position: relative;
}

.menu_img {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
}
.menu_Sports {
  background: url("/sports/assets_core/img/default_Sports.svg") no-repeat center;
}
/* new icons mnenu */
.menu_Sportsbook{
  background: url("/sports/assets_core/img/icons-menu/sportsbook.svg") no-repeat center !important;

}
.menu_Casino {
  background: url("/sports/assets_core/img/icons-menu/casino.svg") no-repeat center;
  background-size: cover;
}
.menu_CasinoDealer {
  background: url("/sports/assets_core/img/icons-menu/casino-dealer.svg") no-repeat center;
  background-size: cover;
}
.menu_MoreComming {
  background: url("/sports/assets_core/img/icons-menu/morecomming.svg") no-repeat center;
  background-size: cover;
}
.menu_VirtualCasino {
  background: url("/sports/assets_core/img/icons-menu/virtualCasino.svg") no-repeat center;
  background-size: cover;
}
.menu_LiveCasino {
  background: url("/sports/assets_core/img/icons-menu/livecasino.svg") no-repeat center;
}
.menu_Cashier {
  background: url("/sports/assets_core/img/icons-menu/cashier.svg") no-repeat center;
}
.menu_CashierTAGX{
  background: url("/sports/assets_core/img/icons-menu/cashierTAGX.svg") no-repeat center;
}
.menu_Racebook{
  background: url("/sports/assets_core/img/icons-menu/racebook.svg") no-repeat center;
}
.menu_Poker {
  background: url("/sports/assets_core/img/icons-menu/poker.svg") no-repeat center;
}
.menu_LiveBetting {
  background: url("/sports/assets_core/img/icons-menu/liveBetting.svg") no-repeat center;
}
.menu_PropBuilder {
  background: url("/sports/assets_core/img/icons-menu/propBuilder.svg") no-repeat center;
}

.menu_Lottery {
  background: url("/sports/assets_core/img/icons-menu/lottery.svg") no-repeat center;
}
.menu_VirtualSports {
  background: url("/sports/assets_core/img/icons-menu/virtualSports.svg") no-repeat center;
}

.menu_PropBuilder {
  background: url("/sports/assets_core/img/icons-menu/propBuilder.svg") no-repeat center;
}

/* end */



.header-menu nav ul li:hover .menu_Sports,
.header-menu nav ul li.active .menu_Sports {
  background: url("/sports/assets_core/img/Sports.svg") no-repeat center;
}

.menu_Lotto {
  background: url("/sports/assets_core/img/default_lotto.svg") no-repeat center;
}

.header-menu nav ul li:hover .menu_Lotto,
.header-menu nav ul li.active .menu_Lotto {
  background: url("/sports/assets_core/img/lotto.svg") no-repeat center;
}




.header-menu nav ul li:hover .menu_Casino,
.header-menu nav ul li.active .menu_Casino {
  background: url("/sports/assets_core/img/Casino.svg") no-repeat center;
}


.menu_scores {
  background: url("/sports/assets_core/img/default_scores.svg") no-repeat center;
}

.header-menu nav ul li:hover .menu_scores,
.header-menu nav ul li.active .menu_scores {
  background: url("/sports/assets_core/img/scores.svg") no-repeat center;
}

.menu_Live {
  background: url("/sports/assets_core/img/default_Live.svg") no-repeat center;
}

.header-menu nav ul li:hover .menu_Live,
.header-menu nav ul li.active .menu_Live {
  background: url("/sports/assets_core/img/Live.svg") no-repeat center;
}


.menu_Horses {
  background: url("/sports/assets_core/img/default_Horses.svg") no-repeat center;
}

.menu_CockFight {
  background: url("/sports/assets_core/img/default_CockFight.svg") no-repeat center;
}

.header-menu nav ul li:hover .menu_Horses,
.header-menu nav ul li.active .menu_Horses {
  background: url("/sports/assets_core/img/Horses.svg") no-repeat center;
}

.menu_cashier {
  background: url("/sports/assets_core/img/default_Cashier.svg") no-repeat center;
}

.header-menu nav ul li:hover .menu_cashier,
.header-menu nav ul li.active .menu_cashier {
  background: url("/sports/assets_core/img/Cashier.svg") no-repeat center;
}


.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: 50px;
  /* background-color: var(--header-mobile-bg); */
  text-align: right;
  padding: 6px 10px 0 0;
  z-index: 500;
}

.foo_continue{
  bottom: 80px;
  padding: 6px 9px 0 9px;
}

.foo_options {
  border-top: 1px solid #CCC;
  background-color: #242425;
}

.foo_options a {
  color: #999;
  font: 1em/1.4 ;
  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;
  margin-right: 0px;
}

.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);
  display: none;
}

@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;
  bottom: 85px !important;


}

/* 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; */
  /* width: 100%; */
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.sb-expanded #navbar_account {
  display: none;
}

@media (min-width: 520px) {
  .sb-expanded #mobile_login {
      margin-left: 260px;
  }
}

#mobile_login {
  padding: 107px 5% 115px 5%;
  clear: both;
}
#mobile_login .title{
  color: var(--middle-font-color);
  font-size: 20px;
  text-align: center;
  padding-bottom: 20px;
}

/* 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: 5px;
  height: 1px;
}

/* 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;
}

.form-control {
  font-size: 1.2rem !important;
  background-color: var(--input-bg-color10);
  color: var(--white);
  font-size: 1.2rem;
  border: 1px solid var(--border-100);
  border-radius: 10px;
}

#reportrange {
  background: transparent;
  color: var(--white);
  cursor: pointer;
  font-size: 1.2rem;
  padding: 7px 0;
  width: 100%;
  border: 2px solid var(--border-100);
  border-radius: 10px;

}

#inputPassword1 {
  /* font-size: 16px !important; */
}

#inputPassword2 {
  font-size: 16px;
}



.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;
  }
  #reportrange {
      margin-top: 10px;
  }
}

@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 ;
  }

  .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;
  padding-bottom: 80px;
}

.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: white;
}

.bottom-ft p {
  font-size: 12px;
  text-align: center;
  margin-top: 20px;
  color: var(--white);
}

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(--betslip-bg-prev) !important;
  padding: 30px 30px;
  text-align: center;
  /*box-shadow: 0px 0px 20px #000;*/
  margin-top: 10px;
}

.sd-rw-1 h6 {
  color: var(--text2) !important;
  font-size: 14px;
  font-weight: bold ;
}

.sd-rw-1 p {
  color: var(--text2) !important;
  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: 'AeonikTRIAL-Regular', sans-serif;
}

.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: 'AeonikTRIAL-Regular', sans-serif;
  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: 'AeonikTRIAL-Regular', sans-serif;
}

.sec-1 h6.text {
  color: #fff;
  font-size: 26px;
  margin: 15px 0;
      font-family: 'AeonikTRIAL-Regular', sans-serif;
}

.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 {
  width: 97%;
  position: relative;
  margin: auto;
  background: #1c1d2a;
}

#navbar_mobile_info.search_expanded #searchResult.hasItems {
  height: 280px;
}

.btn-close-search{
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--secondary-color);
  color: white;
  margin: 5px 5px;
  border-radius: 4px;
  font-weight: 700;
  padding: 4px 6px !important;

}

#mobilesearch a{
  padding: 6px;
}

#searchResult {
  list-style: none;
  padding: 0px;
  width: 300px;
  position: absolute;
  margin-top: 44px;
  margin-left: 10px;
  overflow-y: auto;
  background: var(--seach-panel-bg);
  font: normal 0.8em/1 ;
  border-radius: 8px;
  /* border: 1.5px solid var(--seach-panel-border-color); */
      height: calc(100 * var(--vh) - 138px);
    overflow: auto;
}

#searchResult li {
  padding: 5px;
  cursor: pointer;
}



#searchResult .row {
  padding: 5px;
}

.page-content-wrapper-mob #searchResult .row.search-row-title{
  color: var(--primary-color);
  display: flex;
  justify-content: center;
  width: 26%;
}



#searchResult .row.search-row-title {
  /* color: var(--text2); */
  padding: 2px;
  font-weight: bold;
  font-size: 15px;

}

#searchResult .row.search-row-details {
  /* color: var(--text2); */
  font-weight: 500;
}

.page-content-wrapper-mob #searchResult .row.search-row-details{
  color:var(--text2);
  display: flex !important;
  justify-content: center;
  align-items: center;
  flex-direction: column-reverse;
}

.page-content-wrapper-mob #searchResult .row.search-row-details div {
  margin-bottom: 5px;
  font-size: 11px;
}

/* #searchResult .row.search-row-details:hover {
  color: var(--secondary-color);
  font-weight: 700;
  background-color: #ddebfd;
} */

.page-content-wrapper-mob #searchResult .row.search-row-details:hover {
  color: inherit;
}

#searchResult .game-item:nth-child(1){
    padding-top:10px;
}

#searchResult .game-item:hover{
  background: var(--gradient-secondary-color);
  color:var(--font-1000);
}


/* #searchResult .row.search-row-details:hover {
  color: var(--white);
  background: var(--gradient-secondary-color);

  
} */





.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(--secondary-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;
}

.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 .freeplay,
.ticket-total-bet {
  margin: auto;
  display: inline-block;
}

.iframeMobile-container iframe {
  left: 0;
}

.modal-bs {
  z-index: 1000001 !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: 0px;
}

.btn-sidebar-continue {
  position: fixed;
  bottom: 0;
  right: 10px;
  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(--secondary-color);
  border-radius: 16px !important;
  color: var(--white);
  font-weight: 700;
}

.btn-continue {
  background: var(--bg-1000);
  border-radius: 10px !important;
  color: var(--font-1000);
  font-weight: 700;
  border-radius: 10px;
  border: 1px solid transparent;
  width: 100%;
  padding: 10px;
  font-size: 1.5rem;
  font-family: 'AeonikTRIAL-Bold', sans-serif;
  text-transform: uppercase;
}


.graded-data {
  padding: 10px 5px;
}

.offering-button {
  padding-left: 4px;
  padding-right: 4px;
}



.sportIcon {
  margin-left: 0 !important;
}

.checkbox-custom {
  display: flex;
}

.checkbox-custom span {
      font-family: 'AeonikTRIAL-Regular', sans-serif;
  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 {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}



.betslip .preset-amounts input {
  background: var(--betslip-preset-amounts-inputs) !important;
  color: white;
  border-radius: 10px;
  font-size: 12px;
  flex: 1 1 ;
  font-weight: 700;
}

.betslip .preset-amounts input[type="button"]:nth-child(2) {
  margin: 0px 14px;
}

.betslip .preset-amounts input[type="button"]:last-child {
  flex-basis: 100%;
  margin-top: 2px;
  background: var(--secondary-color) !important;
  margin-top: 14px;
  margin-left: 0px;
  margin-right: 0px;
  height: 31px;
  color: #15071d;
  font-family: 'AeonikTRIAL-Bold', sans-serif;
}

.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;
}

button.close{
  color: var(--secondary-color) !important;
  opacity: 1.0;
  text-shadow: 0 1px transparent !important;

}

.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: var(--white)
}

.modal-bs .betslip.extended .ticket .tik-head {
  color: var(--white);
}

.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: var(--text2) !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;
}

.title-wage-type-bs {
  font-weight: 700;
}

.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: auto;
  background-color: var(--sidebar-bgcolor);
}

.teasersInfo .teasersInfo{
  border:1px solid var(--secondary-color);
}

.teasersInfo {
  font-size: 11px;
  text-align: center;
  border-radius: 4px;
  background-color: var(--sidebar-bgcolor);
  color: var(--text2);
  /*border:1px solid var(--primary-color);*/
}

.teasersInfo .row.row_headers {
  background-color: #686A6B;
  color: white;
  padding: 4px;
}

.teaserSelectedInfo {
  padding: 8px;
  /* background:var(--betslip-bg-color); */
  color: var(--text2);
  font-weight: bold;
}

.teasers-options {
  width: 100% !important;
  background-color: var(--sidebar-bgcolor);
}

.teaser-list-container a.teaserName {
  color: var(--text2);
  border: 1px solid var(--secondary-color);
  border-radius: 18px;
  padding: 5px 10px;
  min-width: 175px;
}

.teaser-list-container ._row {
  font-size: 12px;
  color: var(--text2);
  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: var(--text2)
}

/* .tab-content {
  width: 100%;
} */

.wtype .menuMobileSubItem {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  border: 1px solid var(--secondary-color);
  font-weight: 700;
}

.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); */
  /* border: 1px solid var(--circleBackgroundColor); */
  border-left: 8px solid var(--circleBackgroundColor);
  border-radius: 20px;
}

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); */
}


/*.alternateLinesCountWrapper{*/
/*    min-width: 40px;*/
/*}*/
.btn-more-markets{
  border-radius: 4px;
  padding: 2px;
  /* border: 1px solid white; */
  font-size: 10px;
  min-width: 28px;
  margin: 4px;
  color: white;
  background: var(--more-markets-btn-bg);
  font-weight: 700;
}

.gameCircleMark {
  background-color: var(--circleBackgroundColor);
  color: var(--text2) !important;
  border-radius: 3px;
  display: none;
}

@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%;
}

.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;
}



.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: 12px;
  /* background-color: var(--primary-color); */
  background: none;
  align-items: center;
  display: flex;
  justify-content: center;
  border: 1px solid #FFFFFF33;
}

.btn-toggle-alternates span {
  color: white;
}

.alternateLineText {
  color: var(--primary-color) !important;
  font-size: 10px;
  padding: 5px 6px;
  font-weight: bold !important;
}

.alternates-content .column-content2-alternetes-second-template.active,
.alternates-content .column-1-alternetes.active,
.alternates-content .column-2-alternetes.active
{
  color: white !important;
  background-color: var(--secondary-color)!important;
  border: 1px solid var(--secondary-color)!important;
}
.alternates-content .column-content2-alternetes-second-template.active .btn-offering,
.alternates-content .column-1-alternetes.active .btn-offering,
.alternates-content .column-2-alternetes.active .btn-offering
{
  /* background-color: var(--secondary-color)!important; */
  /* color: var(--white); */
}
.alternates-content .column-content2-alternetes-second-template:hover .btn-offering,
.alternates-content .column-1-alternetes:hover .btn-offering,
.alternates-content .column-2-alternetes:hover .btn-offering
{
  /* background-color: var(--secondary-color);
  color: var(--white); */
}

.alternates-content .column-content2-alternetes-second-template{
  color: var(--text2);
}



@media only screen and (min-width: 992px) {
  .alternates-content .column-content2-alternetes-second-template:hover,
  .alternates-content .column-1-alternetes:hover,
  .alternates-content .column-2-alternetes:hover
  {
      background: var(--secondary-color);
      border: none;
      color: var(--white);
  }
}

@media only screen and (max-width: 992px) {
  .gameLineInfo.childGameLineInfo {
      background-color: var(--betslip-bg-color) !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;
}

.highlighted-note .game_line_comments {
  color: #ADFF2F;
}

.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: var(--middle-page-bg-color);
  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: 0px;
  }

}


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: var(--sidebar-bgcolor) !important;
}

.bg-black {
  background-color: black !important;
}

.bg-light-gray {
  background-color: var(--sidebar-bgcolor) !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: var(--gray4) !important;
  border-bottom: 1px solid #b3b3b3 !important;
  padding: 13px 14px !important;
}

.panel-heading.sportType span {
  color: var(--text2) !important;
}

.mob_period_wrapper .period {
  padding: 10px 5px 10px 5px;

}
.overflow-x{
  overflow-x: auto;
  scroll-behavior: smooth;
}

.mob_period_wrapper .btn-period {
  background: var(--betslip-bg-color);
  color: var(--main-font-color) !important;
  border-bottom: none !important;
  border-radius: 20px;
  padding: 5px 6px;
  text-align: center;
}


.contests:first-of-type {
  margin-top: 0;
  padding: 10px;
}





.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; */
  /* background-color: var(--betslip-bg-color); */
  border-radius: 5px;
}

.line_titles,
.line_titles_column {
  padding: 6px;
}

.btn_teamTotals {
  background: var(--betslip-bg-color);
  color: var(--main-font-color) !important;
  border-bottom: none !important;
  border-radius: 10px;
  padding: 5px 6px;
  font-size: 0.8rem;
  font-weight: 700;
  text-align: center;
}
.btn_teamTotals:hover{
  background: var(--secondary-color);
  color: var(--white);
}

/**/

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-black {
  background-color: black !important;
}


.bg-success {
  background-color: var(--primary-color) !important;
  color: white;
}

.bg-warning {
  background-color: #eef549 !important;
}

.text-white {
  color: var(--text2);
}

.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: var(--white) !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(--gray4) !important;
}

.parlay-selections {
  background: var(--parlay-selections-bg);
  color: var(--white);
  margin: 6px 0px 6px 0px;
  font-weight: 700;
  padding: 5px 12px 5px 12px !important;
  border-radius: 10px !important;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 17px;
  height: 35px;
}

.parlay-selections .parley-icon {
  color: var(--white);
}


.parlay-selections:hover {
  background: var(--secondary-color);
  color: var(--font-1000);

}

.parlay-selections:hover .parley-icon {
  color: var(--font-1000);
}



.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);
}


/* .header-wrapper-guess-style {
  margin-bottom: 28px;
} */

.header-guess-style {
  height: 76px !important;
}

.d-none {
  display: none;
}

.privacity-text-footer:focus {
  color: #f32e3a !important;
}

.privacity-text-footer:hover {
  color: #f32e3a !important;
}

/* JoinWrapp start  */


.JoinWrapp .modal-dialog {
  max-width: 940px;
}

.JoinWrapp .modal-content {
  border: 0;
}

.JoinWrapp .modal-content .modal-header {
  padding: 0;
  position: absolute;
  right: 15px;
  top: 15px;
}

.JoinWrapp .modal-content .modal-header button {
  z-index: 9;
}

.WrappCity {
  position: relative;
}

.WrappCity::after {
  position: absolute;
  content: "";
  right: 20px;
  top: 14px;
  width: 20px;
  height: 20px;
  background-image: url(../img/img_new/arrowDown.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.JoinWrapp {
  /* padding: 36px 0 75px 0; */
  background: var(--join-bg-wrapper);
  color: #fff;
}

.JoinWrapp .row .col-lg-6:first-child {
  width: 46%;
}

.JoinWrapp .row .col-lg-6:last-child {
  width: 54%;
}

.JoinWrapp .itemLeft {
  position: relative;
}

.JoinWrapp .itemLeft img.joinImg {}

.JoinWrapp .itemLeft .box {}

.JoinWrapp .itemLeft .box img {
  position: absolute;
  top: 44px;
  left: 34px;
  display: none;
}

.JoinWrapp .itemLeft .box ul {
  position: absolute;
  bottom: 58px;
  left: 44px;
}

.JoinWrapp .itemLeft .box ul li {
  font: normal 0.94em/1 ;
  color: var(--white);
  text-align: left;
}

.JoinWrapp .itemRight {
  padding-top: 30px;
  padding-right: 5%;
  padding-left: 5%;
}

.JoinWrapp .itemRight .WelcomeText {}

.JoinWrapp .itemRight .WelcomeText h2 {
  font: normal 0.94em/1 ;
  color: var(--white);
  text-align: center;
  margin-bottom: 20px;
}

.JoinWrapp .itemRight .WelcomeText p {
  font: normal 0.94em/1 ;
  color: var(--white);
  text-align: center;
  margin-bottom: 27px;
}

.JoinWrapp .itemRight .stepWrapp {
  background: var(--sidebar-bgcolor) 0% 0% no-repeat padding-box;
  border-radius: 3px;
  height: 7px;
  width: 100%;
  position: relative;
  margin-bottom: 27px;
}

.JoinWrapp .itemRight .stepWrapp .stepInner {
  height: 100%;
  width: 30%;
  background: #0d6efd;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 3px;
}

.JoinWrapp form {
  padding-bottom: 30px;
}

.JoinWrapp form input::placeholder {
  color: #8a8a8c;
}

.JoinWrapp form select:focus,
.JoinWrapp form input:focus {
  box-shadow: none;
  border-color: #0d6efd !important;
}

.JoinWrapp form .inputItem input {}

.JoinWrapp form select,
.JoinWrapp form .passwordWrapp input,
.JoinWrapp form .inputNumberItem input,
.JoinWrapp form .inputPhoneItem input,
.JoinWrapp form .inputItem input {
  background: var(--betslip-bg-color) 0% 0% no-repeat padding-box;
  padding: 12px 14px;
  border-radius: 5px;
  font: normal 0.7em/1  !important;
  color: var(--main-font-color);
  text-align: left;
  border-color: transparent;
  margin-bottom: 13px;
  font-size: 14px;
}

.JoinWrapp form .passwordWrapp {
  margin-top: 0;
  position: relative;
  margin-bottom: 0;
}

.JoinWrapp form .iti__country-list {
  box-shadow: 1px 1px 4px rgb(16 16 16);
  background-color: #101010;
  border: 1px solid #ff0004;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  color: var(--text2) !important;
}

.iti__flag-box,
.iti__country-name {
  color: var(--white) !important;
}

.iti-mobile .iti__country {
  color: var(--text2);
}

.JoinWrapp form .inputPhoneItem {
  margin-bottom: 13px;
}

.JoinWrapp form .inputPhoneItem input {
  padding-left: 91px !important;
  width: 100%;
}

.JoinWrapp form .selectItem {}

.JoinWrapp form .selectItem select {
  padding-left: 9px !important;
  color: white;
}

.JoinWrapp form .inputNumberItem {}

.JoinWrapp form .inputNumberItem label {
  font: normal 0.94em/1 ;
  color: var(--white);
  text-align: left;
  margin-bottom: 9px;
  font-size: 14px;
}

.JoinWrapp form .inputNumberItem input {}

.JoinWrapp form .inputNumberItem {}

.JoinWrapp form .inputNumberItem input {}

.JoinWrapp form .inputNumberItem span {}

.JoinWrapp form .form-check {
  margin-bottom: 10px;
}

.JoinWrapp form .form-check input {}

.JoinWrapp form .form-check label {
  font: normal 0.7em/1 ;
  color: var(--white);
}

.JoinWrapp form .form-check label a {
  color: var(--white);
  display: inline;
}

.JoinWrapp form .form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.JoinWrapp form .buttonWrapp {
  margin-top: 25px;
}

.JoinWrapp form .buttonWrapp button {
  background: var(--primary-color) 0% 0% no-repeat padding-box;
  border: 0;
  border-radius: 5px;
  padding: 11px;
  display: block;
  width: 100%;
  font: normal 0.94em/1 ;
  color: var(--white);
  text-align: center;
  font-weight: 700;
  transition: all 1s ease;
}

.JoinWrapp form .buttonWrapp button:hover {
  background-color: #d0202a;
  transition: all 1s ease;
}

.JoinWrapp form .buttonWrapp p {
  font: normal 0.94em/1 ;
  color: var(--white);
  text-align: center;
  margin-bottom: 0;
  margin-top: 21px;
}

.JoinWrapp form .buttonWrapp p a {
  color: var(--secondary-color);
  border: 1px solid var(--secondary-color);
  padding: 5px 13px;
  border-radius: 9px;
  font-weight: 700;
}

.JoinWrapp form .footerForm {
  margin-top: 40px;
}

.JoinWrapp form .footerForm .item {
  margin: 0 8px;
  align-self: center;
}

.JoinWrapp form .footerForm .item .imgBox {
  background: var(--sidebar-bgcolor) 0% 0% no-repeat padding-box;
  background: #1E1E1E 0% 0% no-repeat padding-box;
  border-radius: 5px;
  text-align: center;
  padding: 12px 15px;
  width: 48px;
  height: 48px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 6px;
}

.JoinWrapp form .footerForm .item .imgBox img {}

.JoinWrapp form .footerForm .item p {
  font: normal 0.94em/1 ;
  color: var(--middle-font-color);
  text-align: center;
  margin-bottom: 0;
}

.JoinWrapp form .footerForm .arrowRgiht {
  margin-top: 12px;
}

.JoinWrapp form .footerForm .arrowRgiht img {}

/* Chrome, Safari, Edge, Opera */
.JoinWrapp input::-webkit-outer-spin-button,
.JoinWrapp input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.JoinWrapp input[type=number] {
  -moz-appearance: textfield;
}
.JoinWrapp .form-check-input {
  display: inline-block !important;
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0,0,0,.25);
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  print-color-adjust: exact;
}

/* JoinWrapp end */
/* sign up modal end */
.sign-up-modal .modal-content {
  border-radius: 2px !important;
  background-color: var(--middle-page-bg-color);
}
.btn-signup-go {
  -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(--white);
  border: 1px solid white!important;
  border-radius: 10px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  margin-right: 6px;
  padding: 4px 8px !important;
  display: flex;
  align-items: center;
}
/* sign up modal end */
#mobile_login .form-control {
  color: var(--middle-font-color) !important;
  background-color: var(--input-bg-color10) !important;
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-transition: none !important;
}

.sign-up-modal .closeBTN {
  position: relative !important;
  right: 13px !important;
  top: 13px !important;
  color: white !important;
  opacity: 1 !important;
}

.d-none-coin {
  display: none !important;
}

.payout-animated-container {
  position: relative;
  left: 0;
  display: none;
}

.payout-animated-container, .deposit-animated-container {
  position: relative;
}

.max-height-demo-test-cashier {
  max-height: 392px !important;
}

.all-singles-amount {
  font-size: 12px;
  color: var(--text2);
  font-weight: 700;
  text-transform: capitalize;
}

@media screen and (max-width: 991px) {
  .all-singles-amount {
    font-size: 15px;
  }
}

.page-content-wrapper-mob .searchResultGame{
  /* background: #32333e; */
  display:flex;
  flex-direction: row;

}
.page-content-wrapper-mob #searchResult{
  background: var(--bg-search-result) !important;
  border: 1px solid #1a6ce875;
}
.page-content-wrapper-mob #searchResult li{
  padding: 1px;
}

.search_result_title{
  font-size: 11px;
  padding-left: 10px;
  font-weight: 600;
  color: dodgerblue;
}

.searchResultGame{
  cursor: pointer;
}

.searchResultGame:hover:active{
  background: var(--gradient-secondary-color);
  color: var(--white);
}

.btn-apply-up-betslip {
  background: var(--secondary-color) !important;
  color: var(--font-1000);
  border: 1px solid #666;
  border-radius: 8px !important;
  border-color: transparent !important;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 34px !important;
  margin-left: 12px;
  width: 69px !important;
  font-size: 10px;
  font-family: 'AeonikTRIAL-Bold', sans-serif;
}

.btn-apply-up-betslip:hover{
  background-color: var(--primary-color) !important;
  color: var(--font-1000);
}
.btn-apply-up-betslip:active {
  background-color: var(--primary-color) !important;
  color: var(--font-1000);
}
.btn-apply-up-betslip:focus {
  background-color: var(--primary-color) !important;
  color: var(--font-1000);
}


.digital-cash-input {
  background: #d6d6d6 0% 0% no-repeat padding-box;
  padding: 12px 14px;
  border-radius: 5px;
  font: normal 0.7em/1  !important;
  color: var(--middle-font-color);
  text-align: left;
  border-color: transparent;
  margin-bottom: 13px;
  width: 100%;
  height: 42px;
}
.title-cash-paragraph {
  font-size: 12px;
  text-align: center;
  margin-top: 13px;
  margin-bottom: 19px;
  color: #989494;
}
.alert-text {
  text-align: center;
  font-size: 13px;
  margin-top: 10px;
}
/*.mobile .mobile-side-sport-menu {*/
/*    margin-top: 33px !important;*/
/*}*/
.mobile .mobile-line-space {
  padding-bottom: 80px;
}

.cashier-credit-card-input {
  background: #d6d6d6 0% 0% no-repeat padding-box;
  padding: 12px 14px;
  border-radius: 5px;
  font: normal 0.7em/1  !important;
  color: var(--middle-font-color);
  text-align: left;
  border-color: transparent;
  width: 100%;
  height: 42px;
}
.digital-credit-btn {
  background: linear-gradient(to right, #F32E3A, #D20C18) no-repeat padding-box;
  border: 0;
  border-radius: 5px;
  padding: 11px;
  display: block;
  width: 100%;
  font: normal 0.94em/1 ;
  color: var(--middle-font-color);
  text-align: center;
  font-weight: 700;
  color: white;
  transition: all 1s ease;
}
.card-csv {
  max-width: 30px;
}
.card-type-container {
  min-width: 67px;
}
.card-type-container i{
  font-size: 33px;
}
.csv-input {
  width: 52px;
}
.date-input {
  max-width: 52px;
}
.year-input {
  max-width: 64px;
}
.input-card-title{
  padding: 4px 9px 0px 9px;
      font-family: 'AeonikTRIAL-Regular', sans-serif;
  font-size: 13px;
}
.amount-card{
  max-width: 177px;
}
.flex-1 {
  flex: 1;
}
.mobile-form .mobile-card-number-container {
  min-width: 100%;
  padding-right: 0px !important;
}
.mobile-form .mobile-card-number {
  min-width: 100%;
  padding-right: 0px !important;
}
.mobile-form .mobile-dob-container {
  display: block !important;
}
.mobile-form .mobile-d-flex-wrap {
  flex-wrap: wrap;
}
.mobile-form .mb-3 {
  margin-bottom: 0px !important;
}
.mobile-form .pr-3 {
  padding-right: 0px !important;
}
.mobile-form .digital-credit-btn {
  margin-top: 12px;
}
.mobile-form .amount-card,  .mobile-form .year-input{
  max-width: 100% !important;
}

.footer-menu li a{
  color: white;
  text-decoration: none !important;
  font-weight: 900;
}
.iti--separate-dial-code {
  width: 100%;
  color: var(--text2);
}
.logo-footer-container {
  max-width: 354px;
}
.logo-footer-container .logo-footer {
  max-height: 300px;
}
.logo-footer-container .logo-footer img{
  max-height: 50px;
}
.text-GBS {
  color: var(--text2);
  font-size: 13px;
      font-family: 'AeonikTRIAL-Regular', sans-serif;
  width: 65%;
  margin-top: 20px;
}
.legal-link-container {
  padding: 0px 30px;
}
.legal-link-container ul{
  list-style: none;
}
.legal-link-container ul li {
  padding-bottom: 8px;
}

.legal-link-container ul li a{
  color: var(--text2);
  font-weight: bold;
  font-size: 1.3rem;
}
.powered-container {
  padding: 0px 57px;
}
.border-bottom {
  border-bottom: 1px solid #4c4b4b;
  padding-bottom: 21px;
}
.copy-container {
  border-top: 1px solid #4c4b4b;
  padding: 10px 0px 40px 0px;
  width: 50%;
  text-align: center;
  margin-top: 40px
}
.main-footer-info-container {
  flex-wrap: wrap;
}

@media screen and (max-width: 1468px) {
  .logo-footer-container {
      flex-basis: 100%;
      max-width: 100% !important;
      text-align: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin-bottom: 36px;
  }
  .powered-container {
      padding: 0px;
  }
}
@media screen and (max-width: 481px) {
  .legal-link-container {
      width: 100%;
      text-align: center;
      margin-bottom: 54px;
  }
}


/* start cashier styles */
.main-cashier-container {
  background-color: #f4f4f4;
}

.aspx-cashier-page .main-cashier-container {
  background-color: #fff;
  height: 1500px !important;
}

.cashier-top-container {
  border-radius: 5px;
  background-color: #2e2f3b;
}

.cashier-top-container .deposit-icon {
  color: #fff;
  font-size: 19px;
}

.cashier-top-container .cashier-item.disabled .deposit-icon {
  color: #616372;
}

.cashier-top-container .cashier-item {
  transition: all 0.5s ease;
  border-radius: 5px;
  cursor: pointer;
}

.cashier-top-container .cashier-item:not(.disabled):hover {
  background-color: #383948;
}

.cashier-top-container .cashier-item:not(.disabled).selected-cashier-option {
  background-color: #383948;
}

.cashier-top-container .item-text {
  color: #fff;
}

.cashier-top-container .cashier-item.disabled .item-text {
  color: #616372;
}

.cashier-deposit-body-container .cashier-body-content {
  min-height: 600px;
  overflow-x: hidden;
}

.cashier-deposit-body-container .cashier-body-content .body-cashier-content-title {
  color: #BFBEC3;
  text-align: center;
  font-size: 19px;
  text-transform: uppercase;
  font-weight: 600;
  padding: 18px;
  background-color: #434250;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.deposit-container-main-content {
  width: 100%;
}

.deposit-options-container {
  background-color: #2f2e3b;
  padding: 0px 14px 20px 14px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  flex-wrap: wrap;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  margin-bottom: 14px;
}

.deposit-search-container {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  padding: 0px 10px;
  position: relative;
}


.deposit-next-container {
  /* background-color: #ffffff; */
  padding: 8px 15px 0px 0px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  justify-content: center;
  margin-bottom: 20px;
}

.deposit-next-container .next-btn-icon {
  font-size: 9px;
  top: 1px;
  left: 5px;
}

/* .deposit-next-container .deposit-next-btn {
  background-size: 200% auto;
  background-image: var(--primary-color, #b70e00) !important;
  background-color: #2399e5;
  padding: 12px 39px 12px 39px;
  border: none;
  width: 100%;
  transition: all 0.5s ease;
  color: #2f2e3b !important;
  border-radius: 5px;
  max-width: 152px;
  font-weight: bold;
} */

.deposit-next-container .deposit-next-btn:hover {
  background-position: right center;
}

/* no cambiar a variables porque el iframe no las entiende */
.deposit-footer-options-container .option-btn {
  background: var(--primary-color, #b70e00) !important;
  padding: 8px 10px 9px 10px;
  border-radius: 5px;
  font-size: 13px;
  border: none;
  margin: 0px 5px;
  color: #434250;
  font-weight: bold;
  /* transition: all 1s ease; */
  width: 66px;
}

.deposit-footer-options-container .option-btn:hover {
  background: var(--gradient-secondary-color, linear-gradient(to right, #1a6ce8, #5a99f8)) !important;
}

.custom-depost-bet {
  background-color: #434250;
  color: #2e2f3b;
  border: none;
  border-radius: 5px;
  padding: 8px 10px;
  color: #BFBEC4;
  font-weight: bold;
  width: 201px;
}

.custom-depost-bet::placeholder {
  color: #BFBEC4;
  font-weight: bold;
}

.deposit-options-container .deposit-option-item {
  padding: 20px 20px;
  background-color: #434250;
  border-radius: 5px;
  color: #BFBEC4;
  transition: all 0.5s ease;
  cursor: pointer;
  margin: 5px 5px 5px 5px;
  width: 181px;
  height: 70px;
}

.deposit-options-container .deposit-option-item.selected {
  background-color: #F3F2F3;
  color: #2f2e3b;
}

.deposit-options-container .deposit-option-item .deposit-option-icon {
  margin-right: 8px;
  margin-top: -3px;
}

.deposit-search-container .deposit-search-input {
  background-color: #434250;
  border: none;
  border-radius: 5px;
  padding: 9px 16px;
  color: #BFBEC4;
  font-weight: bold;
  width: 201px;
}

.deposit-search-container .deposit-search-input::placeholder {
  color: #BFBEC4;
  font-weight: bold;
}

.deposit-search-container .search-deposit-icon {
  position: absolute;
  right: 14px;
  color: #BFBEC4;
  top: 11px;
}

.form-control-search-input {
  position: relative;
  width: 201px;
}

.pay-depost-qr {
  background-color: #2F2E3B;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 20px 20px 20px 20px;
  width: 100%;
}

.qr-button {
  background-color: #434250;
  padding: 10px 20px 11px 20px;
  border: none;
  color: #BFBEC4;
  border-radius: 5px;
  width: 100%;
  transition: all 0.5s ease;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: bold;
}

.qr-button:hover {
  background-color: #383948;
}

.qr-depost-bet {
  background-color: #e4e4e6;
  color: #2F2E3B;
  border: none;
  border-radius: 5px;
  padding: 4px 10px;
  width: 100%;
  font-weight: bold;
}

.copy-qr-text-container {
  position: relative;
  background-color: #e4e4e6;
  color: #2e2f3b;
  border: none;
  border-radius: 5px;
  padding: 4px 10px;
  width: 100%;
}

div.svg-loader-wrapper svg{
  position: fixed;
  bottom: -10000px;
  left: -10000px;
}

.copy-text-svg {
  position: absolute;
  right: 10px;
  color: #2e2f3b;
  top: 6px;
  fill: #2e2f3b;
  cursor: pointer;
}

.amount-qr-container {
  color: #bfbec5;
  font-size: 16px;
}

.qr-check-text {
  color: #bfbec6;
  font-size: 14px;
  text-align: center;
}

.qr-button-check-status {
  background-size: 200% auto;
  background-image: var(--secondary-color, #1a6ce8);;
  background-color: #2399e5;
  padding: 12px 39px 12px 39px;
  border: none;
  width: 100%;
  transition: all 0.5s ease;
  color: black !important;
  border-radius: 5px;
  width: 200px;
  text-align: center;
  font-weight: bold;
}

.qr-button-check-status:hover {
  background-position: right center;
}

.refresh-qr-icon {
  fill: #ffff !important;
  height: 22px;
  position: relative;
  top: -1px;
}

.deposit-step-1 {
  position: relative;
  left: 0;
}

.deposit-options-container .deposit-option-item.selected .coin-money-icon {
  display: none;
}
.deposit-options-container .deposit-option-item.selected .coin-money-icon-active {
  display: block;
}

.coin-money-icon {
  margin-right: 8px;
  fill: #000;
}
.coin-money-icon-active {
  margin-right: 8px;
  fill: #000;
  display: none;
}

.mobile-cashier-buttons {
  flex-wrap: wrap !important;
  justify-content: center !important;
}

.mobile-cashier-buttons .custom-depost-bet {
  margin-top: 10px;
}

.demo-tool-cashier-messaje-container {
  margin-top: 20px;
}

.back-qr-icon {
  border-radius: 5px;
  padding: 20px 20px 20px 20px;
  width: 100%;
  position: absolute;
  top: 5px;
  left: 0px;
  width: 4px;
  color: #e4e4e6;
  cursor: pointer;
}

.d-none-coin {
  display: none !important;
}

.payout-animated-container {
  position: relative;
  left: 0;
  display: none;
}

.payout-animated-container,
.deposit-animated-container {
  position: relative;
}

.max-height-demo-test-cashier {
  max-height: 392px !important;
}



.tab-cashier-intern-item {
  padding: 9px 12px 8px 12px;
  margin-top: 20px;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  background-color: #F3F2F3;
  color: #2f2e3b;
  cursor: pointer;
  transition: all 0.5s ease;
  min-width: 131px;
  -webkit-box-shadow: 3px 1px 5px 0px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 3px 1px 5px 0px rgba(0, 0, 0, 0.24);
  box-shadow: 3px 1px 5px 0px rgba(0, 0, 0, 0.24);
  margin-right: 10px;
  min-width: 136px;
}

.tab-cashier-intern-item.selected {
  -moz-box-shadow: -1px -10px 5px 0px rgba(0, 0, 0, 0.19);
  box-shadow: -1px -4px 5px 0px rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: -1px -4px 5px 0px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: -1px -4px 5px 0px rgba(0, 0, 0, 0.06);
  background-color: #434250;
  color: #c8c9d5;
  margin-right: 8px !important;
}

.align-items-center {
  align-items: center;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.align-items-center {
  align-items: center;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.d-flex {
  display: flex;
}

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.flex-column {
  flex-direction: column;
}

.w-100 {
  width: 100% !important;
}

.deposit-options-container .d-none, .info-container .d-none{
  display: none !important;
}

#PnBonusArea .myGrid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#PnBonusArea .myGrid .grid-item img {
  width: 210px;
}

.error-alert-cashier {
  background-color: #ead1d2;
  padding: 8px 0px;
  border: 1px dotted #e18088;
  border-radius: 5px;
  width: 100%;
  text-align: center;
  margin: 4px 0px;
}

.next-point {
  vertical-align: top;
  width: 0;
  height: 0;
  display: inline-block;
  border-top: 22px solid transparent;
  border-bottom: 22px solid transparent;
  border-left: 22px solid #2399e5;
  border-right: 22px solid transparent;
}

.cashier-top-options-container {
  display: flex;
  align-items: center;
  justify-content: start;
  background-color: #2F2E3B;
  padding-top: 1px;
  min-height: 80px;
}

.deposit-back-container {
  background-color: #ffffff;
  padding: 8px 0px 0px 15px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  justify-content: start;
  margin-bottom: 20px;
}

.deposit-back-container .deposit-back-btn {
  background-size: 200% auto;
  background-image: var(--secondary-color, #1a6ce8);
  background-color: #2399e5;
  padding: 12px 39px 12px 39px;
  border: none;
  width: 100%;
  transition: all 0.5s ease;
  color: black !important;
  border-radius: 5px;
  max-width: 152px;
  font-weight: bold;
}

.deposit-back-container .deposit-back-btn:hover {
  background-position: right center;
}

.ion-block-payout-container .custom-depost-bet {
  margin: 7px;
}
.ion-block-payout-container .wallet-address-container {
  flex-basis: 31%;
  padding-right: 20px;
}
.ion-block-payout-container .wallet-address-container #TxtAddress{
  width: 100%;
}

@media screen and (max-width: 617px) {
  .deposit-footer-options-container .container-btn-amount-options {
      justify-content: center;
      width: 100%;
  }

  .deposit-search-container {
      justify-content: center;
      padding: 0px 9px;
  }

  .deposit-options-container {
      justify-content: center;
  }
}

@media screen and (max-width: 409px) {
  .deposit-options-container .deposit-option-item {
      width: 46% !important;
  }

  .deposit-options-container {
      padding: 0px !important;
  }
}

@media screen and (max-width: 1200px) {
  .mobile-tabs-container {
      justify-content: start !important;
  }

  .cashier-top-options-container {
      flex-wrap: wrap;
      padding-top: 10px;
  }

  .deposit-footer-options-container {
      order: 3;
      margin: 4px 0px;
  }

  .container-btn-amount-options {
      padding: 0px !important;
  }

  .ion-block-payout-container .deposit-search-container{
      order: 1;
  }
  .ion-block-payout-container .payout-amount-container{
      order: 2;
  }
  .ion-block-payout-container .deposit-footer-options-container{
      order: 3;
  }
  .ion-block-payout-container .wallet-address-container{
      order: 4;
      width: 96%;
      padding: 0px 0px;
      display: flex;
      justify-content: center;
  }
  .ion-block-payout-container #TxtAddress {
      margin: 7px;
      max-width: 418px;
      width: 100%;
  }
  .ion-block-payout-container .wallet-address-container {
      flex-basis: auto;
      padding-right: 0px;
  }
}

/* end cashier styles */

.form-select {
  background: #2e2f3b;
}

/* start bet offering eu buttons style */
.eu-bet-offering-buttons-container button{
  height: 36px !important;
}
.eu-game-title-content {
  justify-content: space-between;
}
.eu-game-title-columns {
  width: 62%;
  font-weight: 700;
}
.eu-columns-title-container .eu-game-title-content .grid-1{
  width: 42%;
}
.eu-columns-title-container .eu-game-title-content .grid-2{
  width: 23%;
  margin: 0px 2.3%;
}
.eu-columns-title-container .eu-game-title-content .grid-3{
  width: 26%;
}
.eu-columns-title-container .eu-game-title-content .grid-3 .sub-grid-1{
  width: 40%;
  margin-right: 5%;
}
.eu-columns-title-container .eu-game-title-content .grid-3 .sub-grid-2{
  width: 41%;
}
.game-line-container .btn-more-markets{
  margin-top: 19px;
}
@media only screen and (max-width: 1199px) {
  .eu-columns-title-container .eu-game-title-content .grid-1 {
      width: 39%;
      margin-left: 23px;
  }
}
@media only screen and (max-width: 1400px) {
  .eu-game-title-columns {
      width: 67%;
  }
  .eu-bet-offering-buttons-container offering-button button{
      padding: 0px !important;
  }
}
@media only screen and (max-width: 1494px) {
  .eu-columns-title-container .eu-game-title-content .grid-2 {
      width: 19%;
      margin-right: 5%;
  }
}
.eu-mobile-colums-container offering-button button {
  width: 100%;
  height: 100%;
}
.eu-mobile-colums-container .btn-betline-container {
  width: 100% !important;
  height: 100% !important;
  padding: 0px !important;
}
.eu-mobile-colums-container offering-button {
  width: 100%;
  height: 100%;
}
.eu-mobile-colums-container .team-name {
  font-size: 0.7rem;
  line-height: 1.1;
  word-spacing: -1px;
  margin-bottom: 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 2px;
  width: 100%;
  color: var(--text2);
}
.eu-mobile-colums-container .line-rot-num {
  font-size: 1rem;
  margin-bottom: 0px;
  line-height: 1px;
}
.eu-mobile-colums-container .colum-title {
  margin-bottom: 5px;
  text-align: center;
  color: var(--text2);
  font-size: 0.9rem;
  font-weight: 700;
}
.eu-mobile-colums-container .row {
  background-color: transparent !important;
}
.eu-mobile-colums-container .btn-betline-container .btn-betlines{
  height: 100%;
  border-radius: 8px;
}
.eu-mobile-colums-container .game-des-container img{
  height: 15px !important;
  width: 15px !important;
  position: relative;
  top: 0px;
}
.eu-mobile-colums-container .game-des-container {
  padding-top: 0px !important;
  display: flex;
  align-items: center;
  flex-wrap: wrap;

}
.eu-mobile-colums-container lazy-load-image {
  padding-top: 0px !important;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
/* end bet offering eu buttons style */
/* start More market styles */
.alternates-content .money-line-points-label-left , .alternates-content .money-line-points-label-right{
  background-color: transparent !important;
  border: none !important;
}
.alternates-content .column-content2-alternetes-second-template {
  cursor: pointer ;
  padding-left: 38px;
}
.alternates-content .column-content2-alternetes-second-template.disabled {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity = 65);
  -webkit-box-shadow: none;
  box-shadow: none;
  pointer-events: none;
}
.button-see-more-cards-alternates::before {
  content: attr(data-text-more);
}
.button-see-more-cards-alternates:not(.collapsed)::before {
  content: attr(data-text-less);
}
.alternates-toggle-all-btn {
  font-size: 1.2rem;
  background-color: var(--primary-color);
  box-shadow: none;
  border: none;
  border-radius: 2px;
  font-weight: 100;
  min-width: 66px;
}
.alternates-toggle-all-btn::before {
  content: attr(data-text-less);
}
.alternates-toggle-all-btn:not(.active)::before {
  content: attr(data-text-more);
  color: var(--white);
  font-weight: 700;
}

.alternates-content .panel-default .panel-heading {
  font-weight: 700 !important;
  padding: 13px 2% 0px 2%;
}
.alternates-content .column-content2-alternetes-second-template.active {
  background: var(--secondary-color);
  border: none;
  color: var(--white);

}
.alternates-content .column-1-alternetes.disabled {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity = 65);
  -webkit-box-shadow: none;
  box-shadow: none;
  pointer-events: none;
}
.draw-alternates-colum {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 7px 0px 12px;
}
.draw-alternates-colum offering-button button{
  position: relative;
  background-color: transparent !important;
  border: none !important;
  font-weight: bold;
}
.column-1-alternetes, .column-2-alternetes {
  cursor: pointer;
}
.title-eu-teams-container {
  display: flex;
  flex-direction: column;
}
.flex-order-1 {
  order: 1;
}
.flex-order-2 {
  order: 2;
}
.eu-mobile-colums-container offering-button button {
  font-weight: bold;
}
@media only screen and (max-width: 991px) {
  .page-content-wrapper-mob .alternates-content .alternates-toggle-all-btn {
      border-radius: 0px !important;
  }
  .page-content-wrapper-mob .alternates-content .btn-period {
      border-radius: 0px !important;
  }
  .page-content-wrapper-mob .alternates-content .button-see-more-cards-alternates{
      border-top-right-radius: 0px !important;
      border-top-left-radius: 0px !important;
  }
  .see-more-cards-alternates {
      padding: 0px !important;
  }
  .alternates-content .column-content2-alternetes-second-template {
      padding-left: 0px;
  }
  .draw-alternates-colum {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-left: 0px !important;
      margin-right: 0px !important;
      padding: 2%;
  }
  .btn-toggle-alternates {
      padding: 4px;
      font-size:11px;
      background-color: var(--primary-color);
      align-items: center;
      display: flex;
      justify-content: center;
      height: 32px;
      font-style: normal;
  }
}
@media only screen and (max-width: 1387px) {
  .draw-alternates-colum {
      margin-left: 0px !important;
      margin-right: 0px !important;
      padding-right: 3%;
  }
}
/* end More market styles */
/* start eu sport list new styles */
.sub-types-number {
  font-weight: bold;
}
.sportIcon:before {
  margin-top: 1px !important;
}
.btn-more-markets-end-line {
  height: 37px !important;
}
.btn-more-markets {
  font-style: normal;
  height: 32px;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.alternates-select-all-btn {
  font-size: 1.2rem;
  background-color: var(--primary-color);
  box-shadow: none;
  border: none;
  border-radius: 2px;
  font-weight: 100;
}
.header-cards-alternates {
  flex-grow: 0;
  background-color: var(--gray4);
  display: flex;
  justify-content: space-between;
  padding: 6px 2% 6px 2%;
  font-size: 13px;
  align-items: center;
  color: var(--text2);
  font-weight: 700;
}
.gameLineInfo.childGameLineInfo .game-line {
  width: 100%;
  margin-left: 4.5%;
  margin-right: 2%;
  padding-left: 5px;
}

@media only screen and (max-width: 1400px) {
  .gameLineInfo.childGameLineInfo .game-line {
      width: 100%;
      margin-left: 0%;
      margin-right: 4%;
      padding-left: 5px;
  }
}
@media only screen and (max-width: 1515px) {
  .eu-bet-offering-buttons-container offering-button button p{
      white-space: normal !important;
      line-height: 14px;
  }
}
/* end eu sport list new styles */

.darkLightModeWrapper {
  display: flex;
  flex-direction: column;
  margin: 4px;
  justify-content: center;
  align-items: center;
}

.darkLightModeWrapper span {
  font-size: 9px;
  font-weight: bold;
  color: var(--header-text);
}

.btn-switch {
  position: relative;
  display: block;
  width: 50px;
  height: 24px;
  cursor: pointer;
  background-color: #e4e4e5;
  border: 2px solid #e4e4e5;
  border-radius: 40px;
  cursor: pointer;
}

.btn-switch .btn-switch-circle {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 20px;
  width: 20px;
  background-color: #828282;
  border-radius: 40px;
}

.btn-switch--on {
  background-color: #4c4c4c;
  border: 2px solid #4c4c4c;
}

.btn-switch--on .btn-switch-circle--on {
  left: auto;
  right: 0;
  background-color: #74b50f;
  transition: all 1s ease;
}

.fav-star {
  height: 12px;
  width: 16px;
}

.subsport-type-opt{
  padding-top: 10px;
}

favorites-list .sport-fav-tab{
  height: 40px;
  padding: 10px 10px;
  margin-bottom: 10px;
}

favorites-list .layout-label {

  font-weight: 700;
  font-size: 17px;
}
favorites-list .layout-panel-tab{
  background-color: var(--sports-container-label-bg-color);
  padding: 3px 10px;
  border-radius: 4px;
  display: flex;

}

favorites-list .sports .panel-default {
  padding: 3px 10px;
}

favorites-list .panel-heading {
  padding: 13px 10px;
}

favorites-list .sports .panel-title {
  font-weight: 700;
  font-size: 14px;
}

favorites-list .mob-favorites {
  padding: 0px 10px;

}
favorites-list .mb-favorite-item {
  background-color: var(--sports-container-label-bg-color);
  padding: 13px 10px;
  margin: 5px 0px;
}

favorites-list .mob-favorites .mb-favorites-container .layout-panel-tab {
  height: 40px;
  display: flex;
  background-color: var(--sports-container-label-bg-color);
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  padding: 0px 0px 0px 5px;

}

favorites-list .mob-favorites .mb-favorites-container .layout-panel-tab .layout-label {
  padding: 0px 0px 0px 5px;
  display: flex;
  align-items: center;
}

.fav-start-container {
  cursor: pointer;
}

.layout-panel-tab i{
  border:       solid currentColor;
  border-width: 0 .2em .2em 0;
  display:      inline-block;
  padding:      .20em;
  transform:rotate(-133deg);
}

.layout-panel-tab.collapsed i{
  transform:rotate(45deg);
}

/* style pages footer */

.main-content-contaniner-footer {
  padding: 0px 20%;
  margin-bottom: 55px;
}
.main-content-contaniner-footer .title-container {
  margin-bottom: 73px;
  margin-top: 55px;
  border-bottom: 1px solid var(--primary-color);
  padding-bottom: 30px;
  text-align: center;
}

.main-content-contaniner-footer .title-container .title {
  font-size: 2.0rem;
  font-weight: bold;
}

.main-content-contaniner-footer .title-container .subtitle {
  font-size: 1.2rem;
}

.main-content-contaniner-footer .data-container {
  text-align: justify;
}

.main-content-contaniner-footer .footer-menu-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 20px 20%;
  background-color: #1c1d2a;
}

.main-content-contaniner-footer .links-footer-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.main-content-contaniner-footer .footer-menu {
  list-style: none;
  padding: 20px 20px;
}

.main-content-contaniner-footer .footer-menu li {
  padding: 9px 0px;
  cursor: pointer;
}

.main-content-contaniner-footer .footer-menu li a {
  color: white;
  text-decoration: none;
  font-weight: bold;
}

.main-content-contaniner-footer .d-flex {
  display: flex;
}

.main-content-contaniner-footer .justify-content-center {
  justify-content: center;
}

.main-content-contaniner-footer .align-items-center {
  align-items: center;
}

.main-content-contaniner-footer .back-arrow {
  font-size: 20px;
  margin-right: 7px;
  cursor: pointer;
}

.main-content-contaniner-footer .go-back-text {
  color: white;
  font-weight: bold;
  background-color: #0070ff91;
  border: 1px solid #1a6ce8;
  padding: 6px 20px;
  border-radius: 9px;
  text-decoration: none;
  display: flex;
  flex-direction: row-reverse;
}

@media screen and (max-width: 700px) {
  .main-content-contaniner-footer header {
      text-align: center;
  }

  .main-content-contaniner-footer .main-content-contaniner-footer {
      padding: 20px 5%;
  }

  .main-content-contaniner-footer .footer-menu-container {
      padding: 20px 5% !important;
  }

  .main-content-contaniner-footer .links-footer-container {
      display: block !important;
      align-items: center;
      justify-content: space-around !important;
  }
}

@media screen and (max-width: 1591px) {
  .main-content-contaniner-footer .footer-menu-container {
      justify-content: center !important;
  }

  .main-content-contaniner-footer .links-footer-container {
      display: flex;
      align-items: center;
      justify-content: space-around !important;
  }
}


/* start cashier styles */
.main-cashier-container {
  background-color: #f4f4f4;
}

.aspx-cashier-page .main-cashier-container {
  background-color: #fff;
  height: 1500px !important;
}

.cashier-top-container {
  border-radius: 5px;
  background-color: #2e2f3b;
}

.cashier-top-container .deposit-icon {
  color: #fff;
  font-size: 19px;
}

.cashier-top-container .cashier-item.disabled .deposit-icon {
  color: #616372;
}

.cashier-top-container .cashier-item {
  transition: all 0.5s ease;
  border-radius: 5px;
  cursor: pointer;
}

.cashier-top-container .cashier-item:not(.disabled):hover {
  background-color: #383948;
}

.cashier-top-container .cashier-item:not(.disabled).selected-cashier-option {
  background-color: #383948;
}

.cashier-top-container .item-text {
  color: #fff;
}

.cashier-top-container .cashier-item.disabled .item-text {
  color: #616372;
}

.cashier-deposit-body-container .cashier-body-content {
  min-height: 600px;
  overflow-x: hidden;
}

.cashier-deposit-body-container .cashier-body-content .body-cashier-content-title {
  color: #BFBEC3;
  text-align: center;
  font-size: 19px;
  text-transform: uppercase;
  font-weight: 600;
  padding: 18px;
  background-color: #434250;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.deposit-container-main-content {
  width: 100%;
}

.deposit-options-container {
  background-color: #2f2e3b;
  padding: 0px 14px 20px 14px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  flex-wrap: wrap;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  margin-bottom: 14px;
}

.deposit-search-container {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  padding: 0px 10px;
  position: relative;
}


.deposit-next-container {
  /* background-color: #ffffff; */
  padding: 8px 15px 0px 0px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  justify-content: center;
  margin-bottom: 20px;
}

.deposit-next-container .next-btn-icon {
  font-size: 9px;
  top: 1px;
  left: 5px;
}

.deposit-next-container .deposit-next-btn {
  background-size: 200% auto;
  background-image: linear-gradient(to right, #85B47A 0%, #89D563 50%, #a7cc95 100%);
  background-color: #2399e5;
  padding: 12px 39px 12px 39px;
  border: none;
  width: 100%;
  transition: all 0.5s ease;
  color: #fff !important;
  border-radius: 5px;
  max-width: 133px;
  font-weight: bold;
}

.deposit-next-container .deposit-next-btn:hover {
  background-position: right center;
}

/* no cambiar a variables porque el iframe no las entiende */
.deposit-footer-options-container .option-btn {
  background: var(--primary-color, #b70e00) !important;
  padding: 8px 10px 9px 10px;
  border-radius: 5px;
  font-size: 13px;
  border: none;
  margin: 0px 5px;
  color: #fff;
  font-weight: bold;
  transition: all 1s ease;
  width: 66px;
}

.deposit-footer-options-container .option-btn:hover {
  background: var(--primary-color, #b70e00) !important;
}

.custom-depost-bet {
  background-color: #434250;
  color: #2e2f3b;
  border: none;
  border-radius: 5px;
  padding: 8px 10px;
  color: #BFBEC4;
  font-weight: bold;
  width: 201px;
}

.custom-depost-bet::placeholder {
  color: #BFBEC4;
  font-weight: bold;
}

.deposit-options-container .deposit-option-item {
  padding: 20px 20px;
  background-color: #434250;
  border-radius: 5px;
  color: #BFBEC4;
  transition: all 0.5s ease;
  cursor: pointer;
  margin: 5px 5px 5px 5px;
  width: 181px;
  height: 70px;
}

.deposit-options-container .deposit-option-item.selected {
  background-color: #F3F2F3;
  color: #2f2e3b;
}

.deposit-options-container .deposit-option-item .deposit-option-icon {
  margin-right: 8px;
  margin-top: -3px;
}

.deposit-search-container .deposit-search-input {
  background-color: #434250;
  border: none;
  border-radius: 5px;
  padding: 9px 16px;
  color: #BFBEC4;
  font-weight: bold;
  width: 201px;
}

.deposit-search-container .deposit-search-input::placeholder {
  color: #BFBEC4;
  font-weight: bold;
}

.deposit-search-container .search-deposit-icon {
  position: absolute;
  right: 10px;
  color: #BFBEC4;
  top: 11px;
}

.form-control-search-input {
  position: relative;
  width: 201px;
}

.pay-depost-qr {
  background-color: #2F2E3B;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 20px 20px 20px 20px;
  width: 100%;
}

.qr-button {
  background-color: #434250;
  padding: 10px 20px 11px 20px;
  border: none;
  color: #BFBEC4;
  border-radius: 5px;
  width: 100%;
  transition: all 0.5s ease;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: bold;
}

.qr-button:hover {
  background-color: #383948;
}

.qr-depost-bet {
  background-color: #e4e4e6;
  color: #2F2E3B;
  border: none;
  border-radius: 5px;
  padding: 4px 10px;
  width: 100%;
  font-weight: bold;
}

.copy-qr-text-container {
  position: relative;
  background-color: #e4e4e6;
  color: #2e2f3b;
  border: none;
  border-radius: 5px;
  padding: 4px 10px;
  width: 100%;
}

div.svg-loader-wrapper svg{
  position: fixed;
  bottom: -10000px;
  left: -10000px;
}

.copy-text-svg {
  position: absolute;
  right: 10px;
  color: #2e2f3b;
  top: 6px;
  fill: #2e2f3b;
  cursor: pointer;
}

.amount-qr-container {
  color: #bfbec5;
  font-size: 16px;
}

.qr-check-text {
  color: #bfbec6;
  font-size: 14px;
  text-align: center;
}

.qr-button-check-status {
  background-size: 200% auto;
  background-image: linear-gradient(to right, #85B47A 0%, #89D563 50%, #89D563 100%);
  background-color: #2399e5;
  padding: 12px 39px 12px 39px;
  border: none;
  width: 100%;
  transition: all 0.5s ease;
  color: white !important;
  border-radius: 5px;
  width: 200px;
  text-align: center;

}

.qr-button-check-status:hover {
  background-position: right center;
}

.refresh-qr-icon {
  fill: #ffff !important;
  height: 22px;
  position: relative;
  top: -1px;
}

.deposit-step-1 {
  position: relative;
  left: 0;
}

.deposit-options-container .deposit-option-item.selected .coin-money-icon {
  display: none;
}
.deposit-options-container .deposit-option-item.selected .coin-money-icon-active {
  display: block;
}

.coin-money-icon {
  margin-right: 8px;
  fill: #000;
}
.coin-money-icon-active {
  margin-right: 8px;
  fill: #000;
  display: none;
}

.mobile-cashier-buttons {
  flex-wrap: wrap !important;
  justify-content: center !important;
}

.mobile-cashier-buttons .custom-depost-bet {
  margin-top: 10px;
}

.demo-tool-cashier-messaje-container {
  margin-top: 20px;
}

.back-qr-icon {
  border-radius: 5px;
  padding: 20px 20px 20px 20px;
  width: 100%;
  position: absolute;
  top: 5px;
  left: 0px;
  width: 4px;
  color: #e4e4e6;
  cursor: pointer;
}

.d-none-coin {
  display: none !important;
}

.payout-animated-container {
  position: relative;
  left: 0;
  display: none;
}

.payout-animated-container,
.deposit-animated-container {
  position: relative;
}

.max-height-demo-test-cashier {
  max-height: 392px !important;
}

.all-singles-amount {
  font-size: 12px;
}

.tab-cashier-intern-item {
  padding: 9px 12px 8px 12px;
  margin-top: 20px;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  background-color: #F3F2F3;
  color: #2f2e3b;
  cursor: pointer;
  transition: all 0.5s ease;
  min-width: 131px;
  -webkit-box-shadow: 3px 1px 5px 0px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 3px 1px 5px 0px rgba(0, 0, 0, 0.24);
  box-shadow: 3px 1px 5px 0px rgba(0, 0, 0, 0.24);
  margin-right: 10px;
  min-width: 136px;
}

.tab-cashier-intern-item.selected {
  -moz-box-shadow: -1px -10px 5px 0px rgba(0, 0, 0, 0.19);
  box-shadow: -1px -4px 5px 0px rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: -1px -4px 5px 0px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: -1px -4px 5px 0px rgba(0, 0, 0, 0.06);
  background-color: #434250;
  color: #c8c9d5;
  margin-right: 8px !important;
}

.align-items-center {
  align-items: center;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.align-items-center {
  align-items: center;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.d-flex {
  display: flex;
}

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.flex-column {
  flex-direction: column;
}

.w-100 {
  width: 100% !important;
}

.d-none {
  display: none !important;
}

#PnBonusArea .myGrid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#PnBonusArea .myGrid .grid-item img {
  width: 210px;
}

.error-alert-cashier {
  background-color: #ead1d2;
  padding: 8px 0px;
  border: 1px dotted #e18088;
  border-radius: 5px;
  width: 100%;
  text-align: center;
  margin: 4px 0px;
}

.next-point {
  vertical-align: top;
  width: 0;
  height: 0;
  display: inline-block;
  border-top: 22px solid transparent;
  border-bottom: 22px solid transparent;
  border-left: 22px solid #2399e5;
  border-right: 22px solid transparent;
}

.cashier-top-options-container {
  display: flex;
  align-items: center;
  justify-content: start;
  background-color: #2F2E3B;
  padding-top: 1px;
  min-height: 80px;
}

.deposit-back-container {
  background-color: #ffffff;
  padding: 8px 0px 0px 15px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  justify-content: start;
  margin-bottom: 20px;
}

.deposit-back-container .deposit-back-btn {
  background-size: 200% auto;
  background-image: linear-gradient(to right, #85B47A 0%, #89D563 50%, #89D563 100%);
  background-color: #2399e5;
  padding: 12px 39px 12px 39px;
  border: none;
  width: 100%;
  transition: all 0.5s ease;
  color: white !important;
  border-radius: 5px;
  max-width: 133px;
}

.deposit-back-container .deposit-back-btn:hover {
  background-position: right center;
}

.ion-block-payout-container .custom-depost-bet {
  margin: 7px;
}
.ion-block-payout-container .wallet-address-container {
  flex-basis: 31%;
  padding-right: 20px;
}
.ion-block-payout-container .wallet-address-container #TxtAddress{
  width: 100%;
}


@media screen and (max-width: 617px) {
  .deposit-footer-options-container .container-btn-amount-options {
      justify-content: center;
      width: 100%;
  }

  .deposit-search-container {
      justify-content: center;
      padding: 0px 9px;
  }

  .deposit-options-container {
      justify-content: center;
  }
}

@media screen and (max-width: 409px) {
  .deposit-options-container .deposit-option-item {
      width: 46% !important;
  }

  .deposit-options-container {
      padding: 0px !important;
  }
}

@media screen and (max-width: 1200px) {
  .mobile-tabs-container {
      justify-content: start !important;
  }

  .cashier-top-options-container {
      flex-wrap: wrap;
      padding-top: 10px;
  }

  .deposit-footer-options-container {
      order: 3;
      margin: 4px 0px;
  }

  .container-btn-amount-options {
      padding: 0px !important;
  }

  .ion-block-payout-container .deposit-search-container{
      order: 1;
  }
  .ion-block-payout-container .payout-amount-container{
      order: 2;
  }
  .ion-block-payout-container .deposit-footer-options-container{
      order: 3;
  }
  .ion-block-payout-container .wallet-address-container{
      order: 4;
      width: 96%;
      padding: 0px 0px;
      display: flex;
      justify-content: center;
  }
  .ion-block-payout-container #TxtAddress {
      margin: 7px;
      max-width: 418px;
      width: 100%;
  }
  .ion-block-payout-container .wallet-address-container {
      flex-basis: auto;
      padding-right: 0px;
  }
}

/* end cashier styles */

.scroll-e-games {
  max-height: 354px;
  overflow-y: auto;
  overflow-x: hidden;
}

.scroll-e-games button {
  width: 48%;
}

@media only screen and (max-width: 1596px) {
  .scroll-e-games button {
      width: 100%;
  }
}
.icon18 {
  fill: var(--main-font-color);
}


.guess-header-line-titles {
  width: 85%;
  padding-left: 20.5%;
}

.last-title-type-column {
  padding-left: 9%;
}

.title-colum {
  width: 15%;
}

.header-line-titles .betOffering-5Columns .single-column {
  width: 19% !important;
}

.header-line-titles .betOffering-5Columns .double-column {
  width: 37%;
}



@media only screen and (min-width: 991.98px) and (max-width: 1200px) {
  .grid-teams-container{
      grid-template-columns: 0.4fr 1fr;
  }

  .gameLineInfo {
      font-size: 11px;
  }
  .betslip {
      width: 217px !important;
      margin: auto;
      padding-top: 10px;
  }
  .page-content-wrapper {
      width: calc(100% - 444px) ;
  }
  .page-content-wrapper .betOffering-5Columns .btn-xs {
      font-size: 11px !important;
  }

  .sidebar-wrapper{
      width: 225px;
  }

  bet-offering-line-five-columns .col-sm-4 {
      width: 30%;
  }

  bet-offering-line-five-columns .col-sm-8 {
      width: 70%;
  }
  bet-offering-line-five-columns offering-button span{
      font-size: 11px!important;
  }

  .sidebar-wrapper{
      width: 200px;
  }
  .sports-container .list-one li label{
      font-size: 12px;
  }

  .sports-container {
      padding: 12px 6px 20px 6px;
  }

  .page-content {
      padding-left: 4px;
      padding-right: 4px;
  }

  .gameLineInfo .game-info-card {
      border-radius: 4px;
      padding: 12px 4px 12px 4px;
  }

  #betSlipController {
      width: 242px !important;
  }

}

@media only screen and (min-width: 1402px) and (max-width: 1724px) {
  .first-column-header {
      padding-left: 4%;
  }
  .guess-header-line-titles .first-column-header{
      padding-left: 0%;
  }
}

@media only screen and (min-width: 1401px) and (max-width: 1441px) {
  .flex-header-title-type {
      flex-wrap: nowrap !important;
      flex-direction: row !important;
  }
}

@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .flex-header-title-type {
      flex-wrap: nowrap !important;
      flex-direction: row !important;
  }
}

@media only screen and (max-width: 1200px) {
  .flex-header-title-type {
      flex-wrap: nowrap !important;
      flex-direction: row !important;
  }
}

.JoinWrapp .modal-content .modal-body form .passwordWrapp {
  margin-top: 0;
  position: relative;
  margin-bottom: 0;
}

.password-error-message {
  color: red;
  position: absolute;
  font-size: 10px;
  background-color: #ffb2b6;
  padding: 10px;
  border-radius: 6px;
}



.in-frame #fc_frame {
  display: none !important;
}

.in-frame iframe[title="chat widget"] {
  display: none !important;
}

.activeCashier {
  border-radius: 10px;
  background: var(--bg-400);
  margin-left: 29px !important;
  margin-right: 10px !important;
}
.activeCashier span {
  line-height: 1.5 !important;
}
.header-menu nav ul li {
  line-height: 1.5 !important;
}

.sports-container {
  padding: 12px 13px 20px 13px;
}

.selected-league-panel-heading {
  border-radius: 12px;
  border: 1px solid var(--sport-row-border-color);
  background: var(--middle-headers-bg-color);
  padding: 10px 10px 0px 10px;
}

.selected-league-panel-heading .pan-heading a {
  color: var(--main-font-color);
}

.selected-league-panel-heading .btn-period-group {
  margin-bottom: 0px !important;
  padding: 0px 16px;
}

.simple-header-title-sport-lines-content {
  border-radius: 12px;
  background: var(--middle-headers-bg-color);
  text-align: center;
  padding: 8px;
  color: var(--primary-color);
  text-align: center;
      font-family: 'AeonikTRIAL-Regular', sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid var(--sport-row-border-color);
}
.double-header-title-sport-lines-content {
  border-radius: 12px;
  background: var(--middle-headers-bg-color);
  text-align: center;
  padding: 8px;
  color: var(--primary-color);
  text-align: center;
      font-family: 'AeonikTRIAL-Regular', sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 0% 0% 0% 0%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  border: 1px solid var(--sport-row-border-color);
}
.total-colum-display {
  width: 100%;
  border-left: 1px solid #393939;
  padding-left: 8px;
  height: 100%;
}
.game_date_time {
  flex-direction: column;
  width: 100%;
}

.game-line-date {
  margin-bottom: 0px;
  margin-right: 5px;
}

.general_data {
  min-width: 9%;
}

.grid-teams-container {
  display: grid;
  grid-template-columns: 0.5fr 1fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-template-areas: ". .";
  margin-bottom: 8px;
}

.grid-header-teams-container {
  display: grid;
  grid-template-columns: 0.1fr 1fr 0.02fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-template-areas: ". . .";
  width: 100%;
  padding: 0px 12px 12px 12px;
}

.grid-header-columns-container {
  display: grid;
  grid-template-columns: 0.5fr 1fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-template-areas: ". .";
  width: 100%;
}

.grid-header-columns {
  display: grid;
  grid-template-columns: 1.17fr 1.17fr 1.17fr 2.5fr;
  grid-template-rows: 1fr;
  gap: 0px 8px;
  grid-template-areas: ". . . . .";
  padding: 0px 0px;
  width: 100%;
}

.grid-header-columns.hasEmptytoTeamTotalLines{
  grid-template-columns: 1.17fr 1.17fr 1.17fr;
}

.bet-offering-5-colums-btn-container {
  display: grid;
  grid-template-columns: 1.17fr 1.16fr 1.17fr 2.5fr;
  grid-template-rows: 1fr;
  gap: 0px 8px;
  grid-template-areas: ". . . . .";
}

.gameLineInfo.hasEmptytoTeamTotalLines .bet-offering-5-colums-btn-container{
  grid-template-columns: 1.17fr 1.16fr 1.17fr;
}

.bet-offering-5-colums-btn-container offering-button>div {
  width: 100% !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.bet-offering-total-5-colums-btn-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 0px 3px;
  grid-template-areas: ". .";
  padding-left: 8px;
  border-left: 1px solid #393939;
}

.team-line-container {
  display: flex;
  align-items: center;
  padding: 0px 10px;
}

.middle-row-colum-header {
  display: flex;
  align-items: center;
}

.toogle-sport-casino-container {
  background: var(--middle-headers-bg-color);
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--sport-panel-item-border-color);
  border: 1px solid #434343;
  border-radius: 12px;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  background-image: var(--header-user-gb), /* Para que el fondo del div no se vea afectado */ var(--header-border-gradient);
  margin: 11px 13px 0px 13px;
  overflow: hidden;
}

.toogle-sport-casino-container div {
  width: 48%;
  color: var(--main-font-color, #ffff);
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px 17px;
  transition: all 1s ease;
  text-transform: uppercase;
  font-size: 13px;
  transition: all 1s ease;
  cursor: pointer;
  border-radius: 9px;
}

.toogle-sport-casino-container .toggle-sport-casino-item.linear {
  background: var(--gradient-secondary-color);
  transition: all 1s ease;
}

@media (max-width: 1407px) {
  .gameLineInfo .game-info-card {
      grid-template-rows: auto auto; /* Dos filas */
      grid-template-columns: 1fr; /* Una columna para todos los elementos */
      grid-template-areas:
          "first-row"  /* Primer elemento en la primera fila */
          "second-row"; /* El resto de los elementos en la segunda fila */
  }

  .gameLineInfo .game-info-card > :first-child {
      grid-area: first-row; /* El primer elemento en la primera fila */
  }

  .gameLineInfo .game-info-card > :not(:first-child) {
      grid-area: second-row; /* Los demás elementos en la segunda fila */
  }

  .gameLineInfo .general_data .game_date_time {
      flex-direction: row;
      width: 100%;
      padding: 0px;
  }

  .parentBtnToggle{
    flex-direction: row;
    margin-top: 0!important;
  }

  .grid-header-teams-container {
      grid-template-rows: auto auto; /* Dos filas */
      grid-template-columns: 1fr; /* Una columna para todos los elementos */
      grid-template-areas:
          "first-row"  /* Primer elemento en la primera fila */
          "second-row"; /* El resto de los elementos en la segunda fila */
  }

  .grid-header-teams-container > :first-child {
      grid-area: first-row; /* El primer elemento en la primera fila */
  }

  .grid-header-teams-container > :not(:first-child) {
      grid-area: second-row; /* Los demás elementos en la segunda fila */
  }
  .md-line-date {
      display: block !important;
  }
  .lg-line-date {
      display: none !important;
  }
  .simple-header-title-sport-lines-content {
      font-size: 10px;
  }
  .line_limit {
      font-size: 9px;
  }
  .double-header-title-sport-lines-content {
      font-size: 10px;
  }
  .content-header {
      padding: 5px 16px;
  }
}


.tab-content {
  transition: transform 0.5s ease-in-out;
  position: absolute;
}

.tab-content.move-left {
  transform: translateX(-100%);
}

.tab-content.move-right {
  transform: translateX(100%);
}

.tab-content.show {
  transform: translateX(0);
}

.tab-casino {
  transition: transform 0.5s ease-in-out;
  position: absolute;
  transform: translateX(100%);
  width: 100%;
}

.tab-casino.show {
  transform: translateX(0);
}

.toggle-sport-casino-container {
  position: relative;
  position: relative;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}

.toggle-sport-casino-container .tab-content{
  position: inherit;
}

.tab-casino-content {
  padding: 20px 20px;
  width: 100%;
}
.casino-tab-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.casino-tab-title span{
  color: #7E7E7E;
      font-family: 'AeonikTRIAL-Regular', sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding-right: 10px;
}

.casino-tab-title .casino-tab-line {
  border-bottom: 1px solid gray;
  width: 83%;
  padding-top: 6px;
}

.tab-casino-option-menu-item {
  position: relative;
  border-radius: 12px;
  border: 1px solid #393939;
  background: var(--middle-headers-bg-color);
  padding: 16px 10px;
  margin-top: 11px;
}
.tab-casino-option-menu-item span{
  color: #FFF;
      font-family: 'AeonikTRIAL-Regular', sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.swal2-popup {
  background: var(--validations-popup);
  border: 2px solid var(--border-bottom-sport-list);
  border-radius: 12px !important;

}

.swal2-content {
  color: var(--white) !important;
}

.swal2-title {
  color: var(--white) !important;
}

.swal2-content {
  color: var(--white) !important;
  letter-spacing: 1.6px;
  font-size: 1.3rem !important;
}

.swal2-styled.swal2-confirm {
  padding: 15px 50px;
  border-radius: 10px !important;
  font-size: 1.6rem !important;
  background: var(--bg-1000) !important;
  color: var(--font-1000) !important;
}
.swal2-styled:focus {
  box-shadow: 0 0 0 3px rgb(255 255 255 / 13%) !important;
}
.swal2-styled.swal2-cancel{
  padding: 15px 50px;
  border-radius: 10px !important;
  font-size: 1.6rem !important;
  background: var(--tik-head-color) !important;
}

.swal2-actions {
  flex-wrap: nowrap !important;
}

.btn-menu-links-container {
  display: flex;
  justify-content: start;
  margin: 11px 13px;
  gap: 10px;
  overflow-x: auto;
}
.btn-sport-links-container {
  display: flex;
  margin: 11px 13px 0px 13px;
  justify-content: start;
  gap: 10px;
}

.btn-sport-links-container .btn-menu-links-item {
  border-radius: 12px;
  border: 1px solid #393939;
  background: #393939;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px 8px;
  width: 23%;
}
.btn-sport-links-container .btn-menu-links-item.linear {
  background: var(--gradient-secondary-color);
}
.btn-sport-links-container .btn-menu-links-item img {
  height: 17px;
  margin-bottom: 5px;
}
.btn-sport-links-container .btn-menu-links-item img[src*="/assets_core/img/icons-menu/gs-sport-live.svg"] {
  animation: pulse 1s infinite ease-in-out;
}
.btn-sport-links-container .btn-menu-links-item span{
  color: #FFF;
  text-align: center;
  
  font-size: 8px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}
.btn-menu-links-container .btn-menu-links-item {
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.10);
  background: #393939;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px 8px;
  width: 31%;
  text-transform: uppercase;
  font-size: 11px;
  position: relative;
  min-width: 84px !important;
}
.btn-menu-links-container .btn-menu-links-item img {
  height: 25px;
  margin-bottom: 5px;
}
.btn-menu-links-container .btn-menu-links-item span{
  color: #FFF;
  text-align: center;
      font-family: 'AeonikTRIAL-Regular', sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}
.main-app-menu {
  height: 29px;
  max-width: 100%;
}

.bet-type-select {
  width: 100%;
  padding: 10px 14px;
  border-radius: 10px;
  border: 1px solid #333;
  background-color: #121e25;
  color: white;
  font-size: 13px;
  font-weight: bold;
  appearance: none;
  background-image: url(/sports/assets_core/img/icons-menu/down-bet-type-icon.svg);
  background-repeat: no-repeat;
  background-position: right 17px center;
  background-size: 12px;
  cursor: pointer;
  margin: 0px 0px 0px 0px;
}

/* Estilo cuando el select está enfocado */
.bet-type-select:focus {
  outline: none;
  border-color: #888;
}

/* Estilo del dropdown */
.bet-type-dropdown-container {
  padding: 0px 5px;
}

/* Personalización de la opción seleccionada */
.bet-type-select option {
  background-color:#33203C;
  color: white;
}



.row:after {
  display: block;
}

.no-lines-message {
  font-size: 13px;
  padding: 25px;
}

.single-item {
  border-right: none !important;
}

#settingsMenu #passwordForm input, #settingsMenu #passwordForm2 input{
  margin-bottom: 0px
}

#settingsMenu #passwordForm .row, #settingsMenu #passwordForm2 .row {
  display: flex;
  align-items: center;
}

#swal2-checkbox {
  display: block !important;
}

.showPeriodsActions {
  background: var(--middle-headers-bg-color);
}
/* newbrand added styles */
.logo-header-container {
  display: flex;
  align-items: center;
  gap: 10px;
}

.logo img {
  max-width: 120px;
}

.mobile-logo-header {
  max-width: 99px;
}

/* start hover btn header animation */
.header-option {
  display: flex;
  align-items: center;
  gap: 10px;
}
.header-option-item p {
  margin-bottom: 0px;
}

.header-option-item:hover {
  border: 1px var(--brand-mint) solid;
  background: var(--brand-purplish-blue);
}

.header-option-item {
  background-color: rgba(255, 255, 255, 0.20);
  padding: 9px 20px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  transition: all 0.7s ease;
  box-sizing: border-box;
  border: 1px var(--brand-mint) solid;
  position: relative;
  font-family: 'AeonikTRIAL-Regular', sans-serif;
  font-weight: 700;
}


.header-option-item.hover-border-header-btn::before {
  top: 0;
  right: 0;
}

.header-option-item.hover-border-header-btn::after {
  bottom: 0;
  left: 0;
}

.header-option-item.hover-border-header-btn:hover::before,
.header-option-item.hover-border-header-btn:hover::after {
  width: 0%;
  transition: 0.2s 0.2s ease-out;
}
/* end hover btn header animation */
.header-option-item .btn-title {
  font-family: 'AeonikTRIAL-Bold', sans-serif;
  color: #fff;
  padding-right: 5px;
  font-size: 11px;
  text-transform: uppercase;
}
.header-option-item .amount {
  font-family: 'AeonikTRIAL-Bold', sans-serif;
  font-weight: 700;
  font-size: 13px;
}
.nav-link.dropdown-toggle.acc_svg {
  width: 30px;
  height: 30px;
  background: url("/assets/img/icon_account2.svg") no-repeat 0 0;
  display: block;
  transition: none;
}
nav.iconsMenu .header_menu_item span {
  color: var(--white);
  font-family: 'AeonikTRIAL-Regular', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 13.5px;
}

.header-menu nav ul li a .header_menu_item{
  /* height: 48px; */
  padding: 0px 2px;
}
/* start sidebar styles */
.mobile-sidebar {
  width: 100%;
  height: 100%;
  background: var(--sidebar-bg);
  color: white;
  position: fixed;
  left: -1206px;
  transition: left 0.3s ease;
  padding: 20px;
  overflow: auto;
  top: 110px;
  max-height: calc(100* var(--vh) - 63px);
  overflow-y: auto;
}

.mobile-sidebar .nav > li > a{
  padding: 15px 15px;
}
.menu-icon {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 24px;
  width: 24px;
  position: relative;
  cursor: pointer;
}
.menu-icon span {
  display: inline-block;
  width: 81%;
  height: 3px;
  background-color: var(--sidebar-icon-bar-bg);
  transition: all 0.5s ease;
  border-radius: 20px;
}
.nav-bar-mobile {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 30px 0px 19px;
}
.btn-mobile-menu {
  display: flex;
  align-items: center;
  background: transparent;
  border: none;
  padding: 0px;
}
.mobile-sidebar.open {
  left: 0; /* Muestra el sidebar */
}
.mobileMenuIcon span {
  position: absolute;
  right: 0;
}
.mobileMenuIcon span:nth-of-type(1) {
  top: 4px;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.mobileMenuIcon span:nth-of-type(2) {
  top: 18px;
  display: none;
}
.mobileMenuIcon span:nth-of-type(3) {
  top: 13px;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.mobileMenuIcon.active span:nth-of-type(1) {
  -webkit-animation: mobileMenuIconanimTop 1s ease;
          animation: mobileMenuIconanimTop 1s ease;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.mobileMenuIcon.active span:nth-of-type(2) {
  -webkit-animation: mobileMenuIconanimMiddle 0.75s ease;
          animation: mobileMenuIconanimMiddle 0.75s ease;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.mobileMenuIcon.active span:nth-of-type(3) {
  -webkit-animation: mobileMenuIconanimBottom 1s ease;
          animation: mobileMenuIconanimBottom 1s ease;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes mobileMenuIconanimTop {
  0% {
    transform: none;
  }
  40% {
    top: 10px;
    transform: none;
  }
  100% {
    top: 10px;
    transform: rotate(315deg);
    transform-origin: center center;
  }
}
@keyframes mobileMenuIconanimTop {
  0% {
    transform: none;
  }
  40% {
    top: 10px;
    transform: none;
  }
  100% {
    top: 10px;
    transform: rotate(315deg);
    transform-origin: center center;
  }
}
@-webkit-keyframes mobileMenuIconanimMiddle {
  0% {
    transform: none;
  }
  25% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes mobileMenuIconanimMiddle {
  0% {
    transform: none;
  }
  25% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes mobileMenuIconanimBottom {
  0% {
    transform: none;
  }
  40% {
    top: 10px;
    transform: none;
  }
  100% {
    top: 10px;
    transform-origin: center center;
    transform: rotate(225deg);
  }
}
@keyframes mobileMenuIconanimBottom {
  0% {
    transform: none;
  }
  40% {
    top: 10px;
    transform: none;
  }
  100% {
    top: 10px;
    transform-origin: center center;
    transform: rotate(225deg);
  }
}
/* end sidebar styles */

@media screen and (min-width: 991.98px) and (max-width: 1201px) {
  header {
    max-height: 63px;
  }
}
@media screen and (max-width: 1201px) {
  .nav li>a.dropdown-toggle::before {
    display: none;
  }
  .nav li>a.dropdown-toggle::after {
    display: none;
  }
  .mobile-sidebar .header_menu_item{
    margin-left: 0px;
    margin-left: 0px;
    width: 100%;
    justify-content: space-between;
    display: flex;
    align-items: center;
  }
  .header_menu_item .mobile-menu-arrow {

  }
  .mobile-sidebar .header_menu_item span{
    font-family: 'AeonikTRIAL-Regular', sans-serif;
    font-weight: 700;
    text-transform: capitalize !important;
    font-size: 32px!important;
    letter-spacing: 0.64px;
  }
  .mobile-sidebar  a{
    color: white;
  }
  .content-header {
    line-height: 1;
  }
  .nav > li > a:hover,
  .nav > li > a:focus {
    text-decoration: none;
    background-color: transparent !important;
  }
  .mobile-settings-option {
    margin: 15px 0px 0px 0px;  
    border-top: 1px solid #4a3853;
    border-bottom: 1px solid #4a3853;
    padding: 20px 0px;
  }
  .mobile-settings-option img{
    height: 26px;
    padding-right: 6px;
  }
  .setting-title-mobile {
    display: flex;
    align-items: center;
  }
  .setting-title-mobile span{
    color: var(--mobile-options-sidebar-color);
    font-size: 17px !important;
    padding-left: 10px !important;
  }
}

.additional-mobile-menu-option {
  margin: 15px 0px 0px 0px;
  border-bottom: 1px solid #4a3853;
  padding: 20px 0px;
}

.additional-mobile-menu-option .header_menu_item img {
  position: relative;
  top: -3px;
}

.additional-mobile-menu-option .header_menu_item span {
  color: var(--mobile-additional-options-sidebar-color);
  font-size: 17px !important;
  padding-left: 10px !important;
}
.additional-mobile-menu-option .sub-option a, .additional-mobile-menu-option .sub-option p{
  color: var(--mobile-options-sidebar-color);
  font-size: 15px !important;
  font-family: 'AeonikTRIAL-Regular', sans-serif;
  font-weight: 700;
  margin-bottom: 16px;
  text-align: left;
  display: block;
}
.additional-mobile-menu-option .sub-option{
  padding: 23px 0px 0px 0px;
}
.mobile-logout-btn {
  justify-content: space-between;
  display: flex;
  align-items: center;
  background: none;
  border: none;
  width: 100%;
}

.mobile-logout-btn img {
  height: 30px;
}

.mobile-logout-btn span {
  color: #FFF;
  font-family: 'AeonikTRIAL-Bold', sans-serif;
  font-weight: 700;
  font-size: 21px;
}
.user-account-container {
  display: flex;
  align-items: center;
  padding-left: 12px;
}
#webpush-notification-center.webpush-notification-center-color-custom {
box-shadow: none!important;
}

/* 📬 Web Inbox Header Icon */
 .web-inbox-header-trigger {
  position: relative;
  cursor: pointer;
  /* padding: 8px 12px; */
  padding: 6px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease, opacity 0.5s ease;
  color: #ffffff;
  background: none;
  border: none;
  outline: none;
  margin: 0;
  /* opacity: 0; */
}

.web-inbox-header-trigger.xp-ready {
  opacity: 1;
}

.web-inbox-header-trigger:focus {
  outline: none;
  box-shadow: none;
}

.webpush-notification-center-icon-close{
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.33319 1.6432C5.93657 0.571854 7.82164 2.67029e-05 9.75 2.67029e-05C12.335 0.00275653 14.8134 1.03086 16.6413 2.85875C18.4692 4.68664 19.4973 7.165 19.5 9.75003C19.5 11.6784 18.9282 13.5635 17.8568 15.1668C16.7855 16.7702 15.2627 18.0199 13.4812 18.7579C11.6996 19.4958 9.73919 19.6889 7.84787 19.3127C5.95656 18.9365 4.21927 18.0079 2.85571 16.6443C1.49215 15.2808 0.563554 13.5435 0.187348 11.6522C-0.188858 9.76084 0.00422448 7.80044 0.742179 6.01886C1.48013 4.23728 2.72982 2.71454 4.33319 1.6432ZM6.04289 6.04289C6.43342 5.65237 7.06658 5.65237 7.45711 6.04289L9.625 8.21079L11.7929 6.04289C12.1834 5.65237 12.8166 5.65237 13.2071 6.04289C13.5976 6.43342 13.5976 7.06658 13.2071 7.45711L11.0392 9.625L13.2071 11.7929C13.5976 12.1834 13.5976 12.8166 13.2071 13.2071C12.8166 13.5976 12.1834 13.5976 11.7929 13.2071L9.625 11.0392L7.45711 13.2071C7.06658 13.5976 6.43342 13.5976 6.04289 13.2071C5.65237 12.8166 5.65237 12.1834 6.04289 11.7929L8.21079 9.625L6.04289 7.45711C5.65237 7.06658 5.65237 6.43342 6.04289 6.04289Z" fill="white" fill-opacity="0.8"/></svg>') !important;
  background-repeat: no-repeat !important;
  background-size: 20px 20px !important;
  background-position: center !important;
}

.webpush-notification-center-icon-close{
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.33319 1.6432C5.93657 0.571854 7.82164 2.67029e-05 9.75 2.67029e-05C12.335 0.00275653 14.8134 1.03086 16.6413 2.85875C18.4692 4.68664 19.4973 7.165 19.5 9.75003C19.5 11.6784 18.9282 13.5635 17.8568 15.1668C16.7855 16.7702 15.2627 18.0199 13.4812 18.7579C11.6996 19.4958 9.73919 19.6889 7.84787 19.3127C5.95656 18.9365 4.21927 18.0079 2.85571 16.6443C1.49215 15.2808 0.563554 13.5435 0.187348 11.6522C-0.188858 9.76084 0.00422448 7.80044 0.742179 6.01886C1.48013 4.23728 2.72982 2.71454 4.33319 1.6432ZM6.04289 6.04289C6.43342 5.65237 7.06658 5.65237 7.45711 6.04289L9.625 8.21079L11.7929 6.04289C12.1834 5.65237 12.8166 5.65237 13.2071 6.04289C13.5976 6.43342 13.5976 7.06658 13.2071 7.45711L11.0392 9.625L13.2071 11.7929C13.5976 12.1834 13.5976 12.8166 13.2071 13.2071C12.8166 13.5976 12.1834 13.5976 11.7929 13.2071L9.625 11.0392L7.45711 13.2071C7.06658 13.5976 6.43342 13.5976 6.04289 13.2071C5.65237 12.8166 5.65237 12.1834 6.04289 11.7929L8.21079 9.625L6.04289 7.45711C5.65237 7.06658 5.65237 6.43342 6.04289 6.04289Z" fill="white" fill-opacity="0.8"/></svg>') !important;
  background-repeat: no-repeat !important;
  background-size: 20px 20px !important;
  background-position: center !important;
}
#webpush-notification-center-close{
  top: 10px !important;
  width: 20px !important;
  height: 20px !important;
}

.webpush-notification-center-color-custom #webpush-notification-center-close {
      border-radius: 50%;
        color: #3B124C;
}

.webpush-notification-center-color-custom .webpush-notification-center-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.20)!important;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0.20)!important;
}


/* .web-inbox-header-trigger:hover {
  border-radius: 8px;
  transform: translateY(-1px);
}

.web-inbox-header-trigger svg {
  transition: transform 0.3s ease;
}

.web-inbox-header-trigger:hover svg {
  transform: scale(1.1);
}



 */

/*

.inbox-badge-header {
  position: absolute;
  top: 4px;
  right: 4px;
  background-color: #ff4444;
  color: white;
  border-radius: 10px;
  padding: 2px 6px;
  font-size: 11px;
  font-weight: bold;
  min-width: 18px;
  text-align: center;
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
  animation: pulse-badge 2s infinite;
} */

@keyframes pulse-badge {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.9;
  }
}

  .web-inbox-header-trigger svg {
    width: 20px;
    height: 20px;
    fill: #dbd6de;
  }

@media (max-width: 768px) {
  .web-inbox-header-trigger {
    padding: 0 12px 8px;
  }
}

.nav-bar-mobile-acccount {
  width: 100%;
  height: 100%;
  position: fixed;
  left: -1206px;
  transition: left 0.3s ease;
  background-color: #200e2c;
  top: 110px;
}

.mobile-account-user-icon {
  position: relative;
  top: -5px;
  margin-right: 12px;
  cursor: pointer;
}

.nav-bar-mobile-acccount.open {
  left: 0;
}
.green-header-option {
  background: var(--detail-color);
}

.green-header-option.hover-border-header-btn::before {
  background-color: var(--detail-color);
  width: 74%;
}

.green-header-option.hover-border-header-btn::after {
  background-color: var(--detail-color);
  width: 74%;
}

.green-header-option .btn-title {
  color: #15051D;
}

.green-header-option .amount {
  color: #15051D;
}

.green-header-option:hover .btn-title {
  color: var(--secondary-text-color);}

.green-header-option:hover .amount {
  color: var(--secondary-text-color);
}
.header-option {
  padding: 0px !important;
}
#wrapper.mobile {
  /* margin-top: 51px; */
}
@media screen and (max-width: 992px) {
  .header-option {
    padding: 0px 22px !important;
  }
  .header-option {
      gap: 17px;
  }
  .header-option.customer-balance a {
    justify-content: center;
    height: 36px;
  }
  .header-option-item {
    padding: 12px 20px;
  } 
  #wrapper.active #sidebar-wrapper {
    margin-top: 50px;
    padding-bottom: 100px;
  }
}
.account-mobile-content-menu {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px 31px;
  max-height: calc(100* var(--vh) - 97px);
  overflow-y: auto;
}
.account-mobile-content-menu .account-dropdown-item{
  font-family: 'AeonikTRIAL-Bold', sans-serif;
  font-weight: 700;
  font-size: 2.1rem;
  text-align: left;
  padding-bottom: 17px;
}
.account-mobile-content-menu a{
  color: var(--text2);
}
.account-mobile-content-menu .user-hi{
  font-size: 3.2rem;
}
.account-mobile-content-menu .user-name{
  color: #FFC43D;
  font-size: 3.2rem;
  font-family: 'AeonikTRIAL-Bold', sans-serif;
  padding-left: 6px;
}
.mobile-sidebar .navbar-nav .dropdown-menu {
  background: #3a2247;
  position: inherit;
  float: none;
  margin-bottom: 20px;
  border-radius: 0px;
  border: none;
  padding: 18px 45px;
}
.mobile-sidebar .nav .open > a, .mobile-sidebar .nav .open > a:hover, .mobile-sidebar .nav .open > a:focus {
  background-color: #6f2b8c !important;
  border-color: transparent;
  color: white;
}
.mobile-sidebar .header_menu_item{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.mobile-sidebar .dropdown-toggle .header_menu_item .menu-mobile-arrow{
  transition: transform 0.5s ease;
}

.mobile-sidebar .dropdown-toggle[aria-expanded="true"] .menu-mobile-arrow {
  transform: rotate(90deg); 
}

.mobile-sidebar .dropdown-item:not(:first-of-type) {
  border-top: none !important;
  border-radius: 0px;
  padding: 10px 0px;
  display: flex;
  margin: 7px 0px;
  background: none;
}
.mobile-menu-icon {
  width: 24px;
  margin-right: 5px;
  height: 24px;
  margin-bottom: 2px;
}
.mobile-sidebar .navbar-nav .dropdown-item span{
  font-family: 'AeonikTRIAL-Regular', sans-serif;
  font-weight: 700;
  color: var(--secondary-text-color);
  font-size: 2.1rem;
}


.header-menu nav ul li {
  height: 48px;
}
.header-menu nav ul li a span{
  line-height: 16px;
  letter-spacing: 0.5px;
  font-size: 13px;
  text-transform: uppercase;
  font-family: 'AeonikTRIAL-Bold', sans-serif;
}
.header-menu .dropdown-toggle .mm-item::after {
  display: none;
}
.header-menu .dropdown-menu {
  padding: 0px 0px;
  border-radius: 0px;
  position: absolute;
  top: 45px;
}
.header-menu .dropdown-menu .dropdown-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.10) !important;
  text-align: left;
  margin: 0px !important;
  padding: 5px 12px 5px 12px !important;
  text-transform: capitalize;
  font-family: 'AeonikTRIAL-Bold', sans-serif;
  font-size: 1.2rem;
}



.header-menu .dropdown-toggle[aria-expanded="true"] {
  background-color: #592270;
}
.header-menu .dropdown-menu {
  min-width: 215px;
}
.desktop-header .dropdown-menu_account {
  width: 223px !important;
  top: 75px !important;
  left: 145px !important;
  background-color: var(--bg-600);
  border: 1px solid transparent;
  border-radius: 12px;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  padding: 23px;
  z-index: 10005;
}

.desktop-header .dropdown-menu_account .dropdown-item {
  color: var(--header-text, #FFF) !important;
}

.desktop-header .dropdown-menu_account .dropdown-item:last-child{
  border-radius: 10px;
}

@media screen and (max-width: 992px) {
  
  .content-header {
    background: var(--header-bg);
  }
  .modal-settings .modal-content {
    height: 100vh;
  }
}

@media screen and (max-width: 1202px) {
  .content-header {
    background: var(--header-bg);
  }
}





@media screen and (max-width: 1201px) {
  header {
   display: none;
  }
  #wrapper{
    height: 100%!important;
    padding-top: var(--header-height)!important;
  }
  .wrapper-no-sidebars{
    height: 100%!important;
  }
}

@media screen and (min-width: 991.98px) and (max-width: 1202px) {
  .content-header {
    background: #1e092a;
    height: 63px;
  }

  .content-header .customer-balance {
    display: none;
  }

  .nav-bar-mobile-acccount, .mobile-sidebar{
    top: 63px;
  }

  .mobile-sidebar {
    max-height: calc(100* var(--vh) - 63px);
  }

}

.wrapper-no-sidebars .page-content-wrapper {
  width: 100% !important;
}
.login-mobile-action .header-option-item {
  padding: 12px 20px;
  min-width: 120px;
  text-align: center;
}
.login-mobile-action .header-option-item span{
    width: 100%;
    font-family: 'AeonikTRIAL-Bold', sans-serif;
}
/* newbrand added styles */
/* start chats styles*/
#ada-button-frame{
  left: 15px!important;
}
.sports-container {
  padding-bottom: 69px;
}

/* #chat-widget-container {
  left: 0px!important;
  display: none !important;
} */
#ada-intro-frame {
  left: 10px !important;
}
.ada-chat-frame {
  left: 5px !important;
}
.promotion-card img {
  width: 100%;
  border-radius: 10px;
  margin-bottom: 5px;
}
/* end chats styles*/

.isNewTag {
  background: var(--primary-color);
  font-size: 1rem;
  color: var(--font-1000) !important;
  padding: 0px 4px;
  border-radius: 8px 0px;
  text-transform: uppercase;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'AeonikTRIAL-Bold', sans-serif !important;
  /* position: absolute;
  top: 0px;
  right: -9px; */
  
}

.tabButtonContainer button:first-of-type {
  border-right: 1px solid #393939;
}

.tabButtonContainer button:last-of-type {
  border-left: 1px solid #393939;
}
.tabButtonContainer:has(button:nth-child(2).active) button:first-child,
.tabButtonContainer:has(button:nth-child(2).active) button:last-child {
  border: none;
}

.betslip-final-amount {
  border-radius: 10px;
}

.alternate-bet-slip-title {
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 700;
  font-family: 'AeonikTRIAL-Bold', sans-serif;
  color: #fff;
  margin-left: 2px;
}

.currency-input-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  font-size: 1.5rem;
  height: 34px;
  background-color: var(--content-bg-color) !important;
  color: var(--main-font-color);
  border: 1px solid var(--border-input-betslip);
}

.tik-risk-amount, .tik-win-amount {
  position: relative;
}

/* .tik-risk-amount input, .tik-win-amount input {
  padding-left: 20px !important;
} */

.tik-risk-amount .user-currency-symbol, .tik-win-amount .user-currency-symbol {
  /* position: absolute;
  top: 5.5px; */
  z-index: 1;
  padding-left: 8px;
  padding-right: 8px;
  font-family: 'AeonikTRIAL-Regular', sans-serif;
  font-size: 1.5rem;
  color: #fff;
}

.wager-bet-amount-btn {
  padding-top: 0px !important;
}

  .betslip-mobile-content {
    /* bottom: 57px !important; */
        padding: 0px !important;
  }

.betslip-footer-actions-container {
  /* height: 65px; */
  border: 1px solid rgba(255, 255, 255, 0.10);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.06) 100%);
}

@media screen and (max-width: 991.98px) {
  #ada-button-frame{
    left: -14px !important;
    bottom: 52px !important;
    display: none;
  }
  /* .betslip-final-amount {
    margin-bottom: 100px;
  } */
  .mobile-sidebar .header_menu_item span{
    font-family: 'AeonikTRIAL-Bold', sans-serif;
    font-weight: 700;
    text-transform: capitalize !important;
    font-size: 32px!important;
    letter-spacing: 0.64px;
  }
  .mobile-sidebar .navbar-nav .dropdown-item span {
    font-family: 'AeonikTRIAL-Bold', sans-serif;
    font-weight: 700;
    color: var(--secondary-text-color);
    font-size: 2.1rem;
    text-align: left;
  }
  .betslip-footer-actions-container {
    /* height: 65px; */
    border: none;
    border-top: 1px solid rgba(255, 255, 255, 0.10) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10) !important;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.06) 100%) !important;
    border-radius: 0px;
    padding: 11px 17px;
  }
  .modal-bs .modal-body {
    border-radius: 0px !important;
  }
  .betslip-mobile-content {
    background-color: rgb(43 20 53);
  }
  .modal-bs .modal-footer {
    z-index: 1;
  }
  .modal-footer button {
    margin-top: 0px !important;
  }

}

.reports-container-mobile {
  margin-bottom: 91px;
}

.wtype .select_wrapper select {
  appearance: none;
  background-image: url(/sports/assets_core/img/icons-menu/dropwdow-bet-type-icon.svg);
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 9px;
  cursor: pointer;
}

.ticket select {
  appearance: none;
  background-image: url(/sports/assets_core/img/icons-menu/buy-points-arrow.svg);
  background-repeat: no-repeat;
  background-position: right 11px center;
  background-size: 9px;
  cursor: pointer;
}

.multiple_select_wrapper {
  appearance: none;
  background-image: url(/sports/assets_core/img/icons-menu/buy-points-arrow.svg);
  background-repeat: no-repeat;
  background-position: right 11px center;
  background-size: 9px;
  cursor: pointer;
}

.multiple_select_wrapper .dropdown {
  appearance: none;
  cursor: pointer;
  margin: 10px 0px 0px 0px;
  padding: 0px 10px;
}

.position-absolute {
  position: absolute;
}

.position-rel {
  position: relative;
}

.iframe-chat-room {
  position: absolute;
  bottom: 10px;
  z-index: 40000;
  
}

.swal2-checkbox, .swal2-radio {
  background: transparent !important;
}

optgroup {
  background-color: #33203C;
}

select option[selected] {
  background-color: var(--secondary-color) !important;
  color:var(--font-1000) !important;
}

.align-items-end{
  align-items: end !important;
}

@media screen and (min-width: 1385px) {
  .cardContainer {
    max-height: 300px;
    max-width: 700px;
  }
}

#chat-widget-container{
  left: 0px !important;
}