/*ListaReservas y ListaReservasPlus 715*/


.rsv-numdias-webe, .rsv-selector-1-webe, .rsv-selector-1-webe::before, .rsv-selector-1-webe::after {
  width: 80px}
.rsv-instalacion-webe, .rsv-selector-2-webe, .rsv-selector-2-webe::before, .rsv-selector-2-webe::after {
  width: 280px}
.rsv-unidad-webe, .rsv-selector-3-webe, .rsv-selector-3-webe::before, .rsv-selector-3-webe::after {
  width: 300px}

.rsv-numdias-webe {
  position: relative;
  width: 100%;
  z-index: 2;
  display: block;
  padding: .5rem 1rem;
  text-decoration: none;
  color: #666;
  font-size: .88rem;
  line-height: 1.88;
  height: 2.5rem;
  border-radius: 0rem;
  border: 1px solid #dedfdf;
  overflow: hidden;
  background-color: #f5f5f5;
  transition: background 300ms ease;
  transition: border-color 0.3s ease-in-out,box-shadow 0.3s ease-in-out;}

.rsv-instalacion-webe {
  position: relative;
  width: 100%;
  z-index: 2;
  display: block;
  padding: .5rem 1rem;
  text-decoration: none;
  color: #666;
  font-size: .88rem;
  line-height: 1.88;
  height: 2.5rem;
  border-radius: 0rem;
  border: 1px solid #dedfdf;
  overflow: hidden;
  background-color: #f5f5f5;
  transition: background 300ms ease;
  transition: border-color 0.3s ease-in-out,box-shadow 0.3s ease-in-out;}

.rsv-unidad-webe {
  position: relative;
  width: 100%;
  z-index: 2;
  display: block;
  padding: .5rem 1rem;
  text-decoration: none;
  color: #666;
  font-size: .88rem;
  line-height: 1.88;
  height: 2.5rem;
  border-radius: 0rem;
  border: 1px solid #dedfdf;
  overflow: hidden;
  background-color: #f5f5f5;
  transition: background 300ms ease;
  transition: border-color 0.3s ease-in-out,box-shadow 0.3s ease-in-out;}

.rsv-selector-1-webe::before, .rsv-selector-2-webe::before, .rsv-selector-3-webe::before {
  display: block;
  position: absolute;
  overflow: hidden;
  pointer-events: none;
  z-index: 1000;
  font-size: 14px;
  line-height: 40px !important;
  font-weight: 800;
  color: #51575C;
  background-color: #BEBEBE;
  border: 0px !important;
  padding: 0px 5px 0px 0px;
  text-align: center;
  text-transform: lowercase;
  content: attr(data-option);
}
.rsv-selector-1-webe:hover::before, .rsv-selector-2-webe:hover::before, .rsv-selector-3-webe:hover::before {
  background: rgba(190,190,190,1);
  background: -moz-linear-gradient(top, rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(190,190,190,1)), color-stop(100%, rgba(161,161,161,1)));
  background: -webkit-linear-gradient(top, rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%);
  background: -o-linear-gradient(top, rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%);
  background: -ms-linear-gradient(top, rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%);
  background: linear-gradient(to bottom, rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bebebe', endColorstr='#a1a1a1', GradientType=0 );
}

.rsv-selector-1-webe::after, .rsv-selector-2-webe::after, .rsv-selector-3-webe::after {
  overflow: hidden;
  pointer-events: none;
  height: 40px !important;
  font-size: 14px;
  display: block;
  content: '\25BC';
  position: absolute;
  text-align: right;
  line-height: 40px;
  padding-right: 10px;
  z-index: 1001;
  color: #666;
  /* transform: rotate(90deg);*/
  transition: all 300ms ease;
}



.rsv-header-lista {
  justify-content: flex-end;
  flex-direction: row;  }
.rsv-header-lista>div {
  min-width: 80px}

/*movil header*/
@media (max-width: 576px) {
  .rsv-header-lista { }
  .rsv-header-lista>div {
    min-width: 44px !important;
    margin-left: 7px;}
}

@media screen and (min-width: 577px) and (max-width: 767px) {
  .rsv-header-lista {
    display: block !important}
  .rsv-header-lista>div {
    float: right;
    height: 40px;
    margin-bottom: 7px;}
  .rsv-header-instalaciones>div {
    min-width: 260px}
}


/*Horarios resultados y clasificaciones JJDD 804, 811, 809, 803*/

.jjdd-header-control-webe {
  background: #D6D6D6;
  margin-top: 28px;
  padding: 20px;
  margin-bottom: 25px;}
.jjdd-header-selectores-webe, .jjdd-header-selectores-only-webe {
  width: 100%;
  flex: 1 1;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  flex-direction: row;
  justify-content: center;  }
