:root {
  --bg-targeta: lightblue;
  --fg-targeta: royalblue;
  --txt-targeta: white;
}

.horitzontal,
.vertical {
  height: 100%;
  width: 100%;
  flex-wrap: wrap;
}

@media only screen and (orientation: landscape) {
  .horitzontal {
    display: flex !important;
  }
  .vertical {
    display: none !important;
  }
}
@media only screen and (orientation: portrait) {
  .horitzontal {
    display: none !important;
  }
  .vertical {
    display: flex !important;
  }
}

.dades-partida {
  height: 92%;
  width: 100%;
}

.menu-edit-partida,
.menu-partida {
  background: royalblue !important;
}
.menu-partida.dadesCops {
  background: #343a40 !important;
}
.menu-partida .menu-item.desactivat {
  color: mediumblue;
}
.menu-masters {
  background: #583688 !important;
}
#divPartides {
  background-color: #343a40;
}
#divTriaMasters,
#divTriaPartida {
  z-index: 100;
  /* position: absolute; */
  width: 100%;
  /* border-top: 8px solid green; */
  /* border-radius: 50px 50px 0 0; */
  /* background: yellowgreen;
  border-color: green; */
  overflow: hidden;
  border: 25px solid #343a40!important;
  border-radius: 100px;
}
#divTriaPartida.actiu {
  height: calc(100% - 122px);
}
#divTriaPartida.tancat {
  height: 0;
  border: none !important;
}
#divTriaPartida #opcionsTipus {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0;
  margin: 0;
}

/* #divTriaPartida .botoFiltre {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 40px;
  color: var(--menu-bg);
  background: lightgrey;
}
#divTriaPartida .numFiltrats {
  font-weight: bold;
  font-size: 3rem;
  margin-left: 10px;
  margin-top: -5px;
  line-height: 5rem;
} */

.opcionsFiltre .badge {
  padding: 8px 15px;
  margin: 0 5px;
  font-weight: normal;
  background: maroon;
  color: white;
  border: solid 3px black;
  border-radius: 40px;
}

/* #divTriaPartida div[class*='tria-'] {
  display: flex;
  justify-content: center;
  align-items: center;
  border: solid 3px black;
  border-radius: 40px;
  font-size: 2rem;
  padding: 0 2rem;
  z-index: 555;
} */
/* #divTriaPartida div[class*='tria-'] i {
  margin-right: 1rem;
} */

.torneig {
  font-size: 3.5rem;
  background: var(--menu-bg);
  color: white;
}
.triaPartida .tria-tipus,
#divFitxaPartida .tria-tipus,
#divResumPartida .tria-tipus,
#divFiltres .tria-tipus,
#divFiltres .tria-torneig {
  background: maroon;
  color: white;
}
#divFiltres .tria-data {
  background: darkblue;
  color: white;
}
#divFiltres .tria-camp {
  background: lightgreen;
  color: black;
}
#divFiltres .tria-jugador {
  background: antiquewhite;
  color: black;
}
.triaPartida .header-pantalla {
  background: var(--menu-bg); 
  color: green;
}
.triaPartida .dades-pantalla {
  height: 92%;
} 
#btnNovaPartida {
  font-size: 3.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 1rem;
  width: 100%;
}
#btnNovaPartida div {
  font-size: 2.5rem;
  margin: 0 2rem;
}
.files-partida {
  overflow-y: scroll;
  flex: 1 1 auto;
  padding: 0;
  height: 100%;
  border-top: 2px solid grey;
  background: white;
}
.files-partida .fila-partida {
  border-bottom: 2px solid grey;
  display: flex;
  flex-wrap: wrap;
  align-items: center!important;
  font-size: 36px;
  padding: 10px 0;
}
.fila-partida.activa {
  background-color: #a065f5;
  color: white;
}
.fila-partida.pendent.activa {
  background-color: #d6bbfd !important;
}
.fila-partida div {
  justify-content: space-around;
  align-items: center;
}
.fila-partida div.dada {
  text-align: center;
  padding: 0;
}
.fila-partida .tipus {
  display: flex;
  justify-content: center;
}
.fila-partida .camp {
  font-weight: bold;
  padding-right: 0;
  line-height: 36px;
}
.files-masters .fila-partida .camp {
  font-size: 62px;
  line-height: 75px;
}
.escollirPartida .fila-partida .data {
  font-size: 48px;
}
.fila-partida .data {
  text-align: center;
  color: grey;
  padding: 0;
  font-size: 36px;
}
.fila-partida.activa .data {
  color: white;
}
.fila-partida .cops {
  text-align: center;
  color: grey;
  padding: 0;
  font-size: 3.5rem;
}
.fila-partida .copaGolf,
.fila-partida .copaPitch {
  display: flex;
  padding: 0;
}
.header-pantalla .icon-torneig {
  position: absolute;
  width: 120px;
  left: 20px;
}
#divFiltreMobTipus .icon-torneig {
  width: 68px;
  height: 60px;
}
#divTriaPartida .fila-partida .icon-torneig {
  width: 68px;
  position: absolute;
  top: -15px !important;
  left: 0;
}

.fila-partida.Entrenament .icon-copa {
  display: none;
}
.fila-partida .icon-copa {
  font-size: 2rem;
  padding: 0;
  text-shadow: 0 0 3px #000;
}
.files-masters .fila-partida .icon-copa {
  font-size: 64px;
}
.fila-partida .copaGolf .icon-copa {
  transform: scale(2,2.8);
}
.fila-partida .copaPitch .icon-copa {
  transform: scale(1.5,2);
}
.fila-partida.Entrenament .copaPitch.torneig .text-copa,
.fila-partida.Entrenament .copaGolf.torneig .text-copa {
  position: absolute;
}
.fila-partida.Entrenament .copaPitch .text-copa,
.fila-partida.Entrenament .copaGolf .text-copa {
  position: inherit;
  text-align: center;
  line-height: 2rem;
  color: black;
  text-shadow: none;
  font-size: 2rem;
}
.fila-partida .copaGolf .text-copa {
  z-index: 4;
  position: absolute;
  top: calc(50% - 3rem);
  font-weight: 700;
  font-size: 2.5rem;
  color: white;
  text-shadow: 0 0 3px #000;
}
.fila-partida .copaPitch .text-copa {
  z-index: 4;
  position: absolute;
  top: calc(50% - 2rem);
  font-weight: 700;
  font-size: 2rem;
  color: white;
  text-shadow: 0 0 3px #000;
}

.fila-partida.Entrenament .text-copa.multi1 {
  display: block;
}
.fila-partida.Entrenament .text-copa.multi2 {
  display: none;
}
.fila-partida .text-copa.multi1 {
  display: none;
}
.fila-partida .copaGolf .text-copa.multi2 {
  left: 54%;
}
.fila-partida .copaPitch .text-copa.multi2 {
  left: 58%;
}
.fila-partida .estat {
  font-weight: bold;
  text-align: center;
  font-size: 3rem;
  padding: 0;
}
.files-masters  .fila-partida .estat {
  font-size: 36px !important;
}
.fila-partida .jugador {
  font-weight: bold;
  text-align: center;
  color: grey;
  padding-right: 0;
}
.fila-partida .jugadorRestant {
  border: 1px solid;
  border-radius: 30px;
  width: 85%;
  z-index: 1;
  font-size: 1.8rem;
  line-height: 2rem;
}

.divIconMaster {
  font-size: 55px;
  background: gold;
  height: 72px;
  line-height: 62px;
}
.divHeader .divScore {
  padding: 14px;
    width: 100%;
  background: #583688;
  display: flex;
  justify-content: center;  
}
.divScoreMasters {
  background: gold;
  text-align: center;
  font-weight: 600;
}
#divMasters.tancat {
  height: 98px;
}
#divMasters.actiu {
  height: 100%;
}

#divMasters.actiu .triaMasters {
  height: calc(100% - 98px);
  background: goldenrod;
}
#divPartida {
  height: calc(100% - 200px);
  width: 100%;
}
#divPartidaHor {
  width: calc(100% - 50px);
  height: 100%;
}
#divPartidaHor .divNumForat {
  text-align: center;
  color: black;
  background: white;
  font-size: 24px !important;
  min-width: auto;
}
#divScorePartidaHor .divJugadors {
  height: calc(100% - 36px);
}
#divTargetaPartidaHor .divJugadors {
  height: calc(100% - 213px);
}
#divPartidaHor .fila-jugador .copsForat {
  min-height: 60px;
}
#divPartidaHor .fila-jugador .jugador .score {
  font-size: 28px;
  line-height: 36px;
  background: none;
  color: gray;  
  padding: 0;  
}
#divPartidaHor .fila-jugador .score {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  min-height: 30px;
}
.divBarraScore {
  height: calc(100% - 30px);
  position: relative !important;
}
.liniaScore {
  border-top: 2px solid black;
  position: absolute;
  width: 100%;
}
.barraScore {
  background: blue;
  width: 100%;
  position: absolute;
}
.barraScore.negatiu {
  background: red;
}
#divPartidaHor .fila-jugador .nomJugador {
  line-height: inherit;
}
#divMasters .fila-titol {
  font-size: 64px;
  color: white;
  align-items: center;
  background: goldenrod;  
  height: 122px;
}
#dadesMastersForm .titolPantalla input {
  font-size: 88px;
  background: none;
  color: white;
  border: none;
  max-height: 100px;
}
.files-masters {
  padding: 0;
  background: white;
}

.header-partida {
  justify-content: center;
  font-weight: bolder;
  background: royalblue;
  color: white;
}
#divPartida .dades-pantalla {
  height: calc(100% - 128px);
  font-size: 3rem;
  padding: 0;
  overflow: scroll;
}
.escollirPartida {
  height: 100%;
  padding: 20px 85px;
}
#divPartida .dades-pantalla.senseHeader {
  height: 100%;
}
.divPartidesMaster {
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  height: 705px;
}
.triaPartidaMasters {
  display: flex;
  background: #a065f5;
  /* border: 5px solid #a065f5; */
  border-radius: 15px;
  font-size: 48px;
  padding: 0;
  height: 100px;
}
.triaPartidaMasters .numPartida,
.triaPartidaMasters .botoPartida {
  background: #583688;
  color: white;
  padding: 10px 0;
  /* font-weight: 600; */
  display: flex;
  justify-content: center;
  align-items: center;
}
.triaPartidaMasters .numPartida {
  font-size: 48px;
  border-radius: 15px 0 0 15px;
}
.triaPartidaMasters .nomPartida div {
  align-items: center;
  justify-content: center;
  display: flex;  
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;  
}
.triaPartidaMasters .boto {
  text-align: center;
  background: maroon;
  color: white;
  border-radius: 10px;
  margin: 5px;
  font-size: 48px;
  display: flex;
  justify-content: space-around !important;
  align-items: center;
}
.botoAddPartida {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #583688;
  color: white;
  font-size: 48px;
  border-radius: 35px;
  padding: 15px 0;  
}
.escollirPartida #divTriaPartida {
  height: calc( 100% - 175px);
  overflow: scroll !important;
  border-color: #583688 !important;
  border-radius: 0 0 100px 100px !important;
}
.escollirPartida .files-partida {
  border: 0 !important;
}
#divMasters .fila-partida {
  font-size: 42px !important;
  /* background: #583688;
  color: white; */
  align-items: center;
  height: 150px;
}
.divJugadorsMaster {
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  /* min-height: 500px; */
  padding: 0;
  height: 575px;  
}
.files-partides {
  max-height: 580px;
  overflow: scroll;
}
.divJugadorsMaster .fila-jugador {
  height: 115px;
  border-bottom: 2px solid white;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
}
.divJugadorsMaster .nomJugador {
  font-size: 48px;
  padding: 25px;
  border-radius: 50px;
}
.divJugadorsMaster .cops {
  font-size: 48px;
  text-align: center;
}
.divJugadorsMaster .total {
  font-weight: 600;
  font-size: 72px;
  color: green;
  /* background: #a065f5; */
  background: #aed9ae;
  height: 100%;
  align-items: center;
  display: flex;
  justify-content: center;
}
.divJugadorsMaster .score {
  font-size: 36px;
  line-height: 36px;
  font-weight: 400;
  align-items: center;
  display: flex;
  justify-content: center;
}
.divJugadorsMaster .total .score {
  font-size: 48px;
  height: 100%;
}
#divFitxaPartida .row {
  background: var(--fg-targeta);
  color: var(--txt-targeta);
  height: 50px;
}
#divFitxaPartida .row div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  font-size: 2rem;
}
#divResumPartida .fila-dades,
#divFitxaPartida .fila-dades {
    /* border-bottom: 1px solid black; */
  background: var(--bg-targeta);  
  height: 100px;
}
#divFitxaPartida .fa-stack .numForat,
#divResumPartida .fa-stack .numForat {
    line-height: 85px;
}
.divFotoNom {
  align-items: center;
  display: flex;
  justify-content: center;
  height: 255px;
  margin-bottom: 15px;
}
#divFitxaPartida .fila-botons {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  background: var(--fg-targeta);  
  padding: 3px 0;
  height: 100px;
}
#divFitxaPartida .fila-botons .botoSwitch {
  border-color: var(--menu-unsel); ;
}
#divFitxaPartida .fila-botons .botoSwitch div {
  background: var(--menu-unsel); 
}
#btnEditarPartida {
  display: flex;
  border: 4px solid var(--menu-unsel); ;
  border-radius: 50%;
}
.btnEditDades {
  text-align: center;
  display: flex;
  justify-content: center;
  border: solid 3px px black;
  border-radius: 40px;
  background: royalblue;
  color: white;
}
#divResumPartida .fila-dades .par,
#divFitxaPartida .fila-dades .par {
    background: lightcoral;
  border: 6px solid black;
  border-radius: 15px;
  width: fit-content;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 5px 15px;
}
#divResumPartida .fila-dades .par.camp {
  background: forestgreen;
}
#divResumPartida .par .text {
  font-size: 24px;
  padding: 0;
  padding-right: 10px;
}
#divResumPartida .par .valor {
  font-size: 42px;
  padding: 0;
}
#divFitxaPartida .par .valor,
#divResumPartida .par .valor {
    font-size: 3rem;
  font-weight: bold;
  text-align: center;
  line-height: 3rem;
}
#divFitxaPartida .fila-dades div,
#divResumPartida .fila-dades div {
    display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 2px 0.8rem;
}

