/*
    This Document contains custom the styling for the Events Registration Page
    Target Wrapper Class -- .em-booking
    Overriding CSS File -- events_manager.css
*/

/*Form Specific Updates*/

.em-booking .em-booking-form-details{
    width:100%;
    margin: 0;
    padding: 20px 0;
}

.em-booking .em-booking-form input,
.em-booking .em-booking-form select {
	padding: 5px;
    width: 100%;
}
.em-booking .em-booking-form label{width: 100%;}

/*Trips Ticket List*/
.em-booking input#trips_shuttle-eugene-portland{margin-left:10px;}

/*Traveler Information*/
.em-booking-form-details .traveler_info {
    padding: 0;
    margin: 0;

    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-flex-flow: row wrap;
}
.em-booking-form-details .traveler_info p {
    padding-right: 1em;
    width: 25%;

}
.em-booking-form-details .traveler_info p:nth-child(1) {
    padding-right: 1em;
    width: 50%;
}

/* Primary Contact Information */
.em-booking-form-details .contact_info {
    padding: 0;
    margin: 0;

    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-flex-flow: row wrap;
}
.em-booking-form-details .contact_info p {
    padding-right: 1em;
    width: 25%
}
.em-booking-form-details .contact_info p:nth-child(1), .em-booking-form-details .contact_info p:nth-child(2), .em-booking-form-details .contact_info p:nth-child(7) {
    width: 50%
}

/* Paperwork Address Information */
.em-booking-form-details .paperwork_address {
    padding: 0;
    margin: 0;

    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-flex-flow: row wrap;
}
.em-booking-form-details .paperwork_address p {
    padding-right: 1em;
    width: 25%
}
.em-booking-form-details .paperwork_address p:nth-child(1) {
    width: 50%
}
.em-booking-form-details .paperwork_address p:nth-child(2) {
    width: 50%
}

/* Passport Information */
.em-booking-form-details .passport_info {
    padding: 0;
    margin: 0;

    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-flex-flow: row wrap;
}
.em-booking-form-details .passport_info p {
    padding-right: 1em;
    width: 25%
}

/* Field Errors */
.em-booking p.trips_error {	color: red;}
.em-booking p.trips_error input, .em-booking p.trips_error select {border: 1px solid red;}