/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
:root {
  --radius: 7px;
  accent-color: #444;
}
#slweb-bincard-promo{
  background: #eee;
  padding: 15px;
  border: #ccc 1px solid;
  border-radius: var(--radius);
  margin-bottom: 5px;
}
#slweb-bincard-promo .bincard-error{
  color: #c80000 !important;
}
#slweb-bincard-promo h2{
  font-size:18px
}
#slweb-bincard-promo .bincard-promo-notice{
  color: #ff6701 !important;
  padding: 4px;
  border: #ff6701 1px dashed;
  border-radius: var(--radius);
}
#slweb-bincard-promo table td {
  padding: 10px 5px !important;
  border-bottom: #aaa 1px dashed !important;
}
#slweb-bincard-promo table tr.payment_promo_input td{
  border-bottom: #aaa 1px solid !important;
}
#slweb-bincard-promo input, #slweb-bincard-promo img, #slweb-bincard-promo a{
  float: left;
}
#slweb-bincard-promo input[type="text"] {
  max-width: 175px;
  letter-spacing: 0.20em;
  font-size: 17px;
  font-weight: 700;
  margin-right: 15px;
}
#slweb-bincard-promo input[type="radio"] {
  width: 20px !important;
  height: 20px !important;
  margin-bottom: 5px;
}
#slweb-bincard-promo img{
	padding: 2px;
	border-radius: 2px;
	border: #aaa 1px solid;
}
#slweb-bincard-promo .payment_promo_user_input{
	border: #aaa 1px solid;
}
#slweb-bincard-promo .btn.btn-promo-pay{
  background: var(--btn-accented-bgcolor);
  border-radius: var(--btn-accented-brd-radius);
  color: var(--btn-accented-color);
}