.jjdd-header-selectores-webe>div {
  display: flex;
  flex-wrap: wrap;
  margin-left: 7px;}
.jjdd-header-selectores-webe>div:nth-child(1){
  flex-grow: 4;}
.jjdd-header-selectores-webe>div:nth-child(5){
  order: -2;}
.jjdd-header-selectores-webe>div:nth-child(4){
  order: -1;}

.jjdd-header-selectores-only-webe>div {
  display: flex;
  flex-wrap: wrap;
  margin-left: 7px;}
.jjdd-header-selectores-only-webe>div:nth-child(1){
  flex-grow: 4;}
.jjdd-header-selectores-only-webe {
  justify-content: center;}

/* desplegables */
.jjdd-arbitro-webe {
  width: 400px}
.jjdd-modalidad-webe, .jjdd-selector-1-webe, .jjdd-selector-1-webe::before, .jjdd-selector-1-webe::after {
  width: 260px}
.jjdd-torneo-webe, .jjdd-selector-2-webe, .jjdd-selector-2-webe::before, .jjdd-selector-2-webe::after {
  width: 490px}
.jjdd-jornada-webe, .jjdd-selector-3-webe, .jjdd-selector-3-webe::before, .jjdd-selector-3-webe::after {
  width: 110px}
.jjdd-jornada-only-webe, .jjdd-selector-only-webe, .jjdd-selector-only-webe::before, .jjdd-selector-only-webe::after {
  width: 220px}
.jjdd-desplegable-webe{
  width: 490px}
.jjdd-selector-1-webe::before, .jjdd-selector-2-webe::before, .jjdd-selector-3-webe::before, .jjdd-selector-only-webe::before {
  display: block;
  position: absolute;
  overflow: hidden;
  pointer-events: none;
  z-index: 1000;
  font-size: 14px;
  line-height: 40px !important;
  font-weight: 800;
  color: #51575C;
  background-color: #BEBEBE;
  border: 0px !important;
  padding: 0px 5px 0px 0px;
  text-align: center;
  text-transform: lowercase;
  content: attr(data-option);
}
.jjdd-selector-1-webe:hover::before, .jjdd-selector-2-webe:hover::before, .jjdd-selector-3-webe:hover::before, .jjdd-selector-only-webe::before {
  background: rgba(190,190,190,1);
  background: -moz-linear-gradient(top, rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(190,190,190,1)), color-stop(100%, rgba(161,161,161,1)));
  background: -webkit-linear-gradient(top, rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%);
  background: -o-linear-gradient(top, rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%);
  background: -ms-linear-gradient(top, rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%);
  background: linear-gradient(to bottom, rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bebebe', endColorstr='#a1a1a1', GradientType=0 );
}

.jjdd-selector-1-webe::after, .jjdd-selector-2-webe::after, .jjdd-selector-3-webe::after, .jjdd-selector-only-webe::after {
  overflow: hidden;
  pointer-events: none;
  height: 40px !important;
  font-size: 14px;
  display: block;
  content: '\25BC';
  position: absolute;
  text-align: right;
  line-height: 40px;
  padding-right: 10px;
  z-index: 1001;
  color: #666;
  /* transform: rotate(90deg);*/
  transition: all 300ms ease;
}
.jjdd-arbitro-webe {
  /* position: relative;*/
  /*width: 100%;*/
  width: 400px;
  z-index: 2;
  /*display: block;*/
  padding: .5rem 1rem;
  text-decoration: none;
  color: #666;
  font-size: .88rem;
  line-height: 1.88;
  height: 2.5rem;
  border-radius: 0rem;
  border: 1px solid #dedfdf;
  overflow: hidden;
  background-color: #f5f5f5;
  transition: background 300ms ease;
  transition: border-color 0.3s ease-in-out,box-shadow 0.3s ease-in-out;}

.jjdd-modalidad-webe, .jjdd-torneo-webe, .jjdd-jornada-webe, .jjdd-jornada-only-webe, desplegable {
  position: relative;
  width: 100%;
  z-index: 2;
  display: block;
  padding: .5rem 1rem;
  text-decoration: none;
  color: #666;
  font-size: .88rem;
  line-height: 1.88;
  height: 2.5rem;
  border-radius: 0rem;
  border: 1px solid #dedfdf;
  overflow: hidden;
  background-color: #f5f5f5;
  transition: background 300ms ease;
  transition: border-color 0.3s ease-in-out,box-shadow 0.3s ease-in-out;}

