﻿/*
    Exclusivo para estilos que apliquen a los objetos DATATABLES
*/


.container-fluid.dataTables_wrapper{
	padding-right: 0px;
	padding-left: 0px;
}

table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
	text-align: center;
	vertical-align: middle;
}

table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
	text-align: center;
	vertical-align: middle;
}

table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
	text-align: right;
	vertical-align: middle;
}

table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
    text-align: left;
    vertical-align: middle;
}

div.dataTables_scrollBody table.dataTable tfoot.tfootGrillaTotales tr {
	height:0px;
	margin:0;
	padding:0;
}

div.dataTables_scrollBody {
	overflow-y:auto !important;
}

div.dataTables_scrollFoot table.dataTable {
	margin: 0 !important;
}

div.dataTables_scrollFoot table.dataTable tfoot.tfootGrillaTotales tr td {
	background-color: var(--loginUp);
	color: #fff;
	border-top: 5px solid var(--loginUp) !important;
	border-bottom: 5px solid var(--loginUp) !important;
	border-right: 1px solid var(--loginUp) !important;
	text-align: right;
}

table.dataTable tbody tr.even td {
	border-bottom: 1px solid #A2D9CE;
	border-right: 1px solid #e3e3e3;
	background: #fff;
}

table.dataTable tbody tr.odd td {
	border-bottom: 1px solid #A2D9CE;
	background: #fff;
	border-right: 1px solid #e3e3e3;
}

table.dataTable thead th {
	border: 1px 1px 1px 1px solid var(--loginUp) !important;
	background: var(--loginUp);
	color: #fff;
}
/*div.card-body div.dataTables_wrapper {
	margin: -15px;
}*/
div.card-body table.dataTable thead th, table.dataTable.light thead th {
	border: 1px 1px 1px 1px solid #000 !important;
	border-right: 1px solid #FFF !important;
	background: #eee;
	color: #000;
}

div.card-body table.dataTable {
	border-radius:5px;
}


div.card-body div.dataTables_scrollFoot table.dataTable tfoot.tfootGrillaTotales tr td {
	background: #EEE;
	color: #000;
	border-top: 5px solid var(--loginUp) !important;
	border-bottom: 5px solid var(--loginUp) !important;
	border-right: 1px solid var(--loginUp) !important;
	text-align: right;
}


table.dataTable thead,
.table th {
	text-align: center;
}

table.dataTable tbody tr.selected td {
	/*background-color: #EBF5FB;*/
	background-color: #c3e5fa;
	border-bottom: 2px solid #D6EAF8 !important;
	border-top: 1px solid #D6EAF8 !important;
}

table.dataTable tbody tr.selected td:nth-child(1) {
	border-left: 2px solid #D6EAF8 !important;
}

table.dataTable tbody tr.selected td:nth-last-child(1) {
	border-right: 2px solid #D6EAF8 !important;
}

table.dataTable tbody tr.eliminado td,
table.dataTable tbody tr.eliminado td .item {
	color: var(--danger);
	text-decoration: line-through;
}

<<<<<<< .merge_file_H5S9OD
=======
table.dataTable tbody tr td.eliminado {
    color: var(--danger);
    text-decoration: line-through;
}
>>>>>>> .merge_file_BdtBFF

table.dataTable tbody tr.modificado td,
table.dataTable tbody tr.modificado td input,
table.dataTable tbody tr.modificado td select,
table.dataTable tbody tr.modificado td .selectize .item {
<<<<<<< .merge_file_H5S9OD
	color: var(--orange);
=======
    color: var(--orange);
>>>>>>> .merge_file_BdtBFF
}

table.dataTable tbody tr.modificado td .form-control {
	border-color: var(--orange) !important;
}
table.dataTable tbody tr.modificado td .form-control:focus {
	box-shadow: 0px 0px 3px 0px #f1a947 !important;
}
table .dataTable tbody tr.modificado td {
	background-color: #f1a947;
}


table.dataTable tbody tr.agregado td,
table.dataTable tbody tr.agregado td input,
table.dataTable tbody tr.agregado td select,
table.dataTable tbody tr.agregado td .selectize .item {
	color: var(--success);
}

table.dataTable tbody tr.eliminar td,
table.dataTable tbody tr.eliminar td input,
table.dataTable tbody tr.eliminar td select,
table.dataTable tbody tr.eliminar td .selectize .item {
	color: var(--danger);
}

