/* Minification failed. Returning unminified contents.
(2,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(35,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(36,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(37,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(39,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(40,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(41,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(45,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(47,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(48,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(49,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(50,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(51,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(52,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(53,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(54,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(56,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(57,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(58,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(59,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(60,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(61,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(63,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(64,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(65,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(66,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(67,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(68,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(69,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(70,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(71,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(72,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(73,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(74,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(75,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(76,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(77,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(78,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(79,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(80,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(81,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(82,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(83,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(84,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(85,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(86,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(87,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(88,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(89,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(90,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(91,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(92,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(93,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(94,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(95,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(96,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(97,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(98,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(99,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(100,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(101,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(102,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(103,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(104,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(105,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(106,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(107,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(108,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(109,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(110,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(111,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(112,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(113,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(114,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(115,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(116,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(117,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(118,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(119,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(120,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(121,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(122,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(123,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(124,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(125,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(126,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(127,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(128,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(129,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(130,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(131,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(133,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(134,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(135,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(136,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(137,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(175,20): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-color'
(179,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(183,20): run-time error CSS1039: Token not allowed after unary operator: '-gradient-primary-color'
(192,30): run-time error CSS1039: Token not allowed after unary operator: '-header-mobile-bg'
(196,30): run-time error CSS1039: Token not allowed after unary operator: '-header-mobile-bg'
(208,29): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(224,15): run-time error CSS1039: Token not allowed after unary operator: '-header-title-text-color'
(236,15): run-time error CSS1039: Token not allowed after unary operator: '-header-text'
(250,26): run-time error CSS1039: Token not allowed after unary operator: '-sport-panel-item-border-color'
(256,26): run-time error CSS1039: Token not allowed after unary operator: '-header-user-gb'
(257,8): run-time error CSS1039: Token not allowed after unary operator: '-header-border-gradient'
(290,15): run-time error CSS1039: Token not allowed after unary operator: '-header-text'
(364,15): run-time error CSS1039: Token not allowed after unary operator: '-header-title-text-color'
(377,15): run-time error CSS1039: Token not allowed after unary operator: '-header-text'
(390,20): run-time error CSS1039: Token not allowed after unary operator: '-middle-headers-bg-color'
(395,20): run-time error CSS1039: Token not allowed after unary operator: '-gradient-secondary-color'
(401,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(423,20): run-time error CSS1039: Token not allowed after unary operator: '-middle-headers-bg-color'
(434,20): run-time error CSS1039: Token not allowed after unary operator: '-middle-headers-bg-color'
(435,15): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(438,26): run-time error CSS1039: Token not allowed after unary operator: '-sport-row-border-color'
(456,24): run-time error CSS1039: Token not allowed after unary operator: '-middle-headers-bg-color'
(505,36): run-time error CSS1039: Token not allowed after unary operator: '-vh'
(520,24): run-time error CSS1039: Token not allowed after unary operator: '-middle-headers-bg-color'
(523,24): run-time error CSS1039: Token not allowed after unary operator: '-gradient-secondary-color'
(569,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(616,24): run-time error CSS1039: Token not allowed after unary operator: '-bet-offering-btn-bg'
(643,19): run-time error CSS1039: Token not allowed after unary operator: '-text2'
(673,24): run-time error CSS1039: Token not allowed after unary operator: '-middle-headers-bg-color'
(676,19): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(685,30): run-time error CSS1039: Token not allowed after unary operator: '-sport-row-border-color'
(726,24): run-time error CSS1039: Token not allowed after unary operator: '-more-markets-btn-bg'
(767,24): run-time error CSS1039: Token not allowed after unary operator: '-bet-offering-btn-bg'
(784,20): run-time error CSS1039: Token not allowed after unary operator: '-gradient-secondary-color'
(785,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(825,33): run-time error CSS1039: Token not allowed after unary operator: '-cta-color'
(840,15): run-time error CSS1039: Token not allowed after unary operator: '-font-lost-color'
(889,33): run-time error CSS1039: Token not allowed after unary operator: '-sport-row-border-color'
 */
