#divGameData {
  padding-top: 10px;
}

/* Play by Play */
.sv_title_flex {
  display: flex;
  margin-top: 5px;
  margin-bottom: 5px;
  align-items: center;
  justify-content: center;
}
.sv_title_flex img {
  max-width: 350px;
}
.sv_links_title {
  float: left;
  width: 25%;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
  color: #153d8a;
  font-family: "Roboto Condensed";
  font-size: 3em;
  line-height: 1.2em;
  background-color: #f2e11f;
  border-radius: 25px;
  padding: 10px;
}
.sv_mitte_title {
  overflow: auto;
  width: 50%;
  text-align: center;
  color: white;
  text-shadow: 2px 2px 5px black;
  font-family: "Roboto Condensed";
  font-size: 2em;
}
.sv_rechts_title {
  float: right;
  width: 25%;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
  margin: auto;
  flex: auto;
  color: #153d8a;
  font-family: "Roboto Condensed";
  font-size: 3em;
  line-height: 1.2em;
  background-color: #f2e11f;
  border-radius: 25px;
  padding: 10px;
}
.svtable {
  font-size: 16px;
  color: var(--e-global-color-text);
}
.sv_flex {
  display: flex;
  margin-bottom: 5px;
}
.sv_flex_rev {
  display: flex;
  flex-direction: row-reverse;
  margin-top: 5px;
  margin-bottom: 5px;
  background-color: #80808012;
  padding-bottom: 5px;
  padding-top: 5px;
}
.sv_head {
  width: 100%;
  background-color: #f2e11f;
  color: #153d8a;
  padding-left: 5px;
  padding: 10px;
  float: left;
  font-weight: 600;
  margin-bottom: 20px;
  font-size: 1.5em;
}
.sv_links_head {
  float: left;
  background-color: #fff;
  padding-left: 5px;
  font-weight: 600;
  color: var(--e-global-color-primary);
  padding-top: 30px;
  margin-bottom: 10px;
}
.sv_mitte_head {
  overflow: auto;
  text-align: center;
  background-color: #fff;
  margin-bottom: 10px;
}
.sv_rechts_head {
  float: right;
  text-align: right;
  background-color: #fff;
  padding-right: 5px;
  margin: auto;
  flex: auto;
  font-weight: 600;
  color: var(--e-global-color-primary);
  padding-top: 30px;
  margin-bottom: 10px;
}
.sv_links_as {
  float: left;
  background-color: #f2e11f;
  color: #153d8a;
  padding-left: 5px;
  font-weight: 600;
  padding-bottom: 5px;
  padding-top: 5px;
  font-size: 1.5em;
  padding: 10px;
}
.sv_mitte_as {
  overflow: auto;
  text-align: center;
  color: #fff;
  background-color: #0f2e5c;
  font-weight: 600;
  padding-bottom: 5px;
  padding-top: 5px;
}
.sv_rechts_as {
  float: right;
  text-align: right;
  color: #153d8a;
  background-color: #f2e11f;
  padding-right: 5px;
  margin: auto;
  flex: auto;
  font-weight: 600;
  padding-bottom: 5px;
  padding-top: 5px;
  font-size: 1.5em;
  padding: 10px;
}
.sv_links_pen {
  float: left;
  padding-left: 5px;
  padding-right: 5px;
  width: 120px !important;
  align-items: center;
  justify-content: center;
  display: flex;
  background-color: rgba(242, 225, 31, 0.1);
  padding-bottom: 5px;
  padding-top: 5px;
}
.sv_mitte_pen {
  float: left;
  width: 100px !important;
  align-items: center;
  justify-content: center;
  text-align: center;
  display: flex;
  background-color: #f2e11f;
  padding-bottom: 5px;
  padding-top: 5px;
  font-size: 1.5em !important;
  margin: 0px 10px;
}
.sv_rechts_pen {
  float: right;
  text-align: left;
  padding-left: 5px;
  padding-right: 5px;
  margin: auto;
  flex: auto;
  background-color: rgba(242, 225, 31, 0.1);
  padding-bottom: 5px;
  padding-top: 5px;
  width: 120px !important;
}
.sv_links_pen2 {
  float: left;
  text-align: right;
  padding-right: 5px;
  width: 120px !important;
  align-items: center;
  justify-content: center;
  display: flex;
  background-color: rgba(0, 45, 127, 0.2);
}
.sv_mitte_pen2 {
  float: left;
  width: 100px !important;
  text-align: center;
  align-items: center;
  justify-content: center;
  display: flex;
  background-color: #1e58c7;
  font-size: 1.5em !important;
  margin: 0px 10px;
}
.sv_rechts_pen2 {
  float: right;
  text-align: right;
  padding-right: 5px;
  margin: auto;
  flex: auto;
  background-color: rgba(0, 45, 127, 0.2);
  width: 120px !important;
}
img.actionIcon {
  max-width: 100px !important;
}
.divScore {
  font-size: 80px;
  font-weight: 800;
  color: #fff;
}

.sv_mitte_title.divScore {
  font-size: 7em !important;
  color: #fff;
}

.sv_links_title.TeamLogo,
.sv_rechts_title.TeamLogo {
  background-color: unset;
}
.divScorelive {
  color: #0f2e5c;
  -webkit-animation: LiveScoreText 2s infinite alternate-reverse both;
  -webkit-animation-iteration-count: infinite alternate-reverse both;
  opacity: 0.5;
}
#divGameUpdate {
  font-size: 10px;
  text-align: right;
}
#todaygames thead {
  display: none;
}