.oficializada {
	color: var(--green);
}

.noOficializada {
	color: var(--danger);
}

div.dataTable table.dataTable tfoot.tfootGrillaTotales tr td {
	background-color: green;
}

.pagination-outer {
	text-align: center;
}

.pagination {
	display: inline-flex;
	position: relative;
}

.pagination:before {
	content: "";
	width: 100%;
	height: 2px;
	background: #ECF0F1;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.pagination li a.page-link {
	margin-right: 10px;
	background: #ECF0F1 !important;
	border-radius: 3px;
	/*height: 25px;*/
	border-radius: 3px;	
	font-size: 10px;
	color: #686c6c;		
}

.pagination li:first-child a.page-link {		
	/*background: #ECF0F1;*/		
}

.pagination li:last-child a.page-link {
	margin-right: 0px;
	background: #ECF0F1;	
}

/*.pagination paginate_button page-item first disabled {
		margin-right: 0px;
		background: #ff0000;
		border-radius: 3px;
	}*/
/*.pagination li:last-child a.page-link {
		margin-right: 0px;
		background: #ECF0F1;
		border-radius: 0;
	}

	.pagination li:nth-last-child(2) a.page-link {
		margin-right: 0px;
		background: #ECF0F1;
		border-radius: 0;
	}*/
/*.pagination li:last-child a.page-link {
		margin-right: 0px;
		background: #ECF0F1;
		border-radius: 0;
	}*/
	.pagination li.active a.page-link,
	.pagination li a.page-link:hover {
		background: var(--loginUp) !important;
		border-color: var(--loginUp) !important;
		border-radius: 3px;
		color: #fff;
	}

@media only screen and (max-width: 479px) {
	.pagination {
		display: block;
		overflow: auto;
	}

	.pagination:before {
		display: none;
	}

	.pagination li {
		display: inline-block;
	}
}

div.DTFC_LeftHeadWrapper table {
	margin-bottom: 0px !important;
	border-bottom: none;
}

div.DTFC_LeftBodyWrapper table {
	border: none;
	margin-top: 0px !important;
}

div.DTFC_LeftFootWrapper table {
	border: none;
	margin-top: 0px !important;
}



table.dataTable tbody tr.revisar td,
table.dataTable tbody tr.revisar td input,
table.dataTable tbody tr.revisar td select,
table.dataTable tbody tr.revisar td .selectize .item {
	color: var(--warning);
	background-color: #fff3cd;
	border-color: #ffeeba;
	color: #212529;
}


table.dataTable tbody tr.correcto td,
table.dataTable tbody tr.correcto td input,
table.dataTable tbody tr.correcto td select,
table.dataTable tbody tr.correcto td .selectize .item {
	color: var(--success);
	background-color: #d4edda;
	border-color: #c3e6cb;
}

table.dataTable tbody tr.con-error td,
table.dataTable tbody tr.con-error td input,
table.dataTable tbody tr.con-error td select,
table.dataTable tbody tr.con-error td .selectize .item {
	color: var(--danger);
	background-color: #f8d7da;
	border-color: #f5c6cb;
}

table.dataTable tbody tr.naranja td,
table.dataTable tbody tr.naranja td input,
table.dataTable tbody tr.naranja td select,
table.dataTable tbody tr.naranja td .selectize .item {
	color: var(--orange);
	background-color: #f7d8b3;
	border-color: #ffcd92;
}

table.dataTable tbody tr.naranja td,
table.dataTable tbody tr.naranja td input,
table.dataTable tbody tr.naranja td select,
table.dataTable tbody tr.naranja td .selectize .item {
	color: var(--orange);
	background-color: #f7d8b3;
	border-color: #ffcd92;
}

table.dataTable tbody tr.info td,
table.dataTable tbody tr.info td input,
table.dataTable tbody tr.info td select,
table.dataTable tbody tr.info td .selectize .item {
	color: var(--info);
	background-color: #cbe7f2;
	border-color: #a2dcf4;
}


/* Este css impide que las cuando se selecione o modifica ayuControl en una tabla impide que se ejecute el scroll horizontal que te devuelve al inicio de la tabla*/
/*table.dataTable .selectize-input input {
	position: relative !important;
	left: 0px !important;
}*/

.text-modificado {
	color: var(--orange);
}