/* CSS Document */

.tables {
	display: block;
    position: relative;
    overflow-x: auto;
	border: none;
	background: rgba(57,90,163,1);
	border-radius: 5px; color: #fff;
}
.tables table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
	border: 0;
    /*border: 1px solid #bbb;*/
    overflow-x: auto;
    white-space: nowrap;
	padding: 1%;
	
}
.tables table thead tr th {
	background: rgba(0,0,0,0.15); 
	text-align: center; 
	border: 0;
}
.tables tr th { background: #0077be; color: #fff; }

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

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

@media screen and (min-width: 250px){
.tables table {
    /*display: block;*/
}
.tables td {
    white-space: initial;
    border: none;
    padding: 15px 20px;
    min-width: 150px;
    width: -webkit-fill-available;
    display: block;
    margin: auto;
}
}
@media screen and (min-width: 1000px){
.tables { border: none; }
.tables table {
    display: inline-table;
}
.tables td {
    white-space: initial;
    border: none;
    padding: 15px 20px;
    min-width: 150px;
	width: inherit;
	display: revert;
}
}