/* Payment form */
#fastconnect-payment-form {
	display: none;
}

.payment_method_fastconnect label img {
	max-width: 130px;
	margin-top: 4px;
}

#fastconnect-payment-methods:before,
#fastconnect-payment-methods:after,
#fastconnect-debit-card-form ul:before,
#fastconnect-debit-card-form ul:after {
	content: " ";
	display: table;
}

#fastconnect-payment-methods:after,
#fastconnect-debit-card-form ul:after {
	clear: both;
}

#fastconnect-payment-methods,
#fastconnect-debit-card-form ul {
	list-style: none;
	margin: 0 0 10px;
	padding: 0;
	*zoom: 1;
}

#fastconnect-payment-methods input[type="radio"],
#fastconnect-debit-card-form ul input[type="radio"] {
	display: none;
}

/* Payment methods */
.woocommerce #payment ul.payment_methods li #fastconnect-payment-methods li,
.woocommerce-page #payment ul.payment_methods li #fastconnect-payment-methods li {
	border-color: transparent transparent #bbb;
	border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-style: solid;
	border-width: 1px;
	display: block;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 50%;
	text-align: center;
}

.woocommerce #payment ul.payment_methods li .woocommerce-fastconnect-form-storefront #fastconnect-payment-methods li,
.woocommerce-page #payment ul.payment_methods li .woocommerce-fastconnect-form-storefront #fastconnect-payment-methods li {
	padding: 5px !important;
	width: 50%;
	text-align: center;
}

.woocommerce #payment ul.payment_methods li #fastconnect-payment-methods label,
.woocommerce-page #payment ul.payment_methods li #fastconnect-payment-methods label {
	cursor: pointer;
	display: block;
	font-weight: bold;
	margin: 0;
	padding: 5px 10px;
}

/* Bank transfer items */
.woocommerce #payment ul.payment_methods li #fastconnect-payment-methods li.active,
.woocommerce-page #payment ul.payment_methods li #fastconnect-payment-methods li.active {
	border-color: #bbb #bbb transparent;
	border-style: solid;
	border-width: 1px;
}

.woocommerce #payment ul.payment_methods li #fastconnect-debit-card-form p,
.woocommerce-page #payment ul.payment_methods li #fastconnect-debit-card-form p {
	margin-bottom: .5em;
}

.woocommerce #payment ul.payment_methods li #fastconnect-debit-card-form li,
.woocommerce-page #payment ul.payment_methods li #fastconnect-debit-card-form li {
	border: none;
	display: block;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 130px;
}

.woocommerce #payment ul.payment_methods li #fastconnect-debit-card-form label,
.woocommerce-page #payment ul.payment_methods li #fastconnect-debit-card-form label {
	cursor: pointer;
	display: block;
	font-weight: bold;
	margin: 0;
	padding: 5px 10px;
	text-align: center;
}

.woocommerce #payment ul.payment_methods li #fastconnect-debit-card-form i,
.woocommerce-page #payment ul.payment_methods li #fastconnect-debit-card-form i {
	background-color: transparent;
	background-image: url("../../images/transparent-checkout-icons.png");
	background-repeat: no-repeat;
	display: block;
	height: 51px;
	margin: 0 auto;
	width: 51px;
}

#fastconnect-icon-bradesco {
	background-position: 0 -51px;
}

#fastconnect-icon-itau {
	background-position: -204px -51px;
}

#fastconnect-icon-bancodobrasil {
	background-position: -51px -51px;
}

#fastconnect-icon-banrisul {
	background-position: -102px -51px;
}

#fastconnect-icon-hsbc {
	background-position: -153px -51px;
}

#fastconnect-debit-card-form li.active #fastconnect-icon-bradesco,
#fastconnect-icon-bradesco:hover {
	background-position: 0 0;
}

#fastconnect-debit-card-form li.active #fastconnect-icon-itau,
#fastconnect-icon-itau:hover {
	background-position: -204px 0;
}

#fastconnect-debit-card-form li.active #fastconnect-icon-bancodobrasil,
#fastconnect-icon-bancodobrasil:hover {
	background-position: -51px 0;
}

#fastconnect-debit-card-form li.active #fastconnect-icon-banrisul,
#fastconnect-icon-banrisul:hover {
	background-position: -102px 0;
}

#fastconnect-debit-card-form li.active #fastconnect-icon-hsbc,
#fastconnect-icon-hsbc:hover {
	background-position: -153px 0;
}

/* Banking ticket */
#fastconnect-icon-ticket {
	background: transparent url("../../images/transparent-checkout-icons.png") no-repeat top right;
	display: block;
	float: left;
	height: 51px;
	margin: 0 10px 5px 0;
	width: 51px;
}

