.tria-jugador {
  /* overflow: scroll; */
  flex: 1 1 auto;
  padding: 0;
  /* height: 100%; */
}
.tria-jugador .fila-jugador {
  position: relative;
  width:100%;
  height: 25%;
  font-size: 3rem;
  line-height: 4.5rem;
  margin: 0;
  /* padding: 1rem 0; */
  border-bottom: 1px solid #343a40;
}
.tria-jugador .fila-jugador .barra {
  position: absolute;
  top: 0%;
  width: 15px;
  height: 100%;
}
.tria-jugador .fila-jugador .nom {
  position: absolute;
  top: 0%;
  width: 50%;
  text-align: left;
  font-weight: bold;
  left: 4%;
  line-height: 3.4rem;
}
.tria-jugador .fila-jugador .foto {
  height: 272px;
  position: absolute;
  top: 6px;
  right: 50px;
}
.tria-jugador .fila-jugador .foto img {
  height: 100%;
  z-index: 100;
  border: 15px solid rgba(0, 0, 0, 0);  
}
.tria-jugador .fila-jugador .percentTot {
  position: absolute;
  top: 233px;
  right: 10px;
  padding: 0;
  font-size: 4rem;
}
.tria-jugador .fila-jugador .estadTot {
  position: absolute;
  top: 68%;
  left: 0%;
  /* transform: translate(40%, 0);   */
  height: 30%;
  /* width: 42%; */
  justify-content: center;
  align-items: flex-end;
  display: flex;
  overflow: hidden;
}
.estadTot .copesTot {
  font-size: 8rem;
  font-weight: bold;
  letter-spacing: -4px;
  line-height: 7rem;
}
.estadTot .jocsTot {
  padding: 0 0 0px 10px;
  margin-left: 10px;
  color: grey;
  font-size: 4rem;
  font-weight: normal;
  border-left: 5px solid grey;
  line-height: 4rem;
}
.tria-jugador .fila-jugador .estadGolf {
  /* position: absolute;
  top: 8%;
  left: 31%;
  height: 92%;
  width: 30%; */
  justify-content: center;
  align-items: center;
  display: flex;
}
.tria-jugador .fila-jugador .estadPitch {
  /* position: absolute;
  top: 8%;
  left: 2%;
  height: 92%;
  width: 30%; */
  justify-content: center;
  align-items: center;
  display: flex;
}
.estadPitch .copesPitch,
.estadGolf .copesGolf {
  font-size: 6rem;
  font-weight: bold;
  letter-spacing: -4px;
  position: absolute;
  left: 2%;
  width: 50%;
  text-align: center;
}
.estadPitch .copesPitch {
  top: 15%;
}
.estadGolf .copesGolf {
  top: 3%;
  font-size: 7rem;
}
.estadPitch .jocsPitch,
.estadGolf .jocsGolf {
  text-align: center;
  padding: 0;
  color: grey;
  font-size: 2.5rem;
  font-weight: normal;
  position: absolute;
  width: 50%;
  top: 26%;
  left: 3%;
}
.estadPitch .jocsPitch {
  top: 32%;
}
.estadGolf .jocsGolf {
  top: 22%;
}
.estadPitch .percentPitch,
.estadGolf .percentGolf {
  position: absolute;
  width: 35%;
  left: 12%;
  font-size: 2.1rem;
  text-align: center;
  border: solid 2px black;
  border-radius: 10px;
  line-height: 3rem;
}
.estadPitch .percentPitch {
  top: 50%;
}
.estadGolf .percentGolf {
  top: 42%;
}
.estadGolf .divHandicap {
  width: 48%;
  top: 61%;
  left: 5%;
  position: absolute;
  text-align: center;
  border: solid 8px;
  border-radius: 35px;
}
.estadGolf .divHandicap .valor {
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 3.4rem;
  /* padding-bottom: 5px; */
}
.divHandicap .valorMesBaix {
  font-size: 2rem;
  line-height: 3rem;
  color: white;
  background: black;
  font-weight: 500;
  margin-bottom: -3px;
  border-radius: 0 0 20px 20px;
}