#filaModalitat .botoModalitat {
  font-size: 2.5rem;
  padding: 10px 0;
}

#btnIniciarPartida,
#btnTancarPartida {
  z-index: 11;
  position: absolute;
  left: 55%;
  transform: translate(-50%, -50%);
}
#btnIniciarPartida {
  top: 62%;
  font-size: 18rem;
}
#btnTancarPartida {
  top: 71%;
  font-size: 15rem;
}
#btnIniciarPartida .color {
  color: royalblue;
}
#btnIniciarPartida .fons {
  color: lightblue;
}
#btnIniciarPartida .text {
  color: royalblue;
}
#btnIniciarPartida .icona {
  top: -22px;
  left: 26px;
}
#btnIniciarPartida .text,
#btnTancarPartida .text {
  font-size: 3.5rem;
  display: inline-block;
  z-index: 333333;
  position: absolute;
  top: 51%;
  left: 50%;
  transform: translate(-50%, -25%);
  font-weight: 900;
}
.estatPartida {
  z-index: 11;
  position: absolute;
  top: 28%;
  left: 55%;
  width: 50%;
  transform: translate(-50%, -25%);
  font-size: 7rem;
  line-height: 7rem;
  text-align: center;
  border: 25px solid;
  border-radius: 80px;
  padding: 8px 10px;
}
.estatPartida.preparada {
  border-color: royalblue;
  color: lightblue;
  background: royalblue;
}
.estatPartida.enJoc {
  border-color: chocolate;
  color: palegoldenrod;
  background: chocolate;
}
.estatPartida .eti {  
  font-size: 3.5rem;
  line-height: 4rem;
  padding-bottom: 10px;
}
.estatPartida .text {
  font-size: 4rem;
  font-weight: bold;
  border-radius: 0 0 40px 40px;
}
.estatPartida.preparada .text {
  color: royalblue;
  background: lightblue;
}
.estatPartida.enJoc .text {
  color: chocolate;
  background: palegoldenrod;
}
#btnTancarPartida .color {
  color: chocolate;
}
#btnTancarPartida .fons {
  color: palegoldenrod;
}
#btnTancarPartida .text {
  color: chocolate;
}
#btnTancarPartida .icona {
  top: -35px;
}

#divFitxaPartida .fila-jugador {
  height: 25%;
  padding: 1rem;
}
#divFitxaPartida .fila-jugador.buida {
  background: var(--bg-targeta);
}
#entrarCops {
  height: 100%;
}
#entrarCops .fila {
  color: royalblue;
  border-bottom: 2px solid royalblue;
}
#entrarCops .fila-jugador {
  height: 21rem;
  padding: 0.5rem;
  border-bottom: 2px solid royalblue !important;
}
.col-jugador {
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
  margin: 0;
  padding: 0;
  border: 1px solid black;
  border-top: none;
  width: 22%;
}
#divFitxaPartida .fila-jugador,
#entrarCops .fila-jugador {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width:100%;
  font-size: 2rem;
  margin: 0;
  border-bottom: 1px solid black;
}
#divFitxaPartida .fila-jugador .foto {
  position: absolute;
  top: 2%;
  height: 75%; 
  width: 22%;
}
#divFitxaPartida .fila-jugador .foto img {
  position: absolute;
  width: auto;
  height: 80%;
  z-index: 100;
  border: 0.5rem solid rgba(0, 0, 0, 0);
  left: 50%;
  transform: translate(-50%, 0);
}
#divFitxaPartida .fila-jugador .foto .etiFoto {
  position: absolute;
  top: 75%;
  left: 50%;
  transform: translate(-50%, 0);
  min-width: 8rem;
  z-index: 333;
  border-radius: 15px;
  text-align: center;
  font-weight: bold;
  color: white;
  width: 100%;
}
#divFitxaPartida .fila-jugador .divHandicap {
  top: 2rem;
}
#divFitxaPartida .fila-jugador .divNivellJoc {
  top: 65%;
}
#divFitxaPartida .fila-jugador .divNivellJoc,
#divFitxaPartida .fila-jugador .divHandicap {
  width: 7rem;
  height: 6rem;
  position: absolute;
  left: 75%;
  font-size: 1.6rem;
  text-align: center;
  border: solid 4px;
  border-radius: 20px;
}
#divFitxaPartida .fila-jugador .divHandicap.preparada {
  left: 80% !important;
  top: 35% !important;
}
#divFitxaPartida .fila-jugador .divNivellJoc .titol,
#divFitxaPartida .fila-jugador .divHandicap .titol {
  background: black;
  color: white;
}
#divFitxaPartida .fila-jugador .divHandicap .titol {
  background: black;
  color: white;
}
#divFitxaPartida .fila-jugador .divNivellJoc .valor,
#divFitxaPartida .fila-jugador .divHandicap .valor {
  font-weight: normal;
  font-size: 2.5rem;
  line-height: 3rem;
}
#divFitxaPartida .fila-jugador .cops {
  position: absolute;
  left: 74%;
  font-size: 4.5rem;
  background: pink;
  border-radius: 50%;
  width: 10rem;
  height: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column!important;
}
#divFitxaPartida .fila-jugador .cops:before {
  background: none;
  border: 4px solid #fff;
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  pointer-events: none;
  border-radius: 50%;
}
#divFitxaPartida .fila-jugador .cops .valor {
  line-height: 3rem;
}
#divFitxaPartida .fila-jugador .cops .text {
  font-size: 2rem;
}
#divFitxaPartida .fila-jugador .punts {
  position: absolute;
  left: 86%;
  top: 36%;
  font-size: 2.5rem;
  background: midnightblue;
  color: white;
  border-radius: 50%;
  width: 7rem;
  height: 7rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column!important;
}
#divFitxaPartida .fila-jugador .punts:before {
  background: none;
  border: 2px solid #fff;
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  pointer-events: none;
  border-radius: 50%;
}
#divFitxaPartida .fila-jugador .punts .valor {
  line-height: 2.5rem;
}
#divFitxaPartida .fila-jugador .punts .text {
  font-size: 1.5rem;
}
#divFitxaPartida .fila-jugador .resultats {
  position: absolute;
  font-size: 2.5rem !important;
  left: 23%;
  top: 60%;
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-wrap: wrap;
}
#divFitxaEstadistiques .fila-jugador .estadistiques {
  position: absolute;
  top: 78%;
  left: 32%;
  width: 66%;
  flex-wrap: wrap;
  display: flex;
  font-size: 2rem;
}
#divFitxaPartida .fila-jugador .estadistiques {
  position: absolute;
  top: 78%;
  left: 25%;
  width: 46%;
  flex-wrap: wrap;
  display: flex;
  font-size: 2rem;
}
#divFitxaEstadistiques .fila-jugador .estadistiques .estadistica,
#divFitxaPartida .fila-jugador .estadistiques .estadistica {
    border: 2px solid;
    border-radius: .5rem;
    color: green;
    border-color: green;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    width: 100%;
    /* margin: 0.5rem 1rem; */
}
.estadistica .titol  {
  border-right: 2px solid green;
  border-radius: .5rem 0 0 .5rem;
  color: green;
  background: white;
}
#divDadesJugadors .hdcJugador {
  height: 70px !important;
}

#filaDadesCamp {
 flex-wrap: wrap;
  display: flex;
  text-align: center;
}
#filaDadesCamp div {
  font-size: 2rem;
  border: 2px solid grey;
}

#menuBar.forats {
  display: none;
}
.partida.forats #divSubHeader {
  display: none;
} 
.triaPartida #divSubHeader {
  height: 100%;
} 
.partida.forats #divSubDades {
  top:0%;
  height: 100%;
  /* border-top: 8px solid royalblue !important; */
} 
/* .partida.forats #divSubDades.mapa {
  top:0%;
  border-top: none !important;
}  */



#divSubFooter {
  position: absolute;
  height: 128px;
  bottom: 0;
  width: 100%;
  background: white;
}

#divFitxaPartida,
#divResumPartida {
  height: 100%;
  background: white;
  z-index: 100;
}
#divFitxaPartida .divDadesJugadors {
  height: calc(100% - 250px);
}
#divResumPartida .divDadesJugadors {
  height: calc(100% - 200px) !important;
}
#divTargeta {
  max-height: 100%;
  height: 100%;
}

#divTargeta .fila-botons {
  background: white;
  color: black;
  font-size: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
#divTargeta .fila-botons div {
  border: 1px solid black;
  text-align: center;
}
#divTargeta .fila-botons div.selected {
  background: black;
  color: white;
}
#divTargeta .divDades {
  display: flex; 
  flex-wrap: wrap;
}
#divResultats,
#divTargeta .targeta {
  flex-wrap: wrap;
  display: flex;
  font-size: 2rem;
  height: 100%;
  background: var(--bg-targeta);
  padding: 0;
  /* overflow: scroll; */
}
#divPartidaHor .boto {
  font-size: 14px;
  font-weight: 600;
  color: royalblue;
  border-radius: 45px;
  border: solid 2px royalblue;
} 
.botoHandicap {
  font-size: 48px;
  font-weight: 600;
  color: royalblue;
  border-radius: 45px;
  border: solid 8px royalblue;
  padding: 3px 20px;
} 
.botoHandicap.selected {
  background: royalblue;
  color: white;
} 
#divResultats .boto {
    font-size: 48px;
  font-weight: 600;
  color: royalblue;
  padding: 20px 40px;
  border-radius: 45px;
  border: solid 6px royalblue;
} 
#divResultats .botoM {
  font-size: 32px;
  padding: 10px 20px;
}
#divForatsMatchplay {
  height: calc(100% - 400px);
  overflow: scroll;
}
#divModalitat {
  height: 100px;
}
#divModalitat .boto {
  padding: 0px 35px !important;
  font-size: 40px !important;
  text-align: center !important;
  text-align: center;
}
#divHeaderResultats {
  height: 300px;
}
#divResultats .scoreJugador {
  height: 134px;
}
#divPartidaHor .boto.selected,
#divScoreHor .boto.selected,
#divResultats .boto.selected {
  background: royalblue;
  color: white;
  border-color: royalblue;
}
#divResultats .foto {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.divDadesJugadors .fotoJugador {
  width: 195px;
  border: 8px solid rgba(0, 0, 0, 0);
  z-index: 3;
  position: relative;
}
.divDadesJugadors .etiJugador {
  margin-top:-20px;
}
.divDadesJugadors.nova .etiFoto {
  width: 100%;
  padding: 0;
  margin-top: -20px;
  margin-bottom: 15px;
}
#divResultats .fotoJugador {
  width: 100%;
  border: 8px solid rgba(0, 0, 0, 0);
}
#divResultats .etiFoto {
  border-radius: 15px;
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  padding: 0 20px;
  margin: -20px 0px;
}
#divResultats .hdcJugador {
  position: absolute;
  right: 15px;
  padding: 0 15px;
}
#divHeaderResultats .score-single {
  text-align: center;
  height: calc(100% - 13px);
  padding: 30px 10px 5px 10px;
}
#divHeaderResultats .score-equip {
  height: calc(100% - 13px);
}
#divResultats .score {
  border-radius: 15px;
  border: 5px solid;
  font-size: 48px;
  font-weight: 600;
}
#divResultats .txtPunts {
  line-height: 40px;
  margin-top: -20px;
}
#divResultats #divMatchPlays {
  display: flex;
  justify-content: center;
  padding-top: 8px;
}
#divResultats .divPartidaMatchplay {
  height: 350px;
  padding: 20px;
}
#divResultats .partidaMatchplay {
  display: flex;
  height: 100%;
  border-radius: 25px;
  border: 10px solid dodgerblue;
}
#divResultats .copsForat .puntsHandicap {
  font-size: 6rem;
  position: absolute;
  color: dodgerblue;
  font-weight: bold;
}
#divResultats .score-single.copsForat .puntsHandicap {
  bottom: -32px;
  left: 16px;
}
#divResultats .score-equip.copsForat .puntsHandicap {
  top: 36%;
  transform: translateY(-50%);
  left: 60%;
  line-height: 1rem;
  writing-mode: vertical-rl;
}
#divResultats .copsForat .cops {
  position: absolute;
  left: 25px;
  scale: 1.8;
}
#divResultats .score-equip.copsForat .cops {
  top: 25px;
}
#divResultats .copsForat.right .cops {
  right: 25px !important;
  left: auto;
}
#divResultats .score-single.copsForat .foratsGuanyats {
  color: gray;
  background: darkgray;
  padding: 25px 0px;
  position: absolute;
  top: 10%;
  right: 5px;
  font-size: 40px;
  font-weight: bold;
  line-height: 40px;
  border: 2px solid black;
  border-radius: 50%;
  text-align: center;
  min-width: 90px;
  height: 90px;
}
#divResultats .score-equip.copsForat .foratsGuanyats {
  position: absolute;
  bottom: 2px;
  line-height: 40px;
  font-weight: 600;
  color: grey;  
}
#divResultats .copsForat .foratsEquip {
  color: gray;
  background: darkgray;
  padding: 25px 0px;
  position: absolute;
  top: 10%;
  left: -25%;
  font-size: 48px;
  font-weight: bold;
  line-height: 40px;
  border: 2px solid black;
  border-radius: 50%;
  text-align: center;
  min-width: 90px;
  height: 90px;
}
#divResultats .copsForat .foratsGuanyats.guanyat,
#divResultats .copsForat .foratsEquip.guanyat {
    background: white;
}

