.season_graph {
  width: 100%;
  height: 500px;
}

.graphic-box-score {
  min-width: 320px;
  max-width: 800px;
  height: 220px;
  /*margin: 0 auto; centering*/
  padding: 10px;
}

.team-icon {
  width: 50px;
  height: 50px;
}

.highcharts-axis-labels span {
  width: 50px;
}

.game-wrapper {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.game-column {
  display: table-cell;
  text-align: center;
}

.game-column h2 {
  max-width: 800px;
}

/* Media query for screens smaller than 800px */
@media (max-width: 800px) {
  .game-wrapper {
    display: flex;
    flex-direction: column; /* Stacks the boxes vertically */
  }
}

.cal-button {
  visibility: hidden;
}

.date-header {
  float: left;
}

.header-link {
  text-align: center;
  font-size: 16px;
}

.top-10-link {
  text-decoration: none;
  background-color: transparent;
}

.top-10-link:link {
  color: #6a6a6a;
}

.top-10-link:visited {
  color: #6a6a6a;
}

.top-10-link:hover {
  color: #3f3f3f;
  text-decoration: underline;
}

.prev-next {
  float: right;
  padding-right: 1em;
}

.prev-next a {
  color:#33348e;
  text-decoration:none;
}

.prev-next a:hover,
.prev-next a:focus {
  background-color:#fff;
  color:#33348e;
  text-decoration:underline;
}

.cal-form {
  /*float: left;*/
}

.flatpickr-float {
  margin-left: 0.3em;
  width: 80%;
  margin-top: 0.83em;
  position: relative;
}

.flatpickr-input {
  opacity: 1;
  width: 22px;
  height: 25px;
  cursor: default;
  color: transparent;
  background: transparent;
  text-indent: -9999px;
  font-size: 0px;
  border: 0px;
  user-select: none;
  outline: none;
}

.flatpickr-label {
  position: absolute;
}

[tooltip]:before {
  /* needed - do not touch */
  content: attr(tooltip);
  position: absolute;
  opacity: 0;

  /* customizable */
  transition: all 0.15s ease;
  padding: 5px;
  color: #33348e;
  border: 1px #33348e solid;
  border-radius: 5px;
  box-shadow: 2px 2px 1px gray;
  font-size: small;
  right: 70px;
}

[tooltip]:hover:before {
  /* needed - do not touch */
  opacity: 1;

  /* customizable */
  background: white;
  margin-top: 0px;
  margin-left: 10px;
}

[tooltip]:not([tooltip-persistent]):before {
  pointer-events: none;
}