.summary p:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.event-description {
    word-wrap: break-word;
}

#checkout {
    margin: 20px 0 0 0;
}

#checkout label {
    font-weight: bold;
}

span.required {
    color: #D0021B;
}

.seperator {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eeeeee;
}


/* Support for panels. Not available in Bootstrap 2 */
/* Used in ticket widget */

.panel {
    padding: 15px;
    margin-bottom: 20px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-heading {
    padding: 10px 15px;
    margin: -15px -15px 15px;
    background-color: #f5f5f5;
    border-bottom: 1px solid #dddddd;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.panel-footer {
    padding: 10px 15px;
    margin: 15px -15px -15px;
    /*background-color: #f5f5f5;*/
    border-top: 1px solid #dddddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel-primary {
    border-color: #428bca;
}

.panel-primary .panel-heading {
    color: #ffffff;
    background-color: #428bca;
    border-color: #428bca;
}

.panel-success {
    border-color: #d6e9c6;
}

.panel-success .panel-heading {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.panel-warning {
    border-color: #fbeed5;
}

.panel-warning .panel-heading {
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #fbeed5;
}

.panel-danger {
    border-color: #eed3d7;
}

.panel-danger .panel-heading {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}

.panel-info {
    border-color: #bce8f1;
}

.panel-info .panel-heading {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.panel > .table, .panel > .table-responsive > .table, .panel-body > .table {
    margin-bottom: 0;
}

.panel hr {
    margin: 10px 0;
}

#select-payment-processor {
    margin-bottom: 10px;
}

.event-description img {
    max-width: 100%;
}

/* Some cleanup of common styles that we don't need */

.event-list .legend, .event-page .legend {
    border: none;
    margin: 0px;
    padding: 0px;
}

.event-list dd, .event-page dd {
    margin: 0px;
    display: block;
}

.event-list dl, .event-page dl {
    padding-left: 0px;
    margin: 0px;
    display: block;
}

/* Make payment processor button look nicer */

select#do-change-date, select#select-payment-processor {
    width: 100%;
}

#tickets {
    margin-top: 1em;
}

/* Fixes for specific template providers */


/* this is fix for templates that are not loading bootstrap styles at all (gavick, joomlabamboo...) */

.summary p:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.event-description {
    word-wrap: break-word;
}

#checkout {
    margin: 20px 0 0 0;
}

#checkout label {
    font-weight: bold;
}

span.required {
    color: #D0021B;
}

.separator {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eeeeee;
}



#select-payment-processor {
    margin-bottom: 10px; }

.event-description img {
    max-width: 100%;
}

/* Some cleanup of common styles that we don't need */

.event-list .legend, .event-page .legend {
    border: none;
    margin: 0px;
    padding: 0px;
}

.event-list dd, .event-page dd {
    margin: 0px;
    display: block;
}

.event-list dl, .event-page dl {
    padding-left: 0px;
    margin: 0px;
    display: block;
}

/* Make payment processor button look nicer */

select#do-change-date, select#select-payment-processor {
    width: 100%;
}

#tickets {
    margin-top: 1em;
}

/* Fixes for specific template providers */


/* Fix for input fields for most templates */

#tickets .checkout .control-group {
    width: 100%;
    text-align: right;
    margin-bottom: 0.5em;
}

/* T3 fix */

.t3-wrapper #tickets .checkout .form-control {
    width: auto !important;
}

.t3-wrapper #tickets .checkout .col-md-offset-8 {
    margin-left: 71.666667%;
}

/* this is fix for templates that are not loading bootstrap styles at all (gavick, joomlabamboo...) */

