input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.valuuttawrap {
	overflow: hidden;
	text-align: center;
}

.valuutta_lahto {
	float: left;
	width: 160px;
	text-align: left;
}

.valuutta_tulo {
	float: right;
	width: 160px;
	text-align: right;
}

.valuutta_swap {
	font-size: 40px;
	color: white;
	background-color: #5279ab;
	cursor: pointer;
	text-align: center;
	width: 55px;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border: 0px solid #000000;
	margin-top: 20px;
	display: inline-block;
}

.valuutta_swap:hover {
	background-color: #3e6698;
}

.valuutta_swap_a, .valuutta_swap_a:hover {
	color: inherit;
}

.valuuttawrap input[type=number] {
	width: 60px;
}

.valuuttawrap .input-group {
	width: 149px;
}

.valuutta_nimi {
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 5px;
	display: inline-block;
}

.valuutta_value {
	display: inline-block;
	font-size: 25px;
	font-weight: bold;
}

.valuutta_value::after {
	content: '';
	clear: both;
}

.galleons {
	color: #d0b10a;
}

.sickles {
	color: #b1abab;
}

.knuts {
	color: #bd6947;
}

.euros {
	color: #1776ca;
}

@media (max-width: 550px) {
	.valuutta_lahto, .valuutta_tulo {
		float: none;
		text-align: left;
		display: block;
	}
	
	.valuutta_swap {
		float: none;
		display: block;
		margin: 15px 0 15px 0;
	}
}