transaction-confirmation {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

md-list-item.md-2-line .md-list-item-text.payment-description {
  margin: 20px 0;
}

/*------------------------------------
Payment Processor Hosted Fields Styles
------------------------------------*/
.braintree-hosted-fields-focused, .hosted-field.StripeElement--focus {
  border-bottom: 2px solid #36d1dc;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.hosted-field.StripeElement {
  height: initial;
  padding: 8px 0 4px;
}

.braintree-hosted-fields-invalid, .hosted-field.StripeElement--invalid {
  border-bottom: 2px solid #E91E63;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.textfield--float-label {
  width: 50%;
  float: left;
  display: inline-block;
  padding-right: 5px;
}

.hosted-field--label {
  -webkit-transform: translateY(0.4em);
          transform: translateY(0.4em);
  font-size: 1.125em;
  line-height: 48px;
  -webkit-transition: all .15s ease-out;
  transition: all .15s ease-out;
  display: block;
  width: 100%;
  font-weight: 400;
  overflow: hidden;
  margin-bottom: 0.5em;
}

.hosted-field--label.label-float, .hosted-field--label.filled, .hosted-field--label.invalid {
  text-overflow: ellipsis;
  color: #2196F3;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

.hosted-field--label.filled {
  color: rgba(0, 0, 0, 0.54);
}

.hosted-field--label.invalid {
  color: #F44336;
}

span.icon {
  position: relative;
  top: 0.2em;
  margin-right: 0.2em;
}

.hosted-field {
  height: 32px;
  margin-bottom: 12px;
  display: block;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.87);
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  outline: 0;
  width: 100%;
  font-size: 16px;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  position: relative;
}


/*
 VGS Collect Styles
 */
div[id*="cc-"] iframe {
  height: 100%;
  width: 100%;
  border: none;
  float: left;
}

.vgs-field-error-container {
  margin-top: -12px;
}