html,
body
{
	margin: 0;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button
{
	-webkit-appearance: none;
	margin: 0;
}
input[type="number"]
{
	-moz-appearance: textfield;
}
#root
{
	width: 100%;
	height: 100vh;
	background-color: #1478ff;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
.payFrame
{
	padding: 25px;
	width: 100%;
	max-width: 360px;
	background-color: #fff;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;

	border-radius: 15px;
}
.service
{
	background-color: #f0f8ff;

	border-radius: 15px;
	overflow: hidden;
}
.serviceLogo
{
	float: right;
	width: 85px;
	height: 85px;
}
.serviceName
{
	margin: 10px 0 0 10px;
}
.serviceDesc
{
	margin: 0 0 10px 10px;
}
.payForm
{
	height: 100%;
	display: flex;
	flex-direction: column;
}
.spacer
{
	flex: 1 0;
}
.payFormName
{
	font-size: 21px;
	font-weight: 500;
	margin-bottom: 15px;
}
.payFormInputLabel
{
	margin-bottom: 3px;
}
.payForm input
{
	border: 1px solid #ccc;
	border-radius: 15px;
	width: 100%;
	background-color: #eee;
	font-size: 20px;
	margin-bottom: 15px;
	padding: 7px 11px;
	box-sizing: border-box;
	outline: none;
}
.payForm input:focus
{
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
}
.payForm input.error
{
	border: 1px solid #f00;
}
.payForm button
{
	width: 100%;
	height: 46px;
	font-size: 23px;
	border-radius: 23px;
	border: 0;
	color: #fff;
	background-color: #1478ff;
	margin-top: 8px;
	margin-bottom: 10px;
	outline: none;
	cursor: pointer;
}
.payForm button:disabled,
.payForm button[disabled]
{
	background-color: #999;
}
.payForm .payFormPrivacy
{
	text-align: center;
	color: #777;
	font-size: 11px;
}
/*@media screen and (max-width: 470px)
{
	.payFrame
	{
		height: 100%;
		max-width: 100%;
	}
}*/