:root,
#sport-mobile,
#sport-mobile [data-theme='light'],
#sport-mobile[data-theme='light'] {
  --d-brand-bg: #1183bc;
  --d-brand-color: #ffffff;
  --d-brand-bg-hover: #1183bc;
  --d-brand-text-color: #1183bc;

  --menu_3Accent: var(--d-brand-bg) !important;
  --bodyAccent: var(--d-brand-bg) !important;

  --oddActiveG: var(--d-brand-bg) !important;
  --oddActiveBg2: var(--d-brand-bg) !important;
  --oddActiveBorder: var(--d-brand-bg) !important;
  --oddText: var(--d-brand-color) !important;
  --oddTxt: 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;
}