@media only screen and (max-width: 768px) {
  .d-flex {
    margin: 3px 4px;
  }

    .d-flex .panel {
      padding: 5px;
    }

    .d-flex .board {
      margin: 0 0 4px 0;
      background-color: #1a380d;
      padding: 2px;
    }

      .d-flex .board.midflex {
        flex: 1;
        overflow-x: auto;
        flex-basis: 100%;
      }

      .d-flex .board.flex-graph {
        flex-basis: 380px;
      }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  h5 {
    font-size: 1rem;
  }

  h1, h2, h3, h4, h5, h6,
  .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: 0.2rem;
  }

  .d-flex .lheader i {
    font-size: 35px;
  }

  .d-flex .panel .logo {
    height: 52px;
    padding-right: 3px;
    margin: auto;
  }

  .navbar-brand {
    display: inline-block;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-right: 2px;
  }

  .fmpx {
    font-size: 13px;
  }

  .nav-link {
    padding: 5px 10px;
  }
}

@media only screen and (min-width: 769px) {
  .d-flex {
  }

    .d-flex div.box {
      margin: 5px 5px 0 0;
    }

      .d-flex div.box:last-of-type {
        margin: 5px 5px 0 0;
      }

    .d-flex div.header {
      padding: 8px 12px;
      margin: 0px 5px 0 0;
    }

    .d-flex .board {
      margin: 5px;
      background-color: #1a380d;
      padding: 12px 12px;
    }

      .d-flex .board.midflex {
        flex: 1;
        overflow-x: auto;
        flex-basis: 45%;
      }

      .d-flex .board.flex-graph {
        flex-grow: 0;
        flex-basis: 440px;
      }

    .d-flex .panel .logo {
      height: 75px;
      padding-right: 10px;
      margin: auto;
    }

    .d-flex .lheader i {
      font-size: 45px;
    }

  .fmpx {
    font-size: 14px;
  }

  .nav-link {
    padding: 8px 16px;
  }
}
/* END SCREEN DEPENDENT CSS*/

.d-flex .board {
  background-image: linear-gradient(#0f2f01, #1f5a01);
  border-radius: 4px;
}

  .d-flex .board.inner {
    border-radius: 0px;
  }

.d-flex span.userTeams {
  font-size: 14px;
  vertical-align: super;
  padding-left: 2px;
}

  .d-flex span.userTeams img {
    height: 32px;
    width: unset;
  }

.d-flex .tile {
  display: flex;
}

.d-flex .panel {
  background-color: #0f2f01;
  border-radius: 5px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row;
  font-size: 14px;
}

  .d-flex .panel .lheader {
    color: #55b92a;
    flex-grow: 1;
    flex-basis: 300px;
  }

    .d-flex .panel .lheader .name {
      display: flex;
    }

    .d-flex .panel .lheader .hero {
      color: gold !important;
      font-weight: 500;
    }

    .d-flex .panel .lheader .sub {
      color: #98c385;
      font-size: smaller;
    }

    .d-flex .panel .lheader .flag {
      height: 15px;
      margin-bottom: 3px;
    }

  .d-flex .panel .rheader {
    flex-grow: 0;
    flex-basis: 300px;
    border-left: 1px solid #699c52;
    padding: 0 5px;
  }

    .d-flex .panel .rheader table {
    }

      .d-flex .panel .rheader table.roles {
        border-spacing: 1px 2px;
        border-collapse: separate;
        margin-left: 6px;
      }

        .d-flex .panel .rheader table.roles th {
          font-size: smaller;
          padding: 0 2px 0 2px;
          color: #c3b685;
        }

        .d-flex .panel .rheader table.roles div {
          border: solid 1px;
          text-align: center;
          display: ruby;
          margin: 2px;
          padding: 1px;
        }

        .d-flex .panel .rheader table.roles td {
          padding: 0 1px;
        }

          .d-flex .panel .rheader table.roles td .small-flag {
            margin: 2px 0px;
          }

        .d-flex .panel .rheader table.roles tr {
          margin: 1px 2px;
        }

    .d-flex .panel .rheader th .small {
      font-weight: 200;
    }

@media only screen and (max-width: 768px) {
  .d-flex .panel .rheader th {
    color: #98c385;
    padding: 0 2px 0 2px;
  }

  .d-flex .panel .rheader td {
    color: #55b92a;
    padding: 0 2px;
  }
}

@media only screen and (min-width: 769px) {
  .d-flex .panel .rheader th {
    color: #98c385;
    padding: 0 2px 0 10px;
  }

  .d-flex .panel .rheader td {
    color: #55b92a;
    padding: 0 10px;
  }
}

.d-flex .panel .rheader th .small {
  font-size: 12px;
}

.d-flex .panel .rheader .flag {
  height: 15px;
  margin-bottom: 3px;
  margin-left: 3px;
}

  .d-flex .panel .rheader .flag.sup {
    height: 10px;
    margin-bottom: 12px;
    margin-left: 2px;
  }

.d-flex .panel .rheader .big {
  font-size: larger;
  font-weight: 700;
  line-height: 1.1;
}

.manName .hero {
  font-size: larger;
  font-weight: 500;
}

.d-flex .panel .rheader .leagueImg {
  height: 20px;
}

.d-flex .talent-icon i {
  font-size: 30px !important;
  font-weight: 700;
  /*  margin-left: 5px;
*/
}

.d-flex .pboard {
  background-color: #264f14;
  padding: 10px;
  margin: 5px 5px 0 0;
  border-radius: 4px;
  color: #cce8ba;
  border: 2px solid #386e20;
}

  .d-flex .pboard.new {
    border: yellow 1px solid;
  }

  .d-flex .pboard .data {
    padding-left: 10px;
  }

.d-flex .footer {
  margin: 0px 15px;
  width: 100%;
  background-color: #245a0954;
  padding: 12px 12px;
}

  .d-flex .footer .stdtxt {
    color: #53a12c;
    font-weight: 300;
    font-size: medium;
  }

.d-flex .board .highlight {
  color: #cce8ba;
  font-size: larger;
  font-weight: 700;
}

.d-flex .board .stdtitle {
  color: #e7d998;
  font-size: larger;
  font-weight: 700;
  padding-top: 1em;
  padding-bottom: 0.1em;
}

.d-flex .board .stdtxt {
  color: #cce8ba;
  font-weight: 300;
  font-size: medium;
}

.d-flex .board .editcnt {
  background-color: #467246;
  color: #cce8ba;
}

  .d-flex .board .editcnt::placeholder {
    color: #92c38e;
  }

  .d-flex .board .editcnt:-ms-input-placeholder {
    color: #92c38e;
  }

  .d-flex .board .editcnt::-ms-input-placeholder {
    color: #92c38e;
  }

/* The checkbox */
/* The checkbox */
.checkbox {
  position: relative;
  padding-left: 26px;
  margin-top: 2px;
  margin-bottom: 2px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  color: #8fce8c;
}

  /* Hide the browser's default checkbox */
  .checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #8bb299;
}

/* On mouse-over, add a grey background color */
.checkbox:hover input ~ .checkmark {
  background-color: #9ec7ab;
}

