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

body{
	margin:0;
	font-family: 'Open Sans', sans-serif;

}
#toolbar{
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	background: #2c105a8c;
	align-items:center;
}
#toolbar a.copy,#toolbar .export {
	color: #fff;
	background: #15105a;
	padding:10px;
	cursor: pointer;
	text-decoration: 	none;
}
#toolbar a:last-child{
	margin-left: 20px;
}
#toolbar  .export{
		width: 	46px;
transition: all 0.75s ease-in-out;
background:#15105a;
}
#toolbar .export:hover{
	transition: all 0.75s ease-in-out;
		width: 180px;
}
#toolbar .export > a{
	color: #fff;
	text-decoration: none;
}
#toolbar input.file{
	border: none;
	width: 100px;
	position: 	absolute;	
	transform: 	translate(0px,-200px);
	padding-left: 3px;	
	transition: all 1s ease-in-out;
	height: 25px;
}

#toolbar .export:hover > input.file,#toolbar input.file:hover{
		transform: 	translate(15px,-2.5px);	
	 	transition: all 1s ease-in-out;
}
/*toolbar end*/
#table table tr:first-child  th{
	text-transform: capitalize;
	color: #fff;
	background: #15105a;
	font-weight: normal;

}

#table table tr td {
	color: #fff;
	background: #2c105a8c;
	text-align:center;
	transition: all 1s ease-in-out;
}
/*#table table tr td:hover {
	font-size: 20px;
	transition: all 1s ease-in-out;
}*/
	/*table end*/