ul {
padding: 0 0 0 1em!important;
}
button {
cursor: pointer;
}
.subtotal {
background-color: #99cce5;
padding: 15px;
}
.total {
background-color: #3399cc;
padding: 15px;
color: white;
}
.subtotal .label,
.total .label,
.total .value {
font-weight: 700;
}
.subtotal .value,
.total .value {
float: right;
}
.ticketsApp_step_headline {
background-color: #d9d9d9;
padding: 15px;
margin-bottom: 2px;
font-size: 18px;
}
.ticketsApp_step_headline.currentStep {
background-color: #3399cc;
color: #fff;
}
.ticketsApp_step_content {
background-color: white;
}
div {
font-weight: 400;
}
.row_1_2 {
width: 49%;
padding: 15px;
display: inline-block;
vertical-align: top;
}
hr.applicantDivider {
display: none;
}
@media only screen and (min-width: 1185px) {
.stepContainer {
margin: 10px;
} 
.ticketsApp_step_content {
overflow: auto;
}
.subtotal, .total {
margin-left: -10px;
margin-right: -10px;
}
.subtotal {
margin-top: 10px;
}
.total {
margin-bottom: 10px;
}
}
@media only screen and (max-width: 1185px) {
.row_1_2 {
width: 100%;
}
hr.applicantDivider {
margin-bottom: 40px;
display: block!important;
}
}
.row_1_1 {
width: 100%;
padding: 15px;
overflow: hidden;
}
.table {
display: table;
margin: auto;
width: 100%;
table-layout: fixed;
}
.tableRow {
display: table-row;
}
.tableCell {
display: table-cell;
margin-bottom: 10px;
}
label.tableCell {
width: 130px;
padding-bottom: 20px;
}
@media only screen and (max-width: 640px) {
.tableCell {
display: block;
}
label.tableCell {
padding: 0;
margin-bottom: 5px;
}
input.tableCell,
select.tableCell {
margin-bottom: 15px;
}
.ticketsApp_step_headline {
padding: 15px!important;
}
}
input.tableCell {
width: 100%;
}
.error_msg {
color: #a94442;
font-size: 12px;
margin-bottom: 20px;
display: block;
}
input[type=text],
input[type=email],
select {
height: 39px;
padding: 6px 12px !important;
font-size: 16px;
background-color: #fff;
background-image: none;
border: 1px solid #e6e6e6;
border-radius: 1px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
width: 100%;
}
.validation-error input, .validation-error select {
border-color: #a94442;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.form-mandatory {
color: #3399cc;
}
.validation-error,
.validation-error .form-mandatory {
color: #a94442;
}
.payment_option {
margin-bottom: 15px;
line-height: 1.4em;
}
.payment_option label {
display: inline-block;
vertical-align: top;
max-width: 90%;
}
.subheadline {
margin-bottom: 10px;
font-weight: 700;
display: inline-block;
}
.smaller {
font-size: 14px;
}
.memberDiscountAmount,
.codeDiscountAmount {
float: right;
}
@media only screen and (max-width: 1350px) {
.memberDiscountAmount {
float: initial;
white-space: nowrap;
display: block;
margin: 0px 0px 10px 15px;
}
.radio_option label {
display: inline-block;
}
}
.radio_option label {
vertical-align: top;
max-width: 90%;
}
.codeDiscount {
margin-top: -15px;
}
.cancellationHeadline {
display: inline-block;
margin-bottom:10px;
}
.cancellationText {
padding-left: 38px;
line-height: 1.4em;
}
.cancellationIcon {
background: #3399cc;
border-radius: 50%;
padding: 0px 26px;
padding: 0px 10px 5px 10px;
margin-bottom: 13px;
margin-right:10px;
}
.cancellationArrow {
display: inline-block;
}
.rotate180 {
transform: rotate(180deg);
}
.next-step {
float: right;
margin-left: 15px;
}
.next-step-wrap {
overflow: hidden;
}
.stepArrow {
float: right;
}
.error-agb {
margin-bottom: 0;
}
.eventHead {
background-color: #d8f2ff;
}
.eventImage {
margin: 0 auto;
}
.eventImage {
display: flex;
justify-content: center;
align-items: center;
overflow: hidden
}
.eventImage img {
flex-shrink: 0;
min-width: 100%;
min-height: 100%
}
.eventName {
font-weight: 800;
font-size: 20px;
margin-bottom: 5px;
}
.eventDetails {
line-height: 18px;
}
label.tableCell { 
vertical-align: top;
padding-top: 7px; 
}
.ticketSubmitBtn {
width: auto;
padding-left: 30px;
padding-right: 30px;
margin-top: 0;
background-color: #900;
border-color: #900;
font-size: 16px;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-transform: uppercase;
}
button.ticketSubmitBtn:hover {
color: #900;
border-color: #900;
}
.pull-mid {
text-align: center;
}
.billdataCopyLink {
margin-top: -15px;
margin-bottom: 15px;
}
.cardRow {
margin-top: 10px;
}
span.cardContainer {
min-width: 50px;
display: inline-block;
text-align: center;
padding-right: 10px;
}
img.card {
max-width: 60px;
max-height: 35px;
}
.formInclude, .formInclude p {
font-size: 16px;
}
@media only screen and (max-width: 1500px) {
.specialEvent {
display: block;
}
}
.noPaddingTop {
padding-top: 0!important;
}
.includedServices li {
line-height: 1.3em;
padding-bottom: 5px;
}
.applicantSpace {
display: block;
content: " ";
margin-top: 10px;
}
select.ng-invalid {
color: #ababab;
}
.commentRow textarea {
width: 100%;
margin-top: 5px;
padding: 3px;
max-width: 500px;
font-size: 16px;
}
.commentRow label {
display: block;
}
.commentRow.row_1_1 {
padding-bottom: 0;
padding-top: 0;
}
label.sublabel {
line-height: 12px;
}
span.sublabel {
font-size: 11px;
}
input:disabled {
background-color: #ececec;
}
.payment_option.validation-error {
border: 1px red;
border-style: dashed;
}
.privacy {
line-height: 1.4em;
}
.radio_option label .sublabel {
display: block;
font-size: 15px;
color: #666;
margin-left: 24px;
margin-top: -6px;
}
@media only screen and (max-width: 1350px) {
.radio_option label .sublabel {
margin-left: 16px;
}
}
#main-content span.sublabel {
font-size: 0.5rem;
}