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

	.table-container{
		padding: 1em 1em 220px 1em;
	}
	
	table.dataTable tbody tr.even{
		background-color:#f9f9f9;
	}

	.column-center{
		text-align:left;
	}

	.dt-buttons{
		padding-top:1em;
	}
	
	.filter-buttons{
		display:block;
	}
}



@media only screen and ( max-width: 820px ) {
	
	.search-panel .input{
		display:block;
		margin-right:0;
		padding-right:0;
	}
	
	.search-panel input[type=text]{
		display:block;
		width:calc(100% - 1em);
	}
	
	.search-panel select{
		display:block;
		width:100%;
		padding: 0.7em 0.5em;
	}
	
	.search-panel label{
		display:block;
		margin-bottom:.5em;
	
	}

	.search-panel label.right{
		margin-right:0;
	}

	.search-panel label.left{
		margin-left:0;
	}
	
	.search-panel button#search {
		margin-left: 0em;
	}
}

@media only screen and ( max-width: 767px ) {
	
	header{
		height:auto;
		padding-top:1.2em;
		padding-bottom:1.2em;
	}
	
	header h1{
		max-width:80%;
		line-height:1em;
	}
	
	header .restricted span{
		display:none;
	}
	
	header .restricted {
		
		
	}
}

@media only screen and ( max-width: 479px ) {
	
	
	header h1{
		max-width:70%;
	}
	
	header .restricted {
		
		font-size:1.25em;
	}
	
	.table-container{
		padding: 1em 1em 270px 1em;
	}
	
	footer{
		height:230px;
	}
	
	footer .column-left {
		float: none;
		padding: 30px 1em;
	}
	
	footer ul.link li{
		display:block;
		padding-bottom:.5em;
	}
	
	footer .column-right {
		float: none;
		padding: 30px 1em;
	}
	
	footer ul.logos li{
		display:block;
		text-align:center;
		margin-left:0;
		margin-bottom:1.5em;
	}
	
	.main-container{
		padding: 1.2em;
		padding-bottom: 130px;
	}
	
	.main-container .riquadro{
		width:90%;
		margin:.5em 5%;
	}
	
		
	
}