
.payment_box.payment_method_clickandpledge input::placeholder {
  display: none !important;
  color:#FFF !important;
}
#cnp_CreditCard_div {
  float:left;
  width:100%;
  padding-top: 1rem;
}

/* Sets the width of the credit card number field */
.form-row.ccnumber {
  display: inline-block;
  width: 70% !important;
}
/* Sets the width of the credit card CVV field */
.form-row.cc_cvv {
  display: inline-block;
  width: 27% !important;
}
/* Forces the width of the expiration to 100% */
.form-row.cc_expiration {
  width: 100%;
}
.woocommerce form .form-row-first.cc_cvv, 
.woocommerce form .form-row-last.cc_cvv, 
.woocommerce-page form .form-row-first.cc_cvv, 
.woocommerce-page form .form-row-last.cc_cvv,
.woocommerce-page form .form-row.cc_cvv {
  float: right;
}
/* Set the credit card month and year drop downs to 50% each */
#cc-expire-month,
#cc-expire-year
{
  width: 48% !important;
  display: inline-block;
}
/* Align the month to the left */
#cc-expire-month {
  float:left;
}
/* Align the year to the right */
#cc-expire-year {
  float:right;
}


#payment ul.wc_payment_methods li.wc_payment_method.payment_method_clickandpledge .ui.radio.checkbox {
  width: 50%;
}
#payment ul.wc_payment_methods li.wc_payment_method.payment_method_clickandpledge:after {
  content: " ";
  display:block;
  width:50%;
  z-index:1;
  position:absolute;
  right:0px;
  top: 0px;
  height:3rem;
  background:url('/wp-content/plugins/bm-donation-system/assets/img/payment icons.svg') no-repeat center center;
  background-size: contain;
  background-position: center top;
  opacity: .5;
  max-height: 2.5rem;
  margin-top:-2px;
}
#payment ul.wc_payment_methods li.wc_payment_method.payment_method_clickandpledge {
  width: 100%;
}

#payment ul.wc_payment_methods .payment_box.payment_method_clickandpledge {
  box-shadow: none !important;
  background-color: transparent !important;
  margin-top: 0px !important;
  padding-top: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
/* need to handle the disabled class */
#payment ul.wc_payment_methods li.disabled.field {
  pointer-events: initial;
  opacity: 1;
  background:transparent;
  color:#a2a2a2;
}
#payment ul.wc_payment_methods.disabled li.wc_payment_method:hover .ui.radio.checkbox {
  border: 1px solid #dedede !important;
  pointer-events: none !important;
}
#payment ul.wc_payment_methods li.disabled.field .ui.radio.checkbox {
  pointer-events: none !important;
  border: 1px solid #dedede !important;
}
#payment ul.wc_payment_methods li.disabled.field .ui.radio.checkbox label {
  color: #a2a2a2; 
}
#payment ul.wc_payment_methods.disabled li.wc_payment_method:hover input {
  pointer-events: none !important;
}