:root,
:host {
  --project-color: #c29700;
  --project-font-color: #ffffff;
  --project-dark-color: #1c2f46;

  /*  */
  /* --dgt-odd-bg: #000000; */
  --dgt-odd-color: #084772;
  --dgt-odd-active-bg: #084772;
  --dgt-odd-active-color: #fff;

  --oddAccent: var(--dgt-odd-color) !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;
  /*  */

  --bodyAccent: var(--project-color) !important;
  --eventAccent: var(--project-color) !important;
  --eventAccentTxt: var(--project-font-color) !important;
  --accentBg: var(--project-color) !important;
  --menu_3Accent: var(--project-color) !important;
  --buttonG: var(--project-color) !important;
  --buttonTxt: var(--project-font-color) !important;
  --buttonBgHover: var(--project-dark-color) !important;
}

html {
  height: 100%;
}

.dg_top_matches_widget {
  background: #1f1f1f !important;
}
.tm_odd {
  color: var(--project-color);
}
.tm_odd:hover {
  background: var(--project-color);
}

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

.mainDataPanel {
  height: 100% !important;
}