/*//////////////////////////////////////////////////////////////////
[ .pers_tabla ]*/

.limiter {
  width: 100%;
  padding-top: 10px;
}

.container {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.wrap-.pers_tabla100 {
  width: 100%;
}

.pers_tabla {
  border-collapse: collapse;
  background: white;
  border-radius: 4px;
  overflow: hidden;
  width: 100%;
  position: relative;
}

.pers_tabla * {
  position: relative;
}
.pers_tabla td, .pers_tabla th {
  padding-left: 8px;
}
.pers_tabla thead tr {
  height: 20px;
  background: #0077E0 !important;
  color: #fff !important;
  font-weight: unset;
}

.pers_tabla_thead {
  height: 20px;
  background: #0077E0 !important;
  color: #fff !important;
  font-weight: unset;
}

.ordenarPor:hover {
	background-color: #0167AB;
}

.pers_tabla tbody tr {
  height: 50px;
}
.pers_tabla tbody tr:last-child {
  border: 0;
}
.pers_tabla td, .pers_tabla th {
  text-align: left;
}
.pers_tabla td.l, .pers_tabla th.l {
  text-align: right;
}
.pers_tabla td.c, .pers_tabla th.c {
  text-align: center;
}
.pers_tabla td.r, .pers_tabla th.r {
  text-align: center;
}

.pers_tabla tbody tr:nth-child(even) {
  background-color: #4EACFF;
}

.pers_tabla tbody tr {
  font-size: 15px;
  color: black;
  line-height: 1.2;
  font-weight: unset;
}

.pers_tabla tbody tr:hover {
  /*color: white; */
  background-color: #0167AB;
}

@media screen and (max-width: 992px) {
	.pers_tabla {
		display: block;
	}
	.pers_tabla > *, .pers_tabla tr, .pers_tabla td, .pers_tabla th {
		display: block;
	}
	.pers_tabla thead {
		display: none;
	}
	.pers_tabla tbody tr {
		height: auto;
		padding: 15px 0;
	}

	.pers_tabla tbody tr td {
		padding-left: 32% !important;
		margin-bottom: 15px;
	}

	.pers_tabla tbody tr td:last-child {
		margin-bottom: 0;
	}

	.pers_tabla tbody tr td:before {
		font-size: 14px;
		color: #61b0a0;
		line-height: 1.2;
		font-weight: unset;
		position: absolute;
		width: 100%;
		left: 5px;
		top: 0;
	}

	/*
	//////////////////////////////////////////
	////  td de la pantalla Incidencias  ////
	////////////////////////////////////////
	*/
	.pers_tabla tbody tr .tdIncidencias:nth-child(1):before {
		content: "Id";
	}
	.pers_tabla tbody tr .tdIncidencias:nth-child(2):before {
		content: "Estado";
	}
	.pers_tabla tbody tr .tdIncidencias:nth-child(3):before {
		content: "Tipo";
	}
	.pers_tabla tbody tr .tdIncidencias:nth-child(4):before {
		content: "Fecha";
	}
	.pers_tabla tbody tr .tdIncidencias:nth-child(5):before {
		content: "Cliente";
	}
	.pers_tabla tbody tr .tdIncidencias:nth-child(6):before {
		content: "Ref. Cli";
	}
	.pers_tabla tbody tr .tdIncidencias:nth-child(7):before {
		content: "Cod. Repre";
	}
	.pers_tabla tbody tr .tdIncidencias:nth-child(8):before {
		content: "Zona";
	}
	.pers_tabla tbody tr .tdIncidencias:nth-child(9):before {
		content: "Población";
	}
	.pers_tabla tbody tr .tdIncidencias:nth-child(10):before {
		content: "Comentarios";
	}
	.pers_tabla tbody tr .tdIncidencias:nth-child(11):before {
		content: "Controles";
	}

	.column1,
	.column2,
	.column3,
	.column4,
	.column5,
	.column6,
	.column7,
	.column8,
	.column9,
	.column10,
	.column11,
	.column12,
	.column13,
	.column14,
	.column15  {
		width: 100%;
		text-align: left;
	}

	.pers_tabla tbody tr {
		font-size: 14px;
	}
}

@media (max-width: 576px) {
	.container {
		padding-left: 15px;
		padding-right: 15px;
	}
}