table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  font-size: 6px;
}

trl {
  visibility: hidden;
}

.icon-cell {
  display: flex;
  justify-content: center;
  align-items: start;
  /* height: 100%; */ /* Assicura che l'altezza della cella sia rispettata */
}

  .icon-cell i, .icon-cell img {
    display: block; /* Assicura che l'icona sia trattata come un blocco all'interno della cella */
  }

.navbar-nav i {
  font-size: 30px;
}

.navbar-nav .cmd-button {
  margin-left: 10px;
  cursor: pointer;
}

  /*.navbar-nav .cmd-button :hover + .text {
        color: lightgreen;
    }*/

  /*.navbar-nav .cmd-button :hover + .icon {
        color: lightgreen;
    }*/

  .navbar-nav .cmd-button .dropdown-item {
    color: #99df7b;
    display: flex;
    align-items: center;
    font-size: smaller;
    padding: 2px 10px;
  }

    .navbar-nav .cmd-button .dropdown-item.mail {
      display: grid;
      grid-template-columns: 25px auto auto 150px;
      align-items: center;
      gap: 10px;
      padding: 0 4px;
      line-height: 1.2;
    }

    .navbar-nav .cmd-button .dropdown-item.news {
      display: grid;
      grid-template-columns: 25px fit-content(35px) auto;
      color: #d49d4c;
      align-items: center;
      gap: 5px;
      padding: 0 4px;
      line-height: 1.2;
      width: 260px;
    }

    .navbar-nav .cmd-button .dropdown-item.forum {
      display: grid;
      grid-template-columns: 25px fit-content(35px) fit-content(50px) auto;
      color: #bdc201;
      align-items: center;
      gap: 5px;
      padding: 0 4px;
      line-height: 1.2;
      width: 260px;
    }

      .navbar-nav .cmd-button .dropdown-item.forum:nth-child(odd),
      .navbar-nav .cmd-button .dropdown-item.news:nth-child(odd),
      .navbar-nav .cmd-button .dropdown-item.mail:nth-child(odd) {
        background-color: #0f2c1480; /* colore scuro */
      }

      .navbar-nav .cmd-button .dropdown-item.forum:nth-child(even),
      .navbar-nav .cmd-button .dropdown-item.news:nth-child(even),
      .navbar-nav .cmd-button .dropdown-item.mail:nth-child(even) {
        background-color: #18481f80; /* colore un po' pi? chiaro */
      }

  .navbar-nav .cmd-button .dropdown-divider {
    margin: 3px;
    background-color: #9ed2a8;
  }

  .navbar-nav .cmd-button .dropdown-item .small-shirt {
    margin-right: 10px; /* Spazio tra la maglia e il testo */
    width: 30px;
  }

  .navbar-nav .cmd-button .dropdown-item .text {
    flex: 1;
    white-space: normal; /* Permette al testo di andare a capo */
    line-height: 1.2;
  }

  .navbar-nav .cmd-button .dropdown-menu {
    background-color: #35671f;
    text-align: center;
  }

    .navbar-nav .cmd-button .dropdown-menu :hover {
      background-color: #488a2c;
    }

    .navbar-nav .cmd-button .dropdown-menu .fmp-shields {
      background-color: unset;
    }

    .navbar-nav .cmd-button .dropdown-menu .small-shirt {
      background-color: unset;
    }

    .navbar-nav .cmd-button .dropdown-menu .fmp-shirts {
      background-color: unset;
    }

    .navbar-nav .cmd-button .dropdown-menu .selected {
      color: #ecf8c8;
    }

  .navbar-nav .cmd-button :hover {
    opacity: .9;
  }

  .navbar-nav .cmd-button .icon {
    text-align: center;
  }

  .navbar-nav .cmd-button .text {
    font-size: 12px;
    text-align: center;
  }

.cmd-button .icon {
  cursor: pointer;
}