.targeta .fila-header {
  justify-content: center;
  height: 265px;
}
.masters .targeta .fila-header {
  height: 332px !important;
}
.targeta .fila-header div {
  text-align: center;
}
.targeta .fila-header .jugador {
  background: white;
}
.targeta .fila-footer {
  justify-content: center;
  height: 10%;
}
#divEntrarCopsTots .col-header .botoApp,
.targeta .fila-header .botoApp {
  width: 6rem;
  height: 6rem;
  font-size: 3.5rem;
  background: royalblue;
}
.header-pantalla.header-targeta {
  border-bottom: 8px solid var(--fg-targeta) !important;
}
.header-targeta .fila-titolPantalla {
  color: var(--fg-targeta);
}
.header-targeta .fila-titolPantalla .titolRatlla {
  color: var(--fg-targeta) !important;
}
.header-targeta .fila-titolPantalla .botoApp {
  background: var(--fg-targeta) !important;
  color: white;
}
.triaPartida .fila-titolPantalla {
  z-index: 555;
  height: 100%;
  align-items: flex-end !important;
}
#divScorePartidaHor .nomJugador {
  font-size: 18px !important;
}
.nomJugador {
  font-size: 36px;
  font-weight: 700;
  line-height: 30px;
  text-align: center;
  padding: 0;
}
.liniaJugador {
  height: 12px;
}
.col-jugador .liniaJugador {
  height: 16px;
}
.col-jugador .copsPartida,
.fila-jugador .copsPartida {
  font-size: 7rem;
  font-weight: 600;
  line-height: 6rem;
  vertical-align: bottom;
}
.header .nomJugador,
.targeta .fila-header .nomJugador {
  /* background: var(--bg-targeta) !important;   */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  height: 85px;
}
#divEntrarCopsTots .scoreJugador,
.targeta .fila-header .scoreJugador {
  /* background: var(--bg-targeta) !important;   */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  height: 180px;
  margin: 0;
  padding: 0;
}
#divEntrarCopsTots .scoreJugador {
  height: 175px !important;
}
#divEntrarCopsTots .scoreTotalHdc {
  width: 100% !important;  
  font-size: 56px !important;
}
#divFitxaPartida .scoreTotalHdc,
#divResumPartida .scoreTotalHdc {
    font-size: 42px;
  font-weight: 600;
  line-height: 35px;
  padding: 8px 0;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 10px !important;
}
#divEntrarCopsTots .scoreTotalHdc,
.targeta .scoreTotalHdc {
  font-size: 36px;
  font-weight: 600;
  line-height: 1.8rem;
  /* padding: 4px 0; */
  border-radius: 0 10px 10px 0;
  height: 100%;
  padding: 0;
  width: 45%;  
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 10px !important;
}
#divEntrarCopsTots .divTriaPal,
#divEntrarCopsTots .divTriaImpacte,
#divEntrarCopsTots .divTriaVol,
#divEntrarCopsTots .divTriaCop {
    position: absolute;
  background: black;
  color: wheat;
  z-index: 999;
  height: calc(100% - 618px);
  display: flex;
  flex-wrap: wrap;
}
#divEntrarCopsTots .divTriaPal .fila-titol,
#divEntrarCopsTots .divTriaImpacte .fila-titol,
#divEntrarCopsTots .divTriaVol .fila-titol,
#divEntrarCopsTots .divTriaCop .fila-titol {
    height: 100px;
    padding: 16px 0;
}
#divEntrarCopsTots .divTriaVol .vol {
  bottom: 50%;
}
#divEntrarCopsTots .divTriaPal .dades,
#divEntrarCopsTots .divTriaCop .dades {
  height: calc(100% - 100px);
}
#divEntrarCopsTots .divTriaCop nav {
  height: 76px;
}
#divEntrarCopsTots  .tab-content>.active {
  display: flex;
}
.icon-tancar {
  font-size: 60px;
  line-height: 60px;
}
#divResultats .sotaPar,
.score.sotaPar,
#divFitxaPartida .scoreTotalHdc.sotaPar,
#divResumPartida .scoreTotalHdc.sotaPar,
#divEntrarCopsTots .scoreTotalHdc.sotaPar,
.targeta .scoreVolta.sotaPar,
.targeta .scoreVoltaHdc.sotaPar,
.targeta .scoreTotal.sotaPar,
.targeta .scoreTotalHdc.sotaPar {
  background: red;
  color: white;
}
.divScore .score.sotaPar, 
.divScore .score.sobrePar, 
.divScore .score.par
{
  color: #a065f5 !important;
  background: none;
  border: none;
  font-size: 80px;
  font-weight: 600;
}
#divResultats .divCopsForat .par,
.score.par,
#divFitxaPartida .scoreTotalHdc.par,
#divResumPartida .scoreTotalHdc.par,
#divEntrarCopsTots .scoreTotalHdc.par,
.targeta .scoreVolta.par,
.targeta .scoreVoltaHdc.par,
.targeta .scoreTotal.par,
.targeta .scoreTotalHdc.par {
  background: white;
  color: black;
  border-radius: 0;
}
.score.sobrePar {
  background: blue;
  color: white;
}
#filaScoreMasters .score.sobrePar {
    color: #a065f5 !important;
}  
#filaScoreMasters .score.sotaPar {
  color: white !important;
}  
#divResultats .sobrePar,
#divFitxaPartida .scoreTotalHdc.sobrePar,
#divResumPartida .scoreTotalHdc.sobrePar,
#divEntrarCopsTots .scoreTotalHdc.sobrePar,
.targeta .scoreVolta.sobrePar,
.targeta .scoreVoltaHdc.sobrePar,
.targeta .scoreTotal.sobrePar,
.targeta .scoreTotalHdc.sobrePar {
  background: lightblue;
  color: black;
}
.targeta .puntsPartida,
.targeta .puntsVolta {
  font-size: 36px;
  font-weight: bold;
  line-height: 55px;
  height: 50px;
  border-radius: 100% 0 0 0;
  text-align: right !important;
  padding-right: 18px !important;
  position: absolute;
  right: 0;
}
.puntsPartida.right,
.puntsVolta.right {
  text-align: left !important;
  padding-left: 15px !important;
}
/* .copsForat .puntsPartida,
.score-single .puntsPartida,
.score-equip .puntsVolta,
.score-single .puntsVolta {
  font-size: 32px;
  font-weight: bold;
  line-height: 55px;
  height: 50px;
  background: deeppink;
  border-radius: 100% 0 0 0;
  text-align: center;
  padding-left: 15px !important;
  position: absolute;
  right: 0;
} */
.score-equip .puntsVolta {
  bottom: 10px;
}
.copsForat .puntsPartida {  
  padding-right: 10px !important;
  bottom: 24px;
}
.score-single .puntsVolta {  
  bottom: 4px;
}
.score-single .puntsPartida {
  line-height: 48px !important;
}
.score-single .puntsPartida,
.score-equip .puntsPartida {
  font-size: 36px;
  font-weight: bold;
  line-height: 50px;
  height: 52px;
  background: deeppink;
  text-align: right;
  padding: 8px 12px 0 10px !important;
  position: absolute;
  z-index: 3;
  bottom: 70px;
}
.score-single .puntsPartida,
.score-equip .puntsPartida.left,
.score-equip .puntsVolta.left {
  border-radius: 100% 0 0 0;
  right: 0;
}
.score-equip .puntsPartida.right,
.score-equip .puntsVolta.right {
  border-radius: 0 100% 0 0;
  left: 0;
}
.col-jugador .puntsPartida {
  font-size: 3rem;
  font-weight: 600;
  line-height: 4rem;
  min-height: 4rem;
}
.col-jugador .puntsPartida span {
  background: dodgerblue;
  border-radius: 50%;
  width: 4rem;
  height: 4rem;
  padding: 10px 5px;
  color: white;
}
.fila-header .score-single,
.fila-header .score-equip,
#divEntrarCopsTots .score-single,
#divEntrarCopsTots .score-equip {
  height: 105px;
  width: 100%;
  display: flex;
  align-items: flex-end;  
}
#divEntrarCopsTots .score-equip {
  height: 100px !important;
}
#divHeaderCopsJugador {
  height: 10rem;
}
.divForatAcabat .puntsHandicap,
.col-jugador .puntsHandicap,
.fila-jugador .puntsHandicap,
#divHeaderCopsJugador .puntsHandicap,
#divDadesMapaForat .divForatAcabat .puntsHandicap {
  background: dodgerblue;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
}
.fila-jugador .punts {
  font-size: 3rem;
  padding: .2em .4em .25em .4em;
}
.divHeader .header .copsPartida {
  font-size: 100px;
  font-weight: 600;
  line-height: 105px;
  vertical-align: bottom;
  color: gray;
  padding: 0px 48px 0px 0;
  height: 100%;
  text-align: center;
  z-index: 3;
}
.divScore,
.divPuntsPartida,
.divRBA {
  height: 90px;
  justify-content: center;
  align-items: center;
  display: flex;
}
#divResumPartida .divNivellJoc {
  height: 140px;
  justify-content: center;
  align-items: center;
  display: flex;
}
#divResumPartida .divHandicap {
  height: 95px;
  justify-content: center;
  align-items: center;
  display: flex;
}
.divPuntsPartida .puntsPartida {
  height: 75px;
  width: 75px;
  line-height: 75px;
  border-radius: 50%;
  font-size: 42px;
  font-weight: 600;
}
.divHeader .header .puntsPartida {
  font-size: 36px;
  font-weight: bold;
  line-height: 45px;
  padding-top: 5px;
}
.divCopsPartida {
  height: 90px;
}
.divRBA .RBA {
  font-size: 56px;
  font-weight: 600;
  color: gray;
  padding: 0 5px;
  height: 100%;
}
.divNivellJoc .nivellJoc {
  font-size: 52px;
  font-weight: 600;
  text-align: center;
  border: solid 8px;
  border-radius: 35px;
  padding: 2px 15px;
  background: white;
}
.divHandicap .handicap {
  font-size: 36px;
  font-weight: 600;
  text-align: center;
  border: solid 4px;
  border-radius: 35px;
  padding: 4px 15px 2px 15px;
  background: white;
}
.divHandicap .handicap.mes {
  background: lightcoral;
}
.divHandicap .handicap.menys {
  background: yellowgreen;
}
#divResumPartida .divHandicap .fa {
  font-size: 36px;
}
#divResumPartida .divHandicap .fa-arrow-up {
  color: red;
}
#divResumPartida .divHandicap .fa-arrow-down {
  color: green;
}
#divFitxaPartida .copsPartida,
#divResumPartida .copsPartida,
.score-single .copsPartida,
.fila-header .score-equip .copsPartida{
  font-size: 80px;
  z-index: 3;
  font-weight: 600;
  line-height: 90px;
  vertical-align: bottom;
  color: gray;
  padding: 0 5px;
  height: 100%;
  padding-right: 43px;
  /* padding-left: 20%;
  padding-right: 20%; */
}
#divFitxaPartida .header .copsPartida {
  font-size: inherit;
  font-weight: inherit;
}
.fila-jugadors .score-equip {
  height: 85px;
  display: flex;
  align-items: end;
  justify-content: center;
  padding-right: 45px;
}
.fila-jugadors .score-equip.right {
  padding-left: 45px;
  padding-right: 0 !important;
}
.fila-jugadors .score-equip .copsPartida {
  font-size: 48px;
  z-index: 3;
  font-weight: 600;
  line-height: 55px;
  color: gray;
}

