:root {
    --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: #F2F2F6;
    --headers-bg-color: #1C1D2A;
    --headers-font-color: #393A3C;
    --primary-color: #F32E3A;
    --sidebar-bgcolor: #F2F2F6;
    --leagues-bgcolor: #e4e4e4;
    --menu-hover-bgcolor: #788287;
    --menu-font-color: #202224;
    --dark1: #393A3C;
    --dark2: #1c1c1c;
    --green1: #4E7503;
    --green2: #5F9B00;
    --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;
    --green1: #4E7503;
    --green2: linear-gradient(0deg, #097529 0%, #24AA4B 100%);
    --green3: #52bf52;
    --green4: #A8B294;
    --green5: #F0F9E4;
    --dot-colors-color1: #89D5F4;
    --dot-colors-color2: #0098E5;
    --ps1: 8px;
    --ps2: 16px;
    --ps3: 24px;
    --dark2: #2A2B2B;
    --white: #ffffff;
    --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: #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;
    --circleBackgroundColor: #FF000040;
    --circledBorderColor: #FF0000;
    --secondary-color: #4caf50;
    --header-mobile-bg: #010514;
    --betslip-bg-color: #E4E7EA;
    --line-paste: #ffffff1f;
    --error-bg-color: #FF000040;
    --error-borde-color: #FF0000;
    --gradient-primary-color: linear-gradient(90deg, #4caf50 0%, #C11A21 100%);
    --gradient-secondary-color: linear-gradient(90deg, #4caf50 0%, #C11A21 100%);
    --hover-wager-type: #E4E7EA;
    --border-input-betslip: #989898;
    --tik-head-color: #4D4E58;
    --betslip-preset-amounts-inputs: #DA4147;
    --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:#1C1D2A;
    --line-rot-num:#77777b;
    --bg-menu-mobile:#010514;
    --bg-search-heading:#0070ffb0;
    --bg-search-result:#F2F2F6;
    --border-bottom-sport-list:#e4e4e4;
    --reports-container-mobile-bg:#F2F2F6;
}

: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: #151515;
    --headers-bg-color: #151515;
    --headers-font-color: #393A3C;
    --primary-color: #4caf50;
    --sidebar-bgcolor: #151515;
    --leagues-bgcolor: #e4e4e4;
    --menu-hover-bgcolor: #788287;
    --menu-font-color: white;
    --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: #151515;
    --middle-headers-bg-color: #2B2B2B;
    ;
    --middle-font-color: #ffffff;
    /* --middle-line-button-selected-color: #0098E5; */
    /* --middle-line-button-hover-color: #0098E5; */
    --line-button-color: #ffffff14;
    --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: #ffffff;
    --input-bg-color10: #dcdcdc2b;
    /* --input-custom-bg-color: #383352; */
    --internal-item-content: #383352;
    --text-black-color: #999999;
    --gray2: #3E3F4A;
    --gray3: #d8d8d8;
    --gray4: #FFFFFF14;
    --gray5: #d4d5d6;
    --dot-colors-color1: #89D5F4;
    --dot-colors-color2: #0098E5;
    --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: #FF000040;
    --circledBorderColor: #FF0000;
    --panel-heading-bg-color: white;
    --panel-heading-color: #4d5053;
    --sports-container-label-bg-color: #ffffff14;
    --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: #4caf50;
    --header-mobile-bg: #151515;
    --betslip-bg-color: #ffffff14;
    --line-paste: #ffffff1f;
    --error-bg-color: #FF000040;
    --error-borde-color: #FF0000;
    --gradient-primary-color: linear-gradient(90deg, #4caf50 0%, #C11A21 100%);
    --gradient-secondary-color: linear-gradient(90deg, #4caf50 0%, #C11A21 100%);
    --hover-wager-type: #ffffff5c;
    --border-input-betslip: #ffffff40;
    --tik-head-color: #4F4F4F;
    --betslip-preset-amounts-inputs: #DA4147;
    --parlay-selections-bg: #ffffff30;
    --text2: white;
    --hover-10: #151515;
    --bg-100: #FFFFFF14;
    --header-text: #ffffff;
    --search-bg-color: #151515;
    --betslip-bg-prev: #151515;
    --join-bg-wrapper: #151515;
    --line-rot-num: #d8d8d8;
    --bg-search-heading: #fefefe1a;
    --bg-search-result: #32333e;
    --border-bottom-sport-list: #2A2B2B;
    --reports-container-mobile-bg: #151515;
    --bg-place-bet-btn: linear-gradient(0deg, #24AA4B 0%, #097529 100%);
    --menu-mobile-more-item-bg-color: #2B2B2B;
}

:root.skinThemeBlue {
    --primary-color: #617AFB;
    --secondary-color: #617AFB;
    --betslip-preset-amounts-inputs: #7285E8;
    --gradient-primary-color:linear-gradient(0deg, #1637DA 0%, #617AFB 100%);
    --gradient-secondary-color: linear-gradient(0deg, #1637DA 0%, #617AFB 100%);
   
}

:root.skinThemeRed {
    --primary-color: #4caf50;
    --secondary-color: #4caf50;
    --betslip-preset-amounts-inputs: #DA4147;
    --gradient-primary-color: linear-gradient(0deg, #C11A21 0%, #4caf50 100%);
    --gradient-secondary-color: linear-gradient(0deg, #C11A21 0%, #4caf50 100%);
}

:root.skinThemeYellow {
    --primary-color: #4caf50;
    --secondary-color: #4caf50;
    --betslip-preset-amounts-inputs: #ADAC1C;
    --gradient-primary-color: linear-gradient(0deg, #92921F 0%, #4caf50 100%);
    --gradient-secondary-color: linear-gradient(0deg, #92921F 0%, #4caf50 100%);;
}

:root.skinThemeOrange {
    --primary-color: #FF791F;
    --secondary-color:#FF791F ;
    --betslip-preset-amounts-inputs: #F3995D;
    --gradient-primary-color: linear-gradient(0deg, #CF5200 0%, #FF791F 100%);
    --gradient-secondary-color: linear-gradient(0deg, #CF5200 0%, #FF791F 100%);
}

:root.skinThemePurple {
    --primary-color: #7236FF;
    --secondary-color:#7236FF ;
    --betslip-preset-amounts-inputs: #9E78F8;
    --gradient-primary-color: linear-gradient(0deg, #4D0BE6 0%, #7236FF 100%);
    --gradient-secondary-color: linear-gradient(0deg, #4D0BE6 0%, #7236FF 100%);
}
:root.skinThemeGreen {
    --primary-color: #1BCB35;
    --secondary-color: #1BCB35;
    --betslip-preset-amounts-inputs: #3CAC4D;
    --gradient-primary-color: linear-gradient(0deg, #009516 0%, #1BCB35 100%);
    --gradient-secondary-color: linear-gradient(0deg, #009516 0%, #1BCB35 100%);
}