/* SELECT TICKETS PAGE */
.error-text {
  margin-bottom: 20px; }

.order-details {
  float: right; }

.countdown {
  margin-bottom: 30px; }

.blurb p {
  margin-bottom: 20px; }

.ticket-list {
  margin-bottom: 10px;
  box-sizing: border-box; }

.ticket-list > * {
  margin: 15px; }

.ticket-list h6 {
  font-size: 16px; }

/* generic grid styles (TODO: refactor in Grid.css) */
.ticket-list h6, .item > * {
  display: inline-block; }

.ticket-list .grid-4-col h6, .grid-4-col .item > * {
  width: 25%; }

.ticket-list .grid-5-col h6, .grid-5-col .item > * {
  width: 20%; }

.ticket-list .item > *, .ticket-list h6 {
  text-align: center; }

.ticket-list .item > *:first-child, .ticket-list h6:first-child {
  text-align: left; }

.ticket-list .item > *.last-child, .ticket-list h6.last-child {
  text-align: right; }

.voucher-control {
  margin: 0; }

/* reset margin to allow voucher-header to fill the space */
.vouchers-in-order {
  margin: 15px; }

/* re-apply margin */
/* ticket voucher input field */
#ticket-voucher {
  margin-left: 10px;
  width: 250px; }

#ticket-voucher-pin {
  margin-left: 10px;
  width: 50px; }

.not-applicable {
  visibility: hidden; }

/* forms */
.form-line label {
  font-family: "Segoe UI", sans-serif;
  font-size: 13px;
  color: #443e3b;
  display: inline-block;
  width: 170px; }

.form-line.not-applicable {
  display: none; }

/* ticket voucher add to order button */
#add-voucher {
  margin-left: 10px; }

.voucher-error {
  padding-top: 10px; }

.vouchers-in-order {
  margin-top: 20px; }

.form-line {
  line-height: 34px; }

.voucher-line {
  margin-bottom: 10px; }

.voucher-ticket {
  line-height: 15px;
  vertical-align: top; }

.remove-voucher-ticket {
  margin-left: 10px; }

/* nav buttons */
#divOrderTickets {
  clear: both;
  text-align: right;
  margin-top: 10px; }

/* copied from concessions */
.voucher-header {
  background: #eaeaea;
  /*height: 34px;*/
  /*line-height: 34px;*/
  margin: 2px 0px 0 2px;
  padding-left: 13px; }

.voucher-header input {
  width: 205px;
  margin: 0 5px; }

#select-tickets-list-wrapper {
  float: left;
  position: relative; }

