/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 18 2024 | 11:51:43 */
#fp-charts-settings {
  display: block !important;
}
:root body.pemsa {
  --wd-primary-color: #43b02a !important;
}
:root body.multi-personnel {
  --wd-primary-color: #ea004c !important;
}
:root body.assisteo {
  --wd-primary-color: #8dd0d3 !important;
}
:root body.teameo {
  --wd-primary-color: #006cff !important;
}
body.pemsa .btn.btn-color-primary {
  color: #fff;
  background-color: #43b02a;
}
body.pemsa .footer-container, body.pemsa .whb-top-bar, body.pemsa .whb-general-header {
  background-color: #43b02a;
}
body.multi-personnel .footer-container, body.multi-personnel .whb-top-bar, body.multi-personnel .whb-general-header {
  background-color: #ea004c;
}
body.assisteo .footer-container, body.assisteo .whb-top-bar, body.assisteo .whb-general-header {
  background-color: #8dd0d3;
}
body.teameo .footer-container, body.teameo .whb-top-bar, body.teameo .whb-general-header {
  background-color: #006cff;
}
#field_1_10 {
  display: flex;
  align-items: end;
  justify-content: start;
}
.wd-list.grid_pg {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
  grid-auto-rows: minmax(100px, auto);
}
.wd-list.grid_pg li:not(:last-child) {
  border-right: 1px solid var(--wd-primary-color);
}
@media screen and (min-width: 500px) and (max-width: 899px) {
  .wd-list.grid_pg {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 900px) {
  .wd-list.grid_pg {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (min-width: 1280px) {
  .wd-list.grid_pg {
    grid-template-columns: repeat(5, 1fr);
  }
}
.wd-list.grid_stadium_pg {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
  grid-auto-rows: minmax(200px, auto);
}
.wd-list.grid_stadium_pg li:not(:last-child) {
  border-right: 1px solid var(--wd-primary-color);
}
@media screen and (min-width: 500px) and (max-width: 899px) {
  .wd-list.grid_stadium_pg {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 900px) {
  .wd-list.grid_stadium_pg {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 1280px) {
  .wd-list.grid_stadium_pg {
    grid-template-columns: repeat(4, 1fr);
  }
}
.wd-list.grid_stadium_pg img.stadium-photo.thumb {
  max-width: 100%;
  min-height: 200px;
}
.wd-list.grid_stadium_pg h2 {
  text-align: center;
  display: block;
  width: 100%;
  text-align: center;
  font-weight: 400;
  font-size: 18px;
}
.wd-list .flag {
  width: 45px;
  height: auto;
}
#groups .group-ranking-wide {
  max-width: 100%;
  border: none;
}
#groups .group-ranking-wide table {
  line-height: 2;
}
#groups .group-ranking-wide table th, #groups .group-ranking-wide table td {
  background-color: var(--wd-primary-color);
  color: white;
}
#groups .group-ranking-wide table th a, #groups .group-ranking-wide table td a {
  color: white;
}
#groups .group-ranking-wide table th.team, #groups .group-ranking-wide table td.team {
  width: 80%;
}
#groups .group-ranking-wide table th.goals, #groups .group-ranking-wide table td.goals {
  padding: 0.1em 0.6em;
}
#groups .group-ranking-wide table td {
  font-size: 100%;
}
#groups .group-ranking-wide table td:not(.team) {
  text-align: center;
}
.matchinfo.new-layout .matchtype {
  background-color: var(--wd-primary-color);
}
.matchinfo.new-layout .match-card {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .matchinfo.new-layout .match-card {
    width: calc(50% - 4px);
  }
}
@media screen and (min-width: 1280px) {
  .matchinfo.new-layout .match-card {
    width: calc(33% - 6px);
  }
}
@media screen and (min-width: 1280px) {
  .matchinfo.new-layout .match-card-footer .user-score {
    font-size: 100%;
  }
}
.matchinfo.new-layout .fp-nojoker {
  background-image: url(../../themes/woodmart-child/assets/icon_multiply_inactive.png);
}
.matchinfo.new-layout .fp-joker {
  background-image: url(../../themes/woodmart-child/assets/icon_multiply.png);
}
.matchinfo.new-layout .fp-joker, .matchinfo.new-layout .fp-nojoker {
  width: 55px;
}
table.team.info {
  width: 90%;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
table.team.info th {
  text-align: right !important;
}
table.ranking-shortcode {
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
table.ranking-shortcode .num-predictions, table.ranking-shortcode .score {
  text-align: right;
  padding-right: 10px;
}
table.ranking-shortcode .rank {
  width: 1.5em;
  text-align: center !important;
  padding-right: 10px;
}
table.ranking-shortcode .avatar {
  width: 10em;
  text-align: center !important;
  padding-right: 10px;
}
table.ranking-shortcode .score {
  width: 10em;
}
table.pool-ranking tr.currentuser {
  background-color: var(--wd-primary-color) !important;
}
@media screen and (max-width: 767px) {
  table.pool-ranking tr.currentuser {
    background-color: var(--wd-primary-color) !important;
  }
}
table.pool-ranking tr.currentuser a, table.pool-ranking tr.currentuser a:visited, table.pool-ranking tr.currentuser > td, table.pool-ranking tr.currentuser .num-predictions, table.pool-ranking tr.currentuser .score {
  color: white !important;
}
@media screen and (max-width: 767px) {
  table.pool-ranking tr.currentuser .mtr-td-tag {
    background-color: var(--wd-primary-color) !important;
  }
}
table.matchinfo.new-layout {
  margin: 0 auto;
}
.paging-input input {
  max-width: unset;
  width: unset;
}
.tablenav.top {
  text-align: center;
  margin-top: 20px;
}
.chart-wrapper {
  margin: 15px auto;
}
img.pg_avatar {
  max-width: unset;
  width: auto;
  height: revert-layer;
}
#gw_terms_12 {
  display: none;
}
.logout a.logout {
  background-color: var(--wd-primary-color);
  padding: 2px 10px;
  border-radius: 5px;
}
#pool-ranking .hide_row {
  display: none !important;
}
@media screen and (max-width: 767px) {
  #pool-ranking .hide_row {
    display: none !important;
  }
}