:root {
  --primary-bg-color: #b62022;
  --secondary-bg-color: #7e888a;
  --primary-text-color: #000000;
  --secondary-text-color: #7e888a;
  --menu-color: #ffffff;
  --quicklinks-color: #7e888a;
  --quicklinks-font-color: #ffffff;
  --schedule-card-text: #ffffff;
.quickLinksFontColor { color: #ffffff; }
}
.dpbgc { background-color: #b62022; }
.dpbc { border-color: #b62022; }
.siteMap { color: #ffffff; }
.siteMap > a { color: #ffffff; }
.controlPanelHeaderLink { color: #ffffff; }
.dpc-title { color: #ffffff; }
.dpc { color: #000000; }
.menuFontColor { color: #ffffff; }
.navbar-dark .navbar-nav .nav-link { color: #ffffff !important; opacity: 1; display: inline;}
.dsbgc { background-color: #7e888a; }
.dsbc { border-color: #7e888a;}
.dsc { color: #7e888a; }
body#bodyOverride:before { background: #b62022; }
.dlbgc { background-color: #b62022; }
.dlbgc:hover { background-color: #b62022; }
.dlc { color: #ffffff; }
.dlc:hover { color: #ffffff; }
#TimeSpanButtons > button { background: #b62022; color: #000000; }
#navbarSupportedContent { background: #b62022; color: #000000; }
a.navbar-brand { color: #000000; }
.siteMap:hover { color: #ffffff; }
.siteMap > a:hover { color: #ffffff; }
.controlPanelHeaderLink:hover { color: #ffffff; }
.header-title:hover { color: #ffffff; }
.navbar-dark .navbar-nav .nav-link.active { color: #ffffff; }
.navbar-dark .navbar-nav .nav-link.show { color: #ffffff; }
.navbar-dark .navbar-nav .active > .nav-link { color: #ffffff; }
.navbar-dark .navbar-nav .show > .nav-link { color: #ffffff; }
.navbar-dark:hover .navbar-nav:hover .nav-link:hover { color: #ffffff; }
.btn-primary:hover { background: #b62022; border-color: #b62022; color: #000000; }
#UpcomingGamesWrapper .k-header { background:#b62022; color: #000000; }
#UpcomingGamesWrapper .k-grid-pager { background:#b62022; color: #000000;  }
.btn.btn-primary.btn-default:hover { background: #b62022; color: #000000; border: 1px solid #000000;  }
div.active { color: #7e888a; }
a.d-nav-link { color: #7e888a; }
a.active { background: #b62022;color: #000000; }
button.active { background: #b62022; color: #000000; }
a { color: #7e888a; }
a:hover { color: #7e888a; }
#ScheduleGrid .k-grid td.k-state-selected:hover, #ScheduleGrid > table > tbody > tr:hover, #ScheduleGrid .k-picker-wrap.k-state-hover { background-color: #b62022; background-image: none; color: #b62022; }
.k-state-hover { background-color: #b62022 !important; background-image: none !important; }
.k-state-hover:hover { background-color: #b62022 !important; background-image: none !important; }
.k-button:hover { background-color: #b62022 !important; background-image: none !important; }
.k-state-focused { background-color: #b62022 !important; background-image: none !important; }
.k-other-month.k-state-hover .k-link { background-color: #b62022 !important; background-image: none !important; }
.k-button.k-upload-button:hover { background-color: #b62022 !important; background-image: none !important;  }
.k-draghandle.k-state-selected:hover, .k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical, .k-list>.k-state-highlight, .k-list>.k-state-selected, .k-marquee-color, .k-panel>.k-state-selected, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-tool.k-state-selected { background-color: #b62022 !important; background-image: none !important;  }
.districtGridPrimary th { color: #000000; background-color: #b62022; }
.districtGridPrimary .k-link { color: #000000; !important; }
.districtGridPrimary td.k-state-selected:hover, .districtGridPrimary > tbody > tr:hover, .districtGridPrimary .k-picker-wrap.k-state-hover { background-color: #b62022; background-image: none; color: #000000; }
.dropdown-menu { background-color: #7e888a !important; }
.dropdown-menu > a { color: #ffffff; }
.schoolSportTeams > a { color: #000000; }
.schoolSportTeams > a:hover { color: #000000; }
.divSchoolScheduleSet > a { color: #000000; }
.divSchoolScheduleSet > a:hover { color: #000000; }
.col-sm-12 > a { color: #000000; }
.col-sm-12 > a:hover { color: #000000; }
.SecondMenu { color: #ffffff;; }
.SecondMenu > li > a { color: #ffffff;; }
.SecondMenu > li > a:hover { color: #ffffff;; }
.SecondMenu { background-color: #7e888a;; }