/*  controles portátil */
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .break1200 {display:none !important}
  .jjdd-header-selectores-webe, .jjdd-header-selectores-only-webe {
     justify-content: center;}
  .break1200 {
    display:inline;
    flex-basis: 100%;
    width: 0px;
    height: 0px;
    overflow: hidden;}
  .jjdd-header-separador1 {display: none !important;}
  .jjdd-arbitro-webe {
    margin-top: 0px; width: 400px}
  .jjdd-modalidad-webe, .jjdd-selector-1-webe, .jjdd-selector-1-webe::before, .jjdd-selector-1-webe::after {
    margin-top: 0px; width: 260px}
  .jjdd-torneo-webe, .jjdd-selector-2-webe, .jjdd-selector-2-webe::before, .jjdd-selector-2-webe::after {
    width: 480px}
  .jjdd-header-boton1-webe {
    width: 120px;}
/*  .jjdd-jornada-webe, .jjdd-selector-3-webe, .jjdd-selector-3-webe::before, .jjdd-selector-3-webe::after {                 */
/*    width: 490px}                                                                                                          */
/*  .jjdd-jornada-only-webe, .jjdd-selector-only-webe, .jjdd-selector-only-webe::before, .jjdd-selector-only-webe::after {   */
/*    width: 220px}                                                                                                          */
  .jjdd-selector-2-webe,
  .jjdd-selector-3-webe {
    margin-top: 10px}

  .jjdd-header-titulo>span:nth-child(3) {
    font-weight: 100;
    padding: 0px 10px}
  .jjdd-header-title-fecha {
    order: 4 !important;}
  .jjdd-header-title-movil {
    display:none;}
  .jjdd-header-selectores>div:nth-child(5) {
    margin-left: 0px !important}
  .jjdd-header-selectores>div:nth-child(1) {
    align-content: center;
    justify-content: center;}
  .jjdd-header-selectores>div:nth-child(1),
  .jjdd-header-selectores>div:nth-child(2) {
    margin-top: 10px}
  .jjdd-arbitro-webe { z-index: 3 !important}
  .jjdd-modalidad-webe { z-index: 3 !important}
  .jjdd-header-selectores-webe>div:nth-child(1) {
    margin-right: 30px;
    flex-grow: 0 !important;}
  .jjdd-header-selectores-webe {
    justify-content:flex-start;}

}

/*  controles tablet */
@media screen and (min-width: 768px) and (max-width: 991px) {
  .jjdd-modalidad {z-index: 3 !important}
  .jjdd-header-selectores-webe, .jjdd-header-selectores-only-webe {
    justify-content: center;
    flex-wrap: wrap; }
  .jjdd-arbitro-webe {
    margin-top: 0px; width: 400px}
  .jjdd-modalidad-webe, .jjdd-selector-1-webe, .jjdd-selector-1-webe::before, .jjdd-selector-1-webe::after {
    margin-top: 0px; width: 260px}
  .jjdd-torneo-webe, .jjdd-selector-2-webe, .jjdd-selector-2-webe::before, .jjdd-selector-2-webe::after {
    width: 360px}
  .jjdd-jornada-webe, .jjdd-selector-3-webe, .jjdd-selector-3-webe::before, .jjdd-selector-3-webe::after {
    width: 360px}
  .jjdd-jornada-only-webe, .jjdd-selector-only-webe, .jjdd-selector-only-webe::before, .jjdd-selector-only-webe::after {
    width: 220px}
  .jjdd-selector-2-webe,
  .jjdd-selector-3-webe {
    margin-top: 10px}
}

/*  controles tablet vertical y movil */
@media screen and (min-width: 576px) and (max-width: 767px) {
}

@media (max-width: 767px) {
  .jjdd-header-selectores-webe, .jjdd-header-selectores-only-webe {
    justify-content: center;
    flex-wrap: wrap; }
  .jjdd-selector-1-webe::before, .jjdd-selector-1-webe::after {
    width: 145px !important;}
  .jjdd-selector-1-webe {
    margin-left: 7px !important;
    width: 145px !important;}
  .jjdd-arbitro-webe {
    width: 400px !important;}
  .jjdd-modalidad-webe {
    width: 145px !important;}

  .jjdd-selector-2-webe::before, .jjdd-selector-2-webe::after {
    width: 145px !important;}
  .jjdd-selector-2-webe {
    margin-left: 7px !important;
    width: 145px !important;}
  .jjdd-torneo-webe {
    width: 145px !important;}

  .jjdd-selector-3-webe::before, .jjdd-selector-3-webe::after {
    width: 145px !important;}
  .jjdd-selector-3-webe {
    margin-left: 7px !important;
    width: 145px !important;}
  .jjdd-jornada-webe {
    width: 145px !important;}

  .jjdd-selector-only-webe::before, .jjdd-selector-only-webe::after {
    width: 110px}
  .jjdd-selector-only-webe {
    margin-left: 7px !important;
    width: 110px !important;}
  .jjdd-jornada-only-webe {
    width: 110px !important;}

  .jjdd-selector-1-webe::before {
    content: 'modalidad' !important}
  .jjdd-selector-2-webe::before {
    content: 'torneo' !important}
  .jjdd-selector-3-webe::before {
    content: 'jornada' !important}
  .jjdd-selector-only-webe::before {
    content: 'jornada' !important}
}

