html, body, #root {
  height: 100%;
  width: 100%;
}

.ticket {
  max-width: 350px;
}

.printer-ticket-image {
  display: none;
}

.ticket-border {
  width: 25px;
}

#_op_data_r {
  display: none;
}

#_op_data_antifraud {
  display: none;
}

.row {
  display: flex;
}

.row .field {
  width: 100%;
}

.row .col6 {
  flex: 1;
  margin-top: 8px;
  padding-right: 24px;
}

.row .col6:last-child {
  padding-right: 0px;
}

#card-field-placeholder, 
#card-number, 
#card-expiry, 
#card-cvc {
  background: #ffffff;
  border-bottom: 1px solid rgb(153,153,153);
  color: #4a5568;
  display: block;
  margin-bottom: 1px;
  outline: none;
  padding: 7px 0px;
  transition: border-bottom-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

#card-cvc, 
#card-expiry {
  width: 100px;
}

@media screen and (max-width: 767px) {
  .row .col6 #card-cvc, 
  .row .col6 #card-expiry {
    width: 100%;
  }
}

#card-field-placeholder.focused, 
#card-number.focused, 
#card-expiry.focused, 
#card-cvc.focused  {
  border-bottom: 2px solid #1130BF !important;
  margin-bottom: 0px;
}

#card-field-placeholder:hover, 
#card-number:hover, 
#card-expiry:hover, 
#card-cvc:hover {
  border-bottom: 2px solid rgba(0,0,0,0.87);
  margin-bottom: 0px;
}

/* Zendesk */
body.footer-menu-visible iframe#launcher {
  bottom: 60px !important;
}

@media screen and (max-width: 959px) {
  body.footer-menu-visible iframe#launcher {
    left: 0px !important;
    right: auto !important;
  }
}

/* Print ticket */
@media print {
  .print {
    display: none !important;
  }

  .print-background {
    background-color: transparent !important;
  }

  .ticket {
    max-width: 350px;
  }

  .ticket-image {
    display: none;
  }

  .printer-ticket-image {
    display: block;
  }

  .ticket-border {
    display: none;
    width: 15px;
  }

  .print-black-text {
    color: #000 !important;
    font-size: 15px !important;
  }

  .print-black-text.ticket-terms {
    font-size: 13px !important;
  }

  .print-dashed-border {
    border-color: #000 !important;
  }

  .show-on-printer {
    display: block !important;
  }

  .hide-on-printer {
    display: none !important;
  }
}