.estadGolf img.copaGolf {
  position: absolute;
  left: 170px;
  top: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 160px;
}
.estadGolf .copaGolf {
  position: absolute;
  left: 0%;
  top: 0%;
  display: flex;
  align-items: center;
  justify-content: center;
  /* height: 40%; */
  width: 60%;
}
.fila-jugador .copaGolf .text-copa {
  z-index: 4;
  position: absolute;
  top: calc(50% - 4rem);
  font-weight: 700;
  font-size: 3rem;
  color: white;
}
.fila-jugador .copaGolf .icon-copa {
  transform: scale(2,3);
}
.estadPitch .divHandicapPitch {
  width: 45%;
  top: 69%;
  left: 8%;
  position: absolute;
  text-align: center;
  border: solid 8px;
  border-radius: 25px;
}
.estadPitch .divHandicapPitch .valor {
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 2.5rem;
  padding-bottom: 2px;
}
.divHandicapPitch .valorMesBaix {
  font-size: 2rem;
  line-height: 2.5rem;
  color: white;
  background: black;
  font-weight: 500;
  border-radius: 0 0 15px 15px;
  margin-bottom: -3px;
}
.estadPitch img.copaPitch {
  position: absolute;
  left: 51%;
  top: 19%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 58%;
  width: 50%;
  font-size: 2.5rem;
}
.estadPitch .copaPitch {
  position: absolute;
  left: 12%;
  top: 5%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 37%;
  width: 40%;
  font-size: 2.5rem;
}
.copaPitch .text-copa {
  z-index: 4;
  position: absolute;
  top: calc(50% - 3.6rem);
  font-weight: 700;
  font-size: 3rem;
  color: white;
}
.copaPitch .icon-copa {
  transform: scale(2,3);
}

.tria-jugador .fila-jugador .handicap {
  position: absolute;
  top: 66%;
  left: 43%;
  display: block;
  font-size: 3.5rem;
  font-weight: bold;
  text-align: center;
}
.tria-jugador .fila-jugador .handicapPP {
  position: absolute;
  top: 66%;
  left: 72%;
  display: block;
  font-size: 3.5rem;
  font-weight: bold;
  text-align: center;
}
.tria-jugador .fila-jugador .handicapPP span,
.tria-jugador .fila-jugador .handicap span {
  font-size: 9rem;
  font-weight: normal;
  text-align: center;
  line-height: 3rem;
}
.tria-jugador .fila-jugador .punts {
  position: absolute;
  top: 54%;
  left: 28%;
  padding: 0;
  font-size: 9rem;
}
.tria-jugador .fila-jugador .punts .badge {
  padding: .25em;
  border-radius: 20px;
}

.tria-jugador .fila-jugador .estadistiques {
  position: absolute;
  top: 16%;
  left: 32%;
  width: 36%;
  margin: 0;
  padding: 0;
}
.tria-jugador .fila-jugador .estadistiquesPP {
  position: absolute;
  top: 16%;
  left: 61%;
  width: 36%;
  margin: 0;
  padding: 0;
}

.tria-jugador .fila-jugador .estadistiques .copesGolf,
.tria-jugador .fila-jugador .estadistiquesPP .copesGolf {
  width: 50%;
  padding: 0 25px 0 0;
  text-align: right;
  line-height: 6rem;
  font-size: 6rem;
  font-weight: bold;
  letter-spacing: -4px;
}
.tria-jugador .fila-jugador .estadistiques .copesPitch,
.tria-jugador .fila-jugador .estadistiquesPP .copesPitch {
  width: 50%;
  padding: 0 50px 0 0;
  text-align: right;
  line-height: 6rem;
  font-size: 4.5rem;
  font-weight: bold;
  letter-spacing: -4px;
}
.tria-jugador .fila-jugador .estadistiques .jocsGolf,
.tria-jugador .fila-jugador .estadistiquesPP .jocsGolf {
  width: 50%;
  padding: 0 0 0 50px;
  color: grey;
  font-size: 2.5rem;
  font-weight: normal;
  line-height: 4rem;
}
.tria-jugador .fila-jugador .estadistiques .jocsPitch,
.tria-jugador .fila-jugador .estadistiquesPP .jocsPitch {
  width: 50%;
  padding: 0 0 0 40px;
  color: grey;
  font-size: 2rem;
  font-weight: normal;
  line-height: 4rem;
}
.tria-jugador .fila-jugador .estadistiques .percentGolf,
.tria-jugador .fila-jugador .estadistiques .percentPitch,
.tria-jugador .fila-jugador .estadistiquesPP .percentGolf,
.tria-jugador .fila-jugador .estadistiquesPP .percentPitch {
  width: 100%;
  padding: 0;
  color: grey;
  font-size: 2.5rem;
  font-weight: normal;
  line-height: 3rem;
  text-align: center;
}

.fitxaJugador {
  height: 92%;
}
.menu-jugador {
  background: #343a40!important;
}

