html {
	scroll-behavior: smooth;
}
.eliminar_tipo{
	margin-left: 20px;
}

.contar-alcorques{
	font-size: 15px;

	background-color: #3AF300;
	border-radius: 0px 0 1rem 1rem!important;
	padding: 5px;
	font-weight: bold;
	height: 32px;
}

.container-contar-alcorques{
	width: 100%;
	display: flex;
	justify-content: flex-end;
	height: 0;
}

.boton_otro{
	width: 100%;
	border: 0px!important;
}

.popover{
	color:black;
	background-color: lightgray;
}

.boton_otro:hover{
	background-color: lightgray;
}
/*---------------------------Formulario---*/
label{
	font-size: 20px;
	color: #34495e;
}

.hh3{
	margin-bottom: 30px;
}

.caja_2{
	margin-top: 20px;

}

.sweet-alert{
	border-radius: 2rem!important;
}

.sa-icon{
	border-radius: 1rem!important;
}

#table td,th {
	font-size: 20px!important;

}

/*#table td{
	max-height: 200px;
}*/

#table tr{
	margin-top: 20px!important;

}

button{
	font-size: 15px!important;
}

.modal-body{
	margin-left: 20px;
	margin-right: 20px;
}

.cerrar1, .cerrar, .cerrar2, .cerrar3, .cerrar4, .cerrar5{
	cursor: pointer;
}
.celda-btn{
	width: 150px!important;
}

#enc td{
	font-size: 40px!important;
}
#enc:hover{
	background-color: white;
}

#tabla:hover{
	background-color: #31EB08!important;
}

.columna{
	margin: 10px;
	padding: 10px;
	
}

input, textarea, select{
	border-radius: 5px!important;
}

#titulo, #descripcion{
	border-radius: 5px!important;
}

textarea{
	margin-bottom: 10px;
}

.custom-file-upload {
    
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
    border-radius: 0.5rem!important;
}

.enviar-foto-azul{
	border: 2px solid #22F0FF;
    background-color: #B6FAFF;
    color: #005960;
}

#foto_arbol{
	width: 200px;
	height: 200px;
}

.alcorque-flex{
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.enviar-foto-amarillo{
	border: 2px solid #FFC850;
    background-color: #FFD26F;
    color: #825500;
}

#fotoinput, #edit_foto {
    display: none;
}
/*---------------------------vista alcorques---*/

.cubo{
	width: 100%;
	color: white;
	border-radius: 15px!important;
	height: 200px!important;
	cursor: pointer;
	display: flex;
    place-items: center;
    justify-content: center;
    align-items: center;
    flex-direction: column-reverse;
    flex-wrap: nowrap;
    text-decoration:none!important;
}

.add{
	font-size: 50px;
	background-color: #3AF300!important;
	transition-duration: 0.5s;
}

.add i{
	transition-duration: 0.5s;

}

.add:hover i{
	font-size: 70px;
}

.add:hover{
	background-color: #34D305!important;
}

.cubo i{
	font-size: 50px;

}

.alcorque{
	color: #009EF3;
	border: 2px solid black;
	border-color: #3AF300;
	background-color: white;
}

#padre{
	/*display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;*/
	display: grid;
	column-gap: 30px;
	row-gap: 30px;
	background-color: white!important;
	padding: 25px;
	border-radius: 10px!important;
	margin-top: 25px;

}

.restau{
	/*background-image: url("IMAGENES/basura2.png")!important;
	width: 65px;
	height: 55px;
	background-position: center;*/
	color:black;
	margin: 3px;
	display: flex!important;
    justify-content: space-evenly;
/*    background-repeat: no-repeat;*/
}

	.titulo{
		font-size: 30px;
		color: #0D7500;
		background-color: white;
		border-radius: 20px!important;
		padding: 5px;
		box-shadow: 0px 0px 7px 1px #C1C1C1;
		margin: 10px;
		align-content: center;
		margin-top: 100px;
		margin-left: 3vw;
		margin-right: 3vw;
	}

	.titulo .titulo-texto{
		display: flex;
		justify-content: space-between;
		margin-bottom: 1px;
		align-items: center;
		gap: 10px;
		margin: 5px;
		flex-wrap: wrap;
		margin-left: 10px;
	}
	.titulo .titulo-texto img{
		
		height: 35px;
	}

	.titulo hr{
		margin: 0;
		border: 0.3px solid black;
		border-color: #31CE00!important;
		box-shadow: 0px 0px 2px 0px #3AF300;

	}

	.titulo span{
		
	}

	.alcorque{
		box-shadow: 0px 0px 7px 0px #31CE00;
	}

	.bot-cer-alc{
		width: 40px;
		height: 40px;
		
		float: right;
	}

