h1, h2, h3, h4, p { margin-top: 0; }
h1, h2, h3, h4, .intro { margin-bottom: 1rem; }
p { margin-bottom: 0.5rem; }
h3 { font-size: 1.5rem; font-weight: bold; color: #070078; }
h4 { font-weight: bold; }

[class^="col-"], [class*=" col-"], [class^="column"], [class*=" column"] { margin-bottom: 0px; }

#EventBookingDetails h3 { margin-bottom: 0rem; }
#EventBookingFormContainer { background-color: #f7f5f2; padding: 1rem; margin-bottom: 1rem; }
#EventBookingFormContainer .field-validation-error { padding: 0px 0px 3px 0px; }
#EventBookingFormContainer form { margin-bottom: 0; }
/*#EventBookingFormContainer .eventBookingSection { padding-bottom: 4rem; }*/

.intro { font-size: 1.2rem; color: #737370; }

form input, form select, .customSelect { margin-bottom: 1rem; }

#EventBookingFormNavigationContainer > *, .eventBookingSection { display: none; }
#EventBookingFormNavigationContainer > *.active, .eventBookingSection.active { display: block; }

label { display: inline-block; }
label::after { content: ":" }
label.required::after { content: "*:" }

.inlineInputRow .inlineInputContainer { margin-left: 1.5rem; }
.inlineInputContainer label::after { content: none; }

#EventBookingDetails { display: block; width: 100%; margin-bottom: 15px; padding: 0px 15px; }

#BookingFormErrorFeedback { padding: 5px 10px; width: 100%; float: left; border: 2px solid #DC3A3A; font-size: 16px; color: #fff; margin-bottom: 15px; background-color: #E16565; }

.eventAttendee { margin-top: 0.5rem; margin-bottom: 1rem; }

.radioButtonContainer { padding: 0 1rem; }

#BookingReviewFormSection table { width: 100%; max-width: 400px; margin: 0.5rem 0 1rem 0; }
#BookingReviewFormSection td { padding-bottom: 0.5rem; }
#BookingReviewFormSection tfoot tr:first-child td { padding-top: 0.5rem; }
#BookingReviewFormSection td { font-weight: normal; }
#BookingReviewFormSection tfoot { border-top: 1px solid #474c55; }
#BookingReviewFormSection tfoot td { font-weight: bold; color: #070078; text-transform: uppercase; }

#EventBookingFormNavigationContainer { border-top: 1px solid #474c55; padding: 1rem 0 0 0; }

#PreviousSectionButton { float: left; }

#SubmitButton { float: right; text-decoration: none; text-align: center; line-height: 100%; border: 1px solid; color: #474c55; font-weight: bold; padding: 0.6em 1.1em; font-size: 18px; width: auto; }
#SubmitButton:hover { background-color: #474c55; color: #ffffff; }

#EventBookingSidebar > * { padding: 1rem; }
#EventBookingSidebar .sidebarHeader { background-color: #f7f5f2;; }
#EventBookingSidebar .sidebarHeader h3 { margin-bottom: 0; font-size: 1.2rem; color: #474c55; }
#EventBookingSidebar .sidebarBody { background-color: #e3e4e2; }

.customSelect { pointer-events: none; }

.customSelectInner { width: auto !important; }

/**:not(.inlineInputContainer) > label, select { width: 100% !important; }*/

#wrapper-inner { background-color: #fff; }

.selectAddress { width: 100%; padding-bottom: 5px; }

#AddressDetailFormSection .inlineInputContainer { margin-left: 0 !important; margin-right: 1.5rem; }

@media(max-width:767px) {
    label[for="CardExpiryMonth"] { padding-bottom: 55px; }
}