/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 
.payment_form {
	width: 100%;
}

 .payment_form_fields {
	float: left;
	background: #fff;
}

.payment_form_fields input, .payment_form_fields select,.type_selecter_form select {
	width: 100% !important;
}

.payment_form_field_company, .payment_form_field_email, .payment_form_field_dues, .payment_form_field_fees, .payment_form_field_donations, .payment_form_field_amount, .payment_form_field_card_num, .payment_form_field_name, .payment_form_field_bill_add {
	width: 100%;
}

.payment_form_field_exp_date, .payment_form_field_city, .payment_form_field_zip {
	width: 46%;
	padding-right: 4%;
}

.payment_form_field_sec_code, .payment_form_field_state, .payment_form_field_country {
	width: 50%;
}

.payment_form_field_submit {
	width: 100%;
	text-align: center;
}

.payment_status {
	width: 100%;
	padding: 40px;
	background: #f4f4f4;
}

.payment_notice {
    display: block;
    padding: 20px;
    background: #eee;
    font-size: 18px;
    font-weight: 900;
    margin-bottom: 20px;
    border: 1px solid #ccc;
}

.form_selector_buttons {
    padding: 20px;
	margin-left: 20px;
}

.payment_form_selector {
    margin-top: 20px;
    margin-bottom: 30px;
}

.check_payment_info {
    background: rgba(0,0,0,.1);
    padding: 20px;
	margin-bottom: 20px;
}

.check_payment_info h5 {
	color: #000;
}

.check_payment_info strong {
    margin-bottom: 20px;
    display: block;
}

.btn_disable, .btn_disable:hover {
	color: #fff;
	background: #552978;
	border: 2px solid #fff;
	cursor: default !important;
	text-decoration: none;
}

@media screen and (max-width: 990px) {
.payment_form_fields {
	float: default;
}

.payment_form_field_exp_date, .payment_form_field_sec_code, .payment_form_field_city, .payment_form_field_state, .payment_form_field_zip, .payment_form_field_country {
	width: 100%;
}

.payment_form_field_exp_date, .payment_form_field_city, .payment_form_field_zip {
	padding-right: 0px;
}
}
span.error_msg {
    color: red;
}