.donation_section {
margin-bottom: 14px;
	padding-bottom: 10px;

}

#donation_header {

}

#af_donation_form input{
	font-size: 11px;

}

#af_donation_form h4 {
	margin-bottom: 5px;
}

.donation_section_span {
	display: inline-block;
	width: 250px;
	margin-right: 9px;

}

.donation_section_span_amt {
	display: inline-block;
	margin-right: 9px;
	position: relative;
}

.donation_required {
	color: #F97C31;
}

.donation_required_left {
        color: #F97C31;
	left: 0px;
	font-size: 15px;
}


.donation_input_form {
	font-size: 11px;
	display: inline-block;
	margin-right: 50px;
}

.donation_amount_span {
	display: inline-block;
	wdith: 20px;
	padding-right: 2px;
}

.donation_amount_text {
	display: inline-block;
	padding-right: 10px;
	
}

#other_amt_span {
}

.donation_header_h4 {
	color: #1d4367;
}

.donation_error_class {
	color: red;
}

.donation_input_form input[disabled] {
    color: #DCDAD1;
    padding: 2px;
    margin: 0 0 0 0;
    background-image: none;
}


.donation_preview_button {
    background-image: url(https://www.americanforests.org/wp-content/uploads/2015/01/orange-preview-button.png);
    background-color: transparent; /* make the button transparent */
    background-repeat: no-repeat;  /* make the background image appear only once */
    background-position: 0px 0px;  /* equivalent to 'top left' */
    border: none;      /* assuming we don't want any borders */
    cursor: pointer;   /* make the cursor like hovering over an <a> element */
    height: 33px;      /* make this the size of your image */
    padding-left: 106px;/* make text start to the right of the image */
    vertical-align: middle; /* align the text vertically centered */
}

.donation_designs {
	display: inline-block;
	padding-left: 75px;
	padding-right: 75px;
}

#donation_amt_section {
	position: relative;
}

#recurring_add {
   width: 200px;
   background: black;
   border-radius: 25px;
   padding: 20px;
   height: 150px;
   color: white;
   display: none;
   position: absolute;
   z-index: -5;
   font-size: 13px;
}
#recurring_both:after {
   content:'';
   position: absolute;
   top: 120px;
   left: 70px;
   margin-left: -20px;
   width: 0;
   height: 0;
   border-top: solid 20px black;
   border-left: solid 20px transparent;
   border-right: solid 20px transparent;
}
#recurring_header {
   font-size: 1.1em;
   color: #659532;
}
#recurring_box {
   font-size: 1em;
   font-color: white;
}
#recurring_left {
   position: absolute;
   top: 100px;
   left: 0px;
   color: white;
   width: 95px;
}
.squared {
   border: 8px solid #659532;
   display: inline-block;
   margin-right: 5px;
}
#recurring_right {
   text-decoration: underline;
   position: absolute;
   top: 100px;
   right: 10%;
   left: 100px;
   width: 95px;
}
#recurring_frame {
   position: relative;
}

#middle_sec {
   position: relative;
   top: 500px;
   left: 150px;
}
.spans {
   margin-right: 200px;
}

.donation_oth_grid {
	padding-top: 10px;
       display: inline-grid;
       grid-gap: 10px 10px;
       grid-columns: 1fr 2fr;
       grid-template-columns: 1fr 2fr;
       grid-definition-columns: 1fr 2fr;
	width: 100%;
}

.donation_oth_grid_item {
	text-align: center;
	font-weight: bold;
        border-color: #eff0f1;
        border-radius: 5px;
        background-color: #eff0f1;
        color: black;
	font-size: 1.5em;
}

.donation_oth_grid_text {
	background-color: #4b382a !important; 
	border-color: #4b382a !important;
	color: white !important;
}

.donation_oth_grid_input {
	padding: 0px !important;
}

.donation_oth_grid > * {
	padding: 10px;
  	display: table-cell;
  	height: 50px;
}

.donation_oth_grid_item input[type="text"] {
	font-size: 1.5em !important;
	height: 40px !important;
	color: black !important;
        height: 100% !important;

}


.donation_grid > * {
	padding: 10px;
  	display: table-cell;
  	height: 50px;
	font-size: 1.2em;
	color: black;
}


