#jdpaymentmethods label {
  margin-bottom: 50px;
}

#donation-form h4 { text-transform: none !important;}


#donation-form .subheading {margin-top:20px;}

#donation-form .switch-amounts input:checked + label {background-color: #10695a !important;color:#fff;}
#donation-form .switch-amounts label {background-color: rgba(16,105,90,0.1);color: #000;border: 1px solid rgba(16,105,90,0.2);}

/* form step number */
.jd_color_white_important {
  color: #fff !important;
  background-color: #0843aa;
  border-radius: 500px;}

.eb-privacy-policy-message.alert.alert-info {background-color: rgba(16,105,90,0.1) !important;border: 1px solid rgba(16,105,90,0.2)!important;}


#donation-form .input-group-text
{background-color: background-color: rgba(40,134,230,0.1)!important;border: 1px solid rgba(40,134,230,0.2);}



#donation-form checkbox:checked[type="checkbox"]:checked, 
#donation-form input#show_dedicate checkbox:checked[type="checkbox"]:checked{
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
}
#donation-form checkbox:checked [type="radio"]:checked, #donation-form input#show_dedicate:focus{
  background-color: #005AB8;
}



#table-donorhistory thead tr th {background-color: #005ab8;}


  @media screen and (max-width: 600px)
table#table-donorhistory td, table#table-donors td {
  display: block;
  text-align: right !important;
  font-size: 18px !important;
  border-bottom: 1px dotted #fafafa;
  width: 100%;
  padding: 10px 10px !important;
}

#donation_type {margin-bottom: 5px;}
#donation-form ul {list-style:none;padding-left: 0px;}
#Gift_aid {margin-top: 10px;}
#donation-form .uk-checkbox {margin-right: 10px;}




#donation-form input#show_dedicated {
background-color: rgba(40,134,230,0.1)
}


#dedicate_heading {margin-top:20px;margin-bottom:20px;}

/* Donation module */

.elementor-give-totals {
  background: #10695a !important;
  color: #ffffff !important;
}

.give-total-wrap .give-currency-symbol {
  color: #000000 !important;
}

.give-goal-progress .progress .bar {
  background-color: #63c369 !important;
}

/* Campaign details */
.campaigndetailsdonationpage h1.campaign_title {
  text-transform: uppercase;
  color: #000;
  padding-bottom: 20px;
  font-family: "DM Sans";
}


div.campaigndetailsdonationpage {background-color:rgba(16,105,90,0.4) !important;color:#000; text-transform:none;}
.campaigndetailsdonationpage .campaignstatistic {
  border-bottom: 1px solid rgba(16,105,90,1);
  color: #000;  font-family: "DM Sans";
}

.campaigndetailsdonationpage .percentDonatedAmount {
  font-size: 16px;
  color: #000;
}

a.btn.btn-warning.donationbutton {
  background: rgba(16, 105, 90, 1); !important;
  padding: 10px 38px;
vertical-align: middle;
font-size: 18px;
line-height: 1.2;
  border-radius: 30px;
  font-weight:normal;
  border: solid 1px transparent;
}


a.btn.btn-warning.donationbutton:hover, a.btn.btn-warning.donationbutton:active, a.btn.btn-warning.donationbutton:focus {
  background: rgba(16, 105, 90, 0.8);
  color: rgba(255, 255, 255, 1);
}

.btn-check:focus + .btn-warning, .btn-warning:focus {
  color: #000;
  background-color: #ffca2c;
  border-color: #ffc720;
  box-shadow: 0 0 0 .25rem rgba(16, 105, 90, 0.2);
}

.campaigndescription h3 {text-transform:none;font-size: 30px; display:none;}
.campaigndescription {border: 1px solid transparent;}

#os_form h4.eb-heading {margin-top: 30px;}

.campaignTitleDiv {margin-top: 20px;margin-bottom: 20px; font-weight:600; display:none;}

/* Simple donation form */




.donationButton .btn.btn-primary.uk-button.uk-button-primary, 
#donation-form .btn.btn-primary.uk-button.uk-button-primary, 
.donate-details .btn.btn-primary,
#thermometer_form .btn.btn-primary{
  background: rgba(16, 105, 90, 1);color: rgba(255, 255, 255, 1);padding: 0 38px;
vertical-align: middle;
font-size: 18px;
  padding: 10px 38px;
line-height: 1.2;
  border-radius: 30px;
  font-weight:normal;
  border: solid 1px transparent;}

