/* ======================================= */
/*  New View class based on Twig base css  */
/* ======================================= */
#container-textholder {
    overflow: visible !important;
}

.table {
    width: 100% !important;
}

/* Flash Messages */
section#flash-messages {
    margin-top: 20px;
}

h1.page-title {
    margin-top: 30px !important;
}
/* Overridden original well class of bootstrap because this is already overridden in responsivemain.css */
.bs-well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

.c-box {
    padding: 20px;
    margin: 0 0 25px 0;
}
.c-box.with-border {
    border: 2px solid #ddd;
}

h3.c-box-title {
    font-weight: bold;
    margin-bottom: 20px;
}

.bootstrap-select > .btn-default {
    background-color: #f4f4f4;
    color: #444 !important;
    border-color: #ddd;
}

.bootstrap-select .btn-default span.caret {
    color: #444 !important;
}

.table-td-right, .table-th-right { text-align: right; }
.table-td-left, .table-th-left { text-align: left; }
.table-td-center, .table-th-center { text-align: center; }

label.required:after {
    content: "\002a";
    color: #dd4b39;
    margin-left: 2px;
}

.bs-callout-danger {
    border-left-color: #ce4844 !important;
}

.bs-callout-info {
    border-left-color: #1b809e !important;
}

.bs-callout {
    padding: 10px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}

.bs-callout.with-bg {
    background: #f5f5f5 !important;
}

.margin-b-10 { margin-bottom: 10px !important; }

.h1, .h2, .h3 {
    font-weight: bold !important;
}

/* Reset to original BS-3 Panel Styles */
.panel-heading { padding: 10px 15px !important;}

#accordion > .panel div.panel-heading {
    padding: 0 !important;
}
/** ==================
# Basket Summary
 =====================*/
#basket-summary h2{
    font-weight: bold;
    color: #0a0a0a !important;
}

#basket-summary #summary-total h2 {
    font-size: 20px !important;
}

#basket-summary #summary-total {
    text-align: center !important;
    margin-bottom: 20px;
    color: #0a0a0a !important;
}

#basket-summary #summary-total h2 {
    text-align: center !important;
    font-size: 20px !important;
    margin-bottom: 20px;
    color: #0a0a0a !important;
}

.order-item {
    margin-bottom: 30px;
}

.order-item .order-values {
    text-align: right;
}

section.payment-content { margin: 25px 0 0 0; }
.no-padding { padding: 0 !important; }
.margin-b-10 { margin-bottom: 10px !important; }
.margin-b-20 { margin-bottom: 20px !important; }
.margin-b-30 { margin-bottom: 30px !important; }
small#secure-payment-txt {
    padding-top: 12px;
}

@media (max-width:767px) {
    .order-item {
        padding: 5px;
    }
    .order-values, .order-info {
        margin-top: 10px;
    }

}