@media (min-width: 1200px) {
    #tickets .row-fluid {
        width: 100%;
        *zoom: 1;
    }
    #tickets .row-fluid:before,
    #tickets .row-fluid:after {
        display: table;
        line-height: 0;
        content: "";
    }
    #tickets .row-fluid:after {
        clear: both;
    }
    #tickets .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 30px;
        margin-left: 2.564102564102564%;
        *margin-left: 2.5109110747408616%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #tickets .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }
    #tickets .row-fluid .controls-row [class*="span"] + [class*="span"] {
        margin-left: 2.564102564102564%;
    }
    #tickets .row-fluid .span8 {
        width: 65.81196581196582%;
        *width: 65.75877432260411%;
    }
    #tickets .row-fluid .span4 {
        width: 31.623931623931625%;
        *width: 31.570740134569924%;
    }
    #tickets .row-fluid .offset8 {
        margin-left: 70.94017094017094%;
        *margin-left: 70.83378796144753%;
    }
    #tickets .row-fluid .offset8:first-child {
        margin-left: 68.37606837606839%;
        *margin-left: 68.26968539734497%;
    }
    #tickets .row-fluid .offset4 {
        margin-left: 36.75213675213675%;
        *margin-left: 36.645753773413354%;
    }
    #tickets .row-fluid .offset4:first-child {
        margin-left: 34.18803418803419%;
        *margin-left: 34.081651209310785%;
    }

    /* Fix for Bootstrap 3 input column width */

    #tickets .col-md-4.form-control {
        width: 33.333333333%;
        float: none;
    }

}
@media (min-width: 768px) and (max-width: 979px) {
    #tickets .row-fluid {
        width: 100%;
        *zoom: 1;
    }
    #tickets .row-fluid:before,
    #tickets .row-fluid:after {
        display: table;
        line-height: 0;
        content: "";
    }
    #tickets .row-fluid:after {
        clear: both;
    }
    #tickets .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 30px;
        margin-left: 2.7624309392265194%;
        *margin-left: 2.709239449864817%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #tickets .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }
    #tickets .row-fluid .controls-row [class*="span"] + [class*="span"] {
        margin-left: 2.7624309392265194%;
    }
    #tickets .row-fluid .span8 {
        width: 65.74585635359117%;
        *width: 65.69266486422946%;
    }
    #tickets .row-fluid .span4 {
        width: 31.491712707182323%;
        *width: 31.43852121782062%;
    }
    #tickets .row-fluid .offset8 {
        margin-left: 71.2707182320442%;
        *margin-left: 71.16433525332079%;
    }
    #tickets .row-fluid .offset8:first-child {
        margin-left: 68.50828729281768%;
        *margin-left: 68.40190431409427%;
    }
    #tickets .row-fluid .offset4 {
        margin-left: 37.01657458563536%;
        *margin-left: 36.91019160691196%;
    }
    #tickets .row-fluid .offset4:first-child {
        margin-left: 34.25414364640884%;
        *margin-left: 34.14776066768544%;
    }
}
@media (max-width: 767px) {
    #tickets .row-fluid {
        width: 100%;
    }
    #tickets [class*="span"],
    #tickets .row-fluid [class*="span"] {
        display: block;
        float: none;
        width: 100%;
        margin-left: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #tickets .row-fluid .span12 {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #tickets .row-fluid [class*="offset"]:first-child {
        margin-left: 0;
    }

    /* Fix for legacy.css breaking layout on small screens (shaper helix3 templates for example) */
    .com_ohanah .form-horizontal .controls {
        margin-left: 0px !important;
    }


}
/* Gavick hr style adds too much lines to the ticket widget */

#gkContent .panel-body hr {
    border: none;
}
/* Zen grid (Joomlabamboo framework) is stripping too much style from tables */

.zen-grid #tickets-form table td {
    padding: 8px;
    line-height: 18px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
.zen-grid #tickets-form table th {
    padding: 8px;
    text-align: left;
}
.zen-grid #tickets-form hr {
    border: none;
}

/* Fix for input fields for most templates */

#tickets .checkout .control-group {
    width: 100%;
    text-align: right;
    margin-bottom: 0.5em;
}
/* Gavick hr style adds too much lines to the ticket widget */

#gkContent .panel-body hr {
    border: none;
}
/* Zen grid (Joomlabamboo framework) is stripping too much style from tables */

.zen-grid #tickets-form table td {
    padding: 8px;
    line-height: 18px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
.zen-grid #tickets-form table th {
    padding: 8px;
    text-align: left;
}
.zen-grid #tickets-form hr {
    border: none;
}
