@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {

	/* Force table to not be like tables anymore */
	table,
	thead,
	tbody,
	th,
	td,
	tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	tr {
		border-bottom: 1px solid #ccc;
		margin-bottom: 5px;
	}

	td {
		/* Behave  like a "row" */
		border: none;
		position: relative;
		padding-left: 50%;
		white-space: normal;
		text-align: left !important;
	}

	td:before {
		/* Now like a table header
		position: absolute; */
		display: block;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		white-space: nowrap;
		text-align: left;
		font-weight: bold;
		color: #777;
		border: none;
	}

	/*
	Label the data
	*/
	td:before {
		content: attr(data-title);
	}
}
	.showonmobile {
		display: none;
	}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
	.hideonmobile {
		display: none;
	}
	.showonmobile {
		display: block;
	}
	.showallonmobile
	{
		max-height: none !important;
		max-width: none !important;
		overflow-wrap: initial;
		overflow-y: visible;
	}
}


.pagination-container
{
	align-content: center !important;
	text-align: center !important;
}
.halfmiddle
{
	width: 50%;
	left: 25%;
}
.autorefresh
{
	position: absolute; 
	display: block; 
	right: 15px; 
	margin-top: -25px; 
	margin-bottom: 15px;
}
.imagesmallmobile
{
	margin-right: 15px;
}

a.top {
	position: relative;
	top:-100px;
	display: block;
	display: inline-block;
	height: 0;
	width:0;
}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
	
	a.top {
		top: -100px !important;
	}
	.imagesmallmobile
	{
		max-width: 100px;
		margin-top: 10px;
		margin-right: 15px;
		display: block;
	}
	.halfmiddle
	{
		width: 100%;
		left: 0;
	}
	.autorefresh
	{
		position: relative; 
		display:inline-table; 
		right: 5px; 
		margin-top: 0px; 
		margin-bottom: 0px;
	}
	.higher
	{
		margin-bottom: 15px;
	}
}