/* Booking-page rules on top of the marketing site's stylesheets (www/css/,
   copied byte for byte; config.php). Keep marketing look in www/, and only what
   the booking flow needs here. */

/* Schedule row hover (resos-add-schedule-highlights). css/style-dev.css carries
   the same rule for embed.php, which loads the older stylesheet list. */
.highlight {
	background-color: rgba(252, 239, 55, .3);
	cursor: pointer;
}

/* "You have selected" trip box. */
.trip-selected {
	background: #fff;
	padding: 10px 15px 0;
	margin: 8px 0 16px;
	border-radius: 4px;
}

/* The trip details strip on user.php / usersignin.php. */
.trip-details .bg-primary {
	background-color: #1b253c;
	padding: 4px 6px;
}

.no-payment-note {
	font-size: 15px;
}

/* The trip-comments cell sits beside the rowspanned button cell. The marketing
   stylesheet gives .scale-group a top and right border only, so the description
   rows had no line on their left; Apollo's old css/style-dev.css added it. */
.scale-group {
	border-left: 1px solid #333;
}

/* forgot-password.php: the form-inline label sat against its input and the
   rows had no spacing. */
.forgot-password-head {
	margin-bottom: 12px;
}
form[name=emailform] label {
	margin-right: 8px;
}
.forgot-password-buttons {
	margin-top: 12px;
}

/* Fare selection (payment_option.php / exist_payment_option.php, Mirage's
   markup unchanged): space the fare rows off the instructions, line the fare
   label up with its select, and keep the button off the review note. */
form[name=manifest_add] .fare_no {
	margin: 12px 0 4px;
	padding: 4px 6px;
}
form[name=manifest_add] .col-md-6 > label {
	display: inline-block;
	margin: 12px 0 4px 10px;
	padding-top: 5px;
}
form[name=manifest_add] .totals-row {
	margin: 12px 0 18px;
}

/* The confirmation on includes/thankyou.php. */
.booking-thanks {
	text-align: center;
	padding: 30px 20px 20px;
}
.booking-thanks h2 {
	margin: 0 0 20px;
}
.booking-thanks p {
	font-size: 16px;
	margin: 0 0 12px;
}

/* The "Terms and Conditions" toggle on terms.php / newuserreg.php reads as a
   link (Bootstrap underlines links only on hover or focus). */
a[href="#terms-and-conditions"] {
	text-decoration: underline;
}