@media only screen and (min-width:800px) {
#no-more-tables td {
	text-align: center;
}
}
@media only screen and (max-width:800px) {
#no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr {
	display: block
}
#no-more-tables thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px
}
#no-more-tables tr {
	border: 1px solid #ccc;
	margin-bottom: 5px
}
#no-more-tables td {
	border: 0;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 50%;
	white-space: normal;
	text-align: center;
	min-height:25px;
}
#no-more-tables td:before {
	position: absolute;
	width: 45%;
	white-space: nowrap;
	text-align: center;
	font-weight: 700;
	content: '';
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #47af58!important;
	color: #fff;
	content: attr(data-title);
	padding: 5px!important
}
#no-more-tables table {
	border: none!important
}
}
.table-bordered>thead>tr th {
	background: #47af58!important;
	border: 1px solid #ccc;
	border-right: 0;
	border-top: 0;
	border-bottom: 0;
	color: #fff;
	text-align: center
}
#sortTable th {
	cursor: pointer
}

@media screen and (max-width: 800px) {

	.newtabe-caption {display: block;}
	.newtable-footer{display: block;}

}

.table-responsive{ overflow-x: hidden !important;}
.table tbody tr td { text-align:center; }
.table tbody tr th {
    min-width: 30px;
}