.copsVolta.right,
.copsPartida.right {
  padding: 0px 0 0 30px !important;
}
.fila-header .score-equip .copsEquip,
.fila-header .score-equip .foratsEquip,
#divEntrarCopsTots .score-equip .copsEquip {
  color: gray;
  background: white;
  padding: 10px 5px;
  position: absolute;
  top: -30px;
  left: -32%;
  font-size: 48px;
  font-weight: 500;
  line-height: 3rem;
  border: 2px solid black;
  border-radius: 50%;
  text-align: center;
}
.fila-jugadors .score-single .foratsPartida {
  color: gray;
  background: white;
  padding: 10px 10px;
  font-size: 66px;
  font-weight: bold;
  line-height: 60px;
  border: 2px solid black;
  border-radius: 50px;
  text-align: center;
}
.fila-jugadors .score-equip .foratsEquip {
  color: gray;
  background: white;
  padding: 10px 10px;
  position: absolute;
  top: 0px;
  left: 0px;
  font-size: 66px;
  font-weight: bold;
  line-height: 65px;
  border: 2px solid black;
  border-radius: 50px;
  text-align: center;
  min-width: 125px;
  transform: translateX(-50%);
}
#divEntrarCopsTots .score-equip .copsEquip {
  top: -34px !important;
  left: -24% !important;
}
.copsJugador {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  overflow: scroll;
  font-size: 4rem;
  line-height: 4rem;
  text-align: center;
  padding: 0;
  margin: 0;
}
.puttsJugador {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  overflow: scroll;
  font-size: 3rem;
  line-height: 3rem;
  text-align: center;
  padding: 0;
  margin: 0;
}
.col-jugador .scoreTotal,
.fila-jugador .scoreTotal {
  font-size: 3.5rem;
  line-height: 3.8rem;
  padding: 0;
  text-align: center;
}
.fila-header .scoreTotal,
.fila-footer .scoreTotal {
  font-size: 42px;
  font-weight: 900;
  /* line-height: 1.8rem; */
  padding: 0;
  text-align: center;
  width: 100%;
  height: 100%;
  align-items: center;
  display: flex;
  justify-content: center;  
}
.fila-header .scoreVolta,
.fila-footer .scoreVolta {
  font-size: 2rem;
  /* font-weight: 700; */
  line-height: 36px;
  padding: 0;
  text-align: center;
  color: gray;
  /* margin-top: -4px;
  padding-bottom: 4px; */
}
.fila-header .txtVolta,
.fila-footer .txtVolta {
  text-align: center;
  color: gray;
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 5rem;
}
.fila-header .score-single .copsVolta,
.fila-footer .score-single .copsVolta {
  font-size: 74px;
  font-weight: normal;
  line-height: 90px;
  color: gray;
  vertical-align: bottom;
  height: 100%;
  text-align: center;  
  padding-right: 43px !important;
}
.fila-footer .score-single,
.fila-footer .score-equip {
  height: calc(100% - 48px);
}
.fila-header .score-equip .copsVolta,
.fila-footer .score-equip .copsVolta,
#divEntrarCopsTots .score-equip .copsVolta {
  font-size: 3.5rem;
  font-weight: normal;
  line-height: 5rem;
  color: gray;
  vertical-align: bottom;
  height: 100%;
  text-align: center;  
  padding-right: 43px !important;
}
.fila-header .score-equip .copsVoltaEquip,
.fila-footer .score-equip .copsVoltaEquip,
#divEntrarCopsTots .score-equip .copsVoltaEquip {
  color: gray;
  background: white;
  padding: 10px 5px;
  position: absolute;
  top: 5px;
  left: -35%;
  font-size: 48px;
  font-weight: 500;
  line-height: 3rem;
  border: 2px solid black;
  border-radius: 50%;
  text-align: center;
}
.fila-header.forat {
  color: var(--fg-targeta);
  /* border-bottom: solid 2px var(--fg-targeta); */
  background: var(--bg-targeta);
  padding: 0;
  height: 100%;
}
.fila-header.forat .par,
.fila-header.forat .boto {
  font-size: 150%;
}
.fila-header.forat .dadesForat {
  flex-wrap: wrap;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin: 0;
  line-height: 2rem;
  font-size: 5rem;
  padding: 0;
}
.fila-header.forat .dadesForat .eti {
  height: 25%;
  font-size: 1.5rem;
  flex-wrap: wrap;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.fila-header.forat .dadesForat .dada {
  height: 75%;
  font-size: 4rem;
  flex-wrap: wrap;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.fila-header.forat .dadesForat .dada .badge {
  padding: 8px 15px;
  background: royalblue;
  color: white;
  font-size: 3rem;
}
.targeta .badge {
  font-size: 150%;
}
.masters .targeta .files-targeta {  
  height: calc(100% - 332px) !important;
}
.targeta .files-targeta {  
  width: 100%;
  height: calc(100% - 265px);
  overflow: scroll;
  padding: 0;
}
.targeta .files-targeta ::-webkit-scrollbar-thumb {
  background: blue; 
}
.targeta .fila-forat {  
  background: royalblue;
  flex-wrap: wrap;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 10%;
}
.targeta .fila-forat .buit { 
  background: var(--bg-targeta);
  height: 100%;
  width: 100%;
}
.fila-forat div {
  flex-wrap: wrap;
  display: flex;
  justify-content: space-around;
  height: 100%;
  /* background: white; */
}
.fila-forat > div:first-child {
  border-radius: 25px 0 0 25px;  
}
#divResultats .fila-forat .forat {
  width: 200px;
}
.fila-forat .forat {
  padding: 0px 0;
  height: 100%;
  border-top: 1px solid black;
  background: royalblue;
  color: white;
}
.forat span {
  text-align: center;
}
.forat .numForat {
  border-radius: 50%;
  color: white;
  /* background: royalblue; */
  /* line-height: 85%; */
  padding: 0;
  /* min-width: 6.5rem; */
  font-size: 5rem !important;
  font-weight: 700 !important;
  /* height: 100% !important; */
  border-radius: 0;
  line-height: inherit;
  align-items: center;
}
#divResultats .forat .numForat {
  min-width: 75px !important;
}
#divPartidaHor .fila-header .forat {
  padding: 0;
}
.fila-header .forat,
.fila-header .jugador {
  height: 100%;
}
.masters .fila-header .forat,
.masters .fila-header .jugador {
  height: calc(100% - 6px) !important;
}
.fila-header.forat .txtForat {
  font-size: 3.5rem !important;
  color: darkred;
}
.fila-header.forat .numForat {
  height: 7rem;
  font-size: 5rem !important;
  min-width: 7rem;
  background: royalblue;
}
.forat .parForat {
  background: darksalmon;
  color: darkred;
  border: 4px solid darkred;
  border-radius: 50%;
  line-height: 3rem;
  padding-top: 10px;
}
/* .files-targeta .forat .par {
  position: absolute;
  right: 0px;
  bottom: 0px;
  line-height: 60px;
  min-width: auto;
} */
.forat .par {
  text-align: center;
  color: inherit;
  background: darksalmon;
  font-weight: 700;
  height: fit-content;
  line-height: 64px;
  min-width: 67px;
  font-size: 3rem !important;
  color: black;
  border: 4px solid black;
}
.forat .par.par3 {
  background: wheat;
}
.forat .par.par4 {
  background: burlywood;
}
.forat .par.par5 {
  background: rosybrown;
}
.etiInfo {
  border: 1px solid black;
  border-radius: 10px 10px 0 0;
  background: royalblue;
  color: white;
  padding: 0;
  border-bottom: none;
  font-size: 32px;
}
#divScorePartidaHor .fila-header .handicap {
  font-size: 24px !important;
}
.targeta .handicapForat {
  text-align: center;
  padding: 0;
  font-size: 40px;
  font-weight: bold;
  align-items: center;
  display: flex;
  justify-content: center;
  line-height: 2rem;
}
#divTargetaPartidaHor .handicap,
#divTargetaPartidaHor .metres {
    font-size: 24px !important;
  text-align: center;
}
.targeta .metres {
  text-align: center;
  padding: 0;
  font-size: 40px;
  align-items: center;
  display: flex;
  justify-content: center;
}
.col-header .copsPartida,
.col-jugador .copsPartida {
  min-height: 6rem;
}
.col-header .nomJugador,
.col-jugador .nomJugador {
  min-height: 3rem;
}
.col-header .liniaJugador,
.col-jugador .liniaJugador {
  min-height: 16px;
}
.fila-jugador .puttsForat,
.col-header .puttsForat,
.col-jugador .puttsForat,
#divDadesMapaForat .divForatAcabat .puttsForat {
  text-align: right;
  font-size: 5rem;
  line-height: 16px;
  min-height: 1rem;
  /* display: flex; */
}
/* .col-jugador .puttsForat,
#divDadesMapaForat .divForatAcabat .puttsForat {
  writing-mode: vertical-rl;
  text-orientation: mixed;
} */
.fila-jugador .puttsForat .putts {
  vertical-align: super;
}
.divForatAcabat .copsForat,
.fila-jugador .copsForat,
.col-header .copsForat,
.col-jugador .copsForat,
#divDadesMapaForat .divForatAcabat .copsForat {
  text-align: center;
  font-size: 82px;
  line-height: 4rem;
  min-height: 7rem;
  justify-content: center !important;
  padding: 0;
  align-items: center;
  display: flex;
}
.col-header .hdcForat,
.col-jugador .hdcForat,
#divDadesMapaForat .divForatAcabat .hdcForat,
#divHeaderCopsJugador .hdcForat {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 3rem;
}
.divForatAcabat .resultat {
  font-size: 60px;
  font-weight: 600;
  text-align: center;
}
.col-header .puntsForat,
.col-jugador .puntsForat {
  text-align: center;
  font-size: 3.5rem;
  min-height: 4.5rem;
  line-height: 3rem;
  border-bottom: solid 1px black;
}
.col-jugador .puntsForat .badge {
  border-radius: 25px;
}
.col-jugador .puntsForat .badge span {
  font-weight: normal;
  padding-left: 10px;
  font-size: 80%;
}
#divDadesMapaForat .divForatAcabat .puntsForat {
  text-align: center;
}
#divDadesMapaForat .divForatAcabat .puntsForat .badge {
  border-radius: 25px;
  padding: 8px 25px;
  font-size: 2.5rem;
}
.triaPutts {
  padding: 0;
  font-size: 2.5rem;
  color: lightgrey;
  text-align: center;
}
.puttsForat {
  justify-content: center !important;
  padding: 0 8px;
}
.fila-forat .divCopsForat {
  height: 100%;
  width: 100%;
  padding: 0;
  background: white;
  border-top: 1px solid black;
  border-bottom: 1px solid black;  
}
.fila-forat .copsForat {
  justify-content: center !important;
  padding: 0 8px 0 0;
  background: white;
  align-items: center;
}
.mostra-historic.copsForat .badge {
  padding: 0.1em 0.4em !important;
}
.copsForat .altres {
  border: 1px solid white;
}
.divForatUn {
  width: 100%;
  height: calc(100% - 530px);
  position: fixed;
  top: calc(100% - 310px);
  z-index: 33;
  background: white;
  transition: top 1s 0.25s linear;
}
.divForatUn.actiu {
  top: 332px;
  transition: top 1s linear;
}
.divForatTots {
  width: 100%;
  height: calc(100% - 110px);
}
.divCopsJugador .fila-dades {
  padding-top: 4.75rem;
  justify-content: space-evenly;
}
.sortidaCarrer,
.tirGreen {
  text-align: center;
  margin: 0.5rem 0;
}
.sortidaCarrer.on,
.tirGreen.on {
  background: green;
  color: white;
}
.sortidaCarrer.off,
.tirGreen.off {
  background: grey;
  color: white;
}
.divDetallForatJugador .sortida,
.divDetallForatJugador .tirAgreen {
  height: calc(100% - 20px);
}
.green,
.sortida,
.tirAgreen {
  text-align: center;
  /* margin: 0 0 0.5rem 0; */
  position: relative;
  height: 8rem;
  min-height: 8rem;
  align-items: center;
  display: flex;
  /* border: 1px solid black; */
  border-left: 0;
  border-right: 0;
  padding: 0;  
  /* border-bottom: solid 1px black; */
}
.divCopsJugador .sortida,
.divCopsJugador .tirAgreen {
  height: 14rem;
}
.divDetallForatJugador .sortida,
.divDetallForatJugador .tirAgreen {
  border: solid 10px black !important;
  margin: 11px !important;
  border-radius: 22px !important;
}
.divGreen .green,
.divSortida .sortida,
.divTirAgreen .tirAgreen {
  border: solid 10px black !important;
  border-radius: 22px !important;
}
.divSortida .sortida .esquerra {
  border-radius: 12px 0 0 0 !important;
}
.divSortida .sortida .dreta {
  border-radius: 0 12px 0 0 !important;
}
.divDadesJugadors .fila-jugador .estadistiquesGrafics {
  position: absolute;
  height: 55%;
  width: 46%;
  left: 25%;
  /* top: 13%; */
  display: flex;
  justify-content: center;
}
#dadesEstadistiques .fila-jugador .estadistiquesGrafics {
  position: absolute;
  height: 60%;
  width: 66%;
  left: 32%;
  top: 15%;
  display: flex;
  justify-content: center;
  font-size: 2rem;
}
.fila-jugador .sortida,
.fila-jugador .tirAgreen {
  height: calc(100% - 34px);
  /* width: 50%; */
}
.sortida .centre {
  width: 38%;
  height: 65%;
  top: 17%;
  left: 31%;
}
.green div,
.sortida div,
.tirAgreen div {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
.marcEstadistica {
  height: 100%;
  /* width: 50%; */
  border: 2px solid;
  border-radius: .5rem;
  border-color: green;
}
.marcEstadistica .titol {
  /* background: white;
  color: black; */
  width: 100%;
  border-radius: .5rem .5rem 0 0;
  color: green;
  background: white;
  line-height: 34px;
  text-align: center;  
}
.divDadesJugadors .sortida .titol,
.divDadesJugadors .tirAgreen .titol  {
  top: -28%;
  height: 29%;
}
#dadesEstadistiques .sortida .titol,
#dadesEstadistiques .tirAgreen .titol  {
  top: -23%;
  height: 22%;
}
.divCopsJugador .sortida .titol,
.divCopsJugador .tirAgreen .titol,
.divCopsJugador .marcaPutts .titol  {
  top: -25%;
  height: 25%;
  color: white;
  background: black;
  border-radius: 0;
  border-color: black;
}
.divCopsJugador .marcaPutts .titol {
  position: absolute;
  font-size: 2.5rem;
  width: 100%;
  text-align: center;
}
.sortida .error {
  background: black;
  color: white;
  width: 100%;
  bottom: 0%;
  height: 19%;
  font-size: 48px;
  border-radius: 0 0 0.5rem 0.5rem;
}
.divCopsJugador .error {
  font-size: 2.5rem;
}
.sortida .esquerra {
  background: peru;
  width: 30%;
  height: 81%;
  top: 0;
}
.divDetallForatJugador .sortida .esquerra {
  border-radius: 12px 0 0 0;
}
.sortida .centre {
  font-size: 4rem;
  color: white;
  background: green;
  width: 40%;
  height: 81%;
  top: 0;
  left: 30%;
}
.divSortida .sortida .centre,
.divDetallForatJugador .sortida .centre {
  font-size: 130px;
}
.sortida .notSelected img {
  opacity: 25%;
}
.divCopsJugador .sortida .centre {
  font-size: 5.5rem;
}
.sortida .mostra-historic.centre,
.sortida .mostra-historic.dreta,
.sortida .mostra-historic.esquerra {
  font-size: 48px;
  line-height: 2.2rem;
}
.sortida .centre i {
  position: absolute;
}
.fila-jugador .sortida .centre i {
  position: absolute;
  top: 7%;
}
.sortida .dreta {
  background: peru;
  width: 30%;
  height: 81%;
  top: 0;
  right: 0;
}
.divDetallForatJugador .sortida .dreta {
  border-radius: 0 12px 0 0;
}
.col-header .sortida img,
.col-header .tirAgreen img,
.col-header .putts img {
  width: 100%;
}
.sortida .dreta img,
.sortida .centre img,
.sortida .esquerra img {
  width: 50%;
}
.fila-jugador .sortida .dreta img,
.fila-jugador .sortida .esquerra img {
  width: 50%;
  position: absolute;
  top: 5%;
}
.divDadesJugadors .fila-jugador .sortida span {
  font-size: 32px;
  position: absolute;
  top: 58%;
}
#dadesEstadistiques .fila-jugador .sortida span {
  font-size: 2rem;
  position: absolute;
  top: 58%;
}
.fila-jugador .sortida .error span {
  font-size: 24px;
  top: -8% !important;
}
.divDadesJugadors .fila-jugador .tirAgreen span {
  font-size: 1.5rem;
  position: absolute;
}
#dadesEstadistiques .fila-jugador .tirAgreen span {
  font-size: 2rem;
  position: absolute;
}
.valoracio {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  border: 2px solid lightgrey;
  font-size: 50px;
  color: white;
}
.valoracio i.noMarcat {
  color: gray;
}
.tirAgreen .mostra-historic.centre {
  font-size: 48px;
  width: 48%;
  height: 40%;
}
.green div {
  /* background: green !important; */
  background: none !important;
}
.green .llargEsquerra,
.tirAgreen .llargEsquerra {
  background: peru;
  width: 33%;
  height: 27%;
  top: 0%;
  border: 1px solid grey;
}
#divEditarCopForat {
  height: calc(100% - 110px);
}
.divEditarCopForat .green .llargEsquerra,
.divEditarCopForat .tirAgreen .llargEsquerra,
.divDetallForatJugador .tirAgreen .llargEsquerra {
  border-radius: 12px 0 0 0;
}
.green .llargDreta,
.tirAgreen .llargDreta {
  background: peru;
  width: 33%;
  height: 27%;
  top: 0%;
  right: 0;
  border: 1px solid grey;
}
.divEditarCopForat .green .llargDreta,
.divEditarCopForat .tirAgreen .llargDreta,
.divDetallForatJugador .tirAgreen .llargDreta {
  border-radius: 0 12px 0 0;
}
.green .llarg,
.tirAgreen .llarg {
  background: peru;
  width: 34%;
  height: 27%;
  top: 0%;
  left: 33%;
  border: 1px solid grey;
}
.green .esquerra,
.tirAgreen .esquerra {
  background: peru;
  width: 33%;
  height: 27%;
  top: 27%;
  border: 1px solid grey;
}
.tirAgreen .centre {
  z-index: 30;
  font-size: 6rem;
  color: white;
  background: green;
  width: 55%;
  height: 55%;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 1px solid grey;
}
.green .centre {
  z-index: 33;
  font-size: 5rem;
  color: white;
  background: green;
  width: 34%;
  height: 27%;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* border-radius: 50%; */
  border: 1px solid grey;
}
.green .dreta,
.tirAgreen .dreta {
  background: peru;
  width: 33%;
  height: 27%;
  top: 27%;
  right: 0;
  border: 1px solid grey;
}
.fila-jugador .tirAgreen .centre {
  position: relative;
  width: 42%;
  height: 42%;
  top: -10%;
  transform: translate(-50%, 0%);
}
.fila-jugador .tirAgreen .llarg span {
  top: -8%;
}
.fila-jugador .tirAgreen .dreta span {
  left: 30%;
}
.fila-jugador .tirAgreen .centre span {
  font-size: 2rem;
}
.fila-jugador .tirAgreen .esquerra span {
  right: 30%;
}
.fila-jugador .tirAgreen .curt span {
  top: 21%;
}
.green .curtEsquerra,
.tirAgreen .curtEsquerra {
  background: peru;
  width: 33%;
  height: 27%;
  bottom: 19%;
  border: 1px solid grey;
}
.green .curt,
.tirAgreen .curt {
  background: peru;
  width: 34%;
  height: 27%;
  bottom: 19%;
  left: 33%;
  border: 1px solid grey;
}
.green .curtDreta,
.tirAgreen .curtDreta {
  background: peru;
  width: 33%;
  height: 27%;
  bottom: 19%;
  right: 0;
  border: 1px solid grey;
}
.green .error,
.tirAgreen .error {
  background: black !important;
  color: white;
  width: 100%;
  height: 19%;
  bottom: 0%;
  right: 0;
  /* border: 1px solid grey; */
  font-size: 48px;
  border-radius: 0 0 0.5rem 0.5rem;
}
.divCopsJugador .tirAgreen .llargEsquerra {
  height: 26%;
}
.divCopsJugador .tirAgreen .llarg {
  height: 26%;
}
.divCopsJugador .tirAgreen .llargDreta {
  height: 26%;
}
.divCopsJugador .tirAgreen .esquerra {
  height: 26%;
  top: 26%;
}
.divCopsJugador .tirAgreen .centre {
  height: 50%;
  top: 40%;
}
.divCopsJugador .tirAgreen .dreta {
  height: 26%;
  top: 26%;
}
.divCopsJugador .tirAgreen .curtEsquerra {
  height: 26%;
  bottom: 22%;
}
.divCopsJugador .tirAgreen .curt {
  height: 26%;
  bottom: 22%;
}
.divCopsJugador .tirAgreen .curtDreta {
  height: 26%;
  bottom: 22%;
}
.divCopsJugador .tirAgreen .error {
  bottom: 0;
  height: 22%;
  width: 100%;
  background: black;
  color: white;
}
.col-header {  
  margin: 0;
  font-size: 5rem;
  /* min-height: 30rem; */
  width: 12%;
  text-align: center;
}
.col-header i {  
  vertical-align: -webkit-baseline-middle;
}
.col-header .fila-cop {
  margin: 1.5rem 0;
}
.col-jugador .fila-cop {
  height: 92px;
}
.historicCops,
.marcaCops {  
  position: relative;
  margin: 0;
  margin-top: 0px;
  /* border-bottom: solid 1px black; */
}
.historicCops {
  min-height: 20rem;
  font-size: 4rem;
}
.marcaCops {  
  min-height: 612px;
  font-size: 5rem;
}
.col-header .botoMostra {
  font-size: 3rem;
  border-radius: 50%;
  width: 6rem;
  color: royalblue;
}
.col-header .botoMostra.selected {
  color: white;
  background: royalblue;
}
.col-header .botoMostra.selected .fa-circle {
  color: royalblue;
}
.col-header .putts,
.marcaPutts {
  position: relative;
  margin: 0;
  font-size: 2rem;
  min-height: 120px;
  align-items: center;
  display: flex;
  border-bottom: solid 1px black;
}
.divEditCop .marcaPutts {
  margin: 0;
  padding: 0;
}
.marcaPuttsNou {
  position: relative;
  font-size: 2rem;
  align-items: center;
  display: flex;
  border-bottom: solid 1px black;
}
.filaBotoBottom {
  flex-wrap: wrap;
  display: flex;
  justify-content: center;
  line-height: 3rem;
  border-bottom: solid 1px black;
}
.sortida .centre.notSelected,
.tirAgreen .centre.notSelected {
  background: rgb(194, 211, 163) !important;
}
.sortida div.notSelected,
.tirAgreen div.notSelected {
  background: rgb(243, 231, 204);
}
.green div.notSelected {
  /* background: rgb(193, 230, 201) !important; */
  background: none !important;
}
.green .error.notSelected,
.sortida .error.notSelected,
.tirAgreen .error.notSelected {
  background: rgb(0, 0, 0, 0.2) !important;
}
.historicCops .badge.notSelected {
  width: 4.5rem;
}
.historicCops .badge.notSelected,
.marcaCops .badge.notSelected,
.marcaPutts .badge.notSelected {
  opacity: 20%;
}
.marcaPutts.selected .badge.notSelected {
  display: none !important;
}
.marcaPutts.selected .txtPutts {
  position: absolute;
  top: 6.5rem;
  left: 4rem;
  font-size: 2.5rem;
  display: flex;
}
.marcaPutts .txtPutts {
  display: none;
}