/* When the checkbox is checked, add a blue background */
.checkbox input:checked ~ .checkmark {
  background-color: #33911a;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox .checkmark:after {
  left: 6px;
  top: 3px;
  width: 9px;
  height: 11px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(35deg);
  -ms-transform: rotate(35deg);
  transform: rotate(35deg);
}

.d-flex .board .btn-shirt {
  background-color: #467246;
  color: #cce8ba;
  font-size: 30px;
  width: 40px;
  height: 40px;
  margin: 3px;
  border: 1px solid #cce8ba;
  /* text-align: center; */
  cursor: pointer;
  position: relative;
}

.d-flex .board .btn-color {
  width: 30px;
  height: 30px;
  margin: 3px;
  border: 1px solid #cce8ba;
  cursor: pointer;
}

.d-flex .board .big-shirt {
  background-color: #344934;
  color: #cce8ba;
  font-size: 300px;
  width: 360px;
  height: 360px;
  margin: 3px;
  border: 1px solid #cce8ba;
  /* text-align: center; */
  position: relative;
  padding: 30px;
}

  .d-flex .board .big-shirt .shirt-back {
    /* margin-right: -307px; */
  }

  .d-flex .board .big-shirt .shirt-num {
    /* margin-left: -307px; */
  }

.d-flex .flex-column {
  padding-left: unset;
  padding-right: unset;
}

.d-flex .league-level {
  flex: 1 1 250px;
  max-width: 200px;
  background: #2a5119;
  margin: 0px 2px;
  padding: 2px 0px !important;
  font-size: 18px;
  color: #fbf7cf;
}

  .d-flex .league-level a {
    font-size: 16px !important;
  }

.d-flex .nation-league {
  font-size: 15px;
  color: #ccdbb6;
  height: 22px;
}

.d-flex .awards-league {
}

  .d-flex .awards-league div {
    text-align: center;
    font-size: small;
    line-height: 15px;
    padding: 0 1px;
  }

  .d-flex .awards-league .Sea {
    font-weight: 600;
  }

  .d-flex .awards-league .Lea {
    color: #ffff00c9;
  }

  .d-flex .awards-league .Pos {
    font-size: medium;
    font-weight: 600;
  }

  .d-flex .awards-league .award {
    margin: 1px 2px;
    padding-bottom: 2px;
    width: 30px;
    border-radius: 3px;
    cursor: pointer;
  }

  .d-flex .awards-league .season {
    color: #c9b02f;
    padding-right: 10px;
  }

  .d-flex .awards-league td .centertext {
    width: 100%;
  }

  .d-flex .awards-league td i {
    font-size: 40px;
    text-shadow: 1px 1px #222005;
  }

  .d-flex .awards-league .award.list {
    width: 200px;
  }

  .d-flex .awards-league .gold {
    border: solid 1px gold;
    background-color: #a28906;
    color: #ffd90e;
  }

    .d-flex .awards-league .gold .hltext {
      color: #ffe500;
      text-shadow: 1px 1px #29260a;
    }

  .d-flex .awards-league .silver {
    border: solid 1px silver;
    background-color: #797979;
    color: #dadada;
  }

    .d-flex .awards-league .silver .hltext {
      color: #ffffffc9;
      text-shadow: 1px 1px #29260a;
    }

  .d-flex .awards-league .bronze {
    border: solid 1px #ba5403;
    background-color: #793b0a;
    color: #df873e;
  }

    .d-flex .awards-league .bronze .hltext {
      color: #ff9a4b;
      text-shadow: 1px 1px #29260a;
    }

/*.d-flex .awards-league .relegated {
            border: solid 1px #6a182f;
            color: #a82b2bc9;
        }

        .d-flex .awards-league .normal {
            border: solid 1px #626262;
            color: #666666;
        }*/

.d-flex .fixtitle {
  margin: 20px 0 0 5px;
  background: unset;
  text-align: center;
  font-size: x-large;
  color: #cdc832;
}