#filtrar-alcorques{
	max-width: 400px;
	width: 60%;
	border-radius: 1rem!important;
	animation-duration: 0.5s;
	animation-timing-function: linear;

}

@keyframes hay-alcorques{
/*	0% {border: 1px solid #c2cad8;color: #555;}*/
  	0% { 
  	border: 1px solid #31CE00;
  	color: #31CE00;

  }
  
  100% {border: 1px solid #c2cad8;color: #555;}
}

@keyframes no-hay-alcorques{
/*	0% {border: 1px solid #c2cad8;color: #555;}*/
  	0% { 
  	border: 1px solid red;
  	color: red;

  }
  
  100% {border: 1px solid #c2cad8;color: #555;}
}

#filtrar-alcorques:active{
	
}

.arriba{ 
	width: 90%;
	height: 70%;
	display: flex;
    align-items: center;
    justify-content: space-around;
    text-align: center;
    transition-duration: 0.5s;
    white-space: wrap;
    font-weight: bold;
    font-size: 18px;
  	color: #208D00;
  	flex-wrap: wrap;
  	vertical-align: middle;
  	word-break: break-all;
  	hyphens: auto;
  	
}

.abajo{
	font-size: 0.001px;
	width: 50%;
	height: 30%;
	display: flex;
    align-items: center;
    justify-content: space-around;
    background-color: #3AF300;
    border-radius: 20px 20px 0px 0px!important;
    transition-duration: 0.5s;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    color: #0D3900;
    flex-wrap: wrap;
    
}

.abajo .texto{
	display: none;
	max-height: 80%;
	max-width: 80%;
	word-break: break-all;
	hyphens: auto;
	
}

.abajo i{
	color: #208D00;
	font-size: 20px;
	width: 100%;
}

.cubo:hover .abajo i{
	font-size: 0.001px;
	display: none;
}

.cubo:hover .abajo .texto{
	display: initial;
	
}

.cubo:hover .arriba{
	font-size: 0px;
	height: 0%;
	width: 0%;
	
	transition-duration: 0.5s;
}

.cubo:hover .arriba i{
	font-size: 0.001px;
}

.cubo:hover .abajo{
	width: 100%;
	height: 100%;
	border-radius: 12px!important;
	font-size: 15px;
	display: flex;
}

@media (min-width:2300px){
	#padre{
		grid-template-columns: repeat(6, 1fr);
	}
}

@media (max-width: 2300px) and (min-width:1800px){
	#padre{
		grid-template-columns: repeat(5, 1fr);
	}
}

@media (max-width: 1800px) and (min-width:1200px){
	#padre{
		grid-template-columns: repeat(4, 1fr);
	}
}

@media (max-width: 1200px) and (min-width: 900px){
	#padre{
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 900px) and (min-width: 650px){
	#padre{
		grid-template-columns: repeat(2, 1fr);
	}

}
@media (max-width: 650px){
	#padre{
		grid-template-columns: repeat(1, 1fr);
		width: 100%;

	}


}

.elegido{
	
	box-shadow: 0px 0px 10px 5px #FFFF73!important;
}
/*------------------------Targetas arboles---*/
.tarjeta_arbol{
	display: flex;
	border: 5px solid black;
	width: 100%;
	border-radius: 10px!important;
	border-color: #74451E;
	height: 220px;
	box-shadow: 0px 0px 7px 0px gray;
}

.tarjeta_arbol img{
	width: 200px;
	height: 100%;
	border-radius: 5px 0rem 0rem 5px!important;
}

.tarjeta_arbol .container_arboles{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 95%;
	width: 100%;
	margin-left: 20px;
	font-size: 15px!important;
	color: black;

}

.tarjeta_arbol .descripcion{
/*	margin-top: 5px;*/
	overflow-y: auto;
	max-height: 150px;
}