.historicCops .badge.selected,
.marcaCops .badge.selected,
.marcaPutts .badge.selected {
  border: solid 3px black;
}
.marcaPutts .badge.selected {
  top: 2rem;
  left: 4.5rem;
}
.marcaPutts .putts3 {
  font-size: 3rem;
}
#divEntrarCopsJugador {
  position: absolute;
  height: 92%;
  width: 100%;
  top: 0%;
}
#divEntrarCopsJugador {
  background: black;
  /* height: 100%; */
}
#foratsInfoCarousel {
  /* position: absolute; */
  height: 138px;
  width: 100%;
  z-index: 335;
  border-bottom: 8px solid royalblue !important;
}
#entrarCopsCarousel {
  height: calc(100% - 395px);
}
.masters #entrarCopsCarousel {
  height: calc(100% - 551px);
}
/* .mapa #foratsInfoCarousel {
  bottom: 0;
} */
.historicCops .dosXifres,
.marcaCops .dosXifres,
.marcaPutts .dosXifres {
  padding: 10px 5px !important;
}
.marcaPutts .putt {
  line-height: 58px;
  text-align: center;
  border: 1px solid black;
  font-size: 48px;
  font-weight: 700;
  color: grey;
  opacity: 30%;
}
.marcaPutts .putt.selected {
  opacity: 1;
  background: gray;
  color: lightgray;
}
.marcaPutts .putts0.selected {
  color: white;
  background: green;
}
.marcaPutts .putts1.selected {
  color: white;
  background: red;
}
.marcaPutts .putts2.selected {
  color: black;
  background: white;
}
.marcaPutts .putts3.selected {
  color: white;
  background: darkgoldenrod;
}
.marcaPutts .putts4.selected {
  color: black;
  background: darkgray;
}
.marcaPutts .putts5.selected {
  color: white;
  background: black;
}
.historicCops .eagle,
.historicCops .par,
.historicCops .doblebogey,
.historicCops .altres {
  position: absolute;
  left: calc(25% - 30px);
}
.btnMulli {
  text-align: center;
  min-height: 95px;
  opacity: 0.3;
}
.btnMulli.selected {
  opacity: 1;
}
.btnMulli i {
  font-size: 90px;
}
.btnMulli.gastat i,
.btnMulli.gastat img {
  display: none;
}
.btnMulli img {
  position: absolute;
  top: 72px;
  left: 50%;
  transform: translate(-50%, 0);
}
.imgMulli {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);  
}
.divCopsForat .imgMulli,
.scoreJugador .imgMulli {
  position: absolute;
  width: 30px;
  right: 5px;
  top: 28px;
  z-index: 3;
  left: auto;
}
.divCopsForat .imgMulli {
  left: 35px;
}
.equip .scoreJugador .imgMulli {
  right: auto;
  left: 36px;
  top: auto;
  bottom: 55px;
}
.scoreJugador .imgMulli.right {
  position: absolute;
  width: 30px;
  right: 9px;
  left: auto;
}
.input-icon .iconMulli {
  font-size: 72px;
}
.divCopsForat .iconMulli,
.scoreJugador .iconMulli {
  font-size: 55px;
  position: absolute;
  right: 8px;
  top: 2px;
  z-index: 3;
}
.divCopsForat .iconMulli {
  left: 8px;
}
.equip .scoreJugador .iconMulli {
  top: auto;
  bottom: 56px;
  right: auto;
  left: 9px;
}
.equip .scoreJugador .iconMulli.right {
  left: auto;
  right: 10px;
}
.scoreJugador .iconMulli.right {
  font-size: 55px;
  position: absolute;
  right: auto;
  left: 10px;
}
.marcaCops .cop1, .marcaCops .cop3, .marcaCops .cop5, 
.marcaCops .cop7, .marcaCops .cop9 {
  position: absolute;
  left: calc(25% - 30px);
}
.marcaCops .cop11 {
  position: absolute;
  left: calc(25% - 36px);
}
.historicCops .birdie,
.historicCops .bogey,
.historicCops .triplebogey {
  position: absolute;
  right: calc(25% - 30px);
}
.marcaCops .cop2, .marcaCops .cop4, .marcaCops .cop6,
.marcaCops .cop8 {
  position: absolute;
  right: calc(25% - 30px);
}
.marcaCops .cop10, .marcaCops .cop12 {
  position: absolute;
  right: calc(25% - 36px);
}
.marcaCops .cop10, .marcaCops .cop11, .marcaCops .cop12 {
  padding: 12px;
}
.historicCops .eagle {
  top: 0rem;
}
.historicCops .birdie {
  top: 2rem;
}
.historicCops .par {
  top: 5rem;
}
.historicCops .bogey {
  top: 7rem;
}
.historicCops .doblebogey {
  top: 10rem;
}
.historicCops .triplebogey {
  top: 12rem;
}
.historicCops .altres {
  top: 15rem;
}
.marcaCops .cop1 {
  top: 0rem;
}
.marcaCops .cop2 {
  top: 3rem;
}
.marcaCops .cop3 {
  top: 6rem;
}
.marcaCops .cop4 {
  top: 9rem;
}
.marcaCops .cop5 {
  top: 12rem;
}
.marcaCops .cop6 {
  top: 15rem;
}
.marcaCops .cop7 {
  top: 18rem;
}
.marcaCops .cop8 {
  top: 21rem;
}
.marcaCops .cop9 {
  top: 24rem;
}
.marcaCops .cop10 {
  top: 27rem;
}
.marcaCops .cop11 {
  top: 30rem;
}
.marcaCops .cop12 {
  top: 33rem;
}

