.form_error {
	color:#F00;
	font-size:12px;
}

html {
	background-color: #E5FFD1;
}

body {
	background-image: -webkit-radial-gradient(top center, circle farthest-corner, #fcfffa 20%, #e5ffd1 50%);
	background-image: radial-gradient(top center, circle farthest-corner, #fcfffa 20%, #e5ffd1 50%);
}
body.tora {
	background: #fff;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Prompt', Helvetica, Arial, sans-serif;
}
.tora h1, .tora h2 {
	color: #e65929;
}
hr {
	border-color: #138543;
}
.tora hr {
	border-color: #e65929;
}

.logo-print {
	display: none;
}

.header {
	position: relative;
}
.header::after {
	background-color: #138543;
	content: '';
	display: block;
	height: 2px;
	width: 40%;
	position: absolute;
	bottom: 0;
	left: 30%;
}
.tora .header::after {
	background-color: #e65929;
}

.logo {
	background-image: url('../../img/payment-logo.png');
	width: 152px;
	height: 60px;
	-moz-background-size: 152px 60px;
	-o-background-size: 152px 60px;
	-webkit-background-size: 152px 60px;
	background-size: 152px 60px;
	margin: 20px auto 30px;
}
.tora .logo {
	background-image: url('../../img/tora-payment-logo.png');
}
main {
	background-color: transparent !important;
	padding: 30px 0 20px;
}

.profile-payment h2 {
	font-size: 1.8em;
	text-align: center;
}
.uk-form-horizontal .uk-form-label,
.uk-form input, .uk-form select {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
}
.uk-form input[type="text"], .uk-form select {
	height: 34px;
}

.uk-button {
	font-family: 'Prompt', Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	font-weight: 500;
}
.uk-button-large {
	line-height: 46px;
}

.profile-payment .uk-button {
	margin-top: 20px;
}

.form_payment.uk-form-horizontal span {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
}

.back {
	float: left;
}
.print {
	float: right;
}

.captcha {
	text-align: center;
	width: 100% !important;
}


@media only screen and (min-width: 768px) {

	.uk-container {
		margin: 0 auto;
	}

	.logo {
		background-image: url('../../img/payment-logo.png');
		width: 253px;
		height: 100px;
		-moz-background-size: 253px 100px;
		-o-background-size: 253px 100px;
		-webkit-background-size: 253px 100px;
		background-size: 253px 100px;
		margin: 40px auto;
	}
	.tora .logo {
		background-image: url('../../img/tora-payment-logo.png');
	}
	main {
		margin: 0 150px;
		padding: 60px 0 40px !important;
	}

	.form_payment {
		margin: 30px;
	}
	.form_payment.uk-form-horizontal .uk-form-label {
		font-weight: 700;
		float: left;
		margin-top: 5px;
		width: 150px;
	}
	.form_payment.uk-form-horizontal span {
		float: left;
		margin-top: 5px;
		width: 205px;
		text-align: right;
	}

}

@media only screen and (min-width: 1000px) {

	main {
		margin: 0 200px;
	}

	.form_payment {
		margin: 30px auto;
		width: 360px;
	}

}

@media only screen and (min-width: 1200px) {

	.header::after {
		width: 20%;
		left: 40%;
	}

	main {
		margin: 0 auto;
		width: 500px;
	}

}

@media print {

	@page {
		margin: 0.5cm
	}
	body {
		background: #FFF;
		color: #000
	}
	.header, .back, .print, hr {
		display: none
	}

	.logo-print {
		display: block;
		margin: 20px auto 40px;
	}

	.form_payment {
		margin: 30px auto;
		width: 360px;
	}
	.form_payment.uk-form-horizontal .uk-form-label {
		font-weight: 500;
		float: left;
		margin-top: 5px;
		width: 150px;
	}
	.form_payment.uk-form-horizontal span {
		float: left;
		margin-top: 5px;
		width: 205px;
		text-align: right;
	}

}