.donation_grid {
	display: inline-grid;
	 grid-gap: 10px 10px;
	 grid-columns: 1fr 1fr 1fr;
	grid-template-columns: 1fr 1fr 1fr;
	grid-definition-columns: 1fr 1fr 1fr;
	width: 100%;
}

.donation_grid_item {
	text-align: center;
	font-weight: bold;
        border-color: #eff0f1;
        border-radius: 5px;
        background-color: #eff0f1;
        color: black;
}

.donation_grid_item:hover {
    background-color: #4caf50;
}

.donation_grid > * {
	padding: 10px;
	border-color: #eff0f1;
  	border-radius: 5px;
  	background-color: #eff0f1;
  	color: black; 
  	display: table-cell;
  	height: 50px;
	font-size: 1.2em;
}

.donation_type_grid > * {
        padding: 10px;
        display: table-cell;
        height: 50px;
        font-size: 1.2em;
        color: black;
}


.donation_type_grid {
        display: inline-grid;
        grid-gap: 10px 10px;
        grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        grid-definition-columns: 1fr 1fr;
        width: 100%;
}

.donation_type_grid_item {
        text-align: center;
        font-weight: bold;
        border-color: #eff0f1;
        border-radius: 5px;
        background-color: #eff0f1;
        color: black;
}

.donation_type_grid_item:hover {
    background-color: #4caf50;
}

.donation_type_sel {
	display: none;
}


.donation_amount_sel {
	display: none;
}

#donation_amt_other {
	display: none;
}

.donation_default_amounts {
	display: none;
}

.donation_rec_grid > * {
        padding: 10px;
        display: table-cell;
        height: 50px;
        font-size: 1.2em;
        color: black;
}


.donation_rec_grid {
        display: inline-grid;
        grid-gap: 10px 10px;
        grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        grid-definition-columns: 1fr 1fr;
        width: 100%;
}

.donation_rec_grid_item {
        text-align: center;
        font-weight: bold;
        border-color: #eff0f1;
        border-radius: 5px;
        background-color: #eff0f1;
        color: black;
}

.donation_rec_grid_item:hover {
    background-color: #4caf50;
}

.donation_rec_sel {
        display: none;
}


.donation_cc_list {
	padding-top: 12px;
	padding-left: 20px;
	text-align: right;
	width: 220px;
	right: 0px;
	display: inline-block;
}

#donation_cert_when_span {
	display: inline-block;
}

#state_disclosures {
	margin-top: 20px;
	margin-left: 10px;
}

#state_disclosures a {
}

#iframe_container_donation iframe{
	position: static !important;
}

.fusion-header {
    display: none;
}
.af-standart-secondary-content {
	display: none !important;
}
.fusion-header-sticky-height {
	display: none !important;
}
.fusion-secondary-header .fusion-row {
	margin-left: 30px !important;
}
.fusion-sticky-logo {
	display: none !important;
}

.fusion-standard-logo {
	display: inline-block !important;
}

#donation_header_ind p {
	font-size: 18px !Important;
}

#submit_span {
	font-size: 22px !important;
}

.sticky-right-part {
	display: none !important;
}

#donation_date_to_send {
	width: 150px;
}

.reading-box {
	margin-top: 5px;
}

#donation_form_span_cert_opt_design {
	font-size: 16px;
	color: #aca7a5;
}

.donation_go_grid > * {
        padding: 10px;
        display: table-cell;
        height: 100%;
        font-size: 1.2em;
        color: black;
}


.donation_go_grid {
        display: inline-grid;
        grid-gap: 10px 10px;
        grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        grid-definition-columns: 1fr 1fr 1fr;
        width: 100%;
}

.donation_go_grid_item {
        text-align: center;
        font-weight: bold;
        border-radius: 5px;
        color: black;
}

.donation_go_grid_item_selected {
        text-align: center;
        font-weight: bold;
        border-color: #eff0f1;
        color: black;
}


.donation_go_grid_item:hover {
	background-color: #4caf50;
}

.donation_go_sel {
        display: none;
}

.donation_go_grid_item img {
	max-height: 120px;
	max-width: 120px;
}

#loading_div {
	top: 50%;
	left: 50%;
   position: fixed;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
	z-index:10000;
	display: none;
} 

#loading_bg {
	position: fixed;
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
	z-index: 1000;
	display: none;
}