/* CSS Document */

.tables {
	display: block;
    position: relative;
    overflow-x: auto;
	border: 1px solid #bbb;
	margin: 35px auto;
}
.tables table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
	border: 0;
    /*border: 1px solid #bbb;*/
    overflow-x: auto;
    white-space: nowrap;
	padding: 1%;
	font-size: 0.7rem;
	
}
.tables table thead tr th {
	background: #efefef; 
	text-align: center; 
	color: #000; 
	text-transform: uppercase;
	border: 1px solid #bbb;
	font-size: 0.65rem;
}
.tables tr th { background: #bbb; color: #fff; }

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

.tables td {
    white-space: initial; 
	border: 1px solid #bbb;
	padding: 6px;
	min-width: 80px;
}

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