@CHARSET "ISO-8859-1";
/* Uses Bootstrap stylesheets for styling, see linked CSS*/
body {
  background-color: #fff;
}

.panel {
  width: 80%;
  margin: 2em auto;
}

.bootstrap-basic {
  background: white;
}

.panel-body {
  width: 90%;
  margin: 2em auto;
}

.helper-text {
  color: #8A6D3B;
  font-size: 12px;
  margin-top: 5px;
  height: 12px;
  display: block;
}

/* Braintree Hosted Fields styling classes*/
.input-field-focus { 
  border: 1px solid #0275d8 !important;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) !important;
}
.form-control.stripe-input-field:focus{
	border-color: #0275d8 !important;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) !important;
}
.form-control.stripe-input-field.stripe-field-invalid {
  border: 1px solid #f7adad !important;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(249, 117, 117, 0.6) !important;
}
.small-container .row .form-group{
	width: 100%;
}
@media (max-width: 670px) {
  .form-group {
    width: 100% !important;
  }
  
  .btn {
    white-space: normal;
  }
}