.encabezado_arbol h2{
	height: 40px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

@media (max-width: 333px){
	/*.encabezado_arbol {
		display: flex!important;
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}*/
}


.flotar{
	justify-content: flex-end;
	gap: 10px;
	display: flex;
	margin: 5px;
	height: 30px;
	flex-wrap: wrap;
}

.encabezado_arbol{
	display: grid;
	grid-template-columns: 2fr 1fr;
  justify-content: space-between;
}

.contenidoTabla{
	display: grid;
	row-gap: 20px;
	column-gap: 20px;
	padding: 10px;
}



@media (min-width:2500px){
	.contenidoTabla{
		grid-template-columns: repeat(5, 1fr);
	}
}

@media (max-width: 2500px) and (min-width:1900px){
	.contenidoTabla{
		grid-template-columns: repeat(4, 1fr);
	}
}

@media (max-width: 1900px) and (min-width: 1500px){
	.contenidoTabla{
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 1500px) and (min-width: 1000px){
	.contenidoTabla{
		grid-template-columns: repeat(2, 1fr);
	}

}
@media (max-width: 1000px){
	.contenidoTabla{
		grid-template-columns: repeat(1, 1fr);
		width: 100%;

	}


}

/*------------------------abajo---*/

.encabezado-alcorque{
	margin-top: 0;
	margin-bottom: 10px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	gap: 10px;
	flex-wrap: wrap;
	background-color: #96FF85;
	border-radius: 10px 10px 0 0!important;
	padding: 15px;
	color: #0B4C00;
	align-items: flex-start;
    flex-direction: column;

	/*overflow-x: auto;*/
}

.cuerpo-abajo{
	background-color: white;
	border-radius: 20px!important;
	
	display: block;
	margin: auto;
	box-shadow: 0px 0px 7px 0px gray;
	border-radius: 10px!important;
}



.titulo-encabezado-alcorque{
	font-size: 30px;
	color: #0B4C00;
}

#container{
	padding: 30px;
}

@media (min-width: 500px){
	.cuerpo-abajo{
		width: 95%;
	}
	.cuerpo-abajo-content{
	padding: 20px;
	}
	
}

@media  (max-width: 932px) {
	.encabezado-2-0{
		width: 100%;
		justify-content: space-between;
		flex-direction: row-reverse;

	}

	.encabezado-2-0 span{
		margin-left: 0px!important;

	}

}
@media (min-width: 600px){
	.container_arboles ul{
		font-size: 17px!important;
	}
}

@media (max-width: 280px){
	.imagen_arbol img{
		width: 100px!important;
	}
	.imagen_arbol{
		width: 100px!important;
	}
	.container_arboles{
		margin-left: 0px!important;
	}

	.botones-container{
		margin-left: 0px;
	}
}

@media (max-width: 280px) and (min-width: 500px){
	.imagen_arbol img{
		width: 180px!important
	}
	.imagen_arbol{
		width: 180px!important;
	}
	.container_arboles{
		margin-left: 10px!important;
	}

	.botones-container{
		margin-left: 10px;
	}
}

@media (max-width: 500px){

	.encabezado_arbol h2{
		overflow: auto;
		max-width: 100%;
	}

	.cuerpo-abajo{
		width: 100%;
		border-radius: 0!important;
	}
	.caja_2{
		margin-top: 0!important;
	}

	.titulo{
		margin-left: 0!important;
		margin-right: 0!important;
		margin-bottom: 30px;
		width: 100%;
		border-radius: 0!important;
	}

	.encabezado-alcorque{
		border-radius: 0!important;
	}

	.cuerpo-abajo-content{
		padding-left: 0px!important;
		padding-right: 0px!important;
		padding-bottom: 40px!important;
	}

	.contenidoTabla{
		padding: 0px!important;
	}

	

	.flotar{
		justify-content: flex-end!important;
	}

	

	

}
.imagen_arbol{
	width: 200px;
	height: 100%;
}

.botones-container{
	display: flex;
	flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
    margin-bottom: 20px;
    
}

.descripcion-encabezado-alcorque{
	word-break: break-word;
}


#existentes
{
	display: flex;
	flex-direction: column;
	gap: 10px;
}