.panel-enlaces-veterinario{
  display:flex;
  flex-direction: row;
  position:absolute;
  z-index:1000;
  border:0px solid #ccc;
  background-color:white;
  border-radius: 5px;
  padding:2px;
}

.boton-enlace{
  border:1px solid #ccc;
  padding:10px;
  border-radius:5px;
  font-size:18px;
  background-color:white;
}

/* SEMENTAL */
.foto-semental{
  margin-top:10px;
  margin-left:10px;
  margin-right:10px;
  margin-bottom:10px;
  border-radius: 5px;
  box-shadow: 1px 2px 3px #ccc;
  padding:2px;
}

.texto-resaltado-rojo{
  color:#ff0000;
  font-weight:bold;
  text-align:center;
  
}
/* ENLACE */
.imagen-enlace{
  border-radius: 5px;
  box-shadow: 1px 2px 3px #ccc;
}

.imagen-enlace:hover{
  transform: scale(1.2);
}

/* LOGIN */
.panel-controles{
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin:0 auto;
}

.panel-controles-item{
  padding:10px;
}
/* log */

.panel-log {
  display:grid;
  grid-template-columns: 1fr;
  gap:10px;
  width:90%;
  margin:0 auto;
  margin-top:20px;
  margin-bottom:20px;
}

.panel-log-tipo {
  display:flex;
  border:1px solid #ccc;
  padding:10px;
  border-radius:5px;
}

.panel-log-titulo {
  font-size:32px;
  display:block;
  text-align:center;
  letter-spacing: 2px;
  font-weight: bold;
}

/* FIN LOG */

.boton-sin-fondo {
  border:1px solid #494949;
  border-radius:5px;
  margin-left:10px;
  margin-right:0px;
  padding:10px;
  font-size:18px;
  background-color: #63A4FF;
  color:#ffffff;
}

.boton-aceptar{
  border:1px solid #ccc;
  padding:10px;
  font-size:24px;
  background-color: #b9eec4;
  text-align: center;
  border-radius: 5px;
  font-weight: normal;
  letter-spacing: 1px;
}

.boton-aceptar:hover{
  box-shadow: 1px 2px 3px black;
  font-size:26px;
}

.boton-cancelar{
    border:1px solid #ccc;
    padding:10px;
    font-size:24px;
    background-color:red;
    text-align:center;
    color:white;
    font-weight: normal;
    border-radius:5px;
}

.boton-cancelar:hover{
  box-shadow:1px 2px 3px black;
  font-size:26px;
  color:white;
}

.boton-sin-fondo:hover{
  animation: rubberBand 0.5s 1;
}

.titulo-columna {
  text-align:center;
  background-color:#806FFF;
  color:#ffffff;
  font-size:18px;
  cursor: pointer;
}

.titulo-columna-izq {
  text-align:left;
  background-color:#806FFF;
  color:#ffffff;
  font-size:18px;
  cursor: pointer;
}

.titulo-columna:hover, .titulo-columna-izq:hover{
  font-weight: bold;
  text-decoration:underline;
  color: yellow;
}

.tabla-redonda{
  border:1px solid #ccc;
  margin:25px;
  border-radius:5px;
  padding:10px;
  box-shadow: 1px 2px 3px #ccc;
}

.tabla-fila-totales{
  background-color:#F3F9F1;
  border:2px solid black;
  padding-top:10px;
  font-weight: bold;
}

.tabla-border {
  border:1px solid #494949;
}

.lineaEncabezado {
  border-bottom:3px solid #000000;
}

.titulo-tabla {
  font-weight:bold;
  font-size:30px;
  margin:0px;
  padding:10px;
  width:100%;
  text-align:center;
}

.sin-margen-bottom {
  margin-bottom:0px;
}

.sin-margen-top {
  margin-top:0px;
}

.panelBlanco {
  margin-left:2%;
  margin-right:2%;
  background-color:#ffffff;
  border-top:2px solid #dddddd;
  border-bottom:3px solid #000000;
  padding-bottom:50px;
}