.marcaPutts .putt0 {
  position: absolute;
  top: 3rem;
  left: 1rem;
}
.marcaPutts .putt1 {
  position: absolute;
  top: 1.5rem;
  left: 8rem;
}
.marcaPutts .putt2 {
  position: absolute;
  top: 5rem;
  left: 1rem;
}
.marcaPutts .putt3 {
  position: absolute;
  top: 6.5rem;
  left: 8rem;
}

.divEditCop .marcaPutts .putt0 {
  top: 3%;
}
.divEditCop .marcaPutts .putt0,
.divEditCop .marcaPutts .putt2 {
  left: 0;
}
.divEditCop .marcaPutts .putt1,
.divEditCop .marcaPutts .putt3 {
  right: 0;
}
#divScorePartidaHor .borR,
.targeta .borR {
  border-right: 1px solid;
}
#divScorePartidaHor  .hdcJugador {
  width: auto !important;
  height: auto !important;
  border: none !important;
  position: static !important;  
  font-size: 14px !important;
}
.divHdcJoc {
  height: 80px;
  align-items: center;
  justify-content: center;
  display: flex;
}
.divHdcJoc .hdcJugador {
  background-color: royalblue !important;
  color: white;
  border-radius: 10px;
/* border: 1px solid black; */
/* padding: 0; */
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  height: 60px;
  width: 80%;
}
.hdcJugador {
  background-color: royalblue !important;
  color: white;
  border-radius: 10px;
  border: 1px solid black;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 5px 0;
  height: 55px;
}
.fila-jugador .hdcJugador {
  width: 18%;
  height: 4rem;
  position: absolute;
  top: 75%;
  left: 3%;
  border: solid 4px;
  padding: 0 4px;
}

.hdcJugador .txt {
  font-size: 1.5rem;
  font-weight: bold;
  background: aliceblue;
  color: dodgerblue;
  border-radius: 10px 0 0 10px;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid dodgerblue;
  width: 40%;
  height: 3rem;
}
#divScorePartidaHor .hdcJugador .val {
  font-size: 14px;
}
.hdcJugador .val {  
  font-size: 2.5rem;
  font-weight: 700;
  /* height: 1.9rem; */
  border-radius: 0 10px 10px 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  line-height: 2.3rem;
  width: 60%;
}

.copsForat .putts {
  position: absolute;
  top: -5%;
  right: 15%;
  transform: translate(calc(50%), 0px);
  line-height: 1px;
  color: gray;
  font-weight: bold;
  font-size: 4rem;
}
.copsForat .punts {
  font-size: 6rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 22%;
  line-height: 1rem;
  color: dodgerblue;
  writing-mode: vertical-rl;
  font-weight: bold;
}
.copsForat .puntsHor {
  font-size: 6rem;
  position: absolute;
  top: 50%;
  transform: translateX(-50%);
  left: 50%;
  line-height: 1rem;
  color: dodgerblue;
  /* writing-mode: vertical-rl; */
  font-weight: bold;
}
.copsForat .entratMapa {
  position: absolute;
  font-size: 1.25rem;
  right: 6%;
  top: 35px;
}
.copsForat .entratMapa.ok {
  color: green;
}
.copsForat .entratMapa.ko {
  color: red;
}
/* .puttsForat .putts {
  line-height: 1rem;
  color: gray;
  font-weight: bold;
  position: absolute;
} */
.puttsForat .putts {
  /* line-height: 1rem; */
  color: gray;
  font-weight: bold;
  /* position: absolute; */
}
.botoParInfo,
.botoModalitat {
  font-size: 1.8rem;
  /* display: flex; */
  align-items: center;
  justify-content: center;
  color: royalblue;
  border-color: royalblue;
  line-height: 2rem;
}
.targeta .botoParInfo,
.targeta .botoModalitat {
  height: 35%;
  width: 100%;
}
.botoEquips {
  font-size: 1.8rem;
  /* height: 20%; */
  align-items: center;
  justify-content: center;
  color: royalblue;
  border-color: royalblue;
}
.targeta .botoEquips {
  width: 100%;
}
#chkTorneig .S {
  color: white;
  background: royalblue !important;
  font-weight: bold;
}
#chkTorneig .N {
  color: darkgray;
  background: #e9ecef !important;
}
.botoParInfo.selected,
.botoEquips.selected,
.botoModalitat.selected {
  color: white;  
  background: royalblue;
  font-weight: bold;
}
.botoTotPars {
  font-size: 2rem;
  border-radius: 30px;
  background: royalblue;
  color: white;
}
.drum-viewport {
  position: relative;
  height: 100%;
  width: 100%;
  background: hsl(0, 0%, 90%);
  border: 5px solid hsl(0, 0%, 90%);
  cursor: pointer;
}

.drum-viewport:focus {
  outline: none;
  background: hsl(0, 0%, 85%);
  border-color: hsl(0, 0%, 85%);
}

.drum-viewport::before,
.drum-viewport::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  height: 7rem;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

.drum-viewport::before {
  top: 0;
  background: hsla(0, 0%, 100%, 0.7) !important;
  box-shadow: 1px 2px 7px hsla(0, 0%, 0%, .7);
  appearance: none;
  -webkit-appearance: none;
  -webkit-box-shadow: 1px 2px 7px hsla(0, 0%, 0%, .7);
}

.drum-viewport::after {
  bottom: 0;
  background: hsla(0, 0%, 100%, 0.7) !important;
  box-shadow: -1px -2px 7px hsla(0, 0%, 0%, .7);
  appearance: none;
  -webkit-appearance: none;
  -webkit-box-shadow: -1px -2px 7px hsla(0, 0%, 0%, .7);
}

.drum-viewport:focus::before {
  background: linear-gradient(to bottom,
    hsla(0, 0%, 85%, 1),
    hsla(0, 0%, 85%, 0));
}

.drum-viewport:focus::after {
  background: linear-gradient(to bottom,
    hsla(0, 0%, 85%, 0),
    hsla(0, 0%, 85%, 1));
}

.drum-item {
  padding: 0.2em;
  text-align: center;
  font-weight: bold;
}

.drum-item:not(:last-child) {
  border-bottom: 1px solid hsl(30, 90%, 55%);
}

.drum-item.albatros {
  border-radius: 0 !important;
}
.drum-item.eagle {
  border-radius: 0 !important;
}
.drum-item.birdie {
  border-radius: 0 !important;
}
.drum-item.par {
  border-radius: 0 !important;
  background: white;
}

#modalCopsForatJugador .modal-dialog {
  min-height: 80%;
  max-height: 100%;
  max-width: 100%;
  height: 86.5% !important;
  margin: 0;
  top: 13.5%;
}
#modalCopsForatJugador .modal-content {
  height: 100%;
  border: none;
  border-radius: 0;
}
#modalCopsForatJugador .modal-header {
  padding: 0;
  background: black;
  color: white;
}

.card-partides {
  background: #fcdc8d;
  border-color: #e6a80c;
}
#copsForm #cardTriaPal,
#divEditCop {
  position: absolute;
  bottom: 8%;
}
#cardTriaPal,
#divEditCop {
  width: 100%;
  max-height: 92%;
  z-index: 777;
  background: black;
  color: white;
  font-size: 2.5rem;
  overflow: auto;
}
#divEditarCop .custom-select:disabled {
  color: black;
  background-color: white;
  opacity: 1;
}
#divEditCop .navbar .row {
  margin: 0;
  padding: 0;
  border-top: 5px solid gray;
  border-bottom: 5px solid gray;
}
#cardTriaPal .fila-tipusPal,
#divEditCop .fila-tipusPal {
  padding: 5px 10px;
  display: flex!important;
  flex-wrap: wrap;
  align-items: center;
}
#divEditarCop .fila-tipusPal,
#divEntrarCopsTots .fila-tipusPal {
  padding: 15px 0px;
  align-items: center;
  justify-content: space-around;
}
#divEditarCop .fila-triaPal,
#divEntrarCopsTots .fila-triaPal {
  justify-content: space-evenly;
}
#cardTriaPal .fila-triaPal,
#divEditCop .fila-triaPal {
  background: burlywood;
  padding: 10px;
  display: flex!important;
  justify-content: space-evenly;
  flex-wrap: wrap;
  color: black;
}
.botoPal {
  flex-wrap: wrap;
  width: 10rem !important;
  height: 10rem !important;
  font-size: 5rem;
  border-radius: 50%;
  align-items: center;
  display: flex;
  color: black;
  background: antiquewhite;
  border: 2px solid antiquewhite;
  background-image: url(../../img/fonsPal.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position-y: 33px;
  justify-content: center;
  align-items: baseline;
}
.botoPal .txtPal {
  font-size: 4rem;
    line-height: 88px;
    /* width: 100%; */
    /* text-align: center; */
    /* margin-top: -12px; */
}
.botoPal .marcaPal {
  font-size: 2rem;
  height: 3rem;
  /* line-height: 4rem; */
  /* margin-top: -88px; */
  width: 100%;
  text-align: center;
  position: relative;
  top: -15%;
}
.botoPal .metresPal {
  position: relative;
  font-size: 2.5rem;
  font-weight: 600;
  /* line-height: 4rem; */
  /* margin-top: -88px; */
  /* width: 100%; */
  text-align: center;
  color: white;
  top: -23%;
}
/* #divEditCop #btnTancarEditCop {
  position: absolute;
  top: -5%;
  right: 0%;
} */
.fila-cop .divCop {
  width: 135px;
}
.botoCop {
  flex-wrap: wrap;
  width: 115px !important;
  height: 115px !important;
  border-radius: 50%;
  background: #e9ecef;
  border: 8px solid black;
  background-image: url(../../img/fonsPal.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position-y: 21px;
}
.botoCop .etiCop {
  position: relative;
  font-size: 28px;
  font-weight: 600;
  line-height: 60px;
  text-align: center;
  color: white;
  top: -23%;
}
.botoCop .txtCop {
  font-size: 4rem;
  line-height: 80px;
  text-align: center;
  width: 100%;  
  color: black;
}
#divMapaForat {
  background: aqua;
  position: absolute;
  height: 100%;
  top: 0%;
  z-index: 333;

  /* animation-name: apareixMapaForat;
  animation-duration: 2s; */
}
#divMapaForat #divInfoMapa {
  z-index: 370;
  position: absolute;
  bottom: 8%;
  height: 4%;
  width: 100%;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: black;
  color: white;
}
#divMapaForat #divInfoMapa i,
#divMapaForat #divInfoMapa span {
  animation-name: apareixTxtMapaForat;
  animation-duration: 2s;
}

#divDadesMapaForat .divForatAcabat {
  position: absolute;
  bottom: 13%;
  z-index: 555;
  right: 5%;
  display: flex;
  flex-direction: column;
  width: 22%;
}

#divDadesMapaForat {
  height: 250px;
}
#divDadesMapaForat .divForatAcabat.enJoc {
  right: 40%;
}
#divHeaderCopsJugador .divForatAcabat .copsForat {
  font-size: 90px !important;
  padding: 0;
}
#divHeaderCopsJugador .hdcForat {
  height: 1rem !important;
}
#divHeaderCopsJugador .estatForat {
  color: white;
  font-size: 5rem;
  font-weight: 600;
}
#divEntrarCopsJugador .divForatAcabat {
  /* position: absolute; */
  justify-content: center !important;
  /* bottom: 13%; */
  z-index: 555;
  /* right: 5%; */
  display: flex;
  flex-direction: column;
  /* width: 22%; */
  padding: 0;
  color: white;
  text-align: center;
  line-height: 2.5rem;
  font-weight: 600;  
}
#divEntrarCopsJugador .divForatAcabat .puntsHandicap {
  background: dodgerblue;
  border-radius: 50%;
}
#divEntrarCopsJugador .divForatAcabat .puntsHandicap {
  width: 1rem;
  height: 1rem;
}
#divEntrarCopsJugador .divForatAcabat .puttsForat {
  text-align: right;
  font-size: 3rem;
  line-height: 0.1rem;
  min-height: 0.5rem;
  /* display: flex; */
}
#divEntrarCopsJugador .divForatAcabat .puttsForat {
  display: flex;
  justify-content: flex-end !important;
}
#divEntrarCopsJugador .divForatAcabat .copsForat {
  font-size: 4.5rem;
  /* line-height: 3; */
  min-height: 4rem;
  background: inherit !important;
}
#divEntrarCopsJugador .divForatAcabat .hdcForat {
  align-items: center;
  display: flex;
  justify-content: center;
  height: 2rem;
}
#divEntrarCopsJugador .divForatAcabat .puntsForat {
  text-align: center;
}
#divEntrarCopsJugador .divForatAcabat .puntsForat .badge {
  border-radius: 25px;
  padding: 8px 25px;
  font-size: 2.5rem;
}
#divEntrarCopsJugador .divDescripCop {
  font-size: 2.5rem;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid gray;
  border-radius: 25px;
  height: 5.5rem;
}

