.payment_methods li img.paytrace-icon {
	max-width: 40px;
}

.paytrace_form_wrap {
	width: 100%;
	margin-bottom: 1rem;
}

.paytrace_form_wrap.two_lines {
	width: 100%;
	max-width: 450px;
}

.paytrace_form_wrap .paytrace_input_wrap {
	width: 100%;
	height: auto;
	border: none;
	box-shadow: none;
	padding: 0.4rem 0;

	flex-direction: column;
	align-items: start;
	gap: 10px;
}

.paytrace_input_wrap label {
	display: block;
}

span.paytrace_extra_mobile_wrap {
	display: flex;
	justify-content: space-between;
	width: 100%;
	gap: 1rem
}

.paytrace_form_wrap .paytrace_input_wrap input#cardNumber.paytrace_card_number_field {
	width: 100%;
	height: 45px;
	padding: 0 0 0 10px;
	border-radius: 6px 6px 6px 6px;
}

.paytrace_form_wrap .paytrace_input_wrap input#expiryDate.paytrace_expiry_field {
	width: 100%;
	height: 45px;
	padding-left: 10px;
	border-radius: 6px;
}

.paytrace_form_wrap .paytrace_input_wrap input#cvc.paytrace_cvc_field {
	width: 100%;
	height: 45px;
	padding-left: 10px;
	border-radius: 6px;
}

.paytrace_extra_expiry_wrap, .paytrace_extra_cvc_wrap {
	width: 50%;
}

.paytrace_form_wrap .paytrace_input_wrap input {
	font-size: 16px;
	box-shadow: none;
}

.paytrace_number_mobile_wrap {
	position: relative;
	width: 100%;
}

.paytrace_input_wrap .paytrace_number_mobile_wrap svg {
	position: absolute;
	right: 10px;
	bottom: 14px;
	display: block;
	margin: 0;
}

.paytrace_form_wrap .paytrace_input_wrap input.errored {
	color: #c9444d;
	border-left: 3px solid #c9444d;
}

@media only screen and (min-width: 601px) {
	.paytrace_form_wrap.one_line .paytrace_input_wrap {
		flex-direction: row;
		gap: 0;
	}

	.paytrace_form_wrap.one_line .paytrace_input_wrap label {
		display: none;
	}

	.paytrace_form_wrap.one_line .paytrace_input_wrap input#cardNumber.paytrace_card_number_field {

		border-radius: 6px 0 0 6px;
	}

	.paytrace_form_wrap.one_line .paytrace_input_wrap input#expiryDate.paytrace_expiry_field {
		width: 60px;
		border-radius: 0;
	}

	.paytrace_form_wrap.one_line .paytrace_input_wrap input#cvc.paytrace_cvc_field {
		width: 60px;
		border-radius: 0 6px 6px 0;
	}

	.paytrace_form_wrap.one_line span.paytrace_extra_mobile_wrap {
		display: inline-block;
		justify-content: unset;
		width: 100%;
		gap: 1rem
	}
}

/* CHECKS */
#paytrace-checks-form {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	flex-direction: column;
	margin: 1rem 0;
}

.paytrace_checks_field {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.paytrace_checks_field input {
	box-shadow: none;
	border-radius: 6px;
}

@media only screen and (min-width: 600px) {
	.paytrace_checks_field {
		display: flex;
		flex-direction: column;
		width: 50%;
	}

	#paytrace-checks-form {
		flex-direction: row;
	}
}

/* CVC with Token */
#paytrace-cvc-form .paytrace_field {
	display: flex;
	flex-direction: column;
	max-width: 300px;
}

#paytrace-cvc-form .paytrace_field input {
	background: #fff;
	box-shadow: none;
	border: 1px solid #000;
	border-radius: 4px;
}

#paytrace-cvc-form .paytrace_field.cvc-error input {
	border-color: #cc1818;
	color: #cc1818;
}