@media (max-width: 576px) {
  .jjdd-selector-1-webe::before, .jjdd-selector-1-webe::after {
    width: 115px !important}
  .jjdd-selector-1-webe {
    margin-left: 7px !important;
    width: 115px !important}
  .jjdd-arbitro-webe {
    width: 100% !important}
  .jjdd-modalidad-webe {
    width: 115px !important}

  .jjdd-selector-2-webe::before, .jjdd-selector-2-webe::after {
    width: 85px !important}
  .jjdd-selector-2-webe {
    margin-left: 7px !important;
    width: 85px !important}
  .jjdd-torneo-webe {
    width: 85px !important}

  .jjdd-selector-3-webe::before, .jjdd-selector-3-webe::after {
    width: 95px !important}
  .jjdd-selector-3-webe {
    margin-left: 7px !important;
    width: 95px !important;}
  .jjdd-jornada-webe {
    width: 95px !important;}

  .jjdd-selector-only-webe::before, .jjdd-selector-only-webe::after {
    width: 110px}
  .jjdd-selector-only-webe {
    margin-left: 7px !important;
    width: 110px !important;}
  .jjdd-jornada-only-webe {
    width: 110px !important;}

  .jjdd-selector-1-webe::before {
    content: 'modalidad'}
  .jjdd-selector-2-webe::before {
    content: 'torneo'}
  .jjdd-selector-3-webe::before {
    content: 'jornada'}
  .jjdd-selector-only-webe::before {
    content: 'jornada' !important}

  .jjdd-selector-2-webe,
  .jjdd-selector-3-webe {
    margin-top: 10px}
}

.jjdd-actas-aviso {
  width: 100%;
  text-align: left;
  font-weight: 700;
  font-size: 14px;
  color: #5F6468;
  padding: 0px 10px 0px 30px;}
/*------------------------------*/

/* Cambios de partidos 870 */

/* Personalizo el label (el contenedor) */
.input-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 16px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Oculto el radio button por omisión del navegador */
.input-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Creo el radio button personalizado*/
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #eee;
  border-radius: 50%;
}

/* En mouse-over, pongo un background color corporativo (no va en en style.css) */
/*.input-container:hover input ~ .checkmark {                                   */
/*  background-color: #c700cc;                                                  */
/*}                                                                             */

/* Cuando el radio button está checked, se pone el background en el color corporativo (lo hago en style.css) */
/*.input-container input:checked ~ .checkmark {
/*  background-color: blue;
/*}

/* Creo el indicador (el punto circular - oculto cuando no está checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Muestra el indicador (punto circular) cuando está checked */
.input-container input:checked ~ .checkmark:after {
  display: block;
}

/* Estilo del indicador (punto circular) */
.input-container .checkmark:after {
  top: 6px;
  left: 6px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: black;
}

/* Panel cambio partidos */
.jjdd-panel-cambio {
  width: 100%;
  margin-top: 40px;
  text-align: left;
  font-weight: 700;
  font-size: 14px;
  background-color: #c5c5c5;
  padding: 20px 10px 10px 30px;
}

.jjdd-subpanel-cambio {
  display: flex;
  flex-wrap: wrap;
  margin-right: 15px;
  margin-left: 15px;
  color: #212529;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.05em;
  color: #212529;
  background-color: #D6D6D6;
  transition: all 0.4s ease !important;
  display:none;
}
@media (max-width: 991px) {.jjdd-subpanel-cambio {font-size: 1em;}}
@media (max-width: 769px) {.jjdd-subpanel-cambio {font-size: 1em;}}
@media (max-width: 576px) {.jjdd-subpanel-cambio {font-size: 1em;}}


.jjdd-panel-input-container {
  width: 200px;
}

