:root {
  --table_color: var(--first);
  --table_color_text: var(--first_text);
}

/* Tablas */
.tableListado {
	border-radius: 0.5em;
	margin: 5px 1% 20px;
	width: 98%;
}
.tableListado tr:last-child td:first-child {
	border-radius: 0em 0em 0em 0.5em;
}
.tableListado tr:last-child td:last-child {
	border-radius: 0em 0em 0.5em 0em;
}

/* Contenido */
.txtResList {
	text-align: center;
}
.txtResList a {
	display: block;
	padding: 7px 0px;
}
.txtResListLeft {
	text-align: center;
}
.txtResListRight {
	text-align: center;
}

tr, td {
	height: 35px;
}
tbody tr td {
	border-bottom: 1px solid var(--separator);
}
tbody tr:hover  td {
	background-color: var(--table_color);
	color: var(--table_color_text);
}
tbody tr:hover  a {
	color: var(--table_color_text);
}
tbody tr.activityDoc td {
	background-color: var(--table_activityDoc);
	color: var(--table_activityDoc_text);
	font-weight: bold;
}
tbody tr.activityDoc td a {
	color: var(--table_activityDoc_text);
	font-weight: bold;
}

/* Cabecera */
th {
	border-bottom: 1px solid var(--separator);
	color: var(--main_text);
	font-weight: bold;
	text-align: center;
}
th a {
	color: var(--main_text);
	text-decoration: none;
}
th.order1 {
	background: url("../../images/orderAsc.png") no-repeat left;
}
th.order2 {
	background: url("../../images/orderDes.png") no-repeat left;
}
th.sortableLeft {
	border-radius: 0.5em 0px 0px 0px;
}
th.sortableRight {
	border-radius: 0px 0.5em 0px 0px;
}
th.sorted {
	background-color: rgba(100, 100, 100, 0.1);
	border-radius: 0.5em 0.5em 0px 0px;
	padding: 0px 0px 0px 13px;
}

/* Paginacion */
.pagelinks {
	float: right;
	padding-right: 2%;
}
.pagelinks .left {
	margin-right: 20px;
}
.pagelinks .right {
	margin-left: 20px;
}
.pagelinks img {
	vertical-align: middle;
}

a.pagInactiva {
	color: var(--table_color);
	font-weight: bold;
	padding: 5px;
	text-decoration: none;
}
a.pagInactiva:hover {
	background-color: var(--table_color);
	color: var(--table_color_text);
}

.pagActual {
	background-color: var(--table_color);
	color: var(--table_color_text);
	font-weight: bold;
	padding: 5px;
}

.cajatexto {
	display: none;
}

/* Numero de elementos encontrados */
.pagebanner {
	color: var(--table_color);
	font-weight: bold;
	margin-left: 2%;
}
.pagebannerNoData {
	clear: both;
    padding: 1px 1% 0;
    width: 98%;
}

/* Responsive */
@media only screen and (max-device-width : 480px) {
	.tableListado {
		overflow: hidden;
	}

	thead, tbody, th, td, tr, tfoot {
		display: block;
		height: auto;
	}

	tr {
		border-radius: 0.5em;
		border-top: 5px solid var(--table_color);
		box-shadow: 0px 2px 5px 0px var(--table_color);
		float: left;
		margin: 0 0 1em;
		width: 100%;
	}

	td {
		float: left;
		width: 100% !important;
	}

	td a img {
		padding: 0px 25px;
		width: 50px;
	}

	td:before {
		clear: both;
		display: block;
		float: left;
		width: 100%;
	}
}