/*
	Estilos para las tablas
*/

/* ---- datatables 2 ---- */

/* Para evitar problemas de espaciado en la table que se genera en el theader y en el tbody */
.dataTable {
  margin-top: 0 !important;
}

/* Eliminamos el borde inferior de las tablas */
.dataTable {
	border-bottom: 0 !important;
}

/* Flechas de ordenación de columnas de color amarillo */
.dt-ordering-asc .dt-column-order:before,
.dt-ordering-desc .dt-column-order:after{
  background-color:#EAC725;
  opacity: 1!important;
}

/* Texto inferior de la tabla */
.dt-info {
	font-size: small;
	margin: 0;
	padding: 2px 6px 2px 0px;
}

/* Paginación */
div.dt-container .dt-paging .dt-paging-button {
	border-top: 0px solid rgba(0, 0, 0, 0.3) !important;
	border-bottom: 0px solid rgba(0, 0, 0, 0.3) !important;
	border-right: 1px solid rgba(0, 0, 0, 0.3) !important;
	border-left: 0px solid rgba(0, 0, 0, 0.3) !important;
	margin: 0;
	padding: 2px 6px 2px 6px;
}

div.dt-container .dt-paging .dt-paging-button.current {
	background: linear-gradient(to bottom, rgba(230, 230, 230, 0.80) 0%, rgba(0, 0, 0, 0.05) 100%);
}

div.dt-container .dt-paging .dt-paging-button.last {
	border-right: 0px solid rgba(0, 0, 0, 0.3) !important;
}


/* ---- datatables 1 ---- */

.ui-helper-clearfix {
	display: block;
}
.ui-toolbar {
	padding: 5px;
}
.fg-toolbar  {
	font-size:0.8em;
}
.dataTables_wrapper {
    margin: 10px;
    margin: 0px;
}

/* Muestra X resultados */
.dataTables_length {
	float:left;
	/*width:45%;*/
	margin:10px 0 0 10px;
}

/* Casilla de búsqueda */
.dataTables_filter {
	float:right;
	text-align:right;
	/*width:45%;*/
	padding-bottom: 10px;
	margin:10px 0 0 0;
}

/* Mostrando X de Y */
.dataTables_info {
	float:left;
	/*width:50%;*/
	margin:0px 0px 10px 10px;
/*	font-size: small;*/
}

/* Paginado */
.dataTables_paginate  {
	float:right;
	text-align:right;
	padding-top: 10px!important;
/*	font-size: small;*/
}
.paging_full_numbers .ui-button {
	cursor: pointer;
	margin: 0px;
	padding: 2px 6px;
}
.ui-buttonset .ui-button {
	margin-right: -0.1em !important;
}


thead th {
	cursor:pointer;
	padding:3px 0 3px 10px;
}
.ui-state-default, .ui-widget-content .ui-state-default {
	color: #666;
	font-weight: bold;
	border-right: 1px solid #D3D3D3;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled {
	background-image: none;
	opacity: 0.35;
}

.DataTables_sort_wrapper  {
	padding-right:20px;
	position:relative;
}
.DataTables_sort_wrapper span {
	margin-top:-8px;
	position:absolute;
	right:0;
	top:50%;
	height: 16px;
}


.ui-icon-triangle-1-s, .ui-icon-triangle-1-n, .ui-icon-carat-2-n-s {
	background-position:right center;
	background-repeat:no-repeat;
	cursor:pointer;
	padding-right:20px;
}

/*
.ui-icon-triangle-1-n { 
	background-image: url("../mm/arr-d.gif"); 
	background-color:#EAC725;
	color:#000000;
}
.ui-icon-triangle-1-s { 
	background-image: url("../mm/arr-t.gif"); 
	background-color:#EAC725;
	color:#000000;
}
.ui-icon-carat-2-n-s { background-image: url("../mm/arr-td.gif"); }
*/


table.dataTable thead>tr>th.sorting_asc:before {
	background-color:#EAC725;
	font-size: .8em!important;
	opacity: 1!important;
	width: 1em;
	text-align:center;

}
table.dataTable thead>tr>th.sorting_desc:after {
	background-color:#EAC725;
	font-size: .8em!important;
	opacity: 1!important;
	width: 1em;
	text-align:center;
}


.dataTables_wrapper .dataTables_paginate .paginate_button {
	border-top: 0px solid rgba(0, 0, 0, 0.3)!important;
	border-bottom: 0px solid rgba(0, 0, 0, 0.3)!important;
	border-right: 1px solid rgba(0, 0, 0, 0.3)!important;
	border-left: 0px solid rgba(0, 0, 0, 0.3)!important;
	margin: 0;
	padding: 2px 6px 2px 6px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
	border-top: 0px solid rgba(0, 0, 0, 0.3)!important;
	border-bottom: 0px solid rgba(0, 0, 0, 0.3)!important;
	border-right: 1px solid rgba(0, 0, 0, 0.1)!important;
	border-left: 0px solid rgba(0, 0, 0, 0.3)!important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.last {
	border-top: 0px solid rgba(0, 0, 0, 0.3)!important;
	border-bottom: 0px solid rgba(0, 0, 0, 0.3)!important;
	border-right: 0px solid rgba(0, 0, 0, 0.3)!important;
	border-left: 0px solid rgba(0, 0, 0, 0.3)!important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
	opacity: 0.45!important;
}