/* Shotmap / Report tweaks */
#pbp_shotmap .-hd-los-game-full-report-game-info,
#pbp_shotmap .-hd-los-game-full-report-period-stats,
#pbp_shotmap .-hd-los-game-full-report-game-facts,
#pbp_shotmap .-hd-los-game-full-report-team-stats,
#pbp_shotmap .-hd-los-game-full-report-goals,
#pbp_shotmap .-hd-los-game-full-report-penalties,
#pbp_shotmap .-hd-los-game-full-report-field-players,
#pbp_shotmap .-hd-los-game-full-report-goal-keepers,
#pbp_shotmap .-hd-los-game-full-report-goal-keeper-changes,
#pbp_shotmap .-hd-los-game-full-report-headline {
  display: none;
}
#pbp_report .-hd-los-game-full-report-game-state-extended,
#pbp_report .-hd-los-game-full-report-team,
#pbp_report .-hd-los-game-full-report-score {
  display: none;
}
#pbp_report .-hd-los-game-full-report-headline {
  text-align: left;
}

/* Period bar */
.periodbarsection {
  margin-right: 5px;
  border-radius: 5px;
  text-align: center;
  background-color: #e9e9e9;
  height: 45px;
}
.periodbarsection > .isactive1[value="0"],
.periodbarsection > .isactive1[value="1"],
.periodbarsection > .isactive1[value="2"],
.periodbarsection > .isactive1[value="3"],
.periodbarsection > .isactive1[value="4"],
.periodbarsection > .isactive1[value="5"],
.periodbarsection > .isactive1[value="6"],
.periodbarsection > .isactive1[value="7"] {
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: pulsateProgress;
  display: flex !important;
}
.periodbarsection:last-child {
  margin-right: 0px;
}
.isactive0[value="100"] {
  border-radius: 4px;
  text-align: center;
  padding-top: 10px;
  background-color: #464646;
  height: 100%;
  color: #fff;
}
.isactive0 {
  border-radius: 5px;
  text-align: center;
  padding-top: 10px;
  height: 100%;
}
.isactive0[value="0"] {
  border-radius: 5px;
  text-align: center;
  padding-top: 10px;
  height: 100%;
  width: 100% !important;
}
.isactive1 {
  border-radius: 4px;
  text-align: center;
  padding-top: 10px;
  background-color: yellow;
  height: 100%;
  color: #000;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: pulsateProgress;
  display: table;
  white-space: nowrap;
  padding-left: 5px;
  padding-right: 5px;
}
#pbp_myprogress,
#pbp_myprogress_mob {
  display: flex;
  margin-top: 50px;
  margin-bottom: 10px;
  border-radius: 6px;
  border-collapse: separate;
}

@keyframes pulsateProgress {
  0% {
    background-color: #0f2e5cd1;
    color: #fff;
  }
  50% {
    background-color: #0f2e5c;
    color: #fff;
  }
  100% {
    background-color: #0f2e5cd1;
    color: #fff;
  }
}

@keyframes pulsateProgress2 {
  0% {
    background-color: #ccc;
    color: #b40404;
  }
  50% {
    background-color: #b40404;
    color: #fff;
  }
  100% {
    background-color: #ccc;
    color: #b40404;
  }
}

@-webkit-keyframes LiveScoreText {
  0% {
    -webkit-transform: scale(0.9, 0.9);
    opacity: 0.5;
  }
  50% {
    opacity: 0.75;
  }
  100% {
    -webkit-transform: scale(1, 1);
    opacity: 1;
  }
}

@media only screen and (min-width: 50px) and (max-width: 650px) {
  .periodbarsection > .isactive1[value="0"],
  .periodbarsection > .isactive1[value="1"],
  .periodbarsection > .isactive1[value="2"],
  .periodbarsection > .isactive1[value="3"],
  .periodbarsection > .isactive1[value="4"],
  .periodbarsection > .isactive1[value="5"],
  .periodbarsection > .isactive1[value="6"],
  .periodbarsection > .isactive1[value="7"],
  .periodbarsection > .isactive1[value="8"],
  .periodbarsection > .isactive1[value="9"],
  .periodbarsection > .isactive1[value="10"],
  .periodbarsection > .isactive1[value="11"],
  .periodbarsection > .isactive1[value="12"],
  .periodbarsection > .isactive1[value="13"],
  .periodbarsection > .isactive1[value="14"],
  .periodbarsection > .isactive1[value="15"],
  .periodbarsection > .isactive1[value="16"],
  .periodbarsection > .isactive1[value="17"],
  .periodbarsection > .isactive1[value="18"],
  .periodbarsection > .isactive1[value="19"],
  .periodbarsection > .isactive1[value="20"] {
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-name: pulsateProgress2;
    display: flex !important;
  }
  #pbp_myprogress {
    margin: 0px;
    background-color: #f1f1f1;
    border: 0px;
    padding: 0px;
    font-size: 10px;
  }
}

@media (max-width: 767px) {
  .svtable {
    font-size: 12px;
  }
  .sv_mitte_pen,
  .sv_mitte_pen2 {
    width: 30px;
  }
  .sv_links_pen,
  .sv_links_pen2 {
    width: 50px;
  }
  img.actionIcon {
    max-width: 20px !important;
  }
  .divScore {
    font-size: 32px;
    font-weight: 800;
  }
  .sv_title_flex {
    font-size: 10px;
  }
  .sv_title_flex img {
    max-width: 75px;
  }
  #todaygames tr {
    font-size: 10px;
  }
  .sv_links_title {
    width: 33.333%;
    font-size: 16px;
  }
  .sv_mitte_title {
    width: 33.333%;
  }
  .sv_rechts_title {
    width: 33.333%;
    font-size: 16px;
  }
}