.StripeElement {
  background-color: white;
  width: 100%;
  height: 40px;  
  padding: 10px 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  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;
}


fieldset {
  border: 1px solid #ddd !important;
  margin: 0;
  xmin-width: 0;
  padding: 10px;       
  position: relative;
  border-radius:4px;
  background-color:#f5f5f5;
  padding-left:10px!important;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}
    
.PayBlock-Title {
  background: #45c3d3;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }
  .PayBlock-Title h4 {
    color: #ffffff;
    font-weight: 700;
    margin: 0; }
    @media (max-width: 1200px) {
      .PayBlock-Title h4 {
        font-size: 18px; } }
				
.bg-grey {
  background: #f7fbfc; }
				
.col-form-label {
	font-weight: 700;
}				

.complete-booking {
  background: #88ce43;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  padding: 17px;
  text-align: center;
  display: block;
  color: #ffffff;
  font-size: 26px;
  font-weight: 600;
  margin: 0;
  -webkit-appearance: none !important;
  border: none; }
  .complete-booking:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none; }
  .complete-booking:hover {
    color: #fff;
    text-decoration: none;
    background: #98e24f; }
  .complete-booking span {
    margin-right: 10px; }
  @media (max-width: 480px) {
    .complete-booking {
      font-size: 18px; } }