.foratCopActual {
  color: black;
  background: white;
  font-weight: 500;
  padding: 0;
  height: 100%;
}
#divEditCop .divTriaPal {
  height: 86%;
}
#divEditarCop .divTriaCop,
#divEditarCop .divTriaPal,
#divEditarCop .divTriaImpacte,
#divEditarCop .divTriaVol {
  position: absolute;
  top: 0;
  background: black;
  width: 100%;
  height: 99%;
  z-index: 3;  
  align-items: center;
  /* display: flex; */
}
#divEditarCop {
  font-size: 48px;
  color: white;
  width: 100%;
  height: calc(100% - 125px);
  align-items: start;
  display: flex;
  flex-wrap: wrap;
  padding: 15px;
}
#divEditarCop .marcTriaVol {
  position: relative;
  height: 50%;
  width: 100%;
}
.divEditarCopForat .green,
.divEditarCopForat .tirAgreen,
.divEditarCopForat .sortida {
  height: 300px;
  width: 100%;
}
.divEditarCopForat .green {
  background-image: url(../../img/fonsGreen.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  /* background-size: contain;
  background-position-y: 33px; */
}
.divEditarCopForat .green .selected {
  background-image: url(../../img/fonsBola.png) !important;
}
.divEditarCopForat .sortida .centre {
  font-size: 120px;
}
#editarForatPartidaForm {
  height: 100%;
  position: relative;
}
.divDadesExtra {
  display: flex;
  flex-wrap: wrap;
  height: calc(100% - 765px);
}
.divDetallForatJugador {
  height: calc(100% - 128px);
  padding-bottom: 22px;
  justify-content: center;
}
#divEntrarCopsTots .titol {
  background: maroon;
  color: white;
  text-align: center;
}
#divEntrarCopsTots .selected .eti {
  background: white;
  color: black;
}
.divEditarCopMini {
  height: calc(100% - 110px);
}
.divEditarCopForat .input-group-text,
.divEditarCopForat .input-group input,
.divEditarCopForat .custom-select,
#divEditarCop .input-group-text,
#divEditarCop .input-group input,
#divEditarCop .custom-select,
.divEditarCopMini .input-group-text,
.divEditarCopMini .input-group input,
.divEditarCopMini .custom-select {
  font-size: inherit;
}
#divEditarCop .input-group {
  min-height: 90px;
}
#divMetresCop .input-group {
  height: 125px;
}
.divMetresCop .input-group,
.divEditarCopForat .divRange {
  height: 100px !important;
}
.divMetresCop .boto {
  font-size: 90px;
  line-height: 100px;
}
#divTxtMetres {
  background: white;
  font-size: 80px !important;
}
.divTxtMetres {
  background: white;
  font-size: 80px !important;
  justify-content: center;
  padding: 0;
}
.divTxtMetres input {
  font-size: 80px;
  line-height: 90px;
  width: 100%;
  text-align: center;
  border: none;
}
#divEditarCop .input-group input {
  border-radius: 0 15px 15px 0;
}
#divEditarCop .input-group .mid {
  border-radius: 0 !important;
}
#divEditarCop .custom-select {
  border-radius: 0 15px 15px 0;
  height: auto;
}
#divEditarCop .divMetresCop .input-icon {
  color: green;
  background: limegreen !important;
}
#divDescripCop {
  border-top: 2px solid gray;
  border-bottom: 2px solid gray;
}
.divEditarCopForat .divDescripCop,
#divEditarCop .divDescripCop,
#divEditCop .divDescripCop {
  /* height: 8%; */
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 5px solid gray;
  border-bottom: 5px solid gray;
  background: white;
  color: black;
}
.divEditarCopForat .txtCop span {
  font-size: 36px;
  line-height: 36px;
}
#divEditarCop .descripCopEdit,
#divEditarCop .txtCopEdit,
#divEditCop .descripCopEdit,
#divEditCop .txtCopEdit {
  padding: 0;
  text-align: center;
  line-height: 4rem;
}
#divIniciCop,
#divFinalCop {
  background: #282828;
}
#divEditCop .divMenuCop {
  height: 5%;
  display: flex;
  align-items: center;
}

.divEditarCop .divTriaPal {
  position: absolute;
  top: 23rem;
  background: black;
}
.divEditarCop {
  font-size: 2.5rem;
  color: white;
}
.divEditarCop .input-group-text,
.divEditarCop .input-group input,
.divEditarCop .custom-select {
  font-size: inherit;
}
.divEditarCop .input-group {
  min-height: 90px;
}
.divEditarCop .input-group input {
  border-radius: 0 15px 15px 0;
}
.divEditarCop .input-group .mid {
  border-radius: 0 !important;
}
.divEditarCop .custom-select {
  border-radius: 0 15px 15px 0;
}
.divDescripCop {
  border-top: 2px solid gray;
  border-bottom: 2px solid gray;
}
.divEditarCop .divDescripCop,
#divEditCop .divDescripCop {
  height: 8%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 5px solid gray;
  border-bottom: 5px solid gray;
}
.divEditarCop .descripCopEdit,
.divEditarCop .txtCopEdit,
#divEditCop .descripCopEdit,
#divEditCop .txtCopEdit {
  padding: 0;
  text-align: center;
  line-height: 4rem;
}
#divIniciCop,
#divFinalCop {
  background: #282828;
}
#divEditCop .divMenuCop {
  height: 5%;
  display: flex;
  align-items: center;
}
.marcTriaCop .tab-content>.active {
  display: flex;
}
.marcTriaCop a {
  color: white;
}
.divTriaImpacte .imatge,
.divExecucio .imatge,
#divExecucio .imatge {
  width: 100%;
  height: 230px;
  padding: 0;
  position: relative;  
}
.divTriaImpacte img,
.divTriaCop img,
.divExecucio img,
/* #divEditarCop img, */
#divExecucio img {
  width: -webkit-fill-available;
}
#divEditVol .imatge .vol {
  height: inherit;
  width: initial;
}
.divTriaCop .eti,
.divTriaPal .eti,
.divTriaImpacte .eti,
.divTriaVol .eti,
.divExecucio .eti,
#divEditarCop .eti,
#divExecucio .eti {
  border: 4px white solid;
  border-radius: 30px;
  min-height: 68px;
  text-align: center;
}
#divEditarCop .tirAgreen  {
  position: relative;
  height: 350px;
  width: 100%;
}
#divMapaForat #mapaForat {
  position: absolute;
  top: 5%;
  width: 100%;
  min-height: 25%;
  background: black;
  z-index: 334;
  /* border-radius: 0 0 50px 50px; */
}
#divMapaForat #mapaForat {
  height: 88%;
  top: 0%;
  position: relative;
}
.botoMapa {
  width: 8rem;
  height: 8rem;
  font-size: 5rem;
  border-radius: 50%;
  align-items: center;
  display: flex;
  justify-content: center;
  opacity: 0.7;
}
.botoMapa.negre {
  color: white;
  background: black;
}
.botoMapa.blanc {
  color: black;
  background: white;
}
.labelFlag {
  /* background: white; */
  -webkit-text-stroke: 2px black; 
  transform: translate(0, -11px);
}
.labelObjectiu {
  /* background: white; */
  -webkit-text-stroke: 2px black; 
  transform: translate(calc(50% + 30px), 0%);
}
.head-jugador {
  position: absolute;
  width: 100%;
  height: 8%;
  top: 10%;
  z-index: 333;
}
#divEntrarCopsJugador.dadesCops {
  height: 90% !important;
  background: #343a40 !important;
}
#divEntrarCopsJugador.dadesCops .divEntrarCopsJugador {
  height: calc(100% - 160px);
}
#divEntrarCopsJugador.dadesCops .nomJugador {
  font-size: 42px;
}
#divEntrarCopsJugador.dadesCops .etiForat {
  color: white;  
  background: #343a40 !important;
  padding: 5px 40px;
  border-radius: 25px 0 0 25px;
  font-size: 64px;
  font-weight: 600;
  border: 8px #343a40 solid;
}
#divEntrarCopsJugador.dadesCops .numForat {
  color: black;
  background: white;
  padding: 5px 40px;
  border-radius: 0 25px 25px 0;
  font-size: 64px;
  font-weight: 600;
  border: 8px black solid;
}
#divEntrarCopsJugador.dadesCops .etiParForat {
  text-align: center;
  background: maroon;
  color: darksalmon;
  font-weight: 700;
  font-size: 48px;
  padding: 0 15px;
  line-height: 89px;  
}
#divEntrarCopsJugador.dadesCops .parForat {
  text-align: center;
  color: maroon;
  background: darksalmon;
  font-weight: 700;
  font-size: 60px;
  padding: 0 15px;  
}
#divEntrarCopsJugador.dadesCops .hdcForat {
  font-size: 100px;
  line-height: 8px;
  color: dodgerblue;
  writing-mode: vertical-rl;
  font-weight: bold;
  padding: 0;
  background: darksalmon;
  padding-left: 35px;
  height: auto !important;
}
#divEntrarCopsJugador.dadesCops .metresForat {
  line-height: 40px;
  font-size: 32px;
  text-align: center;
  background: white;
  color: black;
}
#divEntrarCopsJugador .divMetresCop {
  height: 100%;
  align-items: start;
  display: flex;
  flex-wrap: wrap;
}
#divEntrarCopsJugador .divMetresCop .divRange {
  height: 100px !important;
}

