h6 {
	color: var(--main-color);
}

/*************/
/*Advertencia*/
/*************/
.tituloAlerta-usoSuelos:first-child {
	color: var(--main-color);
}

.usoSuelos .descripcion-usoSuelos {
	color: var(--color-fuente);
	background-color: var(--bg-modal-load);
	border-radius: 20px;
	padding: 10px;
}

.usoSuelos .descripcion-usoSuelos small {
	color: var(--blanco);
}

.tituloAlerta-usoSuelos {
	display: flex;
	justify-content: space-between;
}

.cerrarAlerta-usoSuelos,
.cerrarConvPot {
	color: var(--color-fuente);
	cursor: pointer;
}

/****************/
/* Inputs radio */
/***************/
.usoSuelos .opcionesRadioBtnUsoSuelos {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 8px;
}

.usoSuelos .radioUsoSuelos {
	display: inline-flex;
	align-items: center;
	cursor: pointer;
}

.usoSuelos .radioInputUsoSuelos {
	appearance: none;
	height: 11px;
	width: 11px;
	background-color: var(--white);
	border-radius: 50%;
	cursor: pointer;
	border: 1px solid var(--color-fuente);
	/*box-shadow: 0px 3px 8px -1px rgb(0 0 0 / 56%);*/
	margin: 6px;
}

.usoSuelos .radioInputUsoSuelos::after {
	content: '';
	background: var(--main-color);
	width: 9px;
	height: 9px;
	border-radius: 50%;
}

.usoSuelos .radioInputUsoSuelos:checked:after {
	display: block;
}

/*Inputs busqueda*/

.usoSuelos #selectBusquedaUsoSuelos input,
.usoSuelos #selectBusquedaUsoSuelos select,
.usoSuelos .input_activida,
.usoSuelos .select_act_uso_suelos {
	border-color: rgb(0, 0, 0, 0);
	border-radius: 20px;
	height: 30px !important;
	font-size: 10px;
	padding: 5px 10px 5px 10px;
	margin-bottom: 11px;
	box-shadow: 0px 0px 9px -3px rgb(0 0 0 / 56%) inset;
}

.usoSuelos .busquedaDireccionUsoSuelos {
	display: flex;
	flex-direction: column;
	margin-top: 10px;
}

.usoSuelos .busquedaDireccionUsoSuelos label {
	padding-left: 10px;
}
/*=======*/
/*Botones*/
/*=======*/

.usoSuelos .btnsBusquedaPotUsoSuelos {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}

.usoSuelos .btnPotUsoSuelos {
	outline: none;
	background: var(--bg-principal);
	color: var(--main-color);
	border-radius: 20px;
	border: solid 1px var(--main-color);
	box-shadow: none;
	padding: 4px 24px;
	font-size: 11px;
	float: right;
	margin: 10px 2px;
}

#AyudasUsoSuelos {
	display:flex;
	justify-content: center;
	align-items: center;
	gap:5px;
	outline: none;
	background: transparent;
	color: #8b8b8b;
	border-radius: 20px;
	border: solid 1px #ccc;
	padding: 4px 24px;
	font-size: 11px;
	float: right;
	margin: 0 0 10px 0;
}
#AyudasUsoSuelos:hover {
    box-shadow: 0 3px 3px 0px #ccc;
    transition: all .2s ease-out;
}

.usoSuelos .btnPotUsoSuelos:hover {
	background: var(--main-color);
	outline: none;
	box-shadow: none;
	color: var(--blanco);
}

#buscarUsoSuelos:hover .iconBuscarUsoSuelo,
#limpiaUsoSuelos:hover .iconLimpiarUsoSuelo {
	filter: brightness(0) saturate(100%) invert(99%) sepia(4%) saturate(355%) hue-rotate(304deg) brightness(119%) contrast(100%);
}

.eliminarTdActividad {
	width: 40px;
	height: 40px;
	background-image: url(../images/openData/Cerrar.svg);
	float: right;
	background-size: 16px;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	filter: var(--filter-tools-toc);
}

.spanlabel-button {
	display: flex;
	height: 12px;
	line-height: 11px;
}

button#buscarUsoSuelos {
	display: flex;
	justify-content: center;
	align-items: center;
}

#containerButtonAyudas{
    display: flex;
    justify-content: flex-end;
}

button#limpiaUsoSuelos {
	display: flex;
	justify-content: center;
	align-items: center;
}

.iconLimpiarUsoSuelo {
	width: 15px;
	height: 15px;
	background-image: url(../images/openData/limpiar.svg);
	float: right;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	margin-left: 5px;
	cursor: pointer;
	filter: var(--iconBoton);
	display: flex;
}

.iconBuscarUsoSuelo {
	width: 15px;
	height: 15px;
	background-image: url(../images/openData/search.svg);
	float: right;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	margin-left: 5px;
	cursor: pointer;
	filter: var(--iconBoton);
	display: flex;
}

span.iconAyudasUsoSuelo {
	width: 15px;
	height: 15px;
	background-image: url(../images/openData/Ayudas.svg);
	float: right;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	margin-left: 5px;
	cursor: pointer;
	display: flex;
}

.notaResumen {
	max-height: 450px;
	padding: 10px;
	height: auto;
	overflow: auto;
}

.usoSuelos .btnPotlimUsoSuelos {
	-webkit-mask-image: url(../images/openData/limpiar.svg);
	height: 25px;
	width: 18px;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	background-color: var(--color-fuente);
	margin-right: 10px;
}

.usoSuelos .btnPotlimUsoSuelos:hover {
	background-color: var(--main-color);
}

/*******************/
/* Tabla actividad */
/*******************/