.files-activitat {
  overflow: scroll;
  flex: 1 1 auto;
  padding: 0;
  height: 100%;
  border-top: 2px solid grey;
  background: white;
}
.files-activitat .fila-partida {
  border-bottom: 2px solid grey;
  display: flex;
  flex-wrap: wrap;
  align-items: center!important;
  font-size: 2rem;
  padding: 1rem 0;
} 
.files-activitat .fila-partida .data {
  padding-right: 40px;
}
.files-activitat .fila-partida .camp {
  padding-left: 50px;
}
.files-activitat .fila-partida .tipus {
  position: absolute;
  left: 0;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  font-size: 42px;
}
.files-activitat .fila-partida .tipusPartida {
  font-size: 1.5rem;
  line-height: 1.5rem;
}
#divFonsPerfil {
  position: absolute;
  width: 100%;
  top: 0;
  
  animation-name: apareixTop;
  animation-duration: 2s;
}

#fotoPerfil {
  width: 100%;
}

#divFitxaJugador {
  z-index: 100;
  position: absolute;
  top: 366px;
  height: calc(100% - 562px);
  width: 100%;
  
  animation-name: apareixBottomFitxa;
  animation-duration: 2s; 
}
.fitxaJugador #divFoto {
  z-index: 603;
  width: 20rem;
  height: 20rem;
  position: absolute;
  top: 7%;
  left: 50%;
  transform: translate(-50%, 0%);
  
  animation-name: apareixBottomFotoFitxa;
  animation-duration: 2s; 
}
.fitxaJugador #fotoJugador {
  /* z-index: 3333; */
  width: 100%;
  /* position: absolute;
  left: calc(50%);
  top: -13%;
  transform: translate(-50%, 0); */
  border: 8px solid rgba(0, 0, 0, 0.3);  
}
.fitxaJugador .fila-partida .icon-torneig {
  width: 68px;
  font-size: 3rem !important;
  position: absolute;
  top: -16px !important;
  left: -25px !important;
  background: transparent !important;
  padding: 0 !important;
  text-shadow: 0 0 3px #000;
}
.fitxaJugador .fila-partida .icon-copa {
  font-size: 3rem !important;
  position: absolute;
  top: -8px !important;
  right: -15px !important;
  background: transparent !important;
  padding: 0 !important;
  transform: scale(0.8,1.5);
  text-shadow: 0 0 3px #000;
}
#divFitxaJugador .input-group-append .input-group-text,
#divFitxaJugador .input-group-prepend .input-group-text {
  font-size: 2.5rem;
}
#divFitxaJugador .divIconsFiltre {
  color: white !important;
  font-size: 42px;
  display: flex;
  justify-content: center;
}

#panellPrincipal {
  color: white;
  border-radius: 20px 20px 0 0;;
}
#panellPrincipal.jugador {
  height: 10%;
}

#iconPartides {
  right: 1%;
}

#panellPrincipal .fila-titol {
  top: 17%;
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0;
}
#panellPrincipal .botoTorneig {
  position: absolute;
  top: 8.5%;
  left: 45%;
  border: solid 8px;
  border-radius: 50%;
  padding: 15px;
}
#panellDades .botoTorneig {
  border: solid 8px;
  border-radius: 25px;
  height: 90px;
  color: white;
}


#panellPrincipal .botoTorneig.selected,
#panellDades .botoTorneig.selected {
  background: white;
  color: black;
}
#panellPrincipal .botoTorneig img {
  width: 65px;
}
#panellDades .botoTorneig img {
  width: 65px;
  position: relative;
  left: 10px;
}
#panellDades .botoTorneig span {
  font-size: 42px;
  top: 15px;
  position: absolute;
  left: 125px;
}
#panellPrincipal .divHandicap {
  width: 17%;
  top: 5px;
  left: 5%;
}
#panellPrincipal .divHandicapPP {
  width: 15%;
  top: 15px;
  right: 5%;
}
.fila-jugador .divHandicap,
#panellPrincipal .divHandicap {
  position: absolute;
  font-size: 2rem;
  text-align: center;
  border: solid 8px;
  border-radius: 35px;
}
#panellPrincipal .divHandicap .valor {
  font-size: 3rem;
  font-weight: bold;
}
#cardEditaPal .custom-switch,
#divDadesJugadors .custom-switch {
  transform: scale(2.5)translate(-30%, 30%);  
}
#cardEditaPal .custom-switch {
  padding-left: 6rem;
}
#divDadesJugadors .custom-switch .custom-control-label:before {
  height: 1rem;
}
.fila-jugador .divHandicapPP,
#panellPrincipal .divHandicapPP {
  position: absolute;
  font-size: 1.7rem;
  font-weight: 500;
  text-align: center;
  border: solid 8px;
  border-radius: 35px;
  line-height: 2.5rem;
}
.fila-jugador .divHandicapPP .titol,
.fila-jugador .divHandicap .titol,
#panellPrincipal .divHandicapPP .titol,
#panellPrincipal .divHandicap .titol {
  border-bottom: 4px solid;
  background: transparent;
}
#divDadesJugadors .divHandicapPP .titol {
  background: black;
  color: white;
}
.fila-jugador .divHandicapPP .valor,
#panellPrincipal .divHandicapPP .valor  {
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 3.5rem;
}
#panellPrincipal .divHandicapPP .valorMesBaix  {
  border-radius: 0 0 15px 15px;
}
#divDadesJugadors .titolJugadors {
  background: #e9ecef;
    border: 1px solid #ced4da;
    flex: 1 1 auto;
    align-items: center!important;
    justify-content: space-around;
    display: flex;
    /* font-size: 3rem; */
}