:root {
  --heading-color: #ffffff;
  --cta-color: #ffffff;
  --heading-button-color: #d4d5d6;
  --heading-button-color-hover: #ececec;
  --heading-hover-color: #957512;
  --heading-divider-color: #5A5666;
  --footer-color: #0F0D19;
  --content-bg-color: #1E0729;
  --headers-bg-color: #1E0729;
  --headers-font-color: #393A3C;
  --primary-color: #FFC440;
  --sidebar-bgcolor: #1E0729;
  --leagues-bgcolor: #e4e4e4;
  --menu-hover-bgcolor: #788287;
  --menu-font-color: white;
  --dark1: #393A3C;
  --dark2: #1c1c1c;
  --green1: #4E7503;
  --green2: #24AA4B;
  --green3: #52bf52;
  --green4: #A8B294;
  --green5:linear-gradient(0deg, #101920 0%, #1a2229 100%) ;
  --green6:#F0F9E4;
  --gray-font-color: #828488;
  --middle-page-bg-color: #1E0729;
  --middle-headers-bg-color: linear-gradient(90deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.06) 100%);
  --middle-font-color: #ffffff;
  --line-button-color: #ffffff0d;
  --line-button-selected-color: var(--secondary-color);
  --line-button-hover-color: #194ccd;
  --site-wagerning: #E3F2FD;
  --black: #FFFFFF14;
  --main-font-color: #ffffff;
  --input-bg-color10: #dcdcdc2b;
  --internal-item-content: #383352;
  --text-black-color: #999999;
  --gray2: #3E3F4A;
  --gray3: #d8d8d8;
  --gray4: #FFFFFF14;
  --gray5: #d4d5d6;
  /* --dot-colors-color1: #89D5F4;
  --dot-colors-color2: #0098E5; */
  --dot-colors-color1: #BF7D2F;
  --dot-colors-color2: #FFC440;
  --ps1: 8px;
  --ps2: 16px;
  --ps3: 24px;
  --dark2: #2A2B2B;
  --white: white;
  --menuTypeSubItems-bgColor: #fff;
  --menuMobileSubItem-bgColor: #f2f0f1;
  --menuMobileSubItem-active-bgColor: #9996A0;
  --menuMobileSubItem-fontColor: #686868;
  --menuTypeItemsWrapper-active: var(--primary-color);
  --menuTypeItemsWrapper-link: white;
  --menuTypeItemsWrapper-menuType: white;
  --btn-collapse-leagues-fontColor: black;
  --circleBackgroundColor: #8299ff;
  --circledBorderColor: #FF0000;
  --panel-heading-bg-color: white;
  --panel-heading-color: #4d5053;
  --sports-container-label-bg-color: transparent;
  --sports-container-label-color: #4d5053;
  --sports-container-label-selected-bg-color: #e8e8e8;
  --sports-container-label-selected-color: var(--primary-color);
  --menuTypeItemsWrapper-active: var(--primary-color);
  --sd-rw-1-bg: #0058b3;
  --secondary-color: #FFC440;
  --header-mobile-bg: #010514;
  --betslip-bg-color: #ffffff14;
  --line-paste: #ffffff1f;
  --error-bg-color: #FF000040;
  --error-borde-color: #FF0000;
  --gradient-primary-color: #FFC440;
  --gradient-secondary-color: #FFC440;
  --hover-wager-type: #ffffff5c;
  --border-input-betslip: #6C6C6C ;
  --tik-head-color: #55435D ;
  --betslip-preset-amounts-inputs: #3C4456;
  --parlay-selections-bg: #3C4456;
  --text2: white;
  --hover-10: var(--primary-color);
  --bg-100: linear-gradient(90deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.06) 100%);
  --header-text: #ffffff;
  --search-bg-color: #1E0729;
  --betslip-bg-prev: #1E0729;
  --join-bg-wrapper: #1E0729;
  --line-rot-num: #d8d8d8;
  --bg-search-heading: #1E0729;
  --bg-search-result: #32333e;
  --border-bottom-sport-list: #FFFFFF1A;
  --border-100 :#FFFFFF1A;
  --reports-container-mobile-bg: #1E0729;
  --bg-place-bet-btn: var(--bg-1000);
  --header-option-border-right: white;
  --header-user-gb: linear-gradient(#1e272d, #1e272d);
  --header-border-gradient: linear-gradient(101deg, #E7E3E0 16.46%, #D8D4D2 21.25%, #ad607e 31.63%, #973397 37.23%, #F8F8F8 57.99%, #e3bebe 63.58%, #bc5086 73.17%, #8b436e 86.75%, #641b80 96.33%);
  --header-title-text-color: var(--primary-color);
  --sport-panel-bg: linear-gradient(90deg, #2F1939 0%, #291333 100%);
  --sport-panel-item-bg: rgba(255, 255, 255, 0.05);
  --sport-panel-item-border-color: #FFFFFF1A;
  --sport-row-border-color: #FFFFFF1A;
  --selected-period-border: var(--opt-color-hover);
  --seach-panel-bg: linear-gradient(90deg, #2F1939 0%, #291333 100%);
  --seach-panel-border-color: #FFFFFF1A;
  --choose_odds-hover-color:var(--opt-color-hover) ;
  --validations-popup: linear-gradient(90deg, #2F1939 0%, #291333 100%);
  --bg-500:#ffffff0d;
  --opt-color-hover:var(--primary-color);
  --bg-1000: #44FF80;
  --bg-400:linear-gradient(90deg, #8299ff 0%, #004cca 100%);
  --bg-600:#3B124B;
  --mobile-game-card-bg-color: linear-gradient(90deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.06) 100%);
  --font-1000:#15051D;
  --bet-offering-btn-bg: rgba(255, 255, 255, 0.06);
  --more-markets-btn-bg: linear-gradient(100deg, #505559 7.95%, #383D44 21.38%, #4E555A 38.64%, #41464C 56.95%, #383D44 71.57%, #41464C 92.37%);
  --font-lost-color:#FF0000;
  --brand-purplish-bg: linear-gradient(to right, #4e0d48, #170620, #2E0B40);
  --sidebar-bg: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), #2E0B40;
  --sidebar-icon-bar-bg: #9e88a5;
  --mobile-options-sidebar-color: #d2cdd4;
  --mobile-additional-options-sidebar-color: #786a80;
  --header-bg: #3B124B;
  --brand-mint: #62416f;
  --secondary-text-color: #d0c6d4;
  --detail-color: #48FF80;
  --dropdown-hover-bg-color: rgba(255, 255, 255, 0.10);
  --dropdown-hover-color: #ffff;
  --home-card-bg: #431A54;
  --neutral-card-color: rgba(255, 255, 255, 0.80);
  --home-general-bg: linear-gradient(to right bottom, #701264, #5a1658, #46164b, #33143c, #23112d, #1d0e26, #180a1f, #110418, #110418, #110418, #110418, #110418);
  --home-detail-color: #FFC440;
  --neutral-home-text-color: #c9b2d3;
  --home-user-card-bg: linear-gradient(251deg, rgba(234, 38, 188, 0.40) 0%, rgba(111, 43, 140, 0.40) 100%);
  --home-ready-content-bg: linear-gradient(251deg, rgba(238, 39, 195, 0.80) 0%, rgba(107, 43, 154, 0.80) 100%);
  --bg-450:#6F2B8C;
  
}
/* start new brand typography */
@font-face {
  font-family: 'AeonikTRIAL-Bold';
  font-weight: bold;
  src: url('/assets/css/fonts/AeonikTRIAL-Bold.otf') format('opentype');
}

@font-face {
  font-family: 'AeonikTRIAL-BoldItalic';
  src: url('/assets/css/fonts/AeonikTRIAL-BoldItalic.otf') format('opentype');
}

@font-face {
  font-family: 'AeonikTRIAL-Light';
  src: url('/assets/css/fonts/AeonikTRIAL-Light.otf') format('opentype');
}

@font-face {
  font-family: 'AeonikTRIAL-LightItalic';
  src: url('/assets/css/fonts/AeonikTRIAL-LightItalic.otf') format('opentype');
}

@font-face {
  font-family: 'AeonikTRIAL-Regular';
  src: url('/assets/css/fonts/AeonikTRIAL-Regular.otf') format('opentype');
}

@font-face {
  font-family: 'AeonikTRIAL-RegularItalic';
  src: url('/assets/css/fonts/AeonikTRIAL-RegularItalic.otf') format('opentype');
}


/* end brand typography */
.deposit-footer-options-container .option-btn {
  background: var(--gradient-primary-color) !important;
}

.deposit-footer-options-container .option-btn:hover {
  background-color: var(--primary-color) !important;
}

.deposit-footer-options-container .option-btn {
  background: var(--gradient-primary-color) !important;
}

@media only screen and (max-width: 991.98px) {
  .livebetting {
      margin-top: 0;
  }

  nav .menu {
      background-color: var(--header-mobile-bg);
  }

  menu-mobile .menuTypeContainer .menuTypeItemsWrapper{
      background-color: var(--header-mobile-bg);
      padding: 4px;
  }

  nav .menuTypeContainer .menuTypeItemsWrapper .menu li a{
      font-size: 12px;
  }

  menu-mobile .menu li{
      background-color: #4d5053!important;
  }
  menu-mobile .menu li.active{
      background-color:var(--secondary-color)!important;
  }

}


.password-error-message {
  color: red;
  position: absolute;
  font-size: 10px;
  background-color: #ffb2b6;
  padding: 10px;
  border-radius: 6px;
}

.header-title-text {
  color: var(--header-title-text-color);
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding-top: 2px;
  text-align: left;
  margin-bottom: 0px;
  font-family: 'AeonikTRIAL-Bold', sans-serif;
}

.header-sub-title {
  color: var(--header-text, #FFF);
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 0px;
  text-align: left;
  font-family: 'AeonikTRIAL-Bold', sans-serif;
}

.header-dropdown-container {
  background: rgba(255, 255, 255, 0.08);
  margin: 8px 0px;
  position: relative;
  background-color: var(--sport-panel-item-border-color);
  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);
  background-image: var(--header-user-gb), /* Para que el fondo del div no se vea afectado */
  var(--header-border-gradient);

}

#navbar_account_desktop img.acc_svg {
  width: 28px !important;
}

#navbar_account_desktop {
  display: flex;
  align-items: center;
  justify-content: center;
}

.header-arrow-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 10px;
}

.header-arrow-container .header-arrow {
  height: 16px !important;
  transform: rotate(0deg);
  transition: transform 0.5s ease-in-out;
}

.nav-link[aria-expanded="true"] .header-arrow {
  transform: rotate(180deg);
  transition: transform 0.5s ease-in-out;
}

.header-user-name {
  color: var(--header-text, #FFF);
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 0px;
}

.mobile_balance_items {
  text-align: left;
}


/* Backdrop: Cubre toda la pantalla y está oculto por defecto */
.custom-dropdown-backdrop {
  position: fixed;
  top: 72px;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  /* Oscurece el fondo */
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  z-index: 9998;
  /* Debajo del dropdown pero encima del contenido */
}

/* Muestra el backdrop cuando el dropdown está abierto */
.nav-link[aria-expanded="true"]~.custom-dropdown-backdrop {
  opacity: 1;
  visibility: visible;
}

/* Ajustar el menú desplegable para que esté encima */
.header-arrow-container .dropdown-menu {
  z-index: 9999;
  /* Asegura que esté sobre el backdrop */
}

.dropdown-menu_account .dropdown-item-top {
  margin-bottom: 5px !important;
}

.dropdown-menu_account .dropdown-item-bottom {
  margin-top: 18px !important;
}

.header-arrow-container .dropdown-item:not(:first-of-type) {
  border-top: none !important;
}

.dropdown-menu_account .dropdown-item {
  margin-bottom: 9px;
  padding-bottom: 14px;
}

.dropdown-item-border-bottom {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
}

.logout-icon-action {
  height: 19px !important;
  margin-right: 10px !important;
}

.sportsMenuNavBarAccount .dropdown-menu_account {
  top: inherit !important;
  left: -162px !important;
  z-index: 1002;
}
.header-title-text-dropdown {
  color: var(--header-title-text-color);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0px;
}

.header-title-text-dropdown.linear {
  color: #FFF;
}

.header-sub-title-dropdown {
  color: var(--header-text, #FFF);

  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 0px;
  text-align: left;
}

.header-cashier-options a{
  width: 48%;
  padding: 16px 20px;
  background: var(--middle-headers-bg-color);
  border-radius: 12px;
}

.header-cashier-options a.linear{
  background: var(--gradient-secondary-color);
}

.header-link-option-btn {
  border-radius: 12px;
  border: 1px solid #616161;
  color: var(--white, #FFF);
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  width: 100%;
  padding: 13px 20px;
  margin: 0px 0px 7px 0px;
}

.first-link-btn {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  padding-top: 10px;
  margin-top: 10px;
}

.header-link-option-btn p {
  width: 100%;
}

.logout-header-profile {
  background: var(--middle-headers-bg-color);
  border-radius: 12px;
  border: 1px solid #393939;
  display: flex;
  align-items: center;
  justify-content: center ;
  cursor: pointer;
  padding: 13px 20px;
}

.contest-container {
  background: var(--middle-headers-bg-color);
  color: var(--main-font-color);
  font-weight: 600;
  border-radius: 12px;
  border: 1px solid var(--sport-row-border-color);
}

@media screen and (max-width: 1201px) {
  .modal {
    z-index: 100054;
  }
}
@media screen and (max-width: 992px) {
  #gatsby-focus-wrapper {
      overflow-x: hidden !important;
  }
  .dropdown-item:not(:first-of-type), a.dropdown-item {
      border-top: none !important;
      border-radius: 12px;
      padding: 15px 20px;
      display: flex;
      margin: 7px 0px;
      background: var(--middle-headers-bg-color);
  }
  .draw-lines .btn-betline-container{
      width: 33% !important;
  }
  .modal-betslip{
      z-index: 100050!important;
  }

  .sports-container {
      padding-bottom: 135px;
  }
  .swal2-container {
      z-index: 100051;
  }
  .modal-bs .modal-footer {
      bottom: 0px;
      padding-bottom: 10px;
  }
  .sidebar-wrapper {
      top: 60px !important;
      /* overflow-y: hidden !important; */
      margin-bottom: 79px;
  }
  .header-dropdown-container {
      max-height: 42px;
  }
  .content-header {
      line-height: 1;
      position: fixed;
      z-index: 10003;
  }
  .header-arrow-container .header-arrow {
      height: 7px !important;
  }
  .header-dropdown-container {
      /* padding: 6px !important; */
  }
  .sportsMenuNavBarAccount .dropdown {
      position: inherit;
  }
  .sportsMenuNavBarAccount .dropdown-menu_account {
      position: absolute !important;
      left: 0% !important;
      right: 0%;
      width: 83% !important;
      top: 67px !important;
      overflow: auto;
      margin: auto;
      max-height: calc(100  * var(--vh) - 90px);
  }
  .custom-dropdown-backdrop {
      z-index: 4;
      position: absolute;
  }
  .mobile_balance_items {
      text-align: center;
  }
  .dropdown-item:not(:first-of-type) {
      border-top: none !important;
      border-radius: 12px;
      padding: 15px 20px;
      display: flex;
      margin: 7px 0px;
      background: var(--middle-headers-bg-color);
  }
  .dropdown-item.linear {
      background: var(--gradient-secondary-color);
  }
  .custom-dropdown-backdrop {
      top: 54px;
  }
  #search-lines-content {
      width: 97%;
  }
  .form-search {
      margin: 10px 0px 10px 13px !important;
  }
  .powered-container {
      padding-top: 24px !important;
  }
  .force-wrap {
      flex-wrap: wrap;
  }
}

@media screen and (min-width: 992px) and (max-width: 1407px) {
  .game-info-card {
      position: relative;
  }
  .alternateLinesCountWrapper {
      position: absolute !important;
      right: 35px;
      top: -21px;
  }
}

.alternateLinesCountWrapper {
  max-width: 23px !important;
  position: relative;
}
.btn-more-markets {
  margin: 0px !important;
  /* position: absolute; */
  /* left: -5px; */
}

select option {
  background-color: #33203C !important;
  color: #fff !important;
}

select option :hover {
  background-color: var(--primary-color)!important;
  color: #fff !important;
}

.bet-offering-5-colums-btn-container offering-button>div {
  height: 100%;
}



.gameLineInfo .btn-default .btn-offering-content {
  display: flex;
  flex-direction: column ;
  align-items: center;
  justify-content: center;
}

ul.bettinglines .gameLineInfo.isGameCircled .game-info-card{
  padding-left: 1px !important;
}

@media screen and (max-width: 992px) {
  .fa-question-circle {
      color: #535353;
      padding-right: 20px;
  }
  .sports .panel-title {
      font-size: 12px !important;
      line-height: 1.5 !important;
  }
  .mobile-bet-offering-grid-container {
      display: grid;
      grid-template-columns: 0.5fr 1fr;
      grid-template-rows: 1fr;
      gap: 0px 0px;
      grid-template-areas: ". .";
      margin: 0px 0px 0px 0px;
  }
  .gameLineInfo .mobile-bet-offering-grid-container:nth-of-type(2) {
      margin-top: 8px;
  }
  .bettinglines li .gameLineInfo {
      padding-bottom: 8px;
  }
  .btn-betline-container .btn-betlines {
      height: 100%;
      border-radius: 10px;
      background: var(--bet-offering-btn-bg);
      padding: 7px 0px;
      min-height: 53px;
  }

  .btn-betline-container .btn-betlines .btn-offering-content {
      display: flex;
      flex-direction: column ;
      align-items: center;
      justify-content: center;
  }

  ul.bettinglines .gameLineInfo.isGameCircled .game-info-card{
      padding-left: 1px !important;
  }
  .mobile-bet-offering-sport-team-container {
      display: flex;
      align-items: center;
  }
  .btn-bet-offering-mobile-content {
      display: flex;
      width: 100%;
      align-items: center;
      height: 100%;
  }
  .bettinglines li h4 {
      font-size: 0.9em !important;
      color: var(--text2);
      line-height: 19px !important;
  }
  .line-rot-num {
      font-weight: 100;
  }
  .bet-type-line_titles {
      border-radius: 0;
      display: grid !important;
      grid-template-columns: 0.5fr 1fr;
      grid-template-rows: 1fr;
      gap: 0px 0px;
      grid-template-areas: ". .";
      padding: 10px 11px 0px 12px !important;
      width: 100%;
      margin-bottom: 0px;
  }
  .bet-type-line_titles .title-grid {
      display: flex;
      align-items: center;
  }
  .line_titles_column {
      width: 44% !important;
      padding: 0px 3px;
  }
  .bet-offering-mobile-title, 
  .mob_period_wrapper .btn-period,
  .btn_teamTotals
  {
      border-radius: 12px;
      background: var(--middle-headers-bg-color);
      text-align: center;
      padding: 8px;
      color: var(--primary-color);
      text-align: center !important;
      font-size: 10px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      display: flex;
      flex-direction: column;
      justify-content: center;
      border: 1px solid var(--sport-row-border-color);
      width: 100%;
      height: 41px;
      align-items: center;
  }

  .bet-offering-mobile-title
  {
    font-size: 1.1rem;
  }

  .mob_period_wrapper .btn-period{
      min-width: 60px;
  }

  .btn_teamTotals{
      max-width: 100px;
  }

  .game-date-info-betoffering-container {
      height: 100%;
      display: flex;
      align-items: flex-end;
  }
  .bettinglines li h3 {
      padding: 0px !important;
      color: #FFF;
      font-size: 1.7rem;
      font-style: normal;
      font-weight: 600;
      line-height: normal;
      text-transform: uppercase;
  }
  .bettinglines li .gameLineInfo {
      margin: 8px 2px 10px !important;
  }
  .btn-bet-offering-mobile-content .teamtotal {
      width: 100%;
  }
  .btn-more-markets {
      align-items: center;
      background: var(--more-markets-btn-bg);
      margin: 0px !important;
      /* position: absolute; */
      /* left: -73px; */
      gap: 5px;
      min-width: 77px !important;
      z-index: 1;
  }
  .text-div-sport-bo-starting {
      width: 100%;
  }
  .alternates-subsport-name {
      color: #FFF;
      font-size: 11px;
      font-style: normal;
      font-weight: 700;
      margin-bottom: 0px;
  }
  .alternates-sport-name1 {
      color: #FFF;
      text-align: right;
      font-size: 12px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      letter-spacing: -0.12px;
      padding-top: 2px;
  }
  .draw-lines {
      display: grid;
      grid-template-columns: 0.5fr 1fr;
      grid-template-rows: 1fr;
      gap: 0px 0px;
      grid-template-areas: ". .";
      margin: 0px 0px 0px 0px;
      align-items: center;
      padding: 0px 12px 0 12px;
  }
  .btn-contest .btn-betlines{
      height: 100%;
      border-radius: 10px;
      background: var(--bet-offering-btn-bg);
      padding: 7px 0px;
      min-height: 53px;
      min-width: 71px;
  }
  .modal-settings .err_msg {
      margin-left: 0px;
      text-align: center;
      width: 100%;
  }
}

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

.page-content-wrapper-mob .alternates-content .button-see-more-cards-alternates {
  border-top-right-radius: 10px !important;
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
  margin-top: 10px;
}

.alternates-content .button-see-more-cards-alternates {
  border-top-right-radius: 10px !important;
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
  margin-top: 10px;
}

@media screen and (min-width: 993px) {
  .gameLineInfo .btn-default {
      min-height: 46px;
  }
  .simple-header-title-sport-lines-content {
      min-height: 48px;
  }
  .general_data {
      align-items: center;
  }
  .gameLineInfo .game-info-card {
      padding: 7px 12px 0px 12px !important;
  }
}

.alternate-btn-disabled {
  pointer-events: none;
  cursor: not-allowed !important;
}

.btn-period.active {
  border-bottom: 4px solid var(--cta-color) !important;
}

.sports-container {
  margin: 0 auto;
  font-variant-caps: inherit !important;
}

.sports-container .list-one li label {
  padding-left: 30px;
  font-variant-caps: inherit !important;
  font-size: 10px;
  font-weight: 600;
}
.num_neg_lost {
  color: var(--font-lost-color);
}
.mobile-wagertype-selected-info {
  padding: 0px !important;
  color: #FFF;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  text-align: center;
  margin-top: 4px;
}

@media only screen and (min-width: 991.98px) {
  .sports .panel-title {
      font-size: 12px !important;
      line-height: 1.5 !important;
  }
}

.justify-content-evenly {
  justify-content: space-evenly;
}

.modal-settings .err_msg strong {
  color: red;
  font-weight: 100;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 1.6px;
}

#settingsMenu .updatePassword {
  text-transform: uppercase;
}
.logout-title {
  color: #ff4949;
}

.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
  display: none !important;
}

.swiper-pagination-bullet-active {
  background: #fff !important;
}

.reports-container .graded-header {
  border-bottom: 4px solid var(--sport-row-border-color) !important;
}