.usoSuelos #actividad_uso_suelo label {
	color: var(--main-color) !important;
	font-size: 12px;
	line-height: 13px;
	margin-bottom: 5px;
}

.usoSuelos .input_activida {
	width: 100%;
	z-index: 10;
	background-color: white !important;
	color: black;
}

.usoSuelos .input_activida:focus {
	border: solid 2px var(--main-color);
}

.usoSuelos hr {
	background: var(--gris-terciario);
	margin-top: 0px;
}

.usoSuelos table {
	width: 100%;
	padding: 0px 10px;
}

.usoSuelos td {
	border: 1px solid var(--main-color);
	padding: 3px;
}

.usoSuelos tr:hover {
	background-color: var(--bg-hover-autocomplete);
}

.usoSuelos th {
	border: 1px solid var(--main-color);
	text-align: center;
	color: var(--main-color);
	font-size: 10px;
}

.usoSuelos .form_control_uso_suelo {
	z-index: 2;
	position: relative;
}

.usoSuelos .opciones_tabla_actividades {
	display: flex;
	justify-content: space-between;
}

/**********************/
/* Tabla auto complete */
/**********************/

.usoSuelos #activida_auto_complete {
	z-index: -1;
	border: solid 2px var(--main-color);
	padding: 0px 1px;
	font-size: 12px;
	position: absolute;
	top: 40px;
	background: var(--bg-principal);
	width: 100%;
	border-radius: 0px 0px 15px 15px;
	padding-bottom: 10px;
	padding-top: 25px;
	margin-top: -30px;
	max-height: 175px;
	overflow: auto;
}

.usoSuelos #activida_auto_complete ul {
	padding: 0 0 0 5px;
	margin: 0;
}

.usoSuelos #activida_auto_complete ul li {
	color: var(--color-fuente);
	list-style: none;
	padding: 5px 0;
	font-size: 10px;
	cursor: pointer;
}

.usoSuelos #activida_auto_complete ul li:hover {
	background: var(--bg-hover-autocomplete);
}

/*=======================*/
/*Resumen de actividadesT*/
/*=======================*/

.cerrarResumenActividades {
	color: var(--color-fuente);
	cursor: pointer;
}

#tablaResumenActividades {
	position: fixed;
	top: 70px;
	margin-left: -600px;
	background-color: var(--bg-tools-toc);
	border-radius: 10px 0 0 10px;
	display: flex;
	flex-direction: column;
	width: 600px;
	border-top: solid 2px var(--main-color);
	border-left: solid 2px var(--main-color);
	border-bottom: solid 2px var(--main-color);
}

#tablaResumenActividades #tablaResumenActividadesUsoSuelo {
	max-height: 450px;
	padding: 10px;
	height: auto;
	overflow: auto;
}

/*========================*/
/*Formulario agregar aforo*/
/*========================*/

.cerrarfromAgregarAforo {
	color: var(--color-fuente);
	cursor: pointer;
}

#fromAgregarAforo {
	position: fixed;
	top: 55px;
	margin-left: -500px;
	background-color: var(--bg-tools-toc);
	border-radius: 10px 0 0 10px;
	display: flex;
	flex-direction: column;
	width: 500px;
	border-top: solid 2px var(--main-color);
	border-left: solid 2px var(--main-color);
	border-bottom: solid 2px var(--main-color);
}

#fromAgregarAforo #bodyAgregarAforo {
	max-height: 450px;
	padding: 0px 15px;
	height: auto;
	overflow: auto;
}

#fromAgregarAforo textarea {
	height: auto !important;
}

/******/
/*Load*/
/******/

#loadingPotUsoSuelos {
	color: var(--main-color);
}

#fromAgregarAforo .sub_titilo_uso_suelos {
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	margin-bottom: 15px;
}

#fromAgregarAforo li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	color: var(--color-fuente) !important;
}

#fromAgregarAforo ul {
	padding-left: 10px;
}

/********/
/*spiner*/
/********/
.spinner-border {
	margin-top: 10px;
}

/***************/
/* Tool tip li */
/***************/

.div_ayuda_actividades_uso_suelo {
	position: fixed;
	margin-left: -170px;
	background-color: var(--bg-tools-toc);
	border-radius: 10px 0 0 10px;
	display: flex;
	flex-direction: column;
	width: 170px;
	border-top: solid 2px var(--main-color);
	border-left: solid 2px var(--main-color);
	border-bottom: solid 2px var(--main-color);
	color: var(--color-fuente);
	padding: 10px;
	z-index: -10;
}

/*========================*/
/*Formulario agregar soli*/
/*========================*/

.cerrarfromAgregarSoliExistente {
	color: var(--color-fuente);
	cursor: pointer;
}

#fromAgregarSoliExistente {
	position: fixed;
	top: 55px;
	margin-left: -500px;
	background-color: var(--bg-tools-toc);
	border-radius: 10px 0 0 10px;
	display: flex;
	flex-direction: column;
	width: 500px;
	border-top: solid 2px var(--main-color);
	border-left: solid 2px var(--main-color);
	border-bottom: solid 2px var(--main-color);
}

#fromAgregarSoliExistente #bodyAgregarAforo {
	max-height: 450px;
	padding: 0px 15px;
	height: auto;
	overflow: auto;
}

#fromAgregarSoliExistente textarea {
	height: auto !important;
}

label {
	font-size: 11px;
}

small {
	font-size: 11px;
}

#btnAbrirAyudasUsoSuelos {
	padding-bottom: 5px;
	cursor: pointer;
	background-color: var(--color-fuente);
	mask-image: url(../images/openData/question-circle.svg);
	-webkit-mask-image: url(../images/openData/question-circle.svg);
	display: inline-block;
	height: 18px;
	width: 18px;
}