/* CSS Document */

.tables {
	display: block;
    position: relative;
    overflow-x: auto;
	border-radius: 15px;
	border: 1px solid #bbb;
}
.tables table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
	
	background: #fff;
    overflow-x: auto;
    white-space: nowrap;
	padding: 1%;
	font-size: 0.9rem;
	
}
.tables table thead tr th {
	background: #64b1e8; 
	text-align: center; 
	color: #fff; 
	font-size: 1rem;
}
.tables tr th { background: #64b1e8; color: #fff; }

.tables th, .tables td {
    border: none;
    padding: 8px;
    vertical-align: middle;
}
.tables tr {
 }
.tables tr:nth-child(even) {background-color: #f2f2f2;}

.tables td {
    white-space: initial; 
	padding: 15px 20px;
	min-width: 150px;
}

@media screen and (max-width: 750px){
.tables table,
.tables table td {
    display: block;
}
}

@media screen and (max-width: 750px){
.tables { border: none; }
.tables table {
    display: inline-table;
}
.tables table td {
    display: inline-block;
}
}