/* Minification failed. Returning unminified contents.
(3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(35,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(36,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(37,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(40,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(41,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(42,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(43,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(45,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(47,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(48,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(49,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(50,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(51,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(52,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(53,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(54,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(56,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(57,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(58,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(59,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(60,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(61,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(63,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(64,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(65,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(66,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(67,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(68,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(69,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(70,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(72,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(73,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(74,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(75,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(76,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(77,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(78,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(79,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(80,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(81,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(82,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(83,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(84,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(85,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(86,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(87,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(88,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(89,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(90,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(91,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(92,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(93,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(94,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(95,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(96,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(97,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(98,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(99,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(100,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(108,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(109,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(110,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(111,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(112,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(113,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(114,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(115,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(116,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(117,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(118,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(119,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(120,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(121,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(122,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(123,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(124,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(125,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(126,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(127,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(128,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(129,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(130,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(131,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(135,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(136,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(137,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(140,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(141,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(142,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(143,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(145,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(146,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(147,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(148,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(149,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(150,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(151,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(152,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(153,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(154,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(155,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(156,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(157,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(158,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(159,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(160,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(161,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(162,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(163,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(164,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(165,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(166,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(167,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(168,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(169,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(170,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(171,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(172,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(173,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(174,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(175,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(176,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(177,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(178,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(179,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(180,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(181,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(182,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(183,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(184,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(185,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(186,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(187,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(188,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(189,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(190,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(191,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(192,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(193,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(194,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(195,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(196,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(197,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(198,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(199,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(200,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(201,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(202,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(203,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(204,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(205,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(206,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(207,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(232,17): run-time error CSS1039: Token not allowed after unary operator: '-header-text'
(284,28): run-time error CSS1039: Token not allowed after unary operator: '-headers-bg-color'
(291,17): run-time error CSS1039: Token not allowed after unary operator: '-header-text'
(295,17): run-time error CSS1039: Token not allowed after unary operator: '-header-text'
 */
