* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #333;
}
h3 {
	margin-bottom: 8px;
	font-size: 24px;
}
button {
	padding: 0 14px;
  	height: 33px;
	background: #597a3c;
  	color: #FFF;
  	font-weight: 700;
  	border: none;
} 		
button:hover {
  	background-color: #C9E799;
  	color: #151515;
  	border: 1px solid #bebebe;
}
#container {
	width: 750px;
	margin: 0 auto;
}
  		
#filterInfo {
	border: 1px solid #bebebe;
  	background-color: #d7e3bc;
  	margin-bottom: 20px;
  	padding: 5px 20px;
	padding-top: 5px;
}
.col {
  	float: left;
  	margin-right: 20px;
}
.col label {
  	font-weight: 700;
}
.clear {
  	float: none;
  	clear: both;
}
.table-clickable {
	margin-top: 20px;
	width: 100%;
	border: 1px solid #bebebe;
	border-collapse: collapse;
}
.table-clickable th {
	background-color: #48682D;
	color: #FFF;
}
.table-clickable th,
.table-clickable td {
	border: 1px solid #bebebe;
}
.table-clickable tr:nth-child(even) {
	background-color: #d7e3bc;
}
.table-clickable th a {
	color: #FFF;
	text-decoration: none;
}
.table-clickable th:hover,
.table-clickable th a:hover {
	background-color: #597836;
}
.table-clickable th,
.table-clickable tbody a {
	padding: 8px;
}
.table-clickable td a {
	color: #333;
	padding-bottom: 0;
}
.table-clickable tbody a {
  	display: block;
	text-decoration: none;
  	transition: all 0.25s ease-out;
  	padding: 8px;
}	
.table-clickable tbody tr:hover a {
  	color: #FFF;
  	background: #597a3c;
}
.DESC {
	background-image: url('pix/down.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position-x: center;
}
.ASC {
	background-image: url('pix/up.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position-x: center;
}