/*=============================================*/
/*--------------JDonation Page---------------*/
/*===========================================*/
#amount_container .jd_padding_top_10 {
    width: 110px !important;
    font-size: 22px;
    font-weight: bold;
}
.creditcarddiv, .jd_predefined_box {
    border: unset;
    background-color: unset;
    padding: 1px;
}
.jd_horizontal_social_buttons {
    display: none;
}
/*Payment Method Section*/
.span6.jd_padding_top_10 {
    width: 255px !important;
	padding: 10px;
	margin-left: 0px;
}
span.payment_method_title {
    display: none !important;
}
.subheading{
	display: none;
}
div#stripe-card-form .control-label {
    display: none;
}

select[name="exp_month"] {
    width: 50px !important;
}
select[name="exp_year"] {
    width: 70px !important;
}
input#x_card_code {
    width: 135px !important;
}
input#card_holder_name {
    width: 300px !important;
}

/*Submit Button*/
input#btn-submit {
    font-size: 24px;
    text-transform: uppercase;
    padding: 10px;
    padding-left: 25px;
    padding-right: 25px;
    border: solid 0px;
    border-radius: 5px;
}
/*Text Fields*/
.span6.donationfields.jd_padding_right_20_desktop {
    width: 320px;
}

.span6.donationfields.jd_padding_left_20_desktop {
    width: 320px;
    margin-left: 0px;
}
/*Placeholder*/
::placeholder {
    color: #9e9e9efc !important;
}

input#amount, input#first_name, input#last_name, input#email, 
textarea#comment, input#x_card_num, input#x_card_code, input#card_holder_name,
select.input-small{
	border: solid 0px;
    box-shadow: 0px 0px 1px 1px #0000002b;
    background: #c3c6ca0a;
    border-radius: 3px;
}
.span12.donationfields {
    width: 800px !important;
}

span.add-on {
    border: unset !important;
    font-size: 20px !important;
}

/*Radio Button*/
input#donation_typeonetime, input#donation_typerecurring {
    margin-right: 10px;
}

/*Amount Section*/
.span2.jd_padding_bottom_20_desktop.jd_padding_top_10 {
    margin-left: 0px;
}

div#amount_container {
    margin-bottom: 20px;
}

/*MISC*/
.span12 {
    font-weight: bold;
}
.form-horizontal .control-label{
	width: 175px !important;
}
.form-actions{
	background-color: unset !important;
}

input#btn-submit{
    margin-left: -180px !important;
}
div#dynamic_recaptcha_1 {
    z-index: 999 !important;
    position: absolute !important;
    margin-left: -185px !important;
}

/*Mobile*/
@media (min-width: 320px) and (max-width: 480px){
	input#first_name, input#last_name, input#email{
		width: 290px !important;
	}
	.span12.donationfields{
		width: 100% !important;
	}
	.hidden-phone {
		display: unset !important;
	}
	.span6.jd_padding_top_10 {
		margin-bottom: 10px;
	}
	input#btn-submit{
		margin-left: unset !important;
		margin-top: 45px;
	}
	div#dynamic_recaptcha_1{
    	margin-left: 0 !important;;
	}
}