@import url('https://fonts.googleapis.com/css?family=Arimo');

body {
	font-family: 'Arimo', sans-serif;
}

pane {
	border: solid 1px rgba(0,0,0,0.3);
	display:flex;
	flex-direction: column;
	padding:20px;
	margin-bottom:20px;
}
pane > h3 {
	margin:0px;
	margin-bottom: 10px;
}

.control > label {
	text-align:right;
}


table {
	width:100%;
	border-collapse: collapse;
}

table thead {
	border-bottom: solid 2px rgba(0,0,0,0.2);
}
table thead tr th {
	padding-bottom:10px;
}
table tbody tr{
	cursor:pointer;
	background: rgba(0,0,0,0);
	transition: all 0.3s;
}
table tbody tr:hover {
	background: rgba(150,200,200,0.3);
	transition: all 0.3s;

}
table tbody tr td {
	padding:12px;	
	text-align:center;
}