/*table{
  table-layout: fixed;
}
.cant{
	text-align:center;
	overflow-x:auto;
}*/
.titulo{	
	padding:20px;
	margin-top:0px;
	background-color:#020A4D;
	color:white;
	font-size:23px;
	font-weight:600;
	text-align:center;	
	width:110%;
}
.volver{
	position:relative;
	left:1%;
}
.muestran{
	position:relative;
	left:1%;
}
table th{
	text-align: center !important;
	vertical-align:middle !important;
	font-size:15.3px;
}
table td{
	text-align: center !important;
	vertical-align:middle !important; 
	font-size:14.3px;
}
#formulario{
	width:98%;
	margin-left:1%;
}
table{
	width:98%;	
}
.dataTables_filter,
.dataTables_info,
.dt-buttons{
  margin-bottom: 20px;
}
.volver{
	position:relative;
	left:1%;
}
h4{
	position:relative;
	left:1%;
}
.table-striped>tbody>tr:nth-child(odd)>td, 
.table-striped>tbody>tr:nth-child(odd)>th {
   background-color:E3E3E3;  
}
.encabezado{
	background-color:AFC1FF;
}
/* Ocultar las flechas de ordenamiento ascendente y mostrar solo las descendentes */
/* Cambiar el estilo de las flechas de ordenamiento en DataTables con Bootstrap */
/* Flechas de ordenamiento */
#paginacion thead .sorting::before {
    content: '\2193'; /* Código unicode de la flecha descendente */
    color: #007bff; /* Cambia el color a tu preferencia */
    font-size: 10px; /* Cambia el tamaño de la fuente si es necesario */
    vertical-align: middle; /* Alinea verticalmente con el texto */
    margin-left: 5px; /* Añade un espacio entre el contenido del encabezado y la flecha */
}

/* Estilo específico para flechas de ordenamiento ascendente */
#paginacion thead .sorting_asc::before {
    content: ""; /* Ocultar el contenido de la flecha ascendente */
}