/*
 +-------------------------------------------------------------------------+
 | Editado por Luiz Felipe				                                   |
 +-------------------------------------------------------------------------+
*/

@media (max-width: 576px) {
	.dataTable td{
		font-size: .8rem !important;
	}
	.table td, .table th {
		padding: .2rem;
	}
	.page-link {
		padding: .2rem .45rem;
	}
}

.dataTable thead th {
    border-bottom: none;
	border-top: none;
	color: var(--color-gray);
}

.dataTable thead th:hover {
	color: var(--color-lightred);
}

.dataTables_paginate {
	margin-top: 10 !important;
}

table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {
    display: none;
}

.page-item.active .page-link {
    background-color: var(--color-brown);
    border-color: var(--color-gray);
	color: var(--color-gold);
}

.page-link, .page-item.disabled .page-link {
    color: var(--color-gray);
	background: transparent;
}

.page-link, .page-link {
    color: var(--color-gray);
    background: transparent;
	border-color: var(--color-gray);
}

.page-link:hover {
    color: var(--color-gold);
	background-color: var(--color-brown);
	border-color: var(--color-gold);
}

.page-item.disabled .page-link {
    color: var(--color-gray);
    border-color: var(--color-gray);
}

table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting {
    padding-right: 0;
}
.dataTables_processing {
	z-index: 1060!important;
    background: rgba(0,0,0,0.7)!important;
    border-radius: 4px!important;
    position: fixed!important;
    width: 85px!important;
    height: 85px!important;
    top: -250px!important;
    bottom: 250px!important;
    left: 0!important;
    right: 0!important;
    margin: auto!important;
    padding: 8px!important;
    text-align: center!important;
    vertical-align: middle!important;
    box-sizing: unset!important;
}