/*************
  MRO Theme - Preto, Cinza, Amarelo e Branco
 *************/

/* Tema principal com cores personalizadas */
.tablesorter-blue {
	width: 100%;
	background-color: #ffffff;
	margin: 30px 0 0 0;
	text-align: left;
	border-spacing: 0;
	border: #333333 2px solid;
	border-radius: 12px;
	border-width: 2px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.tablesorter-blue th,
.tablesorter-blue td {
	border: #666666 1px solid;
	border-radius: 8px;
	padding: 8px;
	transition: all 0.3s ease;
}

/* Header com cores MRO */
.tablesorter-blue th,
.tablesorter-blue thead td {
	font: 12px/18px Arial, Sans-serif;
	font-weight: bold;
	color: #000000;
	background: linear-gradient(135deg, #7d36fc 0%, #7d36fc 100%);
	border-collapse: collapse;
	padding: 8px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	border-radius: 8px 8px 0 0;
}

.tablesorter-blue tbody td,
.tablesorter-blue tfoot th,
.tablesorter-blue tfoot td {
	padding: 8px;
	vertical-align: top;
	border-radius: 6px;
}

/* Headers com efeito hover */
.tablesorter-blue .header,
.tablesorter-blue .tablesorter-header {
	background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
	background-repeat: no-repeat;
	background-position: center right;
	padding: 8px 18px 8px 8px;
	white-space: normal;
	cursor: pointer;
	transition: all 0.3s ease;
	border-radius: 8px;
}

.tablesorter-blue .header:hover,
.tablesorter-blue .tablesorter-header:hover {
	background: linear-gradient(135deg, #7d36fc 0%, #7d36fc 100%);
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(255, 204, 0, 0.3);
}

.tablesorter-blue .headerSortUp,
.tablesorter-blue .tablesorter-headerSortUp,
.tablesorter-blue .tablesorter-headerAsc {
	background: linear-gradient(135deg, #333333 0%, #666666 100%);
	color: #7d36fc;
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
}

.tablesorter-blue .headerSortDown,
.tablesorter-blue .tablesorter-headerSortDown,
.tablesorter-blue .tablesorter-headerDesc {
	background: linear-gradient(135deg, #1a1a1a 0%, #333333 100%);
	color: #7d36fc;
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
}

/* Tbody com cores alternadas */
.tablesorter-blue td {
	color: #1a1a1a;
	background-color: #ffffff;
	padding: 8px;
	vertical-align: top;
	border-radius: 6px;
}

.tablesorter-blue tbody > tr:nth-child(odd) > td {
	background-color: #f8f8f8;
}

.tablesorter-blue tbody > tr:nth-child(even) > td {
	background-color: #ffffff;
}

/* Efeito hover nas linhas da tabela */
.tablesorter-blue tbody > tr.hover > td,
.tablesorter-blue tbody > tr:hover > td {
	background: linear-gradient(135deg, #fff7cc 0%, #fffadb 100%);
	transform: scale(1.01);
	transition: all 0.2s ease;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Filtros e widgets */
.tablesorter-blue .tablesorter-filter-row {
	background-color: #333333;
}

.tablesorter-blue .tablesorter-filter-row td {
	background-color: #333333;
	line-height: normal;
	text-align: center;
	padding: 8px;
	border-radius: 8px;
}

.tablesorter-blue .tablesorter-filter {
	width: 95%;
	height: auto;
	color: #ffffff;
	background-color: #1a1a1a;
	border: 2px solid #7d36fc;
	border-radius: 8px;
	padding: 4px;
	transition: all 0.3s ease;
}

.tablesorter-blue .tablesorter-filter:focus {
	border-color: #7d36fc;
	box-shadow: 0 0 8px rgba(255, 215, 0, 0.5);
	background-color: #000000;
}

/* Widget pager com tema MRO */
.tablesorter-blue .tablesorter-pager {
	background-color: #f0f0f0;
	border: 2px solid #333333;
	border-radius: 12px;
	padding: 10px;
	margin: 10px 0;
}

.tablesorter-blue .pager_controls {
	text-align: center;
}

.tablesorter-blue .pager_controls img {
	vertical-align: top;
	cursor: pointer;
	border-radius: 50%;
	padding: 4px;
	transition: all 0.3s ease;
}

.tablesorter-blue .pager_controls img:hover {
	background-color: #7d36fc;
	transform: scale(1.1);
}

.tablesorter-blue .pager_size,
.tablesorter-blue .pager_results {
	color: #1a1a1a;
	font-weight: bold;
}

/* Botões customizados */
.tablesorter-blue select {
	background-color: #ffffff;
	border: 2px solid #666666;
	border-radius: 8px;
	padding: 4px 8px;
	color: #1a1a1a;
	transition: all 0.3s ease;
}

.tablesorter-blue select:hover {
	border-color: #7d36fc;
	background-color: #fff7cc;
}

.tablesorter-blue select:focus {
	border-color: #7d36fc;
	box-shadow: 0 0 8px rgba(255, 215, 0, 0.3);
	outline: none;
}

/* Disabled states */
.tablesorter-blue .disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

/* Seleção customizada */
.tablesorter-blue .tablesorter-blue tbody tr.selected td {
	background: linear-gradient(135deg, #7d36fc 0%, #7d36fc 100%);
	color: #1a1a1a;
	font-weight: bold;
}

/* Scrollbars customizadas (webkit) */
.tablesorter-blue::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

.tablesorter-blue::-webkit-scrollbar-track {
	background: #f0f0f0;
	border-radius: 4px;
}

.tablesorter-blue::-webkit-scrollbar-thumb {
	background: linear-gradient(135deg, #666666 0%, #333333 100%);
	border-radius: 4px;
}

.tablesorter-blue::-webkit-scrollbar-thumb:hover {
	background: linear-gradient(135deg, #7d36fc 0%, #7d36fc 100%);
}

/* Loading spinner com cores MRO */
.tablesorter-blue .tablesorter-processing {
	background-color: rgba(255, 255, 255, 0.9);
}

.tablesorter-blue .tablesorter-processing .tablesorter-processing-icon {
	background-image: none;
	border: 3px solid #f0f0f0;
	border-top: 3px solid #7d36fc;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	animation: spin 1s linear infinite;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* Print styles */
@media print {
	.tablesorter-blue,
	.tablesorter-blue th,
	.tablesorter-blue td {
		border: 1px solid #000 !important;
		background: #fff !important;
		color: #000 !important;
	}
}