.d-flex .fixmatch {
  flex: 1 1 285px;
  max-width: 300px;
  margin: 2px;
  padding: 2px 0;
  font-size: 10px;
  color: #fbf7cf;
  background: linear-gradient(45deg, #142617, #216300);
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
}

.d-flex table .total td {
  font-weight: 600;
  color: #deae35;
}

.d-flex .fixmatch table {
  width: 100%;
  height: 100%;
}

.d-flex .fixmatch .stadium {
  text-align: center;
  margin: -3px 0;
}

.d-flex .fixmatch td {
  width: 32%;
  text-align: center;
  vertical-align: middle;
  line-height: 12px;
}

  .d-flex .fixmatch td.lx {
    text-align: left;
  }

  .d-flex .fixmatch td.rx {
    text-align: right;
  }

  .d-flex .fixmatch td.sep {
    min-width: 16%;
    font-size: x-large;
    text-align: center;
    padding: unset;
  }

    .d-flex .fixmatch td.sep a {
      color: #cdc832;
    }

  .d-flex .fixmatch td.logo {
    padding-top: 5px;
    width: 1%;
  }

    .d-flex .fixmatch td.logo img {
      height: 32px;
      filter: drop-shadow(2px 2px 2px #222);
      max-width: 45px;
    }

.d-flex .fixmatch.won {
}

.d-flex .fixmatch.draw {
  background: linear-gradient(45deg, #474112, #ac9d30);
}

.d-flex .fixmatch.lost {
  background: linear-gradient(45deg, #260505, #6a0d0d);
}

.d-flex .fixmatch.unpl {
  background: linear-gradient(45deg, #4b4949, #767575);
  color: #bdbdbd;
}

.d-flex .fixmatch.live {
  background: linear-gradient(45deg, #733d0f, #767575);
  color: #bdbdbd;
}

.d-flex .fixmatch.auto {
  background: linear-gradient(45deg, #7c6c3e, #bfa660);
  color: #2f2709;
}

/* Unwatched game */
.d-flex .fixmatch.unwtc {
  background: linear-gradient(45deg, #232323, #434343);
  color: #353535;
}

.d-flex .fixmatch tr {
  text-align: center;
}

.d-flex .fixmatch span {
  text-align: center;
}

.d-flex .fixmatch .team {
  font-size: larger;
  font-weight: bold;
  width: 40%;
}

.d-flex .fixmatch .score {
  font-size: larger;
  font-weight: bold;
}

.d-flex .chart {
  padding-top: 10px;
}

.d-flex .matchdays-menu {
  padding: 0 0px 5px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

  .d-flex .matchdays-menu.playoff {
    max-width: 200px;
  }

  .d-flex .matchdays-menu table {
    width: 100%;
    background-color: #214611;
    height: 45px;
    color: #dbdb79;
  }

  .d-flex .matchdays-menu .team-menu {
    background-color: #0e2e01;
    color: #dbdb79;
    font-weight: 700;
    padding: 4px;
    margin: 8px 0px 12px;
  }

  .d-flex .matchdays-menu .team {
    background-color: #214611;
    color: #dbdb79;
    padding: 4px;
    font-size: smaller;
    margin: 2px;
    cursor: pointer;
    flex: 1 1 80px;
    text-align: center;
  }

    .d-flex .matchdays-menu .team img {
      height: 35px;
    }

    .d-flex .matchdays-menu .team.active {
      background-color: #206604;
      cursor: unset;
    }

  .d-flex .matchdays-menu tr {
    list-style: none;
    font-weight: 600;
    text-align: center;
  }

    .d-flex .matchdays-menu tr th {
      width: 10%;
      background-color: #0e2e01;
    }

    .d-flex .matchdays-menu tr td {
      width: 6%;
      cursor: pointer;
    }

      .d-flex .matchdays-menu tr td .date {
        font-weight: 100;
        font-size: 11px;
        line-height: 11px;
        color: #d9b90b;
      }

        .d-flex .matchdays-menu tr td .date .day {
          font-weight: 700;
        }

      .d-flex .matchdays-menu tr td.active {
        background-color: #206604;
        cursor: unset;
      }

      .d-flex .matchdays-menu tr td.last {
        border: 1px solid #55c12a;
      }



#srchCntrls {
  background-color: #2a4600;
  padding-bottom: 8px;
  /* margin-left: auto; */
  /* display: block; */
  /* margin-right: auto; */
  /* align-items: flex-start; */
}

#trxCntrls {
  margin-left: unset;
}

.d-flex .item {
  /*padding-right: 15px;*/
  padding-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}

  .d-flex .item small {
    font-size: 80%;
    color: #46902f;
    line-height: 1.2;
    display: inline-block;
  }

  .d-flex .item .date small {
    color: #e0d58f;
  }

  .d-flex .item .caption {
    font-size: 83%;
    color: #ffe629;
    padding: 0 10px 0 0;
  }

  .d-flex .item .hint {
    font-size: 83%;
    color: #79ac59;
    padding: 0 10px 0 0;
  }

  .d-flex .item .value {
    color: #cce8ba;
    font-weight: 600;
    font-size: 112%;
    padding: 0 5px 0 0;
  }

  .d-flex .item .subtext {
    font-size: 80%;
    color: #c7c07a;
  }

  .d-flex .item tr[data-href] {
    cursor: pointer
  }

  .d-flex .item th {
    color: yellowgreen;
    font-size: 13px;
    font-weight: 500;
    padding: 0 4px 0 0;
  }

    .d-flex .item th.right {
      padding: 0 0 0 4px;
      align-content: baseline;
      line-height: 10px;
    }

    .d-flex .item th.left {
      text-align: end;
      align-content: baseline;
      line-height: 10px;
    }

  .d-flex .item td.score {
    align-content: baseline;
    min-width: 22px;
  }

  .d-flex .item th .small {
    font-size: x-small;
    color: #c4bb58;
  }

  .d-flex .item td {
    color: whitesmoke;
  }

  .d-flex .item .combolist {
    font-size: 12px;
  }

    .d-flex .item .combolist :after {
      top: 8px !important;
    }


.d-flex a {
  color: #eed022;
  text-decoration: none;
}


  .d-flex a.dropdown-item {
    background-color: #3a651e;
  }

.d-flex .graph {
  /*width: 400px;*/
  height: 302px;
  min-height: 350px;
}

.d-flex .description {
  color: whitesmoke;
  font-size: 13px;
}

.img-flag {
  height: 15px;
  margin-bottom: 5px;
}

.fmpx {
}

  .fmpx.overx {
    overflow-x: auto; /* abilita lo scroll orizzontale */
    -webkit-overflow-scrolling: touch; /* scroll fluido su iOS */
  }

  .fmpx .reportTitle {
    font-size: small;
    font-weight: 700;
    color: bisque;
  }

  .fmpx .reportSelect {
    font-weight: 400;
    color: #a3c5a3;
  }

  .fmpx.control {
    display: block;
    width: 100%;
    font-size: 0.9rem;
    padding: 0.2rem 0.5rem;
    border: 1px solid #5ea141;
    border-radius: 0.2rem;
  }

  .fmpx .disabled {
    opacity: 0.5;
  }

  .fmpx.manual {
  }

    .fmpx.manual .topic {
      background: #1d4d06;
      margin: 4px;
      font-size: 16px;
      color: #efee95;
      padding: 8px 16px;
      cursor: pointer;
    }

      .fmpx.manual .topic .title {
        border: none;
        flex-grow: 1;
        flex-basis: 400px;
        margin: auto;
      }

      .fmpx.manual .topic.header {
        background: none;
        font-size: 13px;
        padding-bottom: 0px;
      }

      .fmpx.manual .topic .text {
        flex-grow: 1;
        flex-basis: 600px;
        font-size: 14px;
        color: #8cd46d;
      }

      .fmpx.manual .topic .author {
        color: forestgreen;
        margin-bottom: 3px;
        font-size: 14px;
        margin-left: 5px;
      }

    .fmpx.manual .chapter {
      background: #1d4d06;
      margin: 4px;
      font-size: 16px;
      color: #efee95;
      padding: 8px 16px;
    }

      .fmpx.manual .chapter .title {
        color: yellow;
        margin-bottom: 3px;
        font-size: larger;
      }

      .fmpx.manual .chapter .text {
        color: lemonchiffon;
        margin-bottom: 3px;
      }

      .fmpx.manual .chapter .author {
        color: forestgreen;
        margin-bottom: 3px;
        font-size: 14px;
      }

  .fmpx .spinner > div {
    margin: 0 1px;
  }

  .fmpx.tab-board {
    padding: unset;
  }

    .fmpx.tab-board.back {
      background-color: #1a380d;
    }

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  .fmpx .tab-content {
    padding: unset;
  }
}

@media only screen and (min-width: 769px) {
  /* For mobile phones: */
  .fmpx .tab-content {
    padding: 15px 15px 5px 15px;
  }
}

.fmpx .nav-tabs {
  border-bottom: 1px solid #1a380d;
  background-color: #216300;
}

  .fmpx .nav-tabs .nav-item {
    background-color: #53922b;
  }

  .fmpx .nav-tabs .nav-link.active {
    border-bottom-color: #1a380d;
    color: #dcde79;
    background-color: #1a380d;
    border-color: #1a380d #1a380d #1a380d;
  }

  .fmpx .nav-tabs .nav-link:not(.active) {
    color: #1a380d;
  }

.fmpx .title-tabs {
  border-bottom: 1px solid #a2dc7d;
  background-color: #1a380d;
  font-size: 12px;
}

  .fmpx .title-tabs .nav-item {
    background-color: #13250c;
  }

  .fmpx .title-tabs .nav-link {
    padding: 1px 10px 0px 10px;
  }

    .fmpx .title-tabs .nav-link.active {
      border-bottom-color: #1a380d;
      color: #fffa33;
      background-color: #295616;
      border-color: #1a380d #1a380d #1a380d;
    }

    .fmpx .title-tabs .nav-link:not(.active) {
      color: #9aa21e;
    }

.fmpx .age_year {
  font-weight: bold;
}

.fmpx .age_month {
  font-size: 10px;
  color: #ffd91f;
}

.fmpx .decimal {
  font-size: 10px;
  color: #8dc397;
  /*font-size: 10px;
        color: #ffd91f;*/
}

.fmpx .num {
}

  .fmpx .num.l5 {
    font-weight: 300;
    color: #fff9;
  }

  .fmpx .num.l10 {
    font-weight: 400;
    color: #fffc;
  }

  .fmpx .num.l15 {
    font-weight: 500;
    color: #fffffffa;
  }

  .fmpx .num.l20 {
    font-weight: 500;
    color: #fff000;
  }

  .fmpx .num.b20 {
    font-weight: 600;
    color: #ff7518;
  }

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

.fmpx .small-flag {
  width: 18px !important;
  margin-left: 3px;
  margin-bottom: 3px;
}

.fmpx .pitch-pos {
  font-size: 13px;
  font-weight: 500;
  padding: 1px 3px;
  border: solid 1px;
  background-color: #0d2b0d;
}

.fmpx .infotable {
  color: aliceblue;
  margin-bottom: 5px;
}

  .fmpx .infotable tr {
  }

  .fmpx .infotable th {
    font-weight: 600;
    padding-right: 5px;
    color: #c6ef72;
  }

    .fmpx .infotable th.right {
      padding-left: 11px;
      align-content: unset;
    }

  .fmpx .infotable table.talents {
    border-collapse: separate;
    border-spacing: 2px 0;
  }

    .fmpx .infotable table.talents td {
      font-size: smaller;
      border: #a2f1a2 1px solid;
      width: 20px;
      text-align: center;
    }

      .fmpx .infotable table.talents td.t0 {
      }

      .fmpx .infotable table.talents td.t1 {
        color: #c4f514;
      }

      .fmpx .infotable table.talents td.t2 {
        background-color: #d0d00d;
        color: #747513;
      }

      .fmpx .infotable table.talents td.t3 {
        background-color: #58c45a;
        color: #2b652b;
      }

      .fmpx .infotable table.talents td.half {
        font-weight: 700;
      }

      .fmpx .infotable table.talents td.t3.half {
        color: white;
      }

  .fmpx .infotable .cross {
    width: 12px;
    margin-bottom: 3px;
  }

.fmpx .skilltable {
  color: white;
}

  .fmpx .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;
  }

  .fmpx .skilltable img {
    width: 14px;
    padding: 0 0 3px 0;
  }

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

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

.fmpx .recordstable {
  color: white;
  font-size: 13px;
  width: 100%;
  border-collapse: collapse;
}

  .fmpx .recordstable th {
    padding: 1px 3px;
    border-style: solid;
    border-width: 1px 1px 0px 1px;
    border-color: #a2f1a2;
    background: #407b40;
    font-weight: 300;
    color: yellow;
    /*width: 12px;*/
    text-align: center;
  }

  .fmpx .recordstable td {
    text-align: center;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-color: #5e835e;
    padding: 0px 3px;
  }

  .fmpx .recordstable tr.hblue {
    background: #09093a;
    color: #fce4bf;
    font-weight: 600;
  }

  .fmpx .recordstable tr.hcyan {
    background: #144a76;
    color: #fce4bf;
    font-weight: 600;
  }

  .fmpx .recordstable img {
    width: 12px;
    margin-bottom: 3px;
  }

.fmpx .status {
}

  .fmpx .status.inj {
    color: red;
    font-size: 13px;
    text-shadow: #090a08 1px 1px 2px;
  }

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

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

  .fmpx .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;
  }

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

  .fmpx .rectable .rec {
    font-size: 24px;
    font-weight: 800;
    /*color: #cee6f7;*/
  }

  .fmpx .rectable .skilldev {
    font-size: 13px;
    font-weight: 300;
    text-align: left;
  }

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

  .fmpx .td-cell dt {
    color: #fffa33;
    margin-top: 0.25rem;
  }

  .fmpx .td-cell dd {
    color: #ceaa29;
    margin-bottom: 0;
    line-height: 1.2;
  }

  .fmpx .td-cell .trxbtn {
    line-height: 2.2;
  }

  .fmpx .td-cell dl {
    margin-bottom: 2px;
  }

.fmpx .td-header {
  vertical-align: middle;
  font-weight: 600;
  color: #82bf24;
}

.fmpx .space {
  height: 14px;
}

.fmpx .title {
  border-bottom: 1px solid #a2dc7d;
  margin-bottom: 4px;
}

@media only screen and (max-width: 768px) {
  .fmpx .title .sup {
    font-size: 10px;
    color: yellow;
  }

  .fmpx .title .main {
    font-size: 11px;
    color: #fffa33;
  }

  .fmpx .title .section {
    font-size: 14px;
    color: #a1e2ba;
  }
}

@media only screen and (min-width: 769px) {
  .fmpx .title .sup {
    font-size: 11px;
    color: yellow;
  }

  .fmpx .title .main {
    font-size: 12px;
    color: #fffa33;
  }

  .fmpx .title .section {
    font-size: 16px;
    color: #a1e2ba;
  }
}

.fmpx .match-table {
  width: 100%;
  margin: 8px;
}

  .fmpx .match-table .vs {
    vertical-align: middle;
    font-size: 18px;
    color: #a2c5a2;
  }

.fmpx .match-info {
}

  .fmpx .match-info div {
    color: lemonchiffon;
    text-align: center;
  }

.fmpx .preview-content {
  border: 1px solid #a0b990;
  color: #c4d6bc;
}

  .fmpx .preview-content cite {
    font-size: 95%;
    background: rgba(0, 0, 0, 0.2);
    margin: 5px 10px 10px 10px;
    padding: 5px 5px 5px 5px;
    display: block;
    font-style: unset;
    border: 1px #69865b solid;
  }

.fmpx .text {
  color: #69b737;
  font-size: 14px;
  padding-top: 5px;
}

  .fmpx .text.yellow {
    color: #b7af37;
  }

  .fmpx .text.red {
    color: #fc8888;
  }

  .fmpx .text.larger {
    font-size: larger;
  }

  .fmpx .text.large {
    font-size: larger;
  }

  .fmpx .text.bold {
    font-weight: 600;
  }

  .fmpx .text.compact {
    line-height: 16px;
    font-size: 13px;
  }

.fmpx .hltext {
  color: #a7db90;
  font-size: medium;
  font-weight: 400 !important;
}

.fmpx .player-mark {
  font-family: monospace;
  border: solid 2px #2ca02c;
  padding: 0px 5px;
  color: #6ada6a;
  cursor: pointer;
}

.fmpx .player-rvrs {
  font-family: monospace;
  border: solid 2px #c9ce38;
  padding: 0px 5px;
  color: #c9ce38;
  cursor: pointer;
}

.fmpx .player-info {
  font-family: monospace;
  border: solid 2px #2ca02c;
  padding: 0px 5px;
  color: #6ada6a;
  cursor: pointer;
  font-size: unset;
}

  .fmpx .player-info.note {
    background: #d4be2657;
  }

.fmpx .comment {
  color: #69b737;
  font-size: 13px;
  padding-top: 2px;
}

.fmpx .fmp-smbtn {
  text-align: center;
  border: #8bd86c solid 1px;
  padding: 0px 3px;
  font-weight: 200;
  cursor: pointer;
  margin: 0px 2px;
}

  .fmpx .fmp-smbtn.btn-green {
    color: #98e88f;
    background: #136513;
  }

    .fmpx .fmp-smbtn.btn-green:hover {
      background-color: #1c921c;
    }

  .fmpx .fmp-smbtn.btn-gray {
    color: #afb1af;
    background: #424242;
    border: #afb1af solid 1px;
    cursor: not-allowed;
  }


.fmpx .fmp-btn {
  text-align: center;
  border: #8bd86c solid 1px;
  padding: 4px 8px;
  font-weight: 500;
  cursor: pointer;
  line-height: 1.3;
  margin: 0px 2px;
}

  .fmpx .fmp-btn img {
    width: 18px;
    margin: 0px 1px 3px 1px;
  }

  .fmpx .fmp-btn.num {
    width: 30px;
    font-weight: 200;
  }

  .fmpx .fmp-btn.btn-green {
    color: #98e88f;
    background: #136513;
  }

    .fmpx .fmp-btn.btn-green:hover {
      background-color: #1c921c;
    }

  .fmpx .fmp-btn.btn-gray {
    color: #afb1af;
    background: #424242;
    border: #afb1af solid 1px;
    cursor: not-allowed;
  }

  .fmpx .fmp-btn.btn-yellow {
    color: #714118;
    background: #ffd950;
  }

    .fmpx .fmp-btn.btn-yellow:hover {
      background: #e6b400;
    }

  .fmpx .fmp-btn.btn-brown {
    color: #ffd950;
    background: #965720;
  }

  .fmpx .fmp-btn.btn-red {
    color: #f3b02d;
    background: #8b0000;
  }

    .fmpx .fmp-btn.btn-red:hover {
      background: #bd1717;
    }

  .fmpx .fmp-btn.btn-red-disabled {
    color: #807a6e;
    background: #660000;
    border: 1px #9b5151 solid;
  }

    .fmpx .fmp-btn.btn-red-disabled:hover {
      background: #750d0d;
    }

  .fmpx .fmp-btn.btn-orange {
    color: #6d3312 !important;
    background: #ff860d !important;
  }

    .fmpx .fmp-btn.btn-orange:hover {
      background: #d36e0a !important;
    }

  .fmpx .fmp-btn.small {
    font-size: 12px;
    padding: 3px 3px;
    margin: 1px;
  }

    .fmpx .fmp-btn.small.centre {
      margin: 1px auto;
    }

  .fmpx .fmp-btn.btn-smaller {
    line-height: 1;
    padding: 4px 3px;
  }

  .fmpx .fmp-btn.btn-login {
    color: #268cd8;
    background: #f3f3f3;
  }

    .fmpx .fmp-btn.btn-login svg {
      width: 20px;
      margin-bottom: 2px;
      margin-right: 10px;
    }

.fmpx .fmp-listcol {
  text-align: center;
  cursor: pointer;
}

.fmpx .fmp-listbtn {
  text-align: center;
  border: #4a6f3c solid 1px;
  padding: 1px;
  margin: 1px 4px;
  font-weight: 300;
  cursor: pointer;
  line-height: 1.3;
  font-size: 13px;
  color: #6ec543;
  background: #14581008;
}

  .fmpx .fmp-listbtn div {
    width: 19px;
  }

.fmpx .fmp-sicon {
  border: none;
  margin: 1px;
  font-weight: 100;
  color: #6ec543;
  background: none;
}

.fmpx .fmp-cmb {
  text-align: center;
  border: #8bd86c solid 1px;
  padding: 2px 4px;
  font-weight: 300;
  cursor: pointer;
  line-height: 1.3;
  width: 140px;
  margin: 4px 1px;
  text-align: left;
}

  .fmpx .fmp-cmb.cmb-gray {
    color: #afb1af;
    background: #424242;
    border: #afb1af solid 1px;
    cursor: not-allowed;
    font-size: 13px;
  }

.fmpx .trxtxt {
  color: #62cb31;
  margin: 4px 4px;
  display: inline-table;
}

  .fmpx .trxtxt b {
    color: white;
  }

.fmpx .trxbtn {
  margin: 1px 0px 1px 3px;
  cursor: pointer;
}

.fmpx .srchList .trxbtn {
  margin-left: 6px;
  background: #505a1a;
  padding: 2px 8px;
  border: 1px solid #928b2b;
  color: whitesmoke;
  width: fit-content;
  display: inline-block;
}

  .fmpx .srchList .trxbtn.active {
    background: #677323;
    border: 1px solid #fff134;
  }

.fmpx .srchBtns .trxbtn.action {
  padding: 2px 8px;
}

.fmpx .trxbtn.hide {
  display: none;
}

.fmpx .trxbtn .rule,
.fmpx .trxbtn .side,
.fmpx .trxbtn .team,
.fmpx .trxbtn .foot {
}

.fmpx .trxbtn.add-skill {
  margin-left: 6px;
  background: #3e6d20;
  padding: 2px 10px;
}

.fmpx .iconbtn.action {
  margin-left: 5px;
  background: #3e6d20;
  padding: 2px 4px;
  border: 1px solid #53922b;
  color: #a1f0a4;
  margin-top: 5px;
  display: inline-block;
  font-size: small;
  cursor: pointer;
}

  .fmpx .iconbtn.action img {
    width: 20px;
    margin-right: 3px;
  }

.fmpx .trxbtn.action {
  margin-left: 5px;
  background: #3e6d20;
  padding: 2px 4px;
  border: 1px solid #53922b;
  color: #a1f0a4;
  margin-top: 5px;
  display: inline-block;
  font-size: small;
  cursor: pointer;
}

  .fmpx .trxbtn.action img {
    width: 20px;
    margin-right: 3px;
  }

  .fmpx .trxbtn.action.clear {
    background: #20626d;
  }

.fmpx .trxbtn.off {
  color: #5f5f5f;
}

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

  .fmpx.btn-ui.disabled {
    background: #424242;
    cursor: not-allowed;
    color: #afb1af;
  }

.fmpx .team-selector {
  font-size: 13px;
  font-weight: 500;
  padding: 1px 3px;
  text-shadow: none;
  border: solid 1px;
  background-color: #0d2b0d;
  color: #a3c5a3;
}

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

  .fmpx .pitch-position.fpTraining {
    border-style: dashed;
  }

@media only screen and (max-width: 768px) {
  .fmpx tr > td > span.pitch-position {
    font-size: 11px;
  }
}

.fmpx .pitch-position.pos {
  font-weight: 500;
  border: none;
  padding: unset;
  font-size: 13px;
}

.fmpx .pitch-position.foots {
  font-size: 10px;
  padding: 0px 2px;
  border: none;
  background-color: unset;
}

.fmpx .issues {
  font-size: smaller;
}

  .fmpx .issues img.cards {
    margin-left: 3px;
    margin-bottom: 2px;
    width: 20px !important;
    height: 30px;
  }

.fmpx img.cards {
  margin-left: 3px;
  margin-bottom: 2px;
  width: 10px !important;
}

.fmpx span.red {
  color: red;
}

.fmpx .list-table {
  color: #e4e0c5;
  border: #13290b;
  border-style: solid;
  width: unset !important;
}

  .fmpx .list-table a {
    color: #e3d97f;
    text-decoration: none;
  }

    .fmpx .list-table a sup {
      color: #ffb371;
      font-size: 9px;
      top: -8px;
    }

  .fmpx .list-table tr:nth-of-type(odd) {
    background-color: rgb(33, 74, 15);
  }

    .fmpx .list-table tr:nth-of-type(odd).row-disabled {
      background: #616161;
    }

    .fmpx .list-table tr:nth-of-type(odd).resv {
      background: #19360c;
    }

  .fmpx .list-table tr .noback {
    background: unset;
  }

  .fmpx .list-table tr:nth-of-type(odd).row-disabled .name {
    color: #b5abab;
  }

  .fmpx .list-table tr:nth-of-type(odd).hblue {
    background: #09093a;
  }

  .fmpx .list-table tr:nth-of-type(odd).hcyan {
    background: #0c273c;
  }

  .fmpx .list-table tr:nth-of-type(odd).horange {
    background: #672802;
  }

  .fmpx .list-table tr:nth-of-type(odd).hyellow {
    background: #384210;
  }

  .fmpx .list-table tr:nth-of-type(odd).hbrown {
    background: #2d3b19;
  }

  .fmpx .list-table tr:nth-of-type(odd).hred {
    background: #480101;
  }

  .fmpx .list-table tr:nth-of-type(even) {
  }

    .fmpx .list-table tr:nth-of-type(even).row-disabled {
      background: #565656;
    }

    .fmpx .list-table tr:nth-of-type(even).resv {
      background: #182612;
    }

  .fmpx .list-table img {
    width: 14px;
    padding-bottom: 1px;
  }

  .fmpx .list-table tr:nth-of-type(even).row-disabled .name {
    color: #b5abab;
  }

  .fmpx .list-table img.icon {
    margin-left: 2px;
    margin-bottom: 2px;
    width: 12px;
  }

  .fmpx .list-table img.cord {
    width: 21px;
  }

  .fmpx .list-table img.cross {
    width: 10px;
    margin-bottom: 2px;
  }

  .fmpx .list-table img.edit {
    width: 17px;
    padding: unset;
    border: unset;
    background: unset;
  }

  .fmpx .list-table img.instr {
    margin: 0px 2px 1px 2px;
  }

  .fmpx .list-table span {
  }

    .fmpx .list-table span.cut {
      font-weight: 500;
      color: orange;
    }

    .fmpx .list-table span.agent {
      font-weight: 300;
      color: #dcc21e;
    }

    .fmpx .list-table span strong {
      font-weight: 500;
      color: #edf3d4;
    }

    .fmpx .list-table span.cord {
      font-size: 12px;
      font-weight: 600;
    }

      .fmpx .list-table span.cord.low {
        color: #c28e18;
        /*        margin: 0 0px 0 0;
*/
      }

      .fmpx .list-table span.cord.p {
        margin: 0 0 0 -5px;
        width: 21px;
        color: #92d050;
      }

      .fmpx .list-table span.cord.m {
        margin: 0 0 0 -5px;
        width: 21px;
        color: #f55757;
      }

    .fmpx .list-table span.pts {
      font-weight: 700;
      color: #e3d97f;
    }

  .fmpx .list-table.comp th {
    font-weight: 100;
    padding: 1px 2px 1px 6px !important;
    text-align: center;
    background-color: #0c2102;
    color: #d8d849;
  }

@media only screen and (max-width: 768px) {
  .fmpx .list-table.comp th {
    font-size: 12px;
  }
}

@media only screen and (min-width: 769px) {
  .fmpx .list-table.comp th {
    font-size: 13px;
  }
}


.fmpx .list-table.comp th.sorting_asc::before {
  bottom: 9px;
  font-size: 10px;
  right: 4px;
}

.fmpx .list-table.comp th.sorting_asc::after {
  bottom: 0.1em;
  font-size: 10px;
  right: 4px;
}

.fmpx .list-table.comp th.sorting::before {
  bottom: 9px;
  font-size: 10px;
  right: 4px;
}

.fmpx .list-table.comp th.sorting::after {
  bottom: 0.1em;
  font-size: 10px;
  right: 4px;
}

.fmpx .list-table.comp th.sorting_desc::before {
  bottom: 9px;
  font-size: 10px;
  right: 4px;
}

.fmpx .list-table.comp th.sorting_desc::after {
  bottom: 0.1em;
  font-size: 10px;
  right: 4px;
}

@media only screen and (max-width: 768px) {
  .fmpx .list-table th {
    font-weight: 100;
    padding: 1px 4px 1px 4px !important;
    text-align: center;
    background-color: #0c2102;
    color: #d8d849;
  }
}

@media only screen and (min-width: 769px) {
  .fmpx .list-table th {
    font-weight: 100;
    padding: 1px 12px 1px 4px !important;
    text-align: center;
    background-color: #0c2102;
    color: #d8d849;
  }
}

.fmpx .list-table th.sorting_asc::before {
  bottom: 0.1em;
  font-size: 14px;
  right: 4px;
}

.fmpx .list-table th.sorting_asc::after {
  bottom: 0.1em;
  font-size: 14px;
  right: 0px;
}

.fmpx .list-table th.sorting::before {
  bottom: 0.1em;
  font-size: 14px;
  right: 4px;
}

.fmpx .list-table th.sorting::after {
  bottom: 0.1em;
  font-size: 14px;
  right: 0px;
}

.fmpx .list-table th.sorting_desc::before {
  bottom: 0.1em;
  font-size: 14px;
  right: 4px;
}

.fmpx .list-table th.sorting_desc::after {
  bottom: 0.1em;
  font-size: 14px;
  right: 0px;
}

@media only screen and (max-width: 768px) {
  .fmpx .list-table td {
    font-weight: 300;
    padding: 2px 2px;
    text-align: center;
  }
}

@media only screen and (min-width: 769px) {
  .fmpx .list-table td {
    font-weight: 300;
    padding: 2px 6px;
    text-align: center;
  }
}

.fmpx .list-table tr.myteam {
  border: 1px #9fc87c solid;
  border-width: 1px 4px;
}

.fmpx .list-table td.left {
  text-align: left;
}

.fmpx .list-table td.right {
  text-align: right;
}

.fmpx .list-table td.bord {
  border-left: 1px dotted #3e6d20;
}

.fmpx .list-table.comp td {
  font-weight: 300;
  padding: 2px 2px;
  min-width: 26px;
  text-align: center;
}

  .fmpx .list-table.comp td.left {
    text-align: left;
  }

  .fmpx .list-table.comp td.right {
    text-align: right;
  }

  .fmpx .list-table.comp td.sk {
  }

  .fmpx .list-table.comp td.instr {
    padding: 0px 2px;
  }

.fmpx .list-table.matchlist td {
  font-weight: 300;
  padding: 0px 2px;
  min-width: 30px;
  text-align: center;
}

  .fmpx .list-table.matchlist td.left {
    text-align: left;
  }

  .fmpx .list-table.matchlist td.star {
    min-width: 70px;
  }

  .fmpx .list-table.matchlist td.right {
    text-align: right;
  }

  .fmpx .list-table.matchlist td.sk {
  }

  .fmpx .list-table.matchlist td:first-child {
    min-width: 38px;
  }

.fmpx .list-table span.nobid {
  color: #b7b381;
  font-style: italic;
}

.fmpx .list-table span.agentbid {
  color: #de8509;
  font-style: italic;
}

.fmpx .list-table span.attemptbid {
  color: #9ce;
  font-style: italic;
}

.fmpx .list-table .hblue {
  background: #09093a;
}

.fmpx .list-table .hcyan {
  background: #0f3350;
}

.fmpx .list-table .hgreen {
  background: #1b3c0e;
}

.fmpx .list-table .horange {
  background: #562101;
}

.fmpx .list-table .hyellow {
  background: #445013;
}

.fmpx .list-table .hbrown {
  background: #3f5224;
}

.fmpx .list-table .hred {
  background: #380000;
}

.fmpx div.dataTables_info {
  color: #c5b11d;
  font-size: small;
  font-weight: 100;
}

.fmpx .rating {
}

@media only screen and (max-width: 768px) {
  .fmpx .rating img {
    width: 12px;
  }

  .fmpx .matchlist {
    min-width: 310px;
    width: 100% !important;
    max-width: 500px;
  }
}

@media only screen and (min-width: 769px) {
  .fmpx .rating img {
    width: 14px;
  }

  .fmpx .matchlist {
    width: 100% !important;
  }
}

.fmpx .matchlist img {
  width: 13px;
}

  .fmpx .matchlist img.icon {
    margin-left: 2px;
    margin-bottom: 2px;
    width: 12px;
  }

  .fmpx .matchlist img.cards {
    margin-left: 2px;
    margin-bottom: 2px;
    width: 8px;
  }

.fmpx .form {
  margin: 0px 7px;
}

  .fmpx .form.h16 {
    background: url(/images/lineup/baril_h16.png) no-repeat 0px 0px;
    background-size: 131px 16px;
    width: 10px;
    height: 16px;
  }

  .fmpx .form.h19 {
    background: url(/images/lineup/baril_h19.png) no-repeat 0px 0px;
    background-size: 170px 19px;
    width: 13px;
    height: 19px;
  }

  .fmpx .form.h25 {
    background: url(/images/lineup/baril_h25.png) no-repeat 0px 0px;
    background-size: 222px 25px;
    width: 17px;
    height: 25px;
  }

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


/* The checkbox must be positioned relative: */
.fmpx .fmpselect {
  position: relative;
  font-family: Arial;
  margin-left: 5px;
  margin-right: 6px;
}

  .fmpx .fmpselect select {
    display: none; /*hide original SELECT element: */
  }

  .fmpx .fmpselect .cord {
    width: 24px;
  }

.fmpx .fmpselect-selected {
  background-color: #3e6d20;
}

  /* Style the arrow inside the select element: */
  .fmpx .fmpselect-selected:after {
    position: absolute;
    content: "";
    top: 10px;
    right: 6px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent;
  }

  /* Point the arrow upwards when the select box is open (active): */
  .fmpx .fmpselect-selected.fmpselect-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 4px;
  }

/* style the items (options), including the selected item: */
.fmpx .fmpselect-items div, .fmpselect-selected {
  color: #ffffff;
  padding: 2px 2px 2px 5px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
}

@media only screen and (max-width: 768px) {
  /* Style items (options): */
  .fmpx .fmpselect-items {
    position: absolute;
    background-color: #3e6d20;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    overflow: auto;
    max-height: 100px;
  }
}

@media only screen and (min-width: 769px) {
  /* Style items (options): */
  .fmpx .fmpselect-items {
    position: absolute;
    background-color: #3e6d20;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    overflow: auto;
    max-height: 135px;
  }
}



/* Hide the items when the select box is closed: */
.fmpx .fmpselect-hide {
  display: none;
}

.fmpx .fmpselect-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

.fmpx .modal-content {
  background-color: #48732c;
  color: #ddead6;
}

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

.fmpx .modal-footer {
  border-top: 1px solid #88b971;
  padding: 8px 6px 8px 12px;
}

.fmpx .modal-title {
  color: #d6d645;
}

.fmpx .modal-body {
  padding: 6px 12px;
  width: fit-content;
}

  .fmpx .modal-body a {
    color: #bbfb9c;
    text-decoration: underline;
  }

  .fmpx .modal-body .warning {
    color: #e46565;
  }

  .fmpx .modal-body textarea {
    resize: both;
    min-width: 440px;
  }

.fmpx .edit-btn {
  border-color: #d6d645;
  background: #2e4d19;
  color: #d6cf36;
  border-radius: unset;
  margin-bottom: 2px;
  margin-right: 2px;
  padding: 0px 4px;
  font-size: 12px;
}

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

  .fmpx .modal-btn.disabled {
    background: #424242;
    cursor: not-allowed;
    color: #afb1af;
  }

.fmpx .modal-prompt {
  padding-bottom: 5px;
}

.fmpx .modal-input {
  /*margin: 1px 4px;*/
  background: #446530;
  border: solid 1px #a0b990;
  color: #c4d6bc;
}

  .fmpx .modal-input.number {
    text-align: right;
    width: 120px;
  }

  .fmpx .modal-input.text {
    text-align: left;
    width: 100%;
    height: 120px;
  }

    .fmpx .modal-input.text.disabled {
      border: solid 1px #b5b5b5;
      color: #b5b5b5;
    }

  .fmpx .modal-input.title {
    text-align: left;
    width: 100%;
  }

    .fmpx .modal-input.title.disabled {
      border: solid 1px #b5b5b5;
      color: #b5b5b5;
    }

  .fmpx .modal-input.line {
    text-align: left;
    width: 100%;
    height: 28px;
    margin-bottom: -4px;
  }

.fmpx .modal-check, .fmpx .warning {
  color: #fc8888;
  font-size: smaller;
}

.fmpx .check-value {
  color: #e1c941;
  font-size: smaller;
}

.fmpx .trainingh {
  background: url(/images/training/traningh.png) no-repeat 0px 0px;
  height: 3px;
  top: 1px;
  left: 3px;
  position: relative;
  margin-top: -3px;
}

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

  .fmpx .trainingh.mn {
    background-position: 0px 0px;
  }

.fmpx .trainingt {
}

  .fmpx .trainingt.legenda {
    margin: 2px;
    color: blanchedalmond;
    font-size: 13px;
    padding: 1px 4px;
  }

  .fmpx .trainingt.t70 {
    border: 1px solid #b96cff;
  }

  .fmpx .trainingt.t60 {
    border: 1px solid #ff1060;
  }

  .fmpx .trainingt.t50 {
    border: 1px solid #ff9900;
  }

  .fmpx .trainingt.t40 {
    border: 1px solid #ddef4b;
  }

  .fmpx .trainingt.t30 {
    border: 1px solid #4aeeff;
  }

  .fmpx .trainingt.t20 {
    border: 1px solid #749dff;
  }

.fmpx .champt {
}

  .fmpx .champt.legenda {
    margin: 2px;
    color: blanchedalmond;
    font-size: 13px;
    padding: 1px 4px;
  }

  .fmpx .champt.blue {
    border: 1px solid #09093a;
    background-color: #09093a;
  }

  .fmpx .champt.cyan {
    border: 1px solid #0f3350;
    background-color: #0f3350;
  }

  .fmpx .champt.orange {
    border: 1px solid #672802;
    background-color: #672802;
  }

  .fmpx .champt.red {
    border: 1px solid #480101;
    background-color: #480101;
  }

.fmpx .page-link {
  font-size: 12px;
  text-decoration: none;
  padding: 4px 4px;
  color: #d8d848;
  border: 1px solid #2c712c;
  margin-left: 0 !important;
  background: #333833;
}

.fmpx .disabled .page-link {
  background-color: #464646;
  color: #9e9e9e;
  border-color: #2c712c;
}

.fmpx .logo {
  text-align: center;
}

  .fmpx .logo img {
    height: 35px;
    width: unset;
  }

.fmpx .logo-info {
  padding: 0 5px 0 0;
}

  .fmpx .logo-info i {
    font-size: 60px;
    color: #91ca6d;
  }

  .fmpx .logo-info.smaller i {
    font-size: 40px;
  }

  .fmpx .logo-info img {
    height: 60px;
  }

  .fmpx .logo-info td {
    min-width: 80px;
    padding: 3px;
  }

.fmpx button:hover {
  /*background-color: #324d20;*/
  transition: 0.7s;
}

.fmpx .notetip {
  top: -10px;
  background-color: black;
  color: white;
  border-radius: 5px;
  opacity: 0;
  position: relative;
  top: -35px;
  left: 5px;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.fmpx .hover:hover .notetip {
  opacity: 1;
}

span.retired {
  -webkit-text-stroke: 1px red;
  text-stroke: 1px red; /* per browser compatibili */
  font-size: 26px;
  color: transparent;
  font-weight: 800;
}

.fmpx .list-table span.retired {
  font-size: 14px;
  -webkit-text-stroke: 0.5px red;
  text-stroke: 0.5px red; /* per browser compatibili */
  vertical-align: super;
  line-height: 10px;
}

span.retiring {
  -webkit-text-stroke: 1px yellow;
  text-stroke: 1px yellow; /* per browser compatibili */
  font-size: 26px;
  color: transparent;
  font-weight: 800;
}

.fmpx .list-table span.retiring {
  font-size: 14px;
  -webkit-text-stroke: 0.5px yellow;
  text-stroke: 0.5px yellow; /* per browser compatibili */
  vertical-align: super;
  line-height: 10px;
}

.pagination > li > a, .pagination > li > span {
}

.pagination > li.active > a, .pagination > li.active > span {
  background-color: green !important;
  border: 1px solid #2c712c !important;
}

.offcanvas .notification-badge {
  right: 21px;
}

.offcanvas.offsize {
  width: 140px;
  background-color: #0b3d0b;
  background-image: linear-gradient(rgb(0 0 0 / 50%), rgb(18 37 11 / 50%)), /* overlay scuro */
  url("/icons/Logo.png"), url("/images/grass.jpg"); /* texture erba */
  background-repeat: no-repeat, no-repeat, repeat;
  background-position: center, center, 0 0;
  background-size: contain, contain, contain;
  color: #a4d097;
}

.offcanvas-header {
  padding: 10px 13px 0px 13px;
}

.offcanvas .navbar-nav .cmd-button {
  margin-left: 0px;
  margin-bottom: 5px;
}

.offcanvas .small-shirt {
  filter: drop-shadow(3px 3px 3px #000);
}

.offcanvas, .offcanvas-body {
  overflow: visible !important;
}

  .offcanvas .dropdown-menu {
    max-height: 45vh;
    overflow-y: auto;
  }

.notification-badge {
  position: absolute;
  top: -5px;
  right: -10px;
  background-color: #9e6005;
  color: white;
  border-radius: 50%;
  padding: 5px 8px;
  font-size: 12px;
}

  .notification-badge.down {
    top: 17px;
    background-color: #9a9e05;
  }

.mail {
  font-size: 14px;
}

  .mail.notification {
    color: #d4aa28;
  }

  .mail tr {
    font-weight: 300;
    cursor: pointer;
  }

    .mail tr.selected {
      border: 3px solid #d4aa28;
    }

  .mail.text {
    font-weight: 300;
    color: #a5a53a;
  }

  .mail tr:hover td {
    color: lightyellow;
  }

  .mail tr.unread {
  }

  .mail.mail-btn {
    border: 1px solid #468446;
    color: #b5c76b;
    text-align: center;
    margin-top: 4px;
    margin-left: auto;
    background-color: #2c632c;
    cursor: pointer;
  }

  .mail tr td .mail-icon {
    font-size: 26px;
    color: #a8b964;
  }

  .mail tr td .mail-out {
    font-size: 32px;
    color: #b0d422;
  }

  .mail tr td .mail-in {
    font-size: 32px;
    color: #d08932;
  }

  .mail td.text {
    color: #dbe6ae;
    border: 1px solid #586b2e;
    font-size: smaller;
    line-height: 12px;
  }

    .mail td.text.small {
      color: #e6d82c;
      width: 55px;
      font-size: 11px;
      line-height: 11px;
    }

  .mail .date {
    border: #121507 1px solid;
    background: #2b2f11;
    font-size: 11px;
    padding: 0px 3px;
  }

    .mail .date .weekday {
      line-height: 1;
      color: #dbe6ae;
    }

.agenda {
  font-size: 14px;
}

  .agenda tr {
  }

    .agenda tr:hover td {
      color: lightyellow;
    }

  .agenda .date {
    border: azure 1px solid;
    width: 46px;
    background: #2b2f11;
  }

    .agenda .date .weekday {
      font-size: 12px;
    }

    .agenda .date .day {
      font-size: 14px;
      font-weight: 600;
      margin: -5px;
    }

    .agenda .date .hour {
      font-size: 11px;
    }

  .agenda .event {
  }

    .agenda .event i {
      color: #ccae1d;
      width: 2.2rem;
      font-size: 32px;
    }

.tableNav {
}

  .tableNav div {
    border: 1px solid green;
    width: 26px;
    display: flex;
    justify-content: center;
    background: #102b10;
    color: #bfb3a2;
    cursor: pointer;
  }

    .tableNav div.active {
      background: #346734;
      cursor: default;
    }

.matchBox {
  min-width: 300px;
  max-width: 300px;
}

.space td.value div {
  padding: 0 0 0 12px;
}