/* Personalizo el label (el contenedor) */
.input-container-panel {
  display: block;
  position: relative;
  padding-left: 15px;
  margin-bottom: 5px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Oculto el radio button por omisión del navegador */
.input-container-panel input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Creo el radio button personalizado*/
.checkmark-panel {
  position: absolute;
  top: 4px;
  left: 110px;
  height: 16px;
  width: 16px;
  background-color: #eee;
  border-radius: 50%;    
}

/* En mouse-over, pongo un background color corporativo (no va en en style.css)*/
/*.input-container-panel:hover input ~ .checkmark-panel {                      */
/*  background-color: #ccc;                                                    */
/*}                                                                            */

/* Cuando el radio button está checked, se pone el background en el color corporativo (lo hago en style.css) */
/*.input-container-panel input:checked ~ .checkmark-panel {
/*  background-color: blue;
/*}

/* Creo el indicador (el punto circular - oculto cuando no está checked) */
.checkmark-panel:after {
  content: "";
  position: absolute;
  display: none;
}

/* Muestra el indicador (punto circular) cuando está checked */
.input-container-panel input:checked ~ .checkmark-panel:after {
  display: block;
}

/* Estilo del indicador (punto circular) */
.input-container-panel .checkmark-panel:after {
  top: 6px;
  left: 6px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: black;
}

.jjdd-panel-div-fecha {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 992px) {
  .jjdd-panel-div-fecha {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .jjdd-panel-div-fecha {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}
@media screen and (min-width: 577px) and (max-width: 767px) {
  .jjdd-panel-div-fecha {
    max-width: 50% !important
  }
}
@media (max-width: 576px) {
  .jjdd-panel-div-fecha {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
}

.jjdd-panel-div-instalacion {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 992px) {
  .jjdd-panel-div-instalacion {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .jjdd-panel-div-instalacion {
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
  }
}
@media screen and (min-width: 577px) and (max-width: 767px) {
  .jjdd-panel-div-instalacion {
    max-width: 100% !important
  }
}
@media (max-width: 576px) {
  .jjdd-panel-div-instalacion {
    max-width: 100% !important
  }
}

.jjdd-panel-label {
  position: relative;
  font-weight: 700 ;
  font-size: 13px;
  line-height: 24px;
  padding-right: 100%;
}

.jjdd-panel-fecha {
  max-width:100%;
  min-width:165px;
}
@media (min-width: 992px) {
  .jjdd-panel-fecha {
    max-width:90%;
    min-width:165px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .jjdd-panel-fecha {
    max-width:165px;
    min-width:165px;
  }
}
@media screen and (min-width: 577px) and (max-width: 767px) {
  .jjdd-panel-fecha {
    max-width:165px;
    min-width:165px;
  }
}
@media (max-width: 576px) {
  .jjdd-panel-fecha {
    max-width:165px;
    min-width:165px;
  }
}

.jjdd-panel-hora {
  max-width:100%;
  min-width:125px;
}
@media (min-width: 992px) {
  .jjdd-panel-hora {
    max-width:90%;
    min-width:125px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .jjdd-panel-hora {
    max-width:125px;
    min-width:125px;
  }
}
@media screen and (min-width: 577px) and (max-width: 767px) {
  .jjdd-panel-hora {
    max-width:125px;
    min-width:125px;
  }
}
@media (max-width: 576px) {
  .jjdd-panel-hora {
    max-width:125px;
    min-width:125px;
  }
}

.jjdd-panel-motivo {
  width: 100%;
  margin-top: 0px;
  text-align: left;
  font-weight: 700;
  font-size: 14px;
  background-color: #c5c5c5;
  padding: 20px 15px 10px 15px;
}

.jjdd-panel-label-motivo {
  position: relative;
  font-weight: 700 ;
  font-size: 13px;
  line-height: 24px;
  padding-left: 10px;
}
.jjdd-subpanel-aceptar {
  display: flex;
  flex-wrap: wrap;
  margin: 15px 15px 15px 15px;
  padding: 25px 0px 25px 0px;
  height:80px;
  color: #212529;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.05em;
  color: #212529;
  background-color: #D6D6D6;
}

/*------------------------------*/


/* Inscripciones de eventos 807 */

.user-log-title-webe {
  width: 100%;
  padding-left: 15px;
  color: #595959;
  font-size: 15px;
  font-weight: 800 !important;
  line-height: 35px;
  border-top: ;
  cursor: default;}

/*------------------------------*/
/* Listas de asistencia 985 */

.rsv-header-title-webe {
  background: transparent;
  font-size: 25px;
  font-weight: 700;
  line-height: 40px;
  color: #51575C;
  letter-spacing: -.05em;
  animation: textosaltarin 300ms ease-in}
.rsv-header-title-webe > span {
  font-size: 25px;
  font-weight: 100;
  padding: 0px 6px;
  color:#7D8082;}


/*------------------------------*/
/* inscripciones juegos 840 */

.jjdd-inscrip-table {
  width: 100%;
  display: flex;
  flex-flow: column;
  align-content: space-between;}
.inscrip-header, .inscrip-row {
  display: flex;
  justify-content: space-between;}
.inscrip-header>div, .inscrip-row>div {
  display: flex;
  justify-content: space-between;
  flex:1;
  flex-shrink: 0;
  flex-basis:0;}
.inscrip-header>div>div, .inscrip-row>div>div {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis:0;
  justify-content: center;}
.inscrip-header>div:first-child>div:nth-child(2),
.inscrip-row>div:first-child>div:nth-child(2){
  flex-grow: 5;
  flex-shrink: 1;
  justify-content: flex-start; }
.inscrip-row>div:first-child>div:nth-child(3){
  flex-grow: 5;
  flex-shrink: 1;
  justify-content: flex-start; }
.inscrip-row>div:first-child>div:nth-child(3)>span{
  font-weight: 200; }
.inscrip-row>div:first-child>div:nth-child(3)>span::before {
    /*content: '';*/
    margin-left: 5px;
    margin-right: 5px;
    font-size: 14px;
    color: #51575C;
    font-weight: 100;}
.jjdd-inscrip-table>div>div>div {
/*  padding: 10px 10px;  */
  display: flex;
  align-items: center;}
/* headers */
.inscrip-header>div {
  cursor:default!important;
  background-color: #51575C;
  font-size: 13px;
  font-style: normal;
  text-transform: lowercase;
  font-weight: 700;
  color: #E9E9E9;
  line-height: 17px;
  min-height: 40px;}
/* filas */
.inscrip-row {
  transition: all 0.2s ease;
  border-bottom: 2px solid #E9E9E9;}
.inscrip-row:hover {
  background: rgba(255,255,255,0.5);}
.inscrip-row:hover>div  {
  color: #212529;}
.inscrip-row>div {
  cursor:default!important;
  white-space: unset;
  font-size: 14px;
  line-height: 17px;
  min-height: 40px;}
.inscrip-row>.inscrip-1 {
  color:#51575C;
  font-weight: 700;}
.inscrip-row>.inscrip-1>div:nth-child(1) {
  font-weight: 500;
  color:#8B8E92;
  font-size: 12px;}
.inscrip-row>.inscrip-1>div:nth-child(4)>span {
  color: #FFF;
  width: 30px;
  height: 30px;
  /*background:#8B8E92;*/
  /*border-radius: 100%;*/
  text-align: center;
  line-height: 30px;}
.inscrip-row .inscrip-2>div {
  color:#51575C !important;
  font-weight: 700 !important;
}
.jjdd-anade-equipo {
  text-align: right;
  font-size: 34px;
}
.jjdd-anade-equipo:hover {
  cursor: pointer;
}

.inscrip-row>.inscrip-1>div:first-child,
.inscrip-row>.inscrip-1>div:last-child,
.inscrip-row>.inscrip-2>div {
  letter-spacing: 0.5;}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .inscrip-row .inscrip-2 { padding: 0px 12px }}
@media screen and (min-width: 577px) and (max-width: 767px) {
  .inscrip-row .inscrip-2 { padding: 0px 8px }}
@media (max-width: 576px) {
  .inscrip-row .inscrip-2 { padding: 0px 8px }
  .inscrip-row .inscrip-2>div { padding: 10px 8px }
}
@media (min-width: 992px) {
  .inscrip-row>.inscrip-2>div:nth-child(1),
  .inscrip-row>.inscrip-2>div:nth-child(6){
    border-left: 2px dashed #E9E9E9;}
  .jjdd-inscrip-table>div:nth-child(2)>div {
   background: rgba(81,87,92,0.07)}
  .jjdd-inscrip-table>div:nth-child(3)>div {
   background: rgba(81,87,92,0.10)}
  .jjdd-inscrip-table>div:nth-child(4)>div {
   background: rgba(81,87,92,0.13)}
  .jjdd-inscrip-table>div:nth-child(5)>div {
   background: rgba(81,87,92,0.16)}
  .jjdd-inscrip-table>div:nth-child(6)>div {
   background: rgba(81,87,92,0.19)}
  .jjdd-inscrip-table>div:nth-child(7)>div {
   background: rgba(81,87,92,0.21)}
  .jjdd-inscrip-table>div:nth-child(8)>div {
   background: rgba(81,87,92,0.24)}
  .jjdd-inscrip-table>div:nth-child(9)>div {
   background: rgba(81,87,92,0.25)}
  .jjdd-inscrip-table>div:nth-child(n+10)>div {
   background: rgba(81,87,92,0.26)}
}
@media (max-width: 991px) {
  .jjdd-inscrip-table>div {
    flex-flow: column;}
  .inscrip-header .inscrip-2 {
    display:none !important}
  .inscrip-header>div:first-child>div:nth-child(2),
  .inscrip-row>div:first-child>div:nth-child(2){
    flex-grow: 6 !important;
    justify-content: center !important;
    text-align: center}
  .inscrip-row  {
    transition: all 0.4s ease !important;
    height: 50px !important;
    overflow-y: hidden}
  .inscrip-row>div {
    min-height: 50px !important;}
  .inscrip-row:hover {
    height: 90px !important;  }
  .inscrip-row .inscrip-1 {
    flex-grow: 2;}
  .inscrip-row .inscrip-2 {
    line-height: 22px;
    flex-grow: 3;}
  .inscrip-row .inscrip-2>div {
    padding-top: 0px;
    height: 40px;
    display: flex;
    flex-direction: column !important;
    flex-flow: wrap;
    justify-content: center;}
  .inscrip-row .inscrip-2>div:before {
    display: flex;
    content: attr(data-title);
    justify-content: center;
    color: #6E767D;
    font-weight: 200;}
    .jjdd-inscrip-table>div:nth-child(2) {
   background: rgba(81,87,92,0.07)}
  .jjdd-inscrip-table>div:nth-child(3) {
   background: rgba(81,87,92,0.10)}
  .jjdd-inscrip-table>div:nth-child(4) {
   background: rgba(81,87,92,0.13)}
  .jjdd-inscrip-table>div:nth-child(5) {
   background: rgba(81,87,92,0.16)}
  .jjdd-inscrip-table>div:nth-child(6) {
   background: rgba(81,87,92,0.19)}
  .jjdd-inscrip-table>div:nth-child(7) {
   background: rgba(81,87,92,0.21)}
  .jjdd-inscrip-table>div:nth-child(8) {
   background: rgba(81,87,92,0.24)}
  .jjdd-inscrip-table>div:nth-child(9) {
   background: rgba(81,87,92,0.25)}
  .jjdd-inscrip-table>div:nth-child(n+10) {
   background: rgba(81,87,92,0.26)}
}

.jjdd-desplegable-inscripcion {
    width: 100%;
    display: block;
    padding: .5rem 1rem;
    text-decoration: none;
    color: #666;
    font-size: .88rem;
    line-height: 1.88;
    height: 2.5rem;
    z-index: 2;
    overflow: hidden;
    transition: background 300ms ease;
    line-height: 1.5;
    color: #212529;
    background-color: #ECECEC;
    background-clip: padding-box;
    border: 1px solid #ECECEC;
    border-radius: 0rem;
    transition: border-color .3s ease-in-out,box-shadow .3s ease-in-out;
    -webkit-box-shadow: 0px 3px 0px 0px #A2A2A2;
    -moz-box-shadow: 0px 3px 0px 0px #A2A2A2;
    box-shadow: 0px 3px 0px 0px #A2A2A2;}
.jjdd-desplegable-inscripcion:hover {
    -webkit-box-shadow: 0px 3px 0px 0px #fff;
    -moz-box-shadow: 0px 3px 0px 0px #fff;
    box-shadow: 0px 3px 0px 0px #fff;}


/*----------------------------------*/
/* resultados fase final juegos 812 */

.jjdd-content-movile-webe {
  color:#51575C;
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  transition: all 0.2s ease;
  margin-top: 18px;}
.jjdd-content-movile-webe:hover >div {
  color: #212529;
  transition: all 0.2s ease;
  background: #CACACA}
.jjdd-content-movile-webe>div {
  height: 70px;
  cursor: default;
  border-bottom: 3px solid #E9E9E9;
  background: #D6D6D6;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  display:flex;
  align-items: center;
  align-content: center !important;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;}
.jjdd-content-movile-webe>div:first-child {
  cursor: default;
  border-right: 1.5px solid #E9E9E9;
  text-align: center;
  padding-left: 10px;
  padding-right: 32px;
  padding-top: 10px;
  justify-content: center;}
.jjdd-m-visit-webe, .jjdd-m-local-webe {
  cursor: default;
  position: absolute;
  padding-bottom: 50px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 100;
  text-transform: lowercase}
.jjdd-m-visit-webe>span:nth-child(2), .jjdd-m-local-webe>span:nth-child(2) {
  padding-left: 5px;
  text-transform: uppercase;}
.jjdd-content-movile-webe>div:first-child::after {
  cursor: default;
  position: absolute;
  margin-top: -50px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 100;
  text-transform: lowercase}
.jjdd-content-movile-webe>div:nth-child(2) {
  cursor: default;
  border-left: 2px solid #E9E9E9;
  padding-right: 10px;
  padding-left: 32px;
  text-align: center;
  padding-top: 10px;
  justify-content: center}
.jjdd-content-movile-webe>div:nth-child(2)::after {
  cursor: default;
  text-align: right;
  position: absolute;
  margin-top: -50px;
  color:#6E767D;
  font-size: 14px;
  line-height: 16px;
  font-weight: 100;
  text-transform: lowercase}
.jjdd-content-movile-webe::before {
  transition: all 0.2s ease;
  display: flex;
  position: absolute;
  margin-top: 2px;
  content: attr(data-title);
  justify-content: center;
  width: 65px;
  height: 65px;
  font-size: 16px;
  letter-spacing: 0.5px;
  line-height: 57px;
  font-weight: 700;
  border-radius: 100%;
  background: #8B8E92;
  color: #E9E9E9;
  border: 3px solid #E9E9E9;}
.jjdd-content-movile-webe-add{
  border-bottom: 0px solid !important;
  padding-top: 12px !important;
  background: #D6D6D6;
  display:flex;
  color: #212529;
  align-content: flex-start !important;
  align-items: flex-start !important;
  justify-content: space-between;
  flex-flow: wrap;
  flex-wrap: nowrap;
  flex-basis: 100% !important;
  height: auto !important;
  padding: 0px 10px 10px;}
.jjdd-content-movile-webe-add>div{
  font-weight: 400 !important;
  padding: 0px 10px 0px;
  text-align: center;}
.jjdd-content-movile-webe-add>div>span{
  font-weight: 100;
  display: block;
  color: #6E767D;
  line-height: 18px;}
.jjdd-content-movile-webe-add>div:first-child,
.jjdd-content-movile-webe-add>div:nth-child(2) {
  flex-grow: 3;}
.jjdd-content-movile-webe-add>div:nth-child(3),
.jjdd-content-movile-webe-add>div:nth-child(4){
  flex-grow: 2;}
.jjdd-ronda-movile-webe {
  padding-top: 20px;
  padding-left: 30px;
  font-size: 14px;
  font-weight: 700;}

@media (min-width: 992px) {
  .jjdd-content-movile-webe {display:none !important}
  .jjdd-ronda-movile-webe {display:none !important}
}

@media screen and (min-width: 577px) and (max-width: 767px) {
  .jjdd-content-movile-webe {
    width: 100% !important}
  .jjdd-content-movile-webe>div {
    height: 90px;}
  .jjdd-content-movile-webe::before {
    margin-top: 20px;}
  .jjdd-content-movile-webe>div:first-child::after,
  .jjdd-content-movile-webe>div:nth-child(2)::after {
    margin-top: -65px !important;}
  .jjdd-content-movile-webe-add>div:first-child,
  .jjdd-content-movile-webe-add>div:nth-child(2) {
    flex-grow: 4;}
  .jjdd-content-movile-webe-add>div:nth-child(3),
  .jjdd-content-movile-webe-add>div:nth-child(4){
    flex-grow: 1;}
}
@media (max-width: 576px) {
  .jjdd-content-movile-webe-add>div:first-child,
  .jjdd-content-movile-webe-add>div:nth-child(2) {
    flex-grow: 4;}
  .jjdd-content-movile-webe-add>div:nth-child(3),
  .jjdd-content-movile-webe-add>div:nth-child(4){
    flex-grow: 1;}
  .jjdd-content-movile-webe {
    width: 100% !important;}
  .jjdd-content-movile-webe>div {
    height: 100px;}
  .jjdd-content-movile-webe::before {
    margin-top: 25px;}
  .jjdd-content-movile-webe>div:first-child::after,
  .jjdd-content-movile-webe>div:nth-child(2)::after {
    margin-top: -75px !important;}
}

/*----------------------------------*/
/* Listas de asistencia             */
@media screen and (min-width: 768px) {
  .jjdd-lista-contenedor-flex-webe {
  display: flex;
  flex-flow: row wrap;
  }
}
@media screen and (min-width: 577px) and (max-width: 767px) {
  .jjdd-lista-contenedor-flex-webe {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  }
}
@media (max-width: 576px) {
  .jjdd-lista-contenedor-flex-webe {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  }
}
.jjdd-lista-celda-foto-webe {
 box-flex: 1;
 width: 130px;
 padding: 10px;
 border: 3px solid #51575C;
 margin: 4px;
}
.jjdd-lista-rol-webe {
 font-size: 14px;
 line-height: 16px;
 font-weight: 700;
 overfolw-wrap: break-word;
}
.jjdd-lista-usario-webe {
 font-size: 14px;
 line-height: 16px;
 font-weight: 700;
 font-size: 11px !important;
}
.number-input button.plus {
 margin-left: 23px;
}