.clara_forms_global div {

}
.clara_forms_global div form {

}
.clara_forms_global div form .btn-primary {

}
.clara_forms_global div form .btn-primary:hover {

}

.bootstrap .paymentWrap {
	padding: 50px;
}

.bootstrap .paymentWrap .paymentBtnGroup {
	max-width: 800px;
	margin: auto;
	left: 0px;
}

.bootstrap .paymentWrap .paymentBtnGroup .paymentMethod {
	padding: 40px;
	box-shadow: none;
	position: relative;
}

.bootstrap .paymentWrap .paymentBtnGroup .paymentMethod.active {
	outline: none !important;
}

.bootstrap .paymentWrap .paymentBtnGroup .paymentMethod.active .method {
	border-color: #4cd264;
	outline: none !important;
	box-shadow: 0px 3px 22px 0px #7b7b7b;
}

.bootstrap .paymentWrap .paymentBtnGroup .paymentMethod .method {
	position: absolute;
	right: 3px;
	top: 3px;
	bottom: 3px;
	left: 3px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	border: 2px solid transparent;
	transition: all 0.5s;
}
.bootstrap .paymentWrap .paymentBtnGroup .paymentMethod input[type="radio"] {
	
}

.bootstrap .paymentWrap .paymentBtnGroup .paymentMethod .method.nordea {
	background-image: url("https://static.clara.fi/images/logos/nordea.png");
}
.bootstrap .paymentWrap .paymentBtnGroup .paymentMethod .method.coopbank {
	background-image: url("https://static.clara.fi/images/logos/op-pohjola.png");
}
.bootstrap .paymentWrap .paymentBtnGroup .paymentMethod .method.danskebank {
	background-image: url("https://static.clara.fi/images/logos/danske-bank.png");
}
.bootstrap .paymentWrap .paymentBtnGroup .paymentMethod .method.thebankofaland {
	background-image: url("https://static.clara.fi/images/logos/alandsbanken.png");
}
.bootstrap .paymentWrap .paymentBtnGroup .paymentMethod .method.handelsbanken {
	background-image: url("https://static.clara.fi/images/logos/handelsbanken.png");
}
.bootstrap .paymentWrap .paymentBtnGroup .paymentMethod .method.sbank {
	background-image: url("https://static.clara.fi/images/logos/s-pankki.png");
}
.bootstrap .paymentWrap .paymentBtnGroup .paymentMethod .method.visa {
	background-image: url("https://static.clara.fi/images/logos/visa.png");
}
.bootstrap .paymentWrap .paymentBtnGroup .paymentMethod .method.master-card {
	background-image: url("https://static.clara.fi/images/logos/mastercard.png");
}
.bootstrap .paymentWrap .paymentBtnGroup .paymentMethod .method.american-express {
	background-image: url("https://static.clara.fi/images/logos/american-express.png");
}
.bootstrap .paymentWrap .paymentBtnGroup .paymentMethod .method.dinersclub {
	background-image: url("https://static.clara.fi/images/logos/diners-club.png");
}
.bootstrap .paymentWrap .paymentBtnGroup .paymentMethod .method.jcb {
	background-image: url("https://static.clara.fi/images/logos/jcb.png");
}
.bootstrap .paymentWrap .paymentBtnGroup .paymentMethod .method.aktia {
	background-image: url("https://static.clara.fi/images/logos/aktia.png");
}
.bootstrap .paymentWrap .paymentBtnGroup .paymentMethod .method.popbank {
	background-image: url("https://static.clara.fi/images/logos/pop-pankki.png");
}
.bootstrap .paymentWrap .paymentBtnGroup .paymentMethod .method.savingsbank {
	background-image: url("https://static.clara.fi/images/logos/saastopankki.png");
}
.bootstrap .paymentWrap .paymentBtnGroup .paymentMethod .method.mysavingsbank {
	background-image: url("https://static.clara.fi/images/logos/oma-s-pankki.png");
}
.bootstrap .paymentWrap .paymentBtnGroup .paymentMethod .method.mobilepay {
	background-image: url("https://static.clara.fi/images/logos/mobile-pay.png");
}
.bootstrap .paymentWrap .paymentBtnGroup .paymentMethod .method:hover {
	border-color: #4cd264;
	outline: none !important;
}
.bootstrap .response_msg {
    background: rgba(255, 255, 255, 0.72);
}

.bootstrap .mandatory > label:after{
   color: red;
   content: "*";
   position: absolute; 
   margin-left: 3px;
}

.bootstrap textarea {
   resize: vertical;
   min-height: 80px;
}

/**
 * The CSS shown here will not be introduced in the Quickstart guide, but shows
 * how you can use CSS to style your Element's container.
 */
.StripeElement {
  box-sizing: border-box;

  height: 40px;

  padding: 10px 12px;

  border: 1px solid transparent;
  border-radius: 4px;
  background-color: white;

  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}