.celda-izquierda-18 {
  text-align:left;
  font-size:18px;
  font-weight: bold;
}
.celda-izquierda {
  text-align:left;
}

.celda-derecha{
  text-align:right;
}

.celda-centrar{
  text-align:center;
}


.recuadroBordeado {
  border:1px solid #dddddd;
  border-radius:5px;
  padding:10px;
  margin-top:10px;
}

.recuadro{
  border:1px solid #ccc;
  margin-top:2px;
}


.formFiltro {
  background-color:#f7f7b0;
  border:1px solid #000000;
  border-radius:5px;
  margin:10px;
  padding:10px;
}

.boton {
  border:1px solid #494949;
  border-radius:5px;
  padding:10px;
  font-size:14px;
  letter-spacing: 1px;
  font-weight: normal;
  background-color: white;
}

.boton:hover{
  animation:rubberBand 0.5s 1;
}

.margenes {
  margin-left:2%;
  margin-right:2%;
}

.margenTop {
  margin-top:10px;
}

.maximo {
  max-width:100%;
}

.centrado {
  text-align:center;
}

.paginacion{
  text-align:center;
  width:100%;
}

.pagination-2 {
  display:inline-flex;
  padding-left:0;
  margin:20px 0;
  border-radius: 5px;
}
.pagination-2-li-active {
  position:relative;
  float:left;
  padding:6px 12px;
  line-height:1.42857;
  color:black;
  margin-left:-1px;
  z-index:3;
  color:white;
  background-color:#2ed3ae;
  cursor: default;
  transform:scale(1.2);
  border:1px solid black;
}

.pagination-2-li{
  position:relative;
  float:left;
  padding:6px 12px;
  line-height:1.42857;
  color:black;
  background-color:white;
  border:1px solid #ccc;
  margin-left:-1px;
}

.pagination-2-li:hover{
  background-color:#ccc;
  transform:scale(1.2);
  z-index: 3;
  border:1px solid black;
  box-shadow: 1px 2px 3px #ccc;
  cursor: pointer;
}


.grid-container {
  display: grid;
  grid-template-rows:60px 1fr;
  grid-gap:5px;
  margin-top:10px;
}

.grid-item-boton {
  border: 1px solid;
  border-radius:3px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  padding:1rem;
  background-color:rgb(60, 180, 228);
}

.grid-item {
  border: 1px solid;
  border-radius:3px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  padding:1rem;
  background-color:rgb(237, 233, 241);
}

.grid-item:nth-child(1){
  background-color:rgb(247, 221, 175);
}


.botones-container {
  background-color:white;
  padding:.5em 0;
  display: flex;
  justify-content:space-evenly;
  align-content: center;
  margin:auto;
  flex-wrapxx:wrap;
}

.botones-item {
  width:200px;
  margin:10px;
  line-height:30px;
  color:aliceblue;
  text-align:center;
  background-color:white;
  border:1px solid #dddddd;
  border-radius:5px;
  flex:0 1 auto;
}

.boton1{
  border:1px solid #ccc;
  border-radius:5px;
  padding:5px;
  font-size:24px;
}

.boton1:hover{
  transform:scale(1.1);
  font-weight: bold;
  box-shadow: 1px 2px 3px #ccc;
}

.cuadro {
  width:300px;
  height:300px;
  background-color:red;
  border:5px solid #dddddd;
  padding:20px;
  margin:20px; 
}

.form-checkbox{
  border:1px solid #ccc;
}

/* MENU */
.opcion-menu{
  font-size:5px;
  color:yellow;
}

/* rechazo actuación */
.panel-rechazo{
  display:grid;
  grid-template-rows: repeat(4 100px);
  gap: 10px;
}

.titulo-rechazo{
  font-size:24px;
  color:black;
  margin-left:10px;
  margin-top:10px;
  border-bottom:1px solid #ccc ;
}

.recuadro-bordeado-r {
  border:1px solid #dddddd;
  border-radius:5px;
  padding:10px;
  margin-top:10px;
}

.recuadro-bordeado-r:hover{
  border:1px solid black;
}

