/* Define how SqPaymentForm iframes should look */
.sq-input {
	/*width: 100%;
	padding: 1.5rem;*/
	background: #f7f7f7;
	height: 50px !important;
	box-sizing: border-box;
	border: 1px solid #d1d1d1;
	border-radius: 4px;
	outline-offset: -2px;
	display: inline-block;
	-webkit-transition: border-color .2s ease-in-out, background .2s ease-in-out;
	-moz-transition: border-color .2s ease-in-out, background .2s ease-in-out;
	-ms-transition: border-color .2s ease-in-out, background .2s ease-in-out;
	transition: border-color .2s ease-in-out, background .2s ease-in-out;
}

/* Define how SqPaymentForm iframes should look when they have focus */
.sq-input--focus {
  border: 1px solid #4A90E2;
  background-color: rgba(74,144,226,0.02);
}


/* Define how SqPaymentForm iframes should look when they contain invalid values */
.sq-input--error {
  border: 1px solid #E02F2F;
  background-color: rgba(244,47,47,0.02);
}

#sq-card-number {
  margin-bottom: 16px;
  height: 50px !important;
}

#error {
  width: 100%;
  margin-top: 16px;
  font-size: 14px;
  color: red;
  font-weight: 500;
  text-align: center;
  opacity: 0.8;
}