* {
		font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans L", sans-serif;
	}

	select {
		max-width: 50%;
		width: 100px;
	}

	.termino {
		width: 400px;
		padding: 10px;
		border-radius: 18px;
	}

	.title,
	#pagination {
		height: 10%;
		width: 100%;
		left: 0;
		margin: 0;
		padding: 1%;
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		align-items: center;
		text-align: center;
	}

	.title {
		top: 0;
	}

	#pagination {
		top: 10%;
	}

	.buscador {
		top: 0%;
		height: 5%;
		width: 100%;
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: flex-start;
		gap: 50px;
	}

	.btn span:hover {
		background: white;
		color: rgb(197, 208, 0);
	}

	.flex_busqueda_normal {
		display: flex;
		flex-flow: column nowrap;
		gap: 10px;
		width: 100%;
	}

	.flex_busqueda_avanzada {
		display: flex;
		flex-flow: row wrap;
		gap: 50px;
	}

	.hide-me {
		display: none;
	}

	.table {
		border-collapse: collapse;
		font-size: 0.9em;
		font-family: Arial, Helvetica, sans-serif;
		max-width: 99%;
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
		overflow: hidden;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: center;
		text-align: center;
	}

	.tba_params {
		display: flex;
		flex-flow: column wrap;
	}

	body {
		overflow: hidden scroll;
	}

	.thead,
	.tbody {
		width: 100%;
		max-width: 100%;
		height: 100%;
		max-height: 100%;
	}

	.thead {
		height: 10%;
		max-height: 10%;
	}

	.tbody {
		height: 60%;
		overflow: hidden scroll;
	}

	.theaders {
		background-color: #90B156;
		color: #fff;
		text-align: center;
		max-height: 50%;
		position: sticky;
		top: 0;
	}

	.table .tcell {
		padding: 1% 0.5%;
		text-wrap: wrap;
		overflow-wrap: anywhere;
		width: 100%;
	}

	.tcellheader {
		cursor: pointer;
		text-decoration: underline;
	}

	.trow:not(.hidden-by-pagination) {
		border-bottom: 1px solid #ddd;
	}

	.trow {
		display: grid;
		grid-template-columns: 0.3fr 1fr 0.2fr repeat(3, minmax(0, 1fr));
		/* grid-template-columns: repeat(2, minmax(0, 0.3fr)) 1fr 0.2fr repeat(3, minmax(0, 1fr)); */
		justify-content: center;
		justify-items: center;
		align-content: center;
		align-items: center;
		gap: 10px;
		align-self: center;
	}

	.tfilters {
		max-height: 50%;
	}

	.table .tbody .trow:nth-of-type(even) {
		background-color: #f3f3f3;
	}

	.table .tbody .trow:last-of-type {
		border-bottom: 2px solid #24669d;
	}

	.table .tbody .trow.fila-activa {
		font-weight: bold;
		color: #24669d;
	}

	.pagination {
		text-align: center;
		padding-top: 20px;
	}

	.pagination button {
		padding: 5px 10px;
		cursor: pointer;
		outline: 1px solid #494a4f;
		border-radius: 1px;
		border: none;
	}

	.pagination button.active {
		background-color: #007bff;
		color: white;
	}

	.filters.trow {
		max-width: 100%;
		justify-content: center;
	}

	.filters {
		height: 10%;
		justify-items: center;
	}

	input.tcell {
		width: 80%;
		align-self: center;
	}

	.hidden-by-pagination,
	.hidden-by-filter {
		clip: rect(0 0 0 0);
		clip-path: inset(50%);
		height: 0;
		overflow: hidden;
		white-space: nowrap;
		width: 0;
		border: 0px none;
	}

	.col_item {
		display: flex;
		flex-flow: column wrap;
		row-gap: 10px;
	}

	.col {
		display: flex;
		flex-flow: column nowrap;
		gap: 30px;
	}

	.btn {
		color: #90B156;
		cursor: pointer;
		font-size: 13px;
		font-style: normal;
		font-weight: 400;
		height: auto;
		line-height: 32px;
	}

	.btn span {
		background-color: #90B156;
		border-radius: 18px;
		border-style: solid;
		border-width: 1.11111px;
		box-sizing: border-box;
		color: rgb(255, 255, 255);
		cursor: pointer;
		display: inline-block;
		font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans L", sans-serif;
		font-size: 13px;
		font-style: normal;
		font-weight: 400;
		height: auto;
		line-height: 0;
		padding: 20px 10px;
		position: relative;
		text-align: center;
		text-decoration: none;
		transition-delay: 0s;
		transition-duration: 0.3s;
		transition-property: all;
		transition-timing-function: ease-in-out;
		vertical-align: baseline;
		width: 165.243px;
	}