.panel-rechazo > p {
  display:block;
  height:40px;
}

.titulo-rechazo-oficial{
  font-size:40px;
  color:red;
  text-align:center;
  border-bottom:2px;
}

/* actuacion */
.actuacion-titulo{
  font-size:22px;
  text-align: center;
  border:1px solid #ccc;
  border-radius: 5px;
  line-height: 50px;
  letter-spacing: 2px;
  font-weight: bold;
  box-shadow: 1px 2px 3px #ccc;
  background-color:rgb(245, 252, 182);
  color:black;
  margin-top:10px;
}

/* GENEALOGIA */
.arbol{
  display:grid;
  grid-template-columns: 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr;
  gap: 10px;
}
.arbol-rama-1{
  display:grid;
  grid-template-rows: 1fr;
  margin:0 auto;
  height:95%;
  margin-top:10px;
}

.arbol-rama-2{
  display:grid;
  grid-template-rows: 1fr 1fr;
  margin:0 auto;
  height:95%;
  margin-top:10px;
  border:1px solid #ccc;
  border-radius: 5px;
  padding-left:10px;
  padding-right:10px;
}

.arbol-rama-2:hover{
  box-shadow: 1px 2px 3px #ccc;
}

.arbol-rama-3{
  display:grid;
  grid-template-rows: repeat(2 1fr);
  margin:0 auto;
  height:95%;
  margin-top:10px;
  gap:30px;
}

.arbol-rama-3-1{
  display:grid;
  grid-template-rows: repeat(2 1fr);
  margin:0 auto;
  border:1px solid #ccc;
  border-radius:5px;
  padding-left:10px;
  padding-right:10px;
}

.arbol-rama-3-1:hover{
  box-shadow: 1px 2px 3px #ccc;
}

.arbol-rama-4{
  display:grid;
  grid-template-rows: repeat(4 1fr);
  margin:0 auto;
  gap: 5px;
  margin-top:10px;
}

.arbol-rama-4-1{
  display:grid;
  grid-template-rows: repeat(2 1fr);
  margin:0 auto;
  gap: 5px;
  border:1px solid #ccc;
  border-radius:5px;
  padding:5px;
}

.arbol-rama-4-1:hover{
  box-shadow: 1px 2px 3px #ccc;
}


.arbol-rama-5{
  display:grid;
  grid-template-rows: repeat(8 1fr);
  margin:0 auto;
  gap: 5px;
  margin-top:10px;
}

.arbol-rama-5-1{
  display:grid;
  grid-template-rows: repeat(2 1fr);
  margin:0 auto;
  gap: 5px;
  border:1px solid #ccc;
  border-radius:5px;
  padding:5px;
}

.arbol-rama-5-1:hover{
  box-shadow: 1px 2px 3px #ccc;
}


.arbol-rama-hijo{
  align-self: center;
  justify-self: center;
  width:250px;
}

.macho{
  background-color:rgb(218, 218, 250);
}

.hembra{
  background-color: rgb(250, 209, 231);
}

.ficha-arbol-caballo{
  border:1px solid #ccc;
  margin-left:5px;
  padding:0px;
  padding-left:10px;
  border-radius: 5px;
  font-size:14px;
  color:black;
}

.ficha-arbol-caballo:hover{
  box-shadow: 1px 2px 3px black;
  transform: scale(1.2);
}

.ficha-arbol-caballo-titulo{
  font-weight: bold;
  text-align:center;
  font-size:12px;
  color:black;
}

.raya {
  border-bottom:1px solid black;
}

/* FORM DATOS */
.form-datos{
  width:100%;
}

.grupo-campo-etiqueta{
  border:1px solid #ccc;
  border-radius:5px;
}

.input-group-addon{
  background-color:white;
  border-radius:5px !important;
}

.grupo-campo-etiqueta:hover{
  border:1px solid black;
}

.campo-error{
  border:1px solid red;
  box-shadow:1px 2px 3px red;
}

/* actuacion veterinario */
.actuacion-bloque-2{
  display:grid;
  grid-template-columns: 1.4fr 0.6fr;
}

