.containerfull{
    clear: both;
    background-color: #FFFFFF;
    padding:5px;
}
.overfltable{
    overflow-x:auto;
}
.coltirquaz{
	color: #34BCCC;
}
.colorange{
	color: #F3B32A;
}
.alcenter{
	text-align: center;
}
.martop30{
	margin-top: 30px;
}
.tablersp {
	border: 1px solid #ccc;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	width: 100%;
	table-layout: fixed;
}

.tablersp caption {
	font-size: 1.5em;
	margin: .5em 0 .75em;
}

.tablersp tr {
	background-color: #f8f8f8;
	border: 1px solid #ddd;
	padding: .35em;
}

.tablersp th,
.tablersp td {
	padding: .625em;
	text-align: center;
}

.tablersp th {
	font-size: .85em;
	letter-spacing: .1em;
	text-transform: uppercase;
}

@media screen and (max-width: 600px) {
	.tablersp {
		border: 0;
	}

	.tablersp caption {
		font-size: 1.3em;
	}

	.tablersp thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

	.tablersp tr {
		border-bottom: 3px solid #ddd;
		display: block;
		margin-bottom: .625em;
	}

	.tablersp td {
		border-bottom: 1px solid #ddd;
		display: block;
		font-size: .8em;
		text-align: right;
	}

	.tablersp td::before {
		/*
		* aria-label has no advantage, it won't be read inside a .tablersp
		content: attr(aria-label);
		*/
		content: attr(data-label);
		float: left;
		font-weight: bold;
		text-transform: uppercase;
	}

	.tablersp td:last-child {
		border-bottom: 0;
	}
}