:root {
  /* custom colors */
  --app-bg: #003;
  --main-bg: #191b28;
  --secondary-bg: #003;
  --tertiary-bg: rgb(6, 6, 81);

  --dgt-odd-bg: #111;
  --dgt-odd-color: #fdd537;
  --dgt-odd-active-bg: #fdd537;
  --dgt-odd-active-color: #000;

  --primary-bg: #f7c036;
  --head-block-bg: #003;

  --main-color: #bbb;
  --secondary-color: #fff;
  --tertiary-color: #f2f2f2;
  --brand-color: #fcbe1d;
  --color-in-primary-bg: #fff;

  --border-color: rgba(255, 255, 255, 0.102);
  --input-bg: #003;

  --eventAccentTxt: #fff !important;
  --eventAccent: #f2b313 !important;
  --accentTxt: #fff !important;
  --accentTxt2: #fff !important;
  /*  */

  --bodyBg: var(--app-bg) !important;
  --bodyTxt: var(--main-color) !important;

  --bodyBg2: var(--main-bg) !important;
  --bodyTxt2: var(--main-color) !important;

  --navbarG: var(--secondary-bg) !important;
  --navbarTxt2: var(--main-color) !important;
  --navbarAccent: var(--brand-color) !important;

  --sliderG: var(--tertiary-bg) !important;
  --sliderTxt2: var(--main-color) !important;
  --sliderBg: var(--secondary-bg) !important;
  --sliderAccent: var(--brand-color) !important;

  --headerBg: var(--secondary-bg) !important;
  --headerBg2: var(--border-color) !important;
  --headerTxt: var(--tertiary-color) !important;
  --headerG: var(--secondary-bg) !important; /* d */
  --headerTxt2: var(--tertiary-color) !important; /* d */
  --headerBorder: var(--border-color) !important; /* d */

  --tabBg: var(--secondary-bg) !important;
  --tabTxt2: var(--main-color) !important;
  --tabBg2: var(--tabBg) !important;
  --tabTxt: var(--color-in-primary-bg-color) !important;
  --tabAccent: var(--brand-color) !important;

  --tabG: var(--secondary-bg) !important;
  --tabActiveG: var(--primary-bg) !important;
  --tabActiveTxt: var(--color-in-primary-bg) !important;

  --menu_2G: var(--head-block-bg) !important;
  --menu_2Border: var(--border-color) !important;
  --menu_2Txt: var(--tertiary-color) !important;

  --menu_3G: var(--secondary-bg) !important;
  --menu_3Border: var(--border-color) !important;
  --menu_3Txt: var(--tertiary-color) !important;
  --menu_3BgHover: var(--head-block-bg) !important; /* d */
  --menu_3Txt2: var(--main-color) !important; /* d */

  --menu_1Bg: var(--secondary-bg) !important;
  --menu_1Txt2: var(--tertiary-color) !important;
  --menu_1G: var(--secondary-bg) !important; /* d */
  --menu_1BgHover: var(--tertiary-bg) !important; /* d */
  --menu_1Txt: var(--tertiary-color) !important; /* d */
  --menu_1Border: var(--border-color) !important; /* d */

  --subHeaderG: var(--head-block-bg) !important;
  --subHeaderBorder: var(--border-color) !important;
  --subHeaderTxt2: var(--secondary-color) !important;

  --marketHeaderG: var(--secondary-bg) !important;
  --marketHeaderBorder: var(--border-color) !important;
  --marketHeaderTxt: var(--tertiary-color) !important;

  --dominantBg: var(--secondary-bg) !important;
  --dominantBg2: var(--secondary-bg) !important;
  --dominantTxt: var(--tertiary-color) !important;
  --dominantBg3: var(--tertiary-bg) !important; /* d */

  --filterBg: var(--head-block-bg) !important;
  --filterBgHover: var(--head-block-bg) !important;
  --filterBg2: var(--head-block-bg) !important;
  --filterTxt: var(--tertiary-color) !important;
  --filterG: var(--tertiary-bg) !important; /* d */

  --collapseBg: var(--tertiary-bg) !important;
  --collapseTxt2: var(--main-color) !important;

  --eventBg: var(--tertiary-bg) !important;
  --eventTxt: var(--secondary-color) !important;
  --eventTxt2: var(--secondary-color) !important;
  --eventBg2Hover: var(--eventBg) !important;
  --eventG: var(--tertiary-bg) !important; /* d */
  --eventBgHover: var(--secondary-bg) !important; /* d */
  --eventBg2: var(--tertiary-bg) !important; /* d */
  --eventBg3: var(--head-block-bg) !important; /* d */
  --showMoreG: var(--secondary-bg) !important; /* d */
  --showMoreBg2: var(--tertiary-bg) !important; /* d */
  --showMoreTxt: var(--secondary-color) !important; /* d */
  --showMoreBorder: var(--border-color) !important; /* d */

  --oddG: var(--head-block-bg) !important;
  --oddText: var(--brand-color) !important;
  --oddActiveG: var(--primary-bg) !important;
  --oddActiveTxt: var(--color-in-primary-bg) !important;
  --oddActiveTxt2: var(--color-in-primary-bg) !important;
  --oddBg2: var(--border-color) !important;
  --oddActiveBg2: var(--border-color) !important;
  --oddBorder: var(--head-block-bg) !important; /* d */
  --oddActiveBorder: var(--head-block-bg) !important; /* d */
  --oddTxt: var(--brand-color) !important; /* d */

  --inputBg: var(--input-bg) !important;
  --inputTxt2: var(--main-color) !important;
  --inputBg2: var(--head-block-bg) !important;
  --inputTxt: var(--main-color) !important;
  --inputG: var(--input-bg) !important;
  --inputSecondaryG: var(--input-bg) !important; /* d */
  --inputSecondaryTxt: var(--main-color) !important; /* d */
  --inputSecondaryBg2: var(--secondary-bg) !important; /* d */

  /* betslip */
  --triggerBg: var(--primary-bg) !important;
  --triggerTxt: var(--color-in-primary-bg) !important;
  --triggerBadgeBg: var(--tertiary-bg) !important;

  --tabSecondaryActiveBg: var(--secondary-bg) !important;
  --tabSecondaryActiveTxt: var(--secondary-color) !important;

  --singleBodyBg: var(--main-bg) !important;
  --singleHeaderBg: var(--secondary-bg) !important;
  --singleHeaderTxt: var(--secondary-color) !important;

  --singleInputBg: var(--input-bg) !important;
  --inputBorder: var(--border-color) !important;
  --inputBg2: var(--secondary-bg) !important;
  --inputAccent: var(--brand-color) !important;

  --buttonSecondaryBg: var(--secondary-bg) !important;
  --buttonSecondaryBg3: var(--border-color) !important;
  --buttonSecondaryTxt: var(--secondary-color) !important;

  --tabTxt: var(--secondary-color) !important;

  --singleKeyboardBg: var(--secondary-bg) !important;
  --singleKeyboardBtn: var(--head-block-bg) !important;

  --bodyBgHover: var(--border-color) !important;
  --eventBg: var(--tertiary-bg) !important;
  --eventTxt: var(--main-color) !important;

  --buttonG: var(--primary-bg) !important;
  --buttonTxt: var(--color-in-primary-bg) !important;

  --modalBg: var(--main-bg) !important; /* d */
  --modalBg2: var(--tertiary-bg) !important; /* d */
  --modalTxt: var(--main-color) !important; /* d */
  --accentBg: var(--brand-color) !important; /* d */

  --font-size-XS: 12px !important;
}

