.datatable {
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		border-collapse: collapse;
		width: 100%;
		text-align: center; /* I added this to center the table in the containing div */
	}
	
	table.cente {
		margin-left:auto; 
		margin-right:auto;
	}

	.datatable td, .datatable th {
		border: 1px solid #ddd;
		padding: .1em 1em .1em 1em;
	}

	.datatable tr:nth-child(even){
		background: rgba(255,255,255,0.7);
	}

	.datatable tr:hover {
		background-color: #ddd;
	}

	.datatable th {
		padding-top: .5em;
		padding-bottom: .5em;
		background-color: #4CAF50;
		color: white;
	}
	.responsive {
		overflow-x:auto;
	}