/* form-login */

.content__div-form{
   display: flex;
   justify-content: center;
}


.content__div-link{
 display: flex;
 align-items: center;
 flex-direction: column;
 padding: 7px;
 margin-top: 5px;
 justify-content: center;
}

.content__div-link i:hover{
  text-decoration: none;
  border-bottom: 2px solid #4e73df;
  cursor: pointer;
 }

 /* form-login ----*/

/* form Todos */

#form-formCategoria{
   display: none;
   overflow-x: hidden;
   overflow-y: auto;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 700;
   background-color: rgba(.5, .5, .5, .7);
   width: 100%;
   height: 100%;
}

#botom-close-modal-categoria{
   cursor: pointer;
}

#formTodos{
   display: none;
   overflow-x: hidden;
   overflow-y: auto;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 700;
   background-color: rgba(.5, .5, .5, .7);
   width: 100%;
   height: 100%;
}

#botom-close-modal{
   cursor: pointer;
}

/* form Todos -----*/


/*textarea */

 .form__email-textarea{
  min-height: 100px;
  max-height: 100px;
}

/* textarea-----*/

/* btn accion */

.div-accion{
 display: flex;
 gap: 5px;
}

.btn-accion{
width:30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
}
/* btn accion */

/* nav */

#tiposReportes:hover{
 cursor: pointer;
}

.nav-link__reportes{
  padding-left: 15px !important;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

/* nav */

/* tabla tbody */
#tbody-result{
 cursor: pointer;
}

.status-activo{
   border-radius: 3px;
   padding: 1px 3px;
   text-align: center;
   background-color: #5f5;
   font-weight: bold;
   font-size: 12px;
   color: #fff;
}

.status-inactivo{
   border-radius: 3px;
   padding: 1px 3px;
   text-align: center;
   background-color: #f50;
   font-weight: bold;
   font-size: 12px;
   color: #fff;
}
/* -- */

/* validaciones js*/
.formulario__grupo-correcto span{
display: none;
}

.formulario__grupo-incorrecto span{
   display: flex;
   padding: 5px;
   color: #f50;
   }
/*------- validaciones js ----- */

/*-- formBuscar ---- */

#formBuscar-m{
width: 300px;
}

#formBuscar-m form{
   width: 100%;
}
/*-- formBuscar ---- */

.dt-img{
   display: flex;
   justify-content: center;
   align-items: center;
}

/* form Categorias */

.contenedorCategoriaJugadores{
   height: min-content;
   min-height: 300px;
   max-height: 500px;
   overflow-y: auto;
}

/* form Categorias */


    /* ventanaMensaje */


    #divLoading{
      position: fixed;
      top: 0;
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      background: rgba(254,254,255, .65);
      z-index: 9999;
      display: none;
   }
   #divLoading img{
      width: 50px;
      height: 50px;
   }

    /* ventanaMensaje -*/

    /* form jugadores foto */

    .prevPhoto {
      display: flex;
      justify-content: space-between;
      width: 170px;
      height: 200px;
      border: 1px solid #CCC;
      position: relative;
      cursor: pointer;
      background: url(../../img/img_jugadores/userDefault.jpg);
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center center;
      margin: auto;
  }


  .div-img-prueba{
  width: 100%;
  }

  .div-img-prueba img{
   width: 100% !important;
  }

  .prevPortada{
     width: 100%;
     min-width: 200px;
     background: none;
  }


  .prevPhoto-partida label{
   cursor: pointer;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 2;
  }


  .prevPhoto label{
     cursor: pointer;
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 2;
  }
  .prevPhoto img{
     width: 100%;
     height: 100%;
     object-fit:cover;
  }
 

    /* ----- */