:root {

    --heading-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: #F2F2F6;
    --headers-bg-color: #0A1A41;
    --headers-font-color: #393A3C;
    --primary-color: #BC8C09;
    --sidebar-bgcolor: #F2F2F6;
    --leagues-bgcolor: #e4e4e4;
    --menu-hover-bgcolor: #788287;
    --menu-font-color: #202224;
    --dark1: #393A3C;
    --dark2: #1c1c1c;
    --green1: #4E7503;
    --green2: linear-gradient(0deg, #097529 0%, #24AA4B 100%);
    --green3: #52bf52;
    --green4: #A8B294;
    --green5: #F0F9E4;
    --gray-font-color: #828488;
    --middle-page-bg-color: #E4E7EA;
    --middle-headers-bg-color: #ffffff;
    --middle-font-color: #202224;
    /* --middle-line-button-selected-color: #0098E5; */
    /* --middle-line-button-hover-color: #0098E5; */
    --line-button-color: #F2F2F6;
    --line-button-selected-color: #fff;
    --line-button-hover-color: #194ccd;
    /* --links-font-color: #fff; */
    /* --links-font-color_op_40: 40%; */
    --site-wagerning: #E3F2FD;
    --black: #FFFFFF14;
    --main-font-color: #202224;
    --input-bg-color10: #cfcfcf;
    /* --input-custom-bg-color: #383352; */
    --internal-item-content: #383352;
    --text-black-color: #999999;
    --gray2: #3E3F4A;
    --gray3: #d8d8d8;
    --gray4: #F2F2F6;
    --gray5: #d4d5d6;
    --dot-colors-color1: #89D5F4;
    --dot-colors-color2: #0098E5;
    --ps1: 8px;
    --ps2: 16px;
    --ps3: 24px;
    --dark2: #2A2B2B;
    --white: #d6dbec;
    --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: #F93232;
    --circledBorderColor: #FF0000;
    --panel-heading-bg-color: white;
    --panel-heading-color: #4d5053;
    --sports-container-label-bg-color: #ffffff;
    --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;

    --circledBorderColor: #FF0000;
    --secondary-color: #BC8C09;
    --header-mobile-bg: #161616 ;
    --betslip-bg-color: #E4E7EA;
    --line-paste: #ffffff1f;
    --error-bg-color: #FF000040;
    --error-borde-color: #FF0000;
    --gradient-primary-color: linear-gradient(90deg, #AE8517 0%, #DCA000 100%);
    --gradient-secondary-color: linear-gradient(90deg, #AE8517 0%, #DCA000 100%);
    --hover-wager-type: #E4E7EA;
    --border-input-betslip: #989898;
    --tik-head-color: #213E87;
    --betslip-preset-amounts-inputs: #44b2ba;
    --parlay-selections-bg: #D2D2D2;
    --text2: #202224;
    --hover-10: var(--secondary-color);
    --bg-100: #ffffff;
    --header-text: #ffffff;
    --search-bg-color: #bdbdbf;
    --betslip-bg-prev: #F2F2F6;
    --join-bg-wrapper: #030212;
    --line-rot-num: #77777b;
    --bg-menu-mobile: #010514;
    --bg-search-heading: #747474;
    --bg-search-result: #F2F2F6;
    --border-bottom-sport-list: #e4e4e4;
    --reports-container-mobile-bg: #F2F2F6;
    --bg-place-bet-btn: linear-gradient(0deg, #24AA4B 0%, #097529 100%);
    --menu-mobile-more-item-bg-color: #0A1A41 ;




}

:root.dark {
    --heading-color: #ffffff;
    --heading-button-color: #d4d5d6;
    --heading-button-color-hover: #ececec;
    --heading-hover-color: #b70e00;
    --heading-divider-color: #5A5666;
    --footer-color: #0F0D19;
    --content-bg-color: #161616;
    --headers-bg-color: #0F0F0F;
    --headers-font-color: #393A3C;
    --primary-color: #AE8517;
    --sidebar-bgcolor: #161616;
    --leagues-bgcolor: #e4e4e4;
    --menu-hover-bgcolor: #788287;
    --menu-font-color: #F6F2E8;
    --dark1: #393A3C;
    --dark2: #1c1c1c;
    --green1: #4E7503;
    --green2: #24AA4B;
    --green3: #52bf52;
    --green4: #A8B294;
    --green5: #F0F9E4;
    --gray-font-color: #828488;
    --middle-page-bg-color: #161616;
    --middle-headers-bg-color: #0f0f0f;
    --middle-font-color: #F6F2E8;
    /* --middle-line-button-selected-color: #0098E5; */
    /* --middle-line-button-hover-color: #0098E5; */
    --line-button-color: #ffffff0f;
    --line-button-selected-color: #fff;
    --line-button-hover-color: #194ccd;
    /* --links-font-color: #fff; */
    /* --links-font-color_op_40: 40%; */
    --site-wagerning: #E3F2FD;
    --black: #ffffff0f;
    --main-font-color: #F6F2E8;
    --input-bg-color10: #dcdcdc2b;
    /* --input-custom-bg-color: #383352; */
    --internal-item-content: #383352;
    --text-black-color: #999999;
    --gray2: #3E3F4A;
    --gray3: #d8d8d8;
    --gray4: #ffffff0f;
    --gray5: #d4d5d6;
    --dot-colors-color1: #89D5F4;
    --dot-colors-color2: #0098E5;
    --ps1: 8px;
    --ps2: 16px;
    --ps3: 24px;
    --dark2: #2A2B2B;
    --white: #F6F2E8;
    --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: #FF000040;
    --circledBorderColor: #FF0000;
    --panel-heading-bg-color: white;
    --panel-heading-color: #4d5053;
    --sports-container-label-bg-color: #ffffff0f;
    --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;
    --circleBackgroundColor: #FF000040;
    --circledBorderColor: #FF0000;
    --secondary-color: #AE8517;
    --header-mobile-bg: #161616;
    --betslip-bg-color: #0f0f0f ;
    --line-paste: #ffffff1f;
    --error-bg-color: #FF000040;
    --error-borde-color: #FF0000;
    --gradient-primary-color:linear-gradient(90deg, #AE8517 0%, #DCA000 100%);
    --gradient-secondary-color: linear-gradient(90deg, #AE8517 0%, #DCA000 100%);
    --hover-wager-type: #ffffff5c;
    --border-input-betslip: #ffffff40;
    --tik-head-color: linear-gradient(180deg, #261D06 0%, #161616 100%);
    --betslip-preset-amounts-inputs: color-mix(in srgb, var(--primary-color) 50%, transparent) !important;;
    --parlay-selections-bg: #ffffff30;
    --text2: #F6F2E8;
    --hover-10: var(--primary-color);
    --bg-100: #0f0f0f ;
    --header-text: #ffffff;
    --search-bg-color: #161616;
    --betslip-bg-prev: #161616;
    --join-bg-wrapper: #161616;
    --line-rot-num: #ffffffb8;
    --bg-search-heading: #fefefe1a;
    --bg-search-result: var(--bg-100);
    --border-bottom-sport-list: #ffffff12;
    --reports-container-mobile-bg: #161616;
    --bg-place-bet-btn: linear-gradient(0deg, #24AA4B 0%, #097529 100%);
    --menu-mobile-more-item-bg-color: linear-gradient(0deg, #261D06 0%, #161616 100%) ;
    --bg-btn-secondary: linear-gradient(90deg, #ae861713 0%, #dca10013 100%);
    --bg-btn-secondary-font: #dfd2a1;
    --general-bg-header: linear-gradient(180deg, #261D06 0%, #161616 100%);






}
.header-option {
    padding: 0px !important;
}

.header-title-text {
    color: #959595;
    font-family: Montserrat;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding-top: 2px;
    text-align: left;
    margin-bottom: 0px;
}

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

.header-dropdown-container {
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.08);
    margin: 8px 0px;
}

.header-option-item {
    text-align: left;
    background: transparent;
}

#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: 6px;
    transform: rotate(180deg);
    transition: transform 0.5s ease-in-out;
}

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

.dropdown-menu_account {
    top: 46px !important;
    left: -193px !important;
    background-color: var(--headers-bg-color);
    border: none !important;
    border-radius: 5px !important;
    padding: 21px;
}

.dropdown-menu_account .dropdown-item {
    color: var(--header-text, #FFF) !important;
}

.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: 998;
    /* Debajo del dropdown pero encima del contenido */
}

/* Muestra el backdrop cuando el dropdown está abierto */
.header-arrow-container .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: 999;
    /* 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;
}

@media screen and (max-width: 992px) {
    .header-dropdown-container {
        max-height: 46px;
    }
    .content-header {
        line-height: 1;
    }
}