/* FICHA CABALLO */
.ficha-caballo-bloque{
  display:grid;
  grid-template-columns: 1fr  1fr;
  gap: 10px;
}
.ficha-caballo{
  margin:10px;
  padding:10px;
  border:1px solid #ccc;
  border-radius: 5px;
  box-shadow: 1px 2px 3px #ccc;
}

.ficha-datos{
  font-size:24px;
  margin:10px;
  padding:10px;
  line-height: 50px;
}

.ficha-datos > b {
  font-size:32px;
  font-weight: bold;
  letter-spacing: 2px;
}

.ficha-pregunta{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:50px;
}

.ficha-caballo:hover{
  /*transform:scale(1.05); */
 /* background-color:rgb(243, 255, 232); */
  border:2px solid black;
}

.ficha-caballo-botones{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin:10px;
  gap:10px;
  text-align:center;
}

.ficha-caballo-general{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top:0px;
}

.ficha-titulo{
  font-size:24px;
  padding:5px;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: center;
  color:black;
  border-bottom:2px solid black;
}

.ficha-caballo-titulo{
  font-size:24px;
  background-color:#ccc;
  padding:5px;
  font-weight: bold;
  letter-spacing: 2px;
  border:1px solid #ccc;
  text-align: center;
  color:black;
  border-bottom:2px solid black;
}

.ficha-caballo-datos{
  display:block;
  margin:10px;
  padding:10px;
}

.ficha-caballo-datos-titulo{
  font-size:18px;
  font-weight: bold;
  letter-spacing: 1.5px;
  border-bottom:1px solid #ccc;
  border-left:1px solid #ccc;
  padding-left:15px;
  border-bottom-left-radius: 5px;
  box-shadow: 0px 1px 0px #ccc;
  background-color:#b9f1cc;
  color:black;
}

/* BUSCAR LATERAL */
.buscar-lateral{
  display:block;
  width:130px;
  height:50px;
  border-left:1px solid black;
  border-top:1px solid black;
  border-bottom:1px solid black;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;

  box-shadow: 1px 1px 3px gray;

  position:fixed;
  top:158px;
  right:0px;
  background-color:rgb(225, 255, 187);
  z-index:999130;

  transition:all 300ms;
}

.buscar-lateral:hover{
  width:400px;
  border-bottom-left-radius: 0px;
}

.buscar-lateral:hover .buscar-lateral-texto, .buscar-lateral-texto-1{
  font-weight: bold;
}

.buscar-lateral:hover .buscar-lateral-panel{
  visibility: visible;
  border-left:1px solid black;
  border-bottom:1px solid  black;
}

.buscar-lateral-texto{
  font-size:23px;
  padding:10px;
}

.buscar-lateral-texto-1{
  font-size:23px;
  padding-left:5px;
}

.buscar-lateral-panel{
  position: absolute;
  display:grid;
  visibility: hidden;
  width:400px;
  height:120px;
  grid-template-rows: 100px;
  background-color:white;
  border-bottom-right-radius: 0px;
  z-index: 110;
  border:1px solid #ccc;
  padding:15px;
  box-shadow: 2px 2px 4px gray;
  /* border-top-left-radius: 5px; */
  margin-top:-3px;

  transition:all 100ms;  
}

.buscar-lateral-img{
  width:38px;
  padding-left:5px;
}

.form-linea{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:10px;
}

.form-linea-2{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:10px;
}

.form-linea-label{
  display:block;
  margin:0px;
  font-size:14px;
}

.form-linea:hover .form-linea-label{
  font-weight:bold;
}

.form-linea-campo{
  display:block;
  margin:2px;
  padding:2px;
  border:1px solid #ccc;
  border-radius:5px;
  font-size:14px;
}

.form-linea-campo:hover{
  color:black;
  background-color:#b9f1cc;
}

@media (max-width:1200px) {
  .buscar-lateral{
    top:50px;
    width:50px;
  }
  .buscar-lateral-texto-1{
   visibility:hidden;
  }
  .icono-menu {
    display: none;
  }
}