.ai_odd:not(:first-child) .ai_odd_inner {
  border-left: 1px solid var(--border-color) !important;
}

.ai_odds_wrapper {
  border: 1px solid var(--border-color) !important;
}

.mainDataPanel {
  height: 100% !important;
}

.settings--theme {
  display: none !important;
}

#betslip-container-element {
  z-index: 2 !important;
}

.dg_top_matches_widget {
  background: #1f1f1f !important;
}

.tm_odd {
  background: var(--dgt-odd-bg);
  color: var(--dgt-odd-color);
}

.tm_odd:hover {
  background: var(--dgt-odd-active-bg);
  color: var(--dgt-odd-active-color);
}

.tm_top_matches {
  padding: 0 !important;
}

:root,
#sport-mobile,
#sport-mobile [data-theme='light'],
#sport-mobile[data-theme='light'] {
  --d-primary-bg: rgba(255, 255, 255, 0.15);
  --d-primary-color: #fff;
  --d-brand-bg: #003;
  --d-brand-color: #fff;
  --d-brand-bg-hover: #fdd537;
  --d-brand-color-hover: #000;
  --d-brand-text-color: #fdd537;

  --d-odd-bg: #003;
  --d-odd-color: #fdd537;
  --d-odd-bg-active: #fdd537;
  --d-odd-color-active: #000;

  /*  */

  @media (min-width: 1024px) {
    --oddBg: var(--d-odd-bg) !important;
    --oddText: var(--d-odd-color) !important;
    --oddActiveG: var(--d-odd-bg-active) !important;
    --oddActiveBg2: var(--d-odd-bg-active) !important;
    --oddActiveBorder: var(--d-odd-bg-active) !important;
    --oddActiveTxt: var(--d-odd-color-active) !important;

    --oddG: var(--d-odd-bg) !important;
    --oddTxt: var(--d-odd-color) !important;
    --oddTxtHover: var(--d-odd-color-active) !important;
    --oddBgHover: var(--d-odd-bg-active) !important;
  }

  /* 
  --menu_3Accent: var(--d-brand-bg) !important;
  --bodyAccent: var(--d-brand-bg) !important;
  
  --eventAccent: var(--d-brand-bg) !important;
  --eventAccentTxt: var(--d-brand-color) !important;

  --accentBg: var(--d-brand-bg) !important;
  --accentTxt: var(--d-brand-color) !important;
  --accentTxt2: var(--d-brand-color) !important;

  --tabActiveBg: var(--d-brand-bg) !important;
  --tabActiveG: var(--d-brand-bg) !important;
  --tabActiveTxt: var(--d-brand-color) !important;

  --tabAccent: var(--d-brand-bg) !important;
  --tabAccentTxt: var(--d-brand-color) !important;

  --navbarAccent: var(--d-brand-bg) !important;

  --buttonG: var(--d-brand-bg) !important;
  --buttonTxt: var(--d-brand-color) !important;

  --oddBgHover: var(--d-brand-bg-hover) !important;
  --buttonBgHover: var(--d-brand-bg-hover) !important;
  */
}

.settings--theme {
  display: none !important;
}

.mainDataPanel {
  height: 100% !important;
}

/* Widget */
#sport-top-matches {
  background-color: var(--d-primary-bg);
  color: var(--d-primary-color);
}

#sport-top-matches .dg-tm-app-wrapper {
  --digiTopMatchesItemRadius: 8px;
  --digiTopMatchesItemBg: var(--d-brand-bg);
  --digiTopMatchesItemTxt: var(--d-brand-color);

  --oddRadius: 8px;
  --oddBg: var(--d-primary-bg);
  --oddTxt2: var(--d-primary-color);
}
/* --- */