.dg-tm-app-wrapper,
:root,
:host {
  --dgt-brand-text-color: #fb0;
  --dgt-brand-bg: #084D26;
  --dgt-brand-color: #fff;

  --dgt-primary-bg: rgba(255, 255, 255, 0.05);
  --dgt-primary-color: #fff;

  --dgt-main-bg: #084D26;
  --dgt-main-color: #fff;
  --dgt-main-border-color: #ffffff1adgt-;

  --dgt-secondary-bg: #ffffff1a;
  --dgt-secondary-color: #fff;
  --dgt-secondary-border-color: #ffffff1a;

  --dgt-tertiary-bg: #084D26;
  --dgt-tertiary-color: #fff;
  --dgt-tertiary-border-color: #82838d;

  --dgt-odd-bg: #084D26;
  --dgt-odd-color: #fff;
  --dgt-odd-active-bg: #084D26;
  --dgt-odd-active-color: #fb0;

  /*  */
  --bodyBg: var(--dgt-main-bg) !important;
  --bodyTxt: var(--dgt-main-color) !important;
  --bodyBg2: var(--dgt-main-bg) !important;
  --bodyRGBA: var(--dgt-main-bg) !important;
  --bodyTxt2: var(--dgt-main-color) !important;
  --bodyBgHover: var(--dgt-tertiary-bg) !important;

  --subHeaderG: var(--dgt-main-bg) !important;
  --subHeaderBorder: var(--dgt-main-border-color) !important;
  --subHeaderTxt2: var(--dgt-main-color) !important;

  --eventBg: var(--dgt-secondary-bg) !important;
  --eventTxt: var(--dgt-secondary-color) !important;
  --eventTxt2: var(--dgt-secondary-color) !important;
  --eventBg2Hover: var(--eventBg) !important;
  --eventG: var(--dgt-tertiary-bg) !important;
  --eventBgHover: var(--dgt-secondary-bg) !important;
  --eventBg2: var(--dgt-tertiary-bg) !important;
  --eventBg3: var(--dgt-tertiary-bg) !important;
  --eventAccent: var(--dgt-brand-text-color) !important;
  --eventAccentTxt: var(--dark-purple-bg) !important;

  --showMoreG: var(--dgt-secondary-bg) !important;
  --showMoreBg2: var(--dgt-tertiary-bg) !important;
  --showMoreTxt: var(--dgt-secondary-color) !important;
  --showMoreBorder: var(--dgt-border-color) !important;

  --tabG: var(--dgt-secondary-bg) !important;
  --tabTxt: var(--dgt-secondary-color) !important;
  --tabTxt2: var(--dgt-secondary-color) !important;
  --tabActiveG: var(--dgt-brand-bg) !important;
  --tabActiveBg: var(--dgt-brand-bg) !important;
  --tabActiveTxt: var(--dgt-brand-color) !important;

  --tabBg: var(--dgt-secondary-bg) !important;
  --tabTxt2: var(--dgt-secondary-color) !important;
  --tabBg2: var(--tabBg) !important;
  --tabTxt: var(--tabTxt2) !important;
  --tabAccent: var(--dgt-brand-text-color) !important;

  --menu_2G: var(--dgt-tertiary-bg) !important;
  --menu_2Border: var(--dgt-tertiary-border-color) !important;
  --menu_2Txt: var(--dgt-tertiary-color) !important;
  --menu_2BgHover: var(--dgt-tertiary-bg) !important;

  --menu_3G: var(--dgt-secondary-bg) !important;
  --menu_3Border: var(--dgt-secondary-border-color) !important;
  --menu_3Txt: var(--dgt-tertiary-color) !important;
  --menu_3BgHover: var(--dgt-secondary-bg) !important;
  --menu_3Txt2: var(--dgt-main-color) !important;

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

  --headerBg: var(--dgt-tertiary-bg) !important;
  --headerTxt: var(--dgt-tertiary-color) !important;
  --headerG: var(--dgt-secondary-bg) !important;
  --headerTxt: var(--dgt-secondary-color) !important;
  --headerTxt2: var(--dgt-secondary-color) !important;

  --dominantBg: var(--dgt-main-bg) !important;
  --dominantTxt: var(--dgt-main-color) !important;
  --dominantRGBA: var(--dgt-secondary-bg) !important;

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

  /* main redesign */
  --oddBg: var(--dgt-odd-bg) !important;
  --oddG: var(--dgt-odd-bg) !important;
  --oddText: var(--dgt-odd-color) !important;
  --oddAccent: var(--dgt-odd-color) !important;
  --oddActiveG: var(--dgt-odd-active-bg) !important;
  --oddActiveTxt: var(--dgt-odd-active-color) !important;
  --oddActiveBg: var(--dgt-odd-active-bg) !important;
  --oddActiveTxt: var(--dgt-odd-active-color) !important;
  --oddActiveTxt2: var(--dgt-odd-active-color) !important;
  --oddBg2: var(--dgt-odd-bg) !important;
  --oddActiveBg2: var(--dgt-odd-active-bg) !important;
  --oddBorder: var(--dgt-odd-bg) !important;
  --oddActiveBorder: var(--dgt-odd-active-bg) !important;
  --oddTxt: var(--dgt-odd-color) !important;
  --oddBgHover: var(--dgt-odd-active-bg) !important;
  --oddTxtHover: var(--dgt-odd-active-color) !important;

  --accentBg: var(--dgt-brand-bg) !important;
  --accentTxt: var(--dgt-brand-color) !important;
  --accentTxt2: var(--dgt-brand-color) !important;
  --accentTxt3: var(--dgt-brand-color) !important;
  --eventAccent: var(--dgt-brand-bg) !important;
  --eventAccentTxt: var(--dgt-brand-color) !important;

  --bodyAccent: var(--dgt-brand-text-color) !important;
  --sliderAccent: var(--dgt-brand-text-color) !important;
  --navbarAccent: var(--dgt-brand-text-color) !important;

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

  --buttonG: var(--dgt-brand-bg) !important;
  --buttonBg: var(--dgt-brand-bg) !important;
  --buttonBg2: var(--dgt-brand-bg) !important;
  --buttonBg3: var(--dgt-brand-bg) !important;
  --buttonTxt: var(--dgt-brand-color) !important;
  --buttonTxt2: var(--dgt-brand-color) !important;
  --buttonTxt3: var(--dgt-brand-color) !important;

  /* widget */
  --eventG: var(--dgt-primary-bg) !important;
  --eventTxt2: var(--dgt-primary-color) !important;
  --dominantRadius: var(--border-radius) !important;
  /*  */

  @media (max-width: 768px) {
    --accentBg: var(--dgt-brand-text-color) !important;
    --eventAccent: var(--dgt-brand-text-color) !important;
  }
}

html {
  height: 100%;
}

sport-betslip {
  z-index: 200 !important;
}

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

.mainDataPanel {
  height: 100% !important;
}

.tg_left_filter_tabs_active {
  color: var(--dgt-brand-text-color) !important;
}

.dg_bs_wrapper {
  --bodyBg: #084D26 !important;
}