.small-shield {
  font-size: 35px;
  text-align: left;
  margin-left: 7px;
  line-height: 1;
  filter: drop-shadow(2px 2px 2px #222);
}

  .small-shield .shield-back {
    margin-right: -35px;
  }

.small-shirt {
  font-size: 30px;
  /* text-align: center; */
  /* line-height: 1; */
  filter: drop-shadow(2px 2px 2px #222);
  position: relative;
  display: flex;
  height: 30px;
  width: 29px;
}

  .small-shirt .shirt-back,
  .small-shirt .shield-back {
    /* margin-right: -30px; */
  }

.team .small-shirt,
.navbar-nav .small-shirt {
  width: 100%;
}

.opaque {
  opacity: 50%;
}

.midsm-shield {
  font-size: 65px;
  text-align: center;
  line-height: 1;
  display: flex;
  position: relative;
  width: 65px;
  height: 65px;
}

  .midsm-shield .shirt-back,
  .midsm-shield .shield-back {
    margin-right: -65px;
  }

.midxxs-shield {
  padding-right: 2px;
  position: relative;
  height: 30px;
  width: 30px;
  display: flex;
}

  .midxxs-shield .shield-back {
    margin-right: -30px;
  }

  .midxxs-shield i {
    font-size: 30px;
    text-align: center;
    line-height: 0.8;
  }

.midxxs-logo {
  height: 30px;
  margin-top: -4px;
  padding-right: 2px;
}

.midxs-shield {
  display: flex;
  position: relative;
  width: 45px;
  height: 45px;
}

@media only screen and (max-width: 768px) {
  .midxs-shield .shield-back {
    margin-right: -35px;
  }

  .midxs-shield i {
    font-size: 35px;
    text-align: center;
    line-height: 0.8;
  }

  .midxs-logo {
    height: 35px;
  }
}

@media only screen and (min-width: 768px) {
  .midxs-shield .shield-back {
    margin-right: -45px;
  }

  .midxs-shield i {
    font-size: 50px;
    text-align: center;
    line-height: 0.8;
  }

  .midxs-logo {
    height: 45px;
  }
}

h4 {
  color: #7dab7d;
}

.chapter h4 {
  color: #cde8bc;
  font-size: large;
  margin-top: 15px;
  margin-bottom: 2px;
  border-bottom: 0.5px solid;
}

.mid-shirt {
  position: relative;
  font-size: 127px;
  /* text-align: center; */
  /* line-height: 1; */
  /* height: 127px; */
  margin-top: 10px;
  display: block;
  height: 127px;
  width: 127px;
}

  .mid-shirt .shirt-back {
    z-index: 1;
  }

  .mid-shirt .shirt-mid {
    z-index: 2;
  }

  .mid-shirt .shield-back {
    margin-right: -127px;
  }

  .mid-shirt .shirt-num {
    z-index: 3;
  }

/* Panels */
.lpanel > .panel-heading {
  color: inherit;
  font-weight: 600;
  padding: 10px 4px;
  transition: all .3s;
  border: 1px solid transparent;
}

.lpanel .hbuilt.panel-heading {
  border-bottom: none;
}

.lpanel > .panel-footer,
.lpanel > .panel-section {
  color: inherit;
  border: 1px solid #e4e5e7;
  border-top: none;
  font-size: 90%;
  background: #f7f9fa;
  padding: 10px 15px;
}

.lpanel > .panel-score {
  color: inherit;
  border: 1px solid #e4e5e7;
  border-top: none;
  font-size: 90%;
  background: #f7f9fa;
  padding: 0px 15px;
}

.lpanel.panel-collapse > .panel-heading,
.lpanel .hbuilt {
  background: #fff;
  border-color: #e4e5e7;
  border: 1px solid #e4e5e7;
  padding: 10px 10px;
  border-radius: 2px;
}

.lpanel .panel-body {
  background: #53922b;
  border: 2px solid #0c6717;
  border-radius: 8px;
  padding: 20px;
  position: relative;
}

.lpanel .panel-body-lineup {
  background: #53922b;
  border: 2px solid #0c6717;
  border-radius: 8px;
  padding: 4px;
  position: relative;
}

.lpanel .col-auto {
  -webkit-box-flex: 0;
  flex: 0 0 auto;
  width: 100%;
  max-width: 450px;
}

.lpanel.player .panel-body {
  padding: 5px;
}

.lpanel.hgreen .panel-body {
  border-top: 2px solid #62cb31;
  background: #f3fff3;
}

.lpanel.hblue .panel-body {
  border-top: 2px solid #3498db;
  background: #f6f6ff;
}

.lpanel.hcyan .panel-body {
  border-top: 2px solid #0ee;
  background: #f5ffff;
}

.lpanel.hgray .panel-body {
  border-top: 2px solid #828282;
}

.lpanel.horange .panel-body {
  border-top: 2px solid #ff7800;
  background: #fff8f2;
}

.lpanel.hred .panel-body {
  border-top: 2px solid #e74c3c;
  background: #fff5f5;
}

.lpanel.hreddeep .panel-body {
  border-top: 2px solid #c0392b;
}

.mini-card {
  padding-bottom: 20px;
}

.lpanel {
  background-color: none;
  border: none;
  box-shadow: none;
  margin-bottom: 10px;
  margin-left: -5px;
  margin-right: -5px;
  font-weight: 300;
  color: aliceblue;
}

  .lpanel .header {
    color: cornsilk;
  }

  .lpanel .chart-position {
    font-size: 18px;
    font-weight: 600;
    padding: 2px 4px;
    text-shadow: none;
  }

  .lpanel .points {
    font-size: 15px;
    font-weight: 600;
    padding: 15px 6px;
    text-shadow: none;
    border: none;
  }

  .lpanel .pitch-position {
    font-size: 13px;
    font-weight: 500;
    padding: 1px 3px;
    text-shadow: none;
    border: solid 1px;
    background-color: #0d2b0d;
  }

  .lpanel .panel-body .team-name {
    padding-top: 6px;
  }

  .lpanel .panel-body.scout {
    padding: 4px;
  }

    .lpanel .panel-body.scout td {
      padding-left: 2px;
      padding-right: 2px;
    }

    .lpanel .panel-body.scout .scout-name {
      width: 90px;
    }

  .lpanel .panel-body .si {
    font-weight: bold;
  }

  .lpanel .panel-body .title {
    font-size: 9px;
    display: block;
  }

  .lpanel .panel-body .fp {
    margin-left: -18px;
  }

  .lpanel .panel-body .flag {
    margin-left: 10px;
  }

  .lpanel .panel-body .ft {
    margin-left: 8px;
  }

  .lpanel .panel-body .age {
    margin-left: 4px;
  }

  .lpanel .panel-body .age_year {
    font-weight: bold;
  }

  .lpanel .panel-body .age_month {
    font-size: 10px;
    color: #ffd91f;
  }

  .lpanel .panel-body .sm-dgt {
    font-size: 9px;
    color: #ffd91f;
    font-weight: 300;
  }

  .lpanel .hblue {
    background-color: #3562c7;
  }

    .lpanel .hblue:hover {
      background-color: #4572d7;
    }

  .lpanel .hcyan {
    background-color: #278686;
  }

    .lpanel .hcyan:hover {
      background-color: #379696;
    }

  .lpanel .hgreen {
    background-color: #498821;
  }

    .lpanel .hgreen:hover {
      background-color: #599831;
    }

  .lpanel .horange {
    background-color: #a76730;
  }

    .lpanel .horange:hover {
      background-color: #b77740;
    }

  .lpanel .hred {
    background-color: #7f3131;
  }

    .lpanel .hred:hover {
      background-color: #8f4141;
    }

  .lpanel .doubletopborder {
    border-top-width: 2px;
  }

  .lpanel .table-condensed > thead > tr > th,
  .lpanel .table-condensed > thead > tr > td,
  .lpanel .table-condensed > tbody > tr > th,
  .lpanel .table-condensed > tbody > tr > td,
  .lpanel .table-condensed > tfoot > tr > th,
  .lpanel .table-condensed > tfoot > tr > td {
    padding: 2px;
  }

  .lpanel .team-name {
    color: white;
  }

  .lpanel .score {
    color: #ffcd17;
  }

  .lpanel .table-title {
    color: white;
    font-size: 16px;
    font-weight: 500;
  }

  .lpanel .scorers {
    color: white;
    font-size: 14px;
    font-weight: 300;
  }

  .lpanel .cards {
    color: white;
    font-size: 14px;
    font-weight: 300;
  }

  .lpanel .icon {
    height: 15px;
    margin: 1px 0px 2px 2px;
  }

  .lpanel .action-icon {
    height: 40px;
    margin: 2px 2px 2px 2px;
  }


.panel-player {
  color: darkgreen;
}

.ltable {
}

  .ltable .name {
    color: white;
  }

  .ltable .score {
    color: white;
    font-weight: 700;
  }

  .ltable th {
    padding: 0px 5px;
  }

.fmpx .nopad {
  padding: 0 !important;
}

table .shieldname {
  width: 100%;
}

  table .shieldname > td {
    border: none !important;
    vertical-align: middle;
    line-height: 1.1;
  }

  table .shieldname > tr > td {
    border: none !important;
    vertical-align: middle;
    line-height: 1.0;
    padding-bottom: 0px !important;
  }

  table .shieldname > tr {
    background-color: unset !important;
  }

.skilltable {
  color: white;
}

  .skilltable th {
    padding: 1px;
    border-style: solid;
    border-width: 1px 1px 0px 1px;
    border-color: #a2f1a2;
    background: #407b40;
    font-size: 13px;
    font-weight: 300;
    color: yellow;
    width: 38px;
    text-align: center;
  }

  .skilltable td {
    text-align: center;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-color: #a2f1a2;
  }

  .skilltable .rec {
    font-size: 24px;
    font-weight: 800;
  }

.academytable {
  width: 115px;
}

.rectable {
  /*width: 115px;*/
}

  .rectable tr {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #a2f1a2;
  }

  .rectable th {
    padding: 6px;
    /*border-style: solid;
        border-width: 1px 0px 1px 1px;
        border-color: #a2f1a2;*/
    background: #407b40;
    font-size: 13px;
    font-weight: 300;
    color: yellow;
    width: 38px;
    text-align: center;
  }

  .rectable td {
    padding: 6px;
    text-align: center;
    border-width: 0px 0px 0px 1px;
    border-style: solid;
    border-color: #78a778;
  }

  .rectable .rec {
    font-size: 24px;
    font-weight: 800;
  }

  .rectable .skilldev {
    font-size: 13px;
    font-weight: 300;
  }

.hiretable {
  color: white;
}

  .hiretable td {
    text-align: center;
  }

  .hiretable.hire-btn {
    text-align: center;
    border: #8bd86c;
    border-style: solid;
    border-width: 1px;
    width: 56px;
    margin-top: 6px;
    font-weight: 500;
    cursor: pointer;
    line-height: 1.84;
  }

    .hiretable.hire-btn.hire {
      color: #44f331;
      background: #136513;
    }

    .hiretable.hire-btn.disabled {
      color: #afb1af;
      background: #424242;
      border: #afb1af solid 1px;
      cursor: not-allowed;
    }

    .hiretable.hire-btn.fire {
      color: #f3b031;
      background: darkred;
    }

.table-striped > thead > tr:nth-child(odd) > td,
.table-striped > thead > tr:nth-child(odd) > th {
  background-color: #0c2102;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #295831;
}

.table-striped > tbody > tr:nth-child(even) > td,
.table-striped > tbody > tr:nth-child(even) > th {
  background-color: #53922b;
}

.table-striped > tbody > tr > td {
  color: antiquewhite;
}

.players-popup {
  background: #244c0b;
  padding: 3px;
  border-radius: 5px;
  border: solid 1px #5d9c56;
  z-index: 75;
  box-shadow: black 4px 4px 7px;
  background-image: linear-gradient(179deg, #081a01, #2e6b10);
}

.fmpx .player-image {
  width: 144px;
  margin: auto;
  border: 2px solid #407b40;
}

  .fmpx .player-image.xs {
    width: 75px;
  }

  .fmpx .player-image.sm {
    width: 114px;
  }

.body {
  color: black;
}

.team-stat {
  padding: 4px 0px;
  text-align: center;
  margin-left: -8px;
}

/* Panels */
.tpanel > .panel-heading {
  color: inherit;
  font-weight: 600;
  padding: 10px 4px;
  transition: all .3s;
  border: 1px solid transparent;
}

.tpanel .hbuilt.panel-heading {
  border-bottom: none;
}

.tpanel > .panel-footer,
.tpanel > .panel-section {
  color: inherit;
  border: 1px solid #e4e5e7;
  border-top: none;
  font-size: 90%;
  background: #f7f9fa;
  padding: 10px 15px;
}

.tpanel > .panel-player {
  color: inherit;
  border: 1px solid #e4e5e7;
  border-top: none;
  font-size: 90%;
  background: #f7f9fa;
  padding: 0px 15px;
}

.tpanel.panel-collapse > .panel-heading,
.tpanel .hbuilt {
  background: #fff;
  border-color: #e4e5e7;
  border: 1px solid #e4e5e7;
  padding: 10px 10px;
  border-radius: 2px;
}

.tpanel .panel-body {
  background: #fff;
  border: 1px solid #e4e5e7;
  border-radius: 2px;
  padding: 20px;
  position: relative;
}

.tpanel.player .panel-body {
  padding: 5px;
}

.tpanel.hgreen .panel-body {
  border-top: 2px solid #62cb31;
}

.tpanel.hblue .panel-body {
  border-top: 2px solid #3498db;
}

.tpanel.hyellow .panel-body {
  border-top: 2px solid #ffb606;
}

.tpanel.hviolet .panel-body {
  border-top: 2px solid #9b59b6;
}

.tpanel.horange .panel-body {
  border-top: 2px solid #e67e22;
}

.tpanel.hred .panel-body {
  border-top: 2px solid #e74c3c;
}

.tpanel.hreddeep .panel-body {
  border-top: 2px solid #c0392b;
}

.tpanel {
  background-color: none;
  border: none;
  box-shadow: none;
  margin-bottom: 15px;
  margin-left: -5px;
  margin-right: -5px;
}

  .tpanel .pitch-position {
    font-size: 15px;
    font-weight: 600;
    padding: 2px 4px;
    text-shadow: none;
    border: solid 1px;
  }

  .tpanel .panel-body .player-name {
    padding-top: 6px;
  }

  .tpanel .panel-body .si {
    font-weight: bold;
  }

  .tpanel .panel-body .age_year {
    font-weight: bold;
  }

  .tpanel .panel-body .age_month {
    font-size: 9px;
    color: yellow;
  }

  .tpanel .panel-body .title {
    font-size: 9px;
    display: block;
  }

  .tpanel .panel-body .fp {
    margin-left: -18px;
  }

  .tpanel .panel-body .flag {
    margin-left: 10px;
  }

  .tpanel .panel-body .ft {
    margin-left: 8px;
  }

  .tpanel .panel-body .age {
    margin-left: 4px;
  }

/* Panels */
.ppanel > .panel-heading {
  color: inherit;
  font-weight: 600;
  padding: 10px 4px;
  transition: all .3s;
  border: 1px solid transparent;
}

.ppanel .hbuilt.panel-heading {
  border-bottom: none;
}

.ppanel > .panel-footer,
.ppanel > .panel-section {
  color: inherit;
  border: 1px solid #e4e5e7;
  border-top: none;
  font-size: 90%;
  background: #f7f9fa;
  padding: 10px 15px;
}

.ppanel > .panel-player {
  color: inherit;
  border: 1px solid #e4e5e7;
  border-top: none;
  font-size: 90%;
  background: #f7f9fa;
  padding: 0px 15px;
}

.ppanel.panel-collapse > .panel-heading,
.ppanel .hbuilt {
  background: #fff;
  border-color: #e4e5e7;
  border: 1px solid #e4e5e7;
  padding: 10px 10px;
  border-radius: 2px;
}

.ppanel .panel-body {
  background: #fff;
  border: 1px solid #e4e5e7;
  border-radius: 2px;
  padding: 20px;
  position: relative;
}

.ppanel.player .panel-body {
  padding: 5px;
}

.ppanel.hgreen .panel-body {
  border-top: 2px solid #62cb31;
}

.ppanel.hblue .panel-body {
  border-top: 2px solid #3498db;
}

.ppanel.hyellow .panel-body {
  border-top: 2px solid #ffb606;
}

.ppanel.hviolet .panel-body {
  border-top: 2px solid #9b59b6;
}

.ppanel.horange .panel-body {
  border-top: 2px solid #e67e22;
}

.ppanel.hred .panel-body {
  border-top: 2px solid #e74c3c;
}

.ppanel.hreddeep .panel-body {
  border-top: 2px solid #c0392b;
}

.ppanel {
  background-color: none;
  border: none;
  box-shadow: none;
  margin-bottom: 15px;
  margin-left: -5px;
  margin-right: -5px;
}

  .ppanel .pitch-position {
    font-weight: 900;
    padding: 0px 6px;
    text-shadow: none;
    border: solid 1px;
    background-color: #185418;
  }

  .ppanel .panel-body .player-name {
    padding-top: 6px;
  }

  .ppanel .panel-body .si {
    font-weight: bold;
  }

  .ppanel .panel-body .age_year {
    font-weight: bold;
  }

  .ppanel .panel-body .age_month {
    font-size: 9px;
    color: #994444;
  }

  .ppanel .panel-body .title {
    font-size: 9px;
    display: block;
  }

  .ppanel .panel-body .fp {
    margin-left: -18px;
  }

  .ppanel .panel-body .flag {
    margin-left: 10px;
  }

  .ppanel .panel-body .ft {
    margin-left: 8px;
  }

  .ppanel .panel-body .age {
    margin-left: 4px;
  }

  .ppanel th {
    padding-right: 10px;
    font-weight: normal;
  }

  .ppanel tr {
    height: 22px;
  }

.name-panel h3 {
  margin-bottom: 0px;
  padding: 5px;
}

  .name-panel h3 a {
    color: inherit;
  }

.name-panel p {
  font-size: 11px;
  line-height: 16px;
  margin-bottom: 0;
}

.player-stat span {
  font-size: 10px;
  font-weight: 500;
  display: block;
  color: #9d9fa2;
  /*text-transform: uppercase;*/
}

.player-stat {
  padding: 4px 12px;
  text-align: center;
}


.skill-vi {
  font-weight: 800;
}

.skill-ni {
  font-weight: 300;
}

.pitch-nn {
  color: #a9a9a9;
}

.pitch-gk {
  color: #a09fff;
}

.pitch-vi {
  color: #e88cfc;
}

.pitch-gy {
  color: #8ac3ff;
}

.pitch-d {
  color: #00f7ff;
}

.pitch-dm {
  color: #00e205;
}

.pitch-m {
  color: #e2dd08;
}

.pitch-om {
  color: #f59703;
}

.pitch-f {
  color: #ff1212;
}

.pitch-none {
  color: #ffffff;
}

.foot-r {
  color: #3bbf4a;
}

.foot-l {
  color: #7e7ee0;
}

.foot-c {
  color: #00f7ff;
}

.foot-lr {
  color: #dd800f;
}

.pl-img {
  width: 140px;
  margin-left: -140px;
}

.pl-img-0 {
  width: 140px;
  margin-left: 0px;
  background-color: darkred;
  border: double
}

.pl-img-sm {
  width: 115px;
  margin-left: -115px;
}

.pl-img-0-sm {
  width: 115px;
  margin-left: 0px;
  background-color: darkred;
  border: double
}

.pl-img-xs {
  width: 75px;
  margin-left: -75px;
}

.pl-img-0-xs {
  width: 75px;
  margin-left: 0px;
  background-color: darkred;
  border: double
}

.pl-img-hair {
  width: 140px;
  margin-left: -143px;
}

.pl-name {
  font-size: 16px;
  font-weight: 900;
  vertical-align: middle;
}

.pl-data-title {
  font-size: 13px;
  font-weight: 300;
  color: #ffd950;
}

.pl-data-content {
  font-size: 13px;
  font-weight: 300;
  color: white;
}

.pt-cell {
  background-color: #fbf9d3;
}

  .pt-cell .header {
    font-size: 12px;
    font-weight: 300;
  }

  .pt-cell .value {
    font-size: 16px;
    font-weight: 900;
  }

.gs-cell {
  background-color: #f5f5f5;
  border-left-width: medium;
}

.ph-cell {
  background-color: #f5f5f5;
  width: 50px;
}

.gk-cell {
  background-color: #dbe2f7;
  width: 50px;
}

.df-cell {
  background-color: #dcf7dc;
  width: 50px;
}

.md-cell {
  background-color: #f5f5e3;
  width: 50px;
}

.fw-cell {
  background-color: #ffdcdc;
  width: 50px;
}

.table-white {
  border: 2px solid #22712f;
  border-radius: 6px;
  background: white;
}

.table-green {
  border: 2px solid #7d9e82;
  border-radius: 6px;
  background: #204e18;
  color: #f3f3f3;
}

.small-flag {
  width: 16px;
}

h5 .small-flag {
  width: 26px;
  margin-top: -1px;
  margin-left: 4px;
}

.medium-flag {
  width: 22px;
  margin-bottom: 3px;
}

h3 .medium-flag {
  width: 25px;
  margin-top: -1px;
  margin-left: 4px;
}

.grade .small {
  font-size: x-small;
  margin-top: -4px;
}

.fmp-navbar-theme {
  background-color: #1b380d !important;
  color: #55b936;
  /*background-color: transparent !important;*/
  background-image: url('../images/grassbkg.png');
  padding: 2px 10px;
}

.fmp-navbar-acolor {
  color: #55b936;
}

  .fmp-navbar-acolor:hover {
    color: #348e18;
  }

.sidenav-vertical .sidenav-inner > .sidenav-item {
  font-size: 17px;
  font-weight: 700;
  /*color: #55b936;*/
}

.sidenav-vertical .sidenav-inner > .active {
  font-size: 17px;
  font-weight: 700;
  color: #05b936;
}

.sidenav-vertical .sidenav-icon {
  /*color: #55b936;*/
  width: 2.2rem;
  font-size: 32px;
}

  .sidenav-vertical .sidenav-icon:hover {
    color: #8dffac;
  }

.sidenav-vertical .sidenav-text {
  margin: 8px;
}

.sidenav-vertical .sidenav-link > .active {
  font-size: 17px;
  font-weight: 700;
  color: #05b936;
}

.bg-sidenav-theme {
  background-color: #142116 !important;
  z-index: 30;
}

  .bg-sidenav-theme .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
    background-color: #2e5439;
  }

  .bg-sidenav-theme .sidenav-link, .bg-sidenav-theme .sidenav-horizontal-prev, .bg-sidenav-theme .sidenav-horizontal-next {
    color: #46902f;
  }

  .bg-sidenav-theme .sidenav-item.open:not(.sidenav-item-closing) > .sidenav-toggle, .bg-sidenav-theme .sidenav-item.active > .sidenav-link {
    color: #8dffac;
  }

  .bg-sidenav-theme .sidenav-link:hover, .bg-sidenav-theme .sidenav-link:focus, .bg-sidenav-theme .sidenav-horizontal-prev:hover, .bg-sidenav-theme .sidenav-horizontal-prev:focus, .bg-sidenav-theme .sidenav-horizontal-next:hover, .bg-sidenav-theme .sidenav-horizontal-next:focus {
    color: #8dffac;
  }

.table-bordered th, .table-bordered td {
  border-bottom: 1px solid #53922b;
  border-left: none;
  border-right: 1px solid #53922b;
  border-top: none;
  padding: 3px;
  text-align: center;
}

.table-bordered th {
  color: #c6e285;
}

.menu-image {
  width: 36px;
  margin-right: 8px;
}

.select-item {
  cursor: pointer;
}

.fmp {
}

  .fmp.selectable td {
    padding: 3px 4px !important;
  }

  .fmp .small-text {
    font-size: 12px;
    color: whitesmoke;
  }

  .fmp .lvl-text {
    font-weight: 900 !important;
    font-size: 115% !important;
    color: #cce8ba !important;
    padding: 5px 2px;
  }

  .fmp .btn-lvl {
    padding: 6px 18px;
    margin: 8px 3px;
    font-family: monospace;
    background: #53922b;
    cursor: pointer;
    line-height: 1.54;
    border-radius: 0.25rem;
    font-size: 120%;
  }

    .fmp .btn-lvl.down {
      background: #401010;
    }

    .fmp .btn-lvl.disabled {
      background: #4d812c;
      color: #d0e1c8;
    }

      .fmp .btn-lvl.disabled.down {
        background: #401010;
      }

  .fmp .icon-button {
    padding: 0px 8px 5px;
    margin: 1px 3px;
    background: #53922b;
    cursor: pointer;
    line-height: 1;
    border-radius: 0.25rem;
    font-size: 48px;
  }

  .fmp.modal {
    visibility: hidden;
  }

  .fmp.td-cell {
    vertical-align: middle;
    padding: 2px 0 2px 6px;
    margin: 0;
  }

  .fmp.td-header {
    vertical-align: middle;
    font-weight: 600;
  }

  .fmp tr {
  }

  .fmp.small-header {
    color: #dcc82c;
    font-size: 14px;
    font-weight: 600;
  }

  .fmp.maintenance-cost {
    color: #dcc82c;
  }

  .fmp.maintenance-build {
    color: #dcc82c;
  }

  .fmp.earning {
  }

.academy {
}

  .academy.btn-hire {
    padding: 6px 18px;
    margin: 8px 3px;
    background: #53922b;
    cursor: pointer;
    line-height: 1.54;
    border-radius: 0.25rem;
    color: white;
    display: table;
  }

.modal-content {
  background-color: #48732c;
  color: #ddead6;
  /*width: fit-content;*/
}

.modal-header {
  border-bottom: 1px solid #88b971;
}

.modal-footer {
  border-top: 1px solid #88b971;
}

.modal-btn {
  border-color: #88b971;
  background: transparent;
  color: #e6ece3;
}

@keyframes glowing {
  0% {
    background: transparent;
  }

  50% {
    background: #438028;
  }

  100% {
    background: transparent;
  }
}

.modal-btn.glowing {
  animation: glowing 1300ms infinite;
}

.modal-btn.active {
  cursor: pointer;
}

.modal-btn.disabled {
  cursor: not-allowed;
}

.modal-btn.hide {
  display: none;
}

.modal-btn.running {
  border: 2px green solid;
}

.modal-btn.active:hover {
  background: #7fac6b;
}

.modal-btn.control:hover {
  color: #669c4e;
}

@media only screen and (max-width: 768px) {
  .modal-btn.control {
    padding: 0px 5px;
    margin: 1px 2px;
  }
}

@media only screen and (min-width: 768px) {
  .modal-btn.control {
    padding: 0px 5px;
    margin: 1px 3px;
  }
}

.modal-btn.control.live {
  color: #dcdc29;
}

.modal-btn.control div {
  display: flex;
  flex-direction: column;
}

  .modal-btn.control div i {
    font-size: x-large;
    margin: 0 0 -7px 0;
  }

  .modal-btn.control div span {
    font-size: smaller;
  }

.img-small {
  vertical-align: middle;
  border-style: none;
  width: 45px;
}

.training {
  background: url(/images/training/traning.png) no-repeat 0px 0px;
  display: inline-block;
  width: 3px;
  margin-right: 1px;
  margin-bottom: -5px;
  box-shadow: 0px 0px 2px 0px #0e1708;
}

  .training.pl {
    background-position: -8px 0px;
  }

  .training.mn {
    background-position: 0px 0px;
  }

.fmp-pick {
  background: #136513;
  color: #98e87f !important;
  margin: 7px 0;
  border-radius: 0;
  line-height: 1.3;
  border: 1px solid #8bd86c;
  font-weight: 500;
}

.note {
  color: #c6e335;
  font-size: 80%;
}

.noselect {
  user-select: none; /* Standard */
  -webkit-user-select: none; /* Chrome, Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Edge/IE */
}

.goal-effect {
  animation-iteration-count: 10;
  animation-duration: 0.5s;
}

  .goal-effect.homeGol {
    animation-name: highlightHomeGoal; /* Animazione per evidenziare il gol per 5 secondi */
  }

  .goal-effect.awayGol {
    animation-name: highlightAwayGoal; /* Animazione per evidenziare il gol per 5 secondi */
  }

@keyframes highlightHomeGoal {
  0% {
    background-image: repeating-linear-gradient(to right, #214a0f, #123601 10%, #037403 20%);
  }

  50% {
    background-image: repeating-linear-gradient(to right, #037403, #214a0f 10%, #123601 20%);
  }

  100% {
    background-image: repeating-linear-gradient(to right, #123601, #037403 10%, #214a0f 20%);
  }
}

@keyframes highlightAwayGoal {
  0% {
    background-image: repeating-linear-gradient(to right, #244549, #32696f 10%, #41777e 20%);
  }

  50% {
    background-image: repeating-linear-gradient(to right, #41777e, #244549 10%, #32696f 20%);
  }

  100% {
    background-image: repeating-linear-gradient(to right, #32696f, #41777e 10%, #244549 20%);
  }
}

.fmpbtn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family:;
  --bs-btn-font-size: 15px;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: #e6ece3;
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: #88b971;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  border: var(--bs-btn-border-color) solid 1px;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

  .fmpbtn.disabled, .fmpbtn:disabled {
    opacity: .65;
  }

.dropdown-item-alt1 {
  background-color: rgba(0, 0, 0, 0.2);
  background-blend-mode: multiply;
}

.nt {
  border: 1px solid #ccae00;
  padding: 0px 1px;
  font-size: 0.65em;
  font-weight: bold;
  margin-left: 1px;
  color: #ccae00;
}