.divEntrarCopsJugador.divForatUn .divForatAcabat,
.divForatUn .divEntrarCopsJugador .divForatAcabat {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-bottom: 3px;
  height: 0px;
  transition: height 0.25s linear;
  font-size: 48px;
  font-weight: 600;
  text-align: center;
  border-radius: 0 !important;  
}
.divEntrarCopsJugador.divForatUn.actiu .divForatAcabat,
.divForatUn.actiu .divEntrarCopsJugador .divForatAcabat {
    height: 80px !important;
  transition: height 0.25s 1s linear;
}
.divEntrarCopsJugador.divForatUn .divForatAcabat div,
.divForatUn .divEntrarCopsJugador .divForatAcabat div {
  visibility: hidden;
  transition: visibility 0.5s;
}
.divEntrarCopsJugador.divForatUn.actiu .divForatAcabat div,
.divForatUn.actiu .divEntrarCopsJugador .divForatAcabat div {
  visibility: visible;
  transition: visibility 1s 1.25s;  
}
.divFlag {
  display: flex;
  position: relative;
  width: 120px;
  align-items: center;
  color: black;
}
.divFlag .fa-flag {
  font-size: 100px;
}
.divFlag .numForat {
  position: absolute;
  top: 16px;
  width: 100%;
  font-size: 44px;
  font-family: cursive;
}
.divForatUn .puntsForat .badge,
.divForatUn .copsForat .badge {
  border-radius: 30px;
}
#divEntrarCopsJugadorForat.divEntrarCopsJugador {
  position: absolute;
  z-index: 334;
  height: 8%;
  width: 100%;
  font-size: 4rem;
  background: whitesmoke;
}
#divEntrarCopsJugador .divEntrarCopsJugador {
  /* position: absolute; */
  /* top: 200px; */
  z-index: 334;
  /* height: 8%; */
  height: calc(100% - 160px);  
  width: 100%;
  font-size: 4rem;
  /* background: black; */
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  /* justify-content: space-between;   */
}
#divMapaForat .divEntrarCopsJugador {
  bottom: 0;
}
.divForats {
  height: calc( 100% - 8rem );
  overflow-y: auto;
  border-top: 1px solid gray;
}
.divForats .fila-forat {
  height: 10%;
  align-items: center;
  border-bottom: 1px solid gray;
}
.fila-cops {
  padding: 1rem 0;
  font-size: 4rem;
  font-weight: bold;  
  background: black;
}
.divDetallForatJugador .fila-cops,
.divEntrarCopsJugador .fila-cops,
#divEditForat .fila-cops {
  justify-content: center;
  height: 110px;
  position: relative;
}
.divCops {
  background: black;
  padding: 10px 0 !important;
  border-radius: 25px;
}
.divCop {
  position: relative;
}
.divCop,
.fila-cops div {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}
.botoParForat,
.botoNumForat {
    align-items: center;
  display: flex;
  justify-content: center;
  opacity: 0.7;
  /* width: 8rem; */
  /* height: 8rem; */
  padding: 0;
  flex-direction: column;
}
.botoNumForat .numForat {
  background: white;
  color: black;
  width: 8rem;
  height: 5.5rem;
  font-size: 6rem;
  line-height: 5rem;
  text-align: center;
}
.botoNumForat .etiForat {
  text-align: center;
  background: black;
  color: white;
  font-weight: 700;
  height: 2.5rem;
  width: 8rem;
  line-height: 2rem;
  font-size: 2rem;
  border: solid;
}
.botoNumForat .etiParForat {
  text-align: center;
  background: darksalmon;
  color: maroon;
  font-weight: 700;
  height: 2.4rem;
  width: 8rem;
  line-height: 2rem;
  font-size: 1.8rem;
}
.botoParForat .parForat {
  background: darksalmon;
  color: maroon;
  width: 5rem;
  height: 4.5rem;
  font-size: 4rem;
  line-height: 4rem;
  text-align: center;
}
.botoParForat .etiParForat {
  text-align: center;
  background: maroon;
  color: darksalmon;
  font-weight: 700;
  height: 2.4rem;
  width: 5rem;
  line-height: 2rem;
  font-size: 1.8rem;
}
.cop.actual {
  border: solid 5px white !important;
  /* color: black !important;
  background: white !important; */
}
.numCop.fet {
  color: white;
}
.numCop.prePar {
  /* color: grey; */
  border-radius: 50%;
  border: 1px solid;
  /* width: 6.5rem; */
}
.numCop.postPar {
  color: grey;
  border-radius: 0;
  border: 1px solid;
  /* width: 6.5rem; */
}
/* .numCop.postPar.pendent {
  display: none;
} */
.divDetallForatJugador .numCop,
.divEntrarCopsJugador .numCop {
  height: 6rem;
  line-height: 4rem;
}
.divDetallForatJugador .numCop.fet,
.divEntrarCopsJugador .numCop.fet {
  color: white;
}
.divDetallForatJugador .numCop.prePar,
.divEntrarCopsJugador .numCop.prePar {
  color: grey;
  border-radius: 50%;
  border: 1px solid;
  /* width: 6.5rem; */
}
.divDetallForatJugador .numCop.postPar,
.divEntrarCopsJugador .numCop.postPar {
  color: grey;
  border-radius: 0;
  border: 1px solid;
  /* width: 6.5rem; */
}
/* .divEntrarCopsJugador .numCop.postPar.pendent {
  display: none;
} */
.divDetallForatJugador .numCop.noFet,
.divEntrarCopsJugador .numCop.noFet {
  display: none;
}
.divDetallForatJugador .numCop.fet.entrat,
.divEntrarCopsJugador .numCop.fet.entrat {
  position: absolute;
  top: 0px;
  left: -4px;
  width: 40px;
  height: 40px;
  font-size: 2.5rem;
  line-height: 38px;
  background: white;
  color: black;
  /* margin-top: 0px; */
  /* padding-top: 0; */
  text-align: center;
  font-weight: bold;
}
.cop {
  height: 6rem;
  width: 90%;
  min-width: 5.5rem;
  border-radius: 20px;
  display: flex;
  flex-wrap: wrap;
  padding: 5px;
  align-items: center;
  justify-content: center;
}
.copsEntrats {
  height: 26rem;
  overflow: scroll;
}
.copsEntrats .linia-cop {
  justify-content: center;
  display: flex;
  padding: 3px 0;
}
.copsEntrats .cop {
  height: 50px;
  justify-content: space-around;
}
.copsEntrats .numCop {
  padding: 0 0;
  text-align: center;
  line-height: 2rem;
  border: none;
}
.cop.Buit {
  color: black !important;
  background: white !important;
}
.card-zona.Sortida,
.fila.Sortida,
.cop.Sortida {
  /* color: lightblue !important; */
  color: white !important;
  background: dodgerblue !important;
}
.card-zona.Carrer,
.fila.Carrer,
.cop.Carrer {
  color: darkgreen !important;
  background: limegreen !important;
}
.card-zona.Rough,
.fila.Rough,
.cop.Rough {
  color: lightgreen !important;
  background: darkgreen !important;
}
.card-zona.Bunker,
.fila.Bunker,
.cop.Bunker {
  color: black !important;
  background: gold !important;
}
.card-zona.Risc,
.fila.Risc,
.cop.Risc {
  color: lightgray !important;
  background: gray !important;
}
.card-zona.Penalty,
.fila.Penalty,
.cop.Penalty {
  color: white !important;
  background: black !important;
}
.card-zona.Green,
.fila.Green,
.cop.Green {
  color: darkgreen !important;
  background: greenyellow !important;
}

.card-zona {
  width:100%;
  border-radius: 15px;
  flex-wrap: wrap;
  padding: 15px;
}
.card-zona .etiqueta {
  display:flex;
  align-items: center;
  justify-content: center;
}
.cop .pal {
  font-size: 2rem;
  font-weight: bold;
  line-height: 2rem;
  min-height: 2rem;
  width: 100%;
  padding-bottom: 4px;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
.cop .metres {
  color: black;
  background: white;
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: bold;
  padding: 0px;
  width: 90%;
  border-radius: 20px;
  text-align: center;
}

#divEntrarCopsJugador #divTriaJugador {
  height: 18%;
}
#divEntrarCopsJugador #divTriaJugador .nomJugador {
  background: white;
}
#divEntrarCopsJugador #divTriarJugador {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 5px;
  position: absolute;
  width: 100%;
  top: 7%;
}
.divHeader {
  display: flex;
  height: 225px;
  justify-content: center;
}
.divHeader {
  height: 260px !important;
}
.divHeader.masters {
  height: 440px !important;
}
.divHeader .header {
  /* width: 22%; */
  border-right: 1px solid black;
  border-left: 1px solid black;
  position: relative;
  padding: 0;
}
.divEnter {
  display: flex;
  height: 765px;
  justify-content: center;
}
.divResultatForat {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 4rem;
  background: royalblue;
  height: 90px;
  width: 100%;
  margin-top: -92px;
}
.divForatJugador {
  height: calc(100% - 39rem);
}
.divFooter {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -6rem;
  font-size: 4rem;
  background: royalblue;
  /* padding: 12px 0; */
}
.divDadesJugadors .header {
  height: 100%;
  background: navy;
  color: wheat;
  font-size: 36px;  
  font-weight: 600;
}
.divDadesJugadors .resultatForat,
.divResultatForat .resultatForat {
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center;
}
.divDadesJugadors .resultatForat {
  height: 65px;
  border-radius: 0 !important;
  border: 0;
}
.divDadesJugadors .header .resultatForat {
  font-size: 85%;
}
.divResultatForat .resultatForat {
  background: royalblue;
  min-height: 6rem;
}
.divResultatForat .resultatForat .par {
  background: white;
}
element.style {
  position: absolute;
  width: 100%;
  bottom: 8%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-wrap: wrap;
}

.resultatForat.albatros {
  background: whitesmoke;
}
.resultatForat.eagle {
  color: green;
  background: darkseagreen;
}
.resultatForat.birdie {
  color:red;
  background: pink;
}
.resultatForat.par {
  color: black;
  background: whitesmoke;
}
.resultatForat.bogey {
  color: blue;
  background: lightblue;
}
.resultatForat.doblebogey {
  color: darkgoldenrod;
  background: burlywood;
}
.resultatForat.triplebogey {
  color: black;
  background: lightgrey;
}
.resultatForat.altres {
  color: white;
  background: dimgray;
}

/* .divFooter div {
  display: flex;
  justify-content: center;
  border: solid 3px black;
  border-radius: 40px;
  background: darkred;
  color: white;
  z-index: 555;
} */
#divEntrarCopsJugador #divTriarJugador .col-header {
  display: flex;
  justify-content: center;
  align-items: center;
}
#divEntrarCopsJugador #divTriarJugador i {
  position: absolute;
}
#head-jug1 {
  animation-name: apareixHeadJugador1;
  animation-duration: 2s;
}
#head-jug2 {
  animation-name: apareixHeadJugador2;
  animation-duration: 2s;
}
#head-jug3 {
  animation-name: apareixHeadJugador3;
  animation-duration: 1s;
}
#head-jug4 {
  animation-name: apareixHeadJugador4;
  animation-duration: 1s;
}
.head-jugador .nomJugador {
  animation-name: apareixHeadJugadorNom;
  animation-duration: 2s;
}
.animaHeadJugador {
  position: absolute;

  animation-name: apareixHeadJugadorNom;
  animation-duration: 2s;
}
@keyframes apareixHeadJugador {  
  0% {top: 24%;
      width: 22%;
      height: 0%;}
  50% {top: 18%;
      width: 100%;
      height: 6%;}
  90%{top: 75%;}
}
@keyframes apareixHeadJugadorNom {  
  0% {opacity: 0;}
90% {opacity: 0;}
100%{opacity: 1;}
}

@keyframes apareixHeadJugador1 {  
  0% {top: 24%;
    left: 12%;
    width: 22%;
    height: 0%;}
  50% {top: 10%;
    left: 0%;
      width: 100%;
      height: 8%;}
  90%{top: 75%;}
}
@keyframes apareixHeadJugador2 {  
  0% {top: 24%;
    left: 34%;
    width: 22%;
    height: 0%;}
  50% {top: 10%;
    left: 0%;
      width: 100%;
      height: 8%;}
  90%{top: 75%;}
}
@keyframes apareixHeadJugador3 {  
  0% {left: 56%;
    width: 22%;
    height: 0%;}
90% {left: 0%;
    width: 100%;
    height: 8%;}
}
@keyframes apareixHeadJugador4 {  
  0% {left: 78%;
      width: 22%;
      height: 0%;}
  90% {left: 0%;
      width: 100%;
      height: 8%;}
}
@keyframes apareixMapaForat {  
  0% {height: 0%;}
 90% {height: 95%;}
}
@keyframes apareixTxtMapaForat {  
  0% {opacity: 0;}
 90% {opacity: 0;}
100% {opacity: 1;}
}

.accuracyOK {
  background: green !important;
}
.accuracyMID {
  background: peru !important;
}
.accuracyKO {
  background: red !important;
}
#divTriarCop {
  background: sandybrown;
  position: absolute;
  height: 7%;
  width: 100%;
  top: 12%;
}
.fila-cop {
    min-height: 8rem;
    font-size: 3rem;
    flex-wrap: wrap;
    align-items: center;
}
.subFila-cop {
  display: flex;
  align-items: center!important;
  justify-content: center!important;
  margin: 0;
  padding: 0;
  min-height: 3rem;
  flex-wrap: wrap;
}
.cop-cop {
  border-radius: 8px 0 0 0;
  background: black;
  color: white;
  font-size: 2.2rem;
  text-align: center;
  padding: 0;
  height: 100%;
}

.txtDistancia {
  position: absolute;
  top: 50%;
  width: 15%;
  background: pink;
  z-index: 350;
  border-radius: 0 50px 50px 0;
  font-size: 4rem;
  text-align: center;
  padding-right: 1rem;
}

.escollit {
  background-color: deepskyblue !important;
}
.proposat {
  /* border: 15px solid greenyellow; */
  background-image: url(../../img/fonsPalProposat.png) !important;
}

.botoForat {
  position: absolute;
  z-index: 340;
  opacity: 0.7;
}
#btnNumForat {
  left: 1%;
  top: 1%;
  z-index: 444;
  background: white;
  color: black;
}
#btnNumForat .parForat {
  text-align: center;
  background: darksalmon;
  color: maroon;
  font-weight: 700;
}
#btnTancarMapa {
  right: 1%;
  top: 1%;
  z-index: 444;
}
#btnMarcarCop {
  right: 3%;
  bottom: 13%;
}
#btnMarcarObjectiu {
  right: 3%;
  bottom: 23%;
}
#btnZoom {
  left: 3%;
  bottom: 23%;
}
#btnZoom.actiu {
  left: 4%;
  bottom: 24%;
}
#btnZoom.actiu .botoMapa {
  font-size: 3.5rem;
  color: black;
  background: white;
  width: 6rem;
  height: 6rem;
}
#btnZoomMarc {
  left: 14%;
  bottom: 28%;
}
#btnZoomObjectiu {
  left: 14%;
  bottom: 19%;
}
#btnFlag {
  right: 20%;
  bottom: 13%;
}
#triaJugadorMapa {
  position: absolute;
  left: 2%;
  bottom: 20%;
  z-index: 555;
  opacity: 0.7;
  text-align: center;
  width: 20%;
}
#btnJugadorMapa {
  bottom: 13%;
  left: 2%;
  border-radius: 50%;
  padding: 0.5rem 1.5rem;
  font-size: 3.5rem;
  width: 20%;
  text-align: center;
  min-height: 6rem;
  margin: 1rem;  
}
#btnNomJugador {
  border-radius: 50%;
  padding: 0.5rem 1.5rem;
  font-size: 3.5rem;
  text-align: center;
  min-height: 6rem;
  margin: 1rem;  
}
.botoJugador {
  border-radius: 50%;
  padding: 0.5rem 1.5rem;
  font-size: 3.5rem;
  margin: 5px 0;
}
.divCopsJugador .titolRatlla {
  background: rgb(255, 165, 0);
  font-weight: 500;
  width: 100%;
  padding: 10px 0;
  border-radius: 30px 30px 0 0;
}
#divFilaCops {
  /* position: absolute;
  bottom: 0; */
  height: 125px;
}

#divVolBola {
  position: relative;
  height: 500px;
}
.vol {
  position: absolute;
  bottom: 0;
}
.vol.straight {
  right: calc(50% - 37px);
}
.vol.hook {
  right: calc(50% - 13px);
}
.vol.slice {
  left: calc(50% - 13px);
}
.vol.push {
  left: calc(50%);
}
.vol.pull {
  right: calc(50%);
}