/*** Estilos dkp001 - Table **/

/** Table general */

.c-table thead th {
	background-color: #fff;
	border: 0 none;
	color: var(--font-color-primary);
	font-family: var(--font-text-secondary);
	font-size: calc(16 / 16 * 1rem);
	font-weight: 600;
	padding: calc(14 / 16 * 1rem) calc(5 / 16 * 1rem);
	vertical-align: middle;
}

.c-table tbody td {
	background-color: transparent;
	border-bottom: 1px solid #eee;
	border-top: 0 none;
	font-size: calc(14 / 16 * 1rem);
	padding: calc(14 / 16 * 1rem) calc(5 / 16 * 1rem);
	vertical-align: middle;
	text-align: left;
}

.c-table thead th.c-table__center,
.c-table tbody td.c-table__center {text-align: center;}

.c-table thead th.c-table__left,
.c-table tbody td.c-table__left {text-align: left;}

.c-table thead th.c-table__right,
.c-table tbody td.c-table__right {text-align: right;}

.c-table .c-table__links a {
	display: inline-block;
	margin: calc(5 / 16 * 1rem);
}

table.c-table.dataTable tbody th, table.c-table.dataTable tbody td {
	padding: calc(14 / 16 * 1rem) calc(5 / 16 * 1rem);
}

.c-table__circle {
	display: inline-block;
	border-radius: 50%;
	height: calc(10 / 16 * 1rem);
	width: calc(10 / 16 * 1rem);
}

.c-table__circle--green {
	background-color: #2ED23E;
}

.c-table__circle--red {
	background-color: #D24C2E;
}

/** Datatable */

.table-responsive {
	border-radius: calc(20 / 16 * 1rem);
	box-shadow: 0 0 calc(15 / 16 * 1rem) rgba(220, 155, 162, 0.3);
}

.dataTables_wrapper {
  background-color: #fff;
	border-radius: calc(20 / 16 * 1rem);
  border: 0;
  padding: calc(20 / 16 * 1rem);
}

.dataTables_wrapper .dataTables_info {
  font-size: calc(12 / 16 * 1rem);
}

.dataTables_paginate {
	align-items: center;
	display: flex;
	flex-flow: row wrap;
}

.dataTables_paginate > span {
	display: flex;
	flex-flow: row;
	align-items: self-end;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
	padding: calc(6 / 16 * 1rem) calc(12 / 16 * 1rem);
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
	padding: calc(6 / 16 * 1rem) calc(12 / 16 * 1rem);
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	color: var(--color-primary);
}

@media (min-width: 768px) {}

@media (min-width: 991px) {
	.dataTables_wrapper {
		padding: calc(40 / 16 * 1rem) calc(30 / 16 * 1rem);
	}
}