.dg-tm-app-wrapper,
:root,
:host {
  --dgt-brand-text-color: #ff9d00;
  --dgt-brand-bg: #ff9d00;
  --dgt-brand-color: #000;
  --dgt-primary-bg: rgba(255, 255, 255, 0.05);
  --dgt-primary-color: #fff;
  --dgt-widget-bg: transparent;

  --dgt-odd-bg: #000000;
  --dgt-odd-color: var(--dgt-brand-text-color);
  --dgt-odd-active-bg: var(--dgt-brand-bg);
  --dgt-odd-active-color: var(--dgt-brand-color);

  --oddAccent: var(--dgt-brand-bg) !important;
  --oddBg: var(--dgt-odd-bg) !important;
  --oddG: var(--dgt-odd-bg) !important;
  --oddText: 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(--b-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;
}

sport-top-matches {
  background: var(--dgt-widget-bg) !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);
} */

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

.mainDataPanel {
  height: 100% !important;
}