/* Statview feed Overrides */
.scoreboardheader {
  width: 100%;
}

@media screen and (max-width: 1024px) {
  .scoreboardheader {
    max-width: 100%;
  }
}

#scorecontainer,
#scorecontainer-pro {
  height: 90px;
  background: transparent;
}

#scorecontainer .loading,
#scorecontainer-pro .loading {
  line-height: 90px;
  height: 90px;
}

.scoreboardheader {
  margin-bottom: 0px;
  padding: 10px 0px;
}

.slick-slider {
  height: 100% !important;
  padding: 0 !important;
}

.scoreboard .slick-prev,
.scoreboard .slick-next {
  font-size: 0 !important;
  line-height: 0 !important;
  top: 0;
  height: 100%;
}

.slick-list {
  height: 100%;
}

.slick-track {
  height: 100%;
}

.scoreboard .score-box {
  position: initial;
  padding: 0;
  height: 100%;
}

.score-box .inner-score-box {
  background-color: #aeff00;
  border: none !important;
  border-right: 1px solid !important;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  height: 100% !important;
}

.game-date {
  height: auto !important;
  line-height: 1.5 !important;
  padding: 2px;
  width: 100%;
}

.team .team-name {
  font-weight: 600;
}

.score-box .inner-score-box .score-content {
  padding: 0 6px !important;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.score-box .results-title {
  text-align: center;
  width: 100%;
}

.score-box .box-tickets {
  position: relative !important;
  line-height: 1.5 !important;
  height: auto !important;
  width: 100%;
  padding: 4px 0;
}

#scorecontainer,
.scoreboardheader {
  background-color: #000000;
}

#scorecontainer .loading,
#scorecontainer-pro .loading {
  color: #000000;
}

#scorecontainer-pro .slick-list {
  border-color: #33058d !important;
}

.scorebar-pro > .inner-score-box {
  border-right: 1px solid #000;
}

.score-box .inner-score-box,
.scorebar-pro > .inner-score-box {
  border-color: #33058d !important;
}

.slick-prev:before,
.slick-next:before,
a.ht-scorebar-sch-btn i {
  color: #ffffff;
  content: '➔';
}

.slick-prev:hover,
.slick-next:hover {
  background: rgba(0, 0, 0, 0.25);
}

.slick-prev {
  transform: rotate(180deg);
}

.score-box .inner-score-box,
.sb-pro-container {
  background-color: #ffffff;
}

.score-box .inner-score-box:hover,
.scorebar-area.gc-preview {
  background-color: #000000;
}

.sb-pro-container.ht-today {
  background-color: #e2e2e2;
}

.scorebar-area.gc-preview a:hover {
  color: #ffffff !important;
}

.scorebar-pro > .inner-score-box .game-date {
  color: #ffffff;
  background-color: var(--semantics-surfaces-surface-1, #200256);
}

.score-box .results-title,
.score-box .team,
.score-box .score-area,
.score-box .box-tickets,
.scorebar-area .score-teams .team-container,
.scorebar-area .results-title {
  color: #000000;
}

@media (max-width: 460px) {
  .score-box {
    padding: 0 !important;
  }
}

/* prevent checkbox styles from being applied globally */
input[type='checkbox'] + label:before {
  content: none;
}

ng-view input[type='checkbox'] + label:before {
  content: '';
  margin: -1px 5px 0 -20px;
}

/* Make hard-to-read text black */
.ht-leader-stats-type,
.ht-leader-all-team span,
.ht-ids-status .ht-ids-date,
.ht-ids-team a {
  color: #000000;
}