#divDadesJugadors .nomEquip {
  text-align: center;
  background: aquamarine;
    font-size: 2rem;
}

#divFitxaJugador .fila-titol {
  height: 115px;
}

#panellDades .fila-titol {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0;
  border-radius: 20px 20px 0 0;
  color: white;
  background: black;
  font-size: 42px;
}

.jugador .fila-header {
  font-size: 1.5rem;
  background: darkgrey;
  padding: 0 1rem;
}
.jugador .fila-header div {
  text-align: center;
}

#panellDades {
  position: absolute;
  z-index: 1500;
  width: 100%;
  border-radius: 20px 20px 0 0;
  background: white;
  padding: 0;
}
#panellDades.jugador {
  top: 10%;
  height: 90%;
  color: black;
  font-size: 128px;
}
#panellDades.panellDadesEstadistiques {
  top: 24%;
  height: 76%;
  color: black;
  font-size: 128px;
}

.jugador .divDades {
  overflow: scroll;
  height: calc(100% - 151px);
}
.fila-dades {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0.8rem 0;
}
.fila-dades button,
.fila-dades select,
.fila-dades input {
  text-align-last: center;
  font-size: 3rem;
}
.fila-dades select option {
  font-size: 1.2rem;
}
.fila-dades .eti {
  text-align: center;
  border: 2px solid;
  padding: 0.5rem .75rem .7rem .75rem;
  font-size: 1.8rem;
  line-height: 1.5rem;
  border-radius: .5rem;
  margin: 0 2rem; 
  color: green;
  border-color: green;
}
.fila-dades .txt {
  text-align: center;
  padding: .375rem .75rem;
  font-size: 3rem;
  line-height: 3rem;
  margin: 0 2rem; 
  color: lightslategrey;
}
.fila-dades .subTxt {
  text-align: center;
  padding: .375rem .75rem;
  font-size: 2rem;
  line-height: 2rem;
  margin: 0 1rem; 
  color: lightslategrey;
}

.fila-dades .eagle {
  background: #009AFF;
  color: white;
}
.fila-dades .birdie {
  background: red;
  color: white;
}
.fila-dades .par {
  background: #7DCE13; 
  color: white;
} 
.fila-dades .bogey {
  background: #EAAD02;
  color: white;
}
.fila-dades .doblebogey {
  background: #AC6725;
  color: white;
}
.fila-dades .triplebogey {
  background: darkgray;
  color: black;
}
.fila-dades .altres {
  background: #4c1502;
  color: white;
}
.Millors8 {
  background: yellow;
  color: black;
}
.Ultimes20 {
  background: white;
  color: black;
}
.Historic {
  background: lightgray;
  color: black;
}
.Millors8PP {
  background: moccasin;
  color: black;
}
.Ultimes20PP {
  background: white;
  color: black;
}
.HistoricPP {
  background: lightgray;
  color: black;
}

.divMapaCopsJugador {
  height: 100%;
  width: 100%;
  background: saddlebrown;
  font-size: 2rem;
}
.popover {
  font-size: 2rem;
  border-radius: 25px;
}
.rotate-45:before {
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#copsForm #btnTriaPal {
  position: absolute;
  top: 2%;
  left: 2%;
  z-index: 3;
}
#btnTancarTriaPal {
  position: absolute;
  right: 0;
  z-index: 3;
  color: black;
}
#palsJugadorForm .fila-tipusPal {
  border-bottom: 1px solid darkgrey;
  padding: 10px !important;
}
#palsJugadorForm .fila-tipusPal img {
  height: 5rem;
}
#palsJugadorForm .fila-tipusPal .badge {
  background: darkgrey;
  color: black;
  font-size: 2.5rem;
  border-radius: 50%;
}

.input-group .tipusPal {
  background: black;
  color: white;
}
.input-group .tipusPal img{
  height: 4.5rem;
}

.btnAfegirPal {
  color: darkgray;
}

#palsJugadorForm #cardTriaPal {
  background: #343a40!important;
}

#btnPalsActius,
#btnPalsAntics {
  display: flex;
  justify-content: center;
  border: solid 3px black;
  border-radius: 40px;
  background: darkred;
  color: white;
  z-index: 555;
}