#donation-form a.btn.btn-primary.uk-button.uk-button-primary.loginbutton {background: rgba(16, 105, 90, 1);line-height: 48px;padding: 10px 38px;height: 50px !important;}

#donation-form a.btn.btn-primary.uk-button.uk-button-primary.loginbutton:hover, .donationButton .btn.btn-primary.uk-button.uk-button-primary:hover, .donate-details .btn.btn-primary:hover, #thermometer_form .btn.btn-primary:hover {background: rgba(16, 105, 90, 0.8);}



#donation-form .btn-check:active + .btn-primary:focus, #donation-form .btn-check:checked + .btn-primary:focus, #donation-form .btn-primary.active:focus, #donation-form .btn-primary:active:focus, #donation-form .show > .btn-primary.dropdown-toggle:focus,
#donation-form .btn-check:active + .btn-warning:focus, #donation-form .btn-check:checked + .btn-warning:focus, #donation-form .btn-warning.active:focus, #donation-form .btn-warning:active:focus, #donation-form .show > .btn-warning.dropdown-toggle:focus,
#thermometer_form .btn-check:active + .btn-primary:focus, #thermometer_form .btn-check:checked + .btn-primary:focus, #thermometer_form .btn-primary.active:focus, #thermometer_form .btn-primary:active:focus, #thermometer_form .show > .btn-primary.dropdown-toggle:focus{
  box-shadow: 0 0 0 .25rem rgba(16, 105, 90, 0.2);
 
}
  
.btn-check:focus + .btn-primary, .btn-primary:focus {
  color: #fff;
  background-color: #0b5ed7;
  border-color: #0a58ca;
  box-shadow: 0 0 0 .25rem rgba(16, 105, 90, 0.2);
}


.donationButton .btn-check:active + .btn-primary:focus, .donationButton .btn-check:checked + .btn-primary:focus, .donationButton .btn-primary.active:focus, .donationButton .btn-primary:active:focus, .donationButton .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .25rem rgba(16, 105, 90, 0.2);
}

#donation-campaigns .campaign-raised-goal .rased, #donation-campaigns .campaign-raised-goal {
  background-color: #ffaa31 !important;
}

#donation-campaigns .campaign-raised-goal .rased .value, #donation-campaigns .campaign-raised-goal .rased .number,#donation-campaigns .campaign-raised-goal .rased, #donation-campaigns .campaign-raised-goal {
  color: #000;
}

.donate-details .progress .bar, .donate-details-mod .progress .bar, .campain-list .campaign-details .campaign-raised-goal .process-bar .process {
  background-color: #10695a;
  background-image: linear-gradient(to bottom, #63c369, #10695a);}


.campain-list .campaign-details .campaign-raised-goal .process-bar, .campain-list .campaign-details .campaign-raised-goal .process-bar .process {
  height: 10px;
}



.campain-list .campaign-details .mod-jd-campaign-donate-now .btn {
  color: #000 !important;
min-height: 10px;
background-color: #ffaa31;
background-image: none;
border: 1px #ffaa31 solid;
font-size: 18px;
}

body .wrapper-thermometer {
    background: linear-gradient(270deg, rgba(16,105,90,0.7), rgba(99,195,105,0.7));
    background-size: 400% 400%;

    -webkit-animation: AnimationName 30s ease infinite;
    -moz-animation: AnimationName 30s ease infinite;
    animation: AnimationName 30s ease infinite;
}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

form#thermometer_form h3, form#thermometer_form div#goal-thermometer-1.therm-numbers {
  font-family: "DM Sans";
color:#000 !important;}


#goal-thermometer-1 {
  font-family: "DM Sans",Arial, Helvetica, sans-serif;
  color: #000000 !important;
  font-weight: bold;
}

.tip-middle-1 {color:#ffffff !important;}

#donation-form div.campaigndetailsdonationpage {display:none;}