.woocommerce #payment ul.payment_methods li .woocommerce-fastconnect-form-storefront p#fastconnect-card-holder-name-field,
.woocommerce #payment ul.payment_methods li .woocommerce-fastconnect-form-storefront p#fastconnect-card-number-field,
.woocommerce #payment ul.payment_methods li .woocommerce-fastconnect-form-storefront p#fastconnect-card-installments-field,
.woocommerce #payment ul.payment_methods li .woocommerce-fastconnect-form-storefront p#fastconnect-card-holder-cpf-field,
.woocommerce-page #payment ul.payment_methods li .woocommerce-fastconnect-form-storefront p#fastconnect-card-holder-name-field,
.woocommerce-page #payment ul.payment_methods li .woocommerce-fastconnect-form-storefront p#fastconnect-card-number-field,
.woocommerce-page #payment ul.payment_methods li .woocommerce-fastconnect-form-storefront p#fastconnect-card-installments-field,
.woocommerce-page #payment ul.payment_methods li .woocommerce-fastconnect-form-storefront p#fastconnect-card-holder-cpf-field {
	float: none;
	width: 100%;
}

.woocommerce-fastconnect-form-storefront .woocommerce-error ul {
	margin: 0;
	padding: 0;
}

input.visa {
	background-image: url(https://static.fastconnect.com.br/images/flags/visa.png) !important;
	background-repeat: no-repeat !important;
	background-position-x: right !important;
	background-position-y: center !important;
	padding-right: 40px !important;
	background-size: 45px !important;
}
input.mastercard {
	background-image: url(https://static.fastconnect.com.br/images/flags/master.png) !important;
	background-repeat: no-repeat !important;;
	background-position-x: right !important;
	background-position-y: center !important;
	padding-right: 40px !important;
	background-size: 45px !important;
}
input.jbc {
	background-image: url(https://static.fastconnect.com.br/images/flags/jbc.png) !important;
	background-repeat: no-repeat !important;
	background-position-x: right !important;
	background-position-y: center !important;
	padding-right: 40px  !important;
	background-size: 45px !important;
}
input.dinners {
	background-image: url(https://static.fastconnect.com.br/images/flags/dinners.png) !important;
	background-repeat: no-repeat !important;
	background-position-x: right !important;
	background-position-y: center !important;
	padding-right: 40px  !important;
	background-size: 45px !important;
}
input.maestro {
	background-image: url(https://static.fastconnect.com.br/images/flags/maestro.png) !important;
	background-repeat: no-repeat !important;
	background-position-x: right !important;
	background-position-y: center !important;
	padding-right: 40px !important;
	background-size: 45px !important;
}

input.amex {
	background-image: url(https://static.fastconnect.com.br/images/flags/amex.png) !important;
	background-repeat: no-repeat !important;
	background-position-x: right !important;
	background-position-y: center !important;
	padding-right: 40px !important;
	background-size: 45px !important;
}

input.discover {
	background-image: url(https://static.fastconnect.com.br/images/flags/discover.png) !important;
	background-repeat: no-repeat !important;
	background-position-x: right !important;
	background-position-y: center !important;
	padding-right: 40px !important;
	background-size: 45px !important;
}

input.elo {
	background-image: url(https://static.fastconnect.com.br/images/flags/elo.png) !important;
	background-repeat: no-repeat !important;
	background-position-x: right !important;
	background-position-y: center !important;
	padding-right: 40px  !important;
	background-size: 45px !important;
}

input.hipercard {
	background-image: url(https://static.fastconnect.com.br/images/flags/hipercard.png) !important;
	background-repeat: no-repeat !important;
	background-position-x: right !important;
	background-position-y: center !important;
	padding-right: 40px  !important;
	background-size: 45px !important;
}
input.unionpay {
	background-image: url(https://static.fastconnect.com.br/images/flags/unionpay.png) !important;
	background-repeat: no-repeat !important;
	background-position-x: right !important;
	background-position-y: center !important;
	padding-right: 40px  !important;
	background-size: 45px !important;
}

/* Responsive styles */
@media screen and (max-width: 500px) {
	.woocommerce #payment ul.payment_methods li #fastconnect-payment-methods li,
	.woocommerce-page #payment ul.payment_methods li #fastconnect-payment-methods li {
		border: none;
		-webkit-border-radius: 0;
		border-radius: 0;
		float: none;
		margin: 0;
		padding: 0;
	}

	.woocommerce #payment ul.payment_methods li #fastconnect-payment-methods li.active,
	.woocommerce-page #payment ul.payment_methods li #fastconnect-payment-methods li.active {
		border: none;
	}

	#fastconnect-payment-methods input[type="radio"] {
		display: inline;
	}

	.woocommerce #payment ul.payment_methods li #fastconnect-credit-card-form p.form-row.form-row-first,
	.woocommerce #payment ul.payment_methods li #fastconnect-credit-card-form p.form-row.form-row-last,
	.woocommerce-page #payment ul.payment_methods li #fastconnect-credit-card-form p.form-row.form-row-first,
	.woocommerce-page #payment ul.payment_methods li #fastconnect-credit-card-form p.form-row.form-row-last {
		float: none;
		width: 96%;
	}
}