@font-face {
    font-family: 'peugeotregular';
    src: url('../fonts/peugeot_normal-webfont.eot');
    src: url('../fonts/peugeot_normal-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/peugeot_normal-webfont.woff2') format('woff2'),
         url('../fonts/peugeot_normal-webfont.woff') format('woff'),
         url('../fonts/peugeot_normal-webfont.ttf') format('truetype'),
         url('../fonts/peugeot_normal-webfont.svg#peugeotregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'citroen';
    src: url('../fonts/citroen_regular-webfont.eot');
    src: url('../fonts/citroen_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/citroen_regular-webfont.woff2') format('woff2'),
         url('../fonts/citroen_regular-webfont.woff') format('woff'),
         url('../fonts/citroen_regular-webfont.ttf') format('truetype'),
         url('../fonts/citroen_regular-webfont.svg#peugeotregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    color: #333;
    font-family: 'peugeotregular', sans-serif;
}

body.citroen {
    font-family: 'citroen', sans-serif;
    font-size: 16px;
}

.header {
    background: #fff;
    padding: 5px;
    border-bottom: 1px solid #989C9F;
}

.header p {
    margin-top: 7px;
    font-size: 16px;
}

.dealer-logo {
    max-height: 40px;
}

.logo {
    display: inline-block;
    margin-right: 10px;
    max-height: 60px;
}

.logo.citroen {
    padding: 3px;
}

.quote-info, .dealer-logo {
    margin-top: 10px;
}

@media (min-width: 768px) {
    .quote-info {
        text-align: right;
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    .logo-info, .quote-info p {
        font-size: 12px;
    }

    .logo-info .btn {
        font-size: 10px;
    }
}

.content {
    background: #d7d7d7; /* Old browsers */
    background: -moz-linear-gradient(top,  #d7d7d7 0%, #f3f3f3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7d7d7), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #d7d7d7 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #d7d7d7 0%,#f3f3f3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #d7d7d7 0%,#f3f3f3 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #d7d7d7 0%,#f3f3f3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d7d7', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
    padding-top: 15px;
}

.reports h3 {
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
}

h1 {
    margin: 0;
}

h3 {
    margin: 0;
    margin-bottom: 15px;
    font-weight: bold;
}

h3.quote-header {
    font-weight: normal;
    font-size: 20px;
    color: #fff;
    padding: 10px;
    background: #325496; /* Old browsers */
    background: -moz-linear-gradient(top,  #325496 0%, #07307e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#325496), color-stop(100%,#07307e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #325496 0%,#07307e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #325496 0%,#07307e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #325496 0%,#07307e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #325496 0%,#07307e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#325496', endColorstr='#07307e',GradientType=0 ); /* IE6-9 */
}

body.citroen h3.quote-header {
    background: #DD002E;
    filter: none;
}

hr {
    border-color: #CCCCCC;
}

th > a, th > a:hover, th > a:active, th > a:focus {
    color: #000;
    text-decoration: none;
}

th > a:after {
    content: "\2212";
    font-family: 'Glyphicons Halflings';
    font-size: 10px;
    margin-left: 10px;
}
th > a.asc:after {
    content: "\e113";
}
th > a.desc:after {
    content: "\e114";
}

.pagination {
    margin: 0;
}

.alert-info {
   background: #78BFED;
   border-color: #69ADD6;
   color: #fff;
}

.alert .btn.pull-right {
    margin: -7px;
}

.btn {
    border-radius: 4px;
    position: relative;
    font-weight: bold;
    text-transform: uppercase;
}

.btn-default {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #d7d7d7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d7d7d7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#d7d7d7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#d7d7d7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#d7d7d7 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#d7d7d7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d7d7d7',GradientType=0 ); /* IE6-9 */
    border-color: #D1D1D1;
}

.btn-success {
    background: #00d200; /* Old browsers */
    background: -moz-linear-gradient(top,  #00d200 0%, #00b501 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00d200), color-stop(100%,#00b501)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #00d200 0%,#00b501 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #00d200 0%,#00b501 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #00d200 0%,#00b501 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #00d200 0%,#00b501 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d200', endColorstr='#00b501',GradientType=0 ); /* IE6-9 */
    border-color: #008300;
}

.btn-info {
    background: rgb(50,84,150); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(50,84,150,1) 0%, rgba(7,48,126,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(50,84,150,1)), color-stop(100%,rgba(7,48,126,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(50,84,150,1) 0%,rgba(7,48,126,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(50,84,150,1) 0%,rgba(7,48,126,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(50,84,150,1) 0%,rgba(7,48,126,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(50,84,150,1) 0%,rgba(7,48,126,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#325496', endColorstr='#07307e',GradientType=0 ); /* IE6-9 */
    color: #fff;
    border-color: #07307E;
}

body.citroen .btn-info {
    background: #DD002E;
    border-color: #DD002E;
    filter: none;
}

.btn-sold {
    color: #0B3380;
}

.btn-success:after, .btn-sold:after {
    content: "\e250";
    font-family: 'Glyphicons Halflings';
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 10px;
}


.btn-success.btn-xs:after {
    display: none;
}

.btn-success.btn-lg:after {
    top: 13px;
    right: 15px;
}

.btn-lg {
    font-size: 14px;
}

.input-group .btn {
    border-radius: 8px 0 0 8px;
}

@media (min-width: 1200px) {
    .btn-lg {
        font-size: 18px;
    }

    .btn-success.btn-lg:after {
        top: 17px;
    }

    .btn-sold:after {
        right: 20px;
    }
}

.form-signin {
    max-width: 380px;
    padding: 15px;
    margin: 0 auto;
}
.form-signin-heading {
    text-align: center;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
    margin-bottom: 10px;
}
.form-signin .checkbox {
    font-weight: normal;
}
.form-signin .form-control {
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    padding: 10px;
    font-size: 16px;
}
.form-signin .form-control:focus {
    z-index: 2;
}
.form-signin input[type="text"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.form-signin select {
    margin-bottom: 10px;
}

.result {
    text-decoration: none;
    color: #333;
}

.panel-group .panel:first-child, .panel-group .panel:first-child .panel-heading {
    border-radius: 10px 10px 0 0;
}

.panel-group .panel+.panel, .panel-group .panel-heading {
    margin-top: 0;
    border-radius: 0;
}

.panel-group .panel-body {
    background: #F8F8F8;
}

.list-group .alert {
    margin-bottom: 0;
    border-radius: 0;
}

.specs {
    margin-bottom: 0;
}

.specs > tbody > tr > th {
    color: #0B3380;
    text-align: right;
}

.table.specs > tbody > tr > td {
    border-top: 1px solid #ddd;
    border-bottom: none;
}

p.feature {
    display: block;
    background: url('../img/tick.png') #fff no-repeat top right;
    border: 1px solid #CBCBCB;
    border-radius: 6px;
    padding: 10px;
    padding-right: 20px;
    color: #0B3380;
}

@media (min-width: 768px) {
    #imageModal .modal-dialog {
        width: 80%;
    }
}

.thumbnails {
    margin-top: 20px;
}

.thumbnails .col-md-4 {
    padding-left: 5px;
    padding-right: 5px;
}

@media (min-width: 992px) {
    .thumbnails a {
        height: 55px;
    }
}

.thumbnails img {
    margin-bottom: 10px;
}

.thumbnails .carousel-control {
    background: none;
    opacity: 1;
    color: #1586CB;
    text-shadow: none;
    font-size: 30px;
    position: relative;
    margin-top: 10px;
}

.panel-group, .panel-title, .btn-default {
    color: #0B3380;
}

.panel-title .glyphicon {
    color: #1586CB;
}

.version td.padding {
    width: 100px;
    border: none;
}

.version td.number {
    border-left: 2px solid #1586CB;
    color: #1586CB;
}

.table th {
    color: #A9A9A9;
}

.table > tbody > tr > td {
    border-top: none;
    border-bottom: 1px solid #ECECEC;
}

.table > tbody > tr:last-child > td {
    border-bottom: none;
}

.quote-form h3 {
    color: #0C3380;
    font-size: 18px;
    font-weight: bold;
}

.quote-form label {
    margin: 0;
    line-height: 30px;
}

.quote-form input {
    border-radius: 10px;
}

.quote-form input.submit {
    border-radius: 4px;
}

.quote-form input[type="checkbox"] {
    display: none;
    box-shadow: none;
}
.quote-form input[type="checkbox"] + label span {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    background: url('../img/checkbox.png') no-repeat center;
    cursor: pointer;
}
.quote-form input[type="checkbox"]:checked + label span {
    background: url('../img/checkbox-checked.png') no-repeat center;
}

.quote-form .collapse .row, .quote-form .collapsing .row {
    margin-top: 10px;
}

#manualPCPCollapse.collapse .row,
#manualPCPCollapse.collapsing .row,
#manualJAFCollapse.collapse .row,
#manualJAFCollapse.collapsing .row {
    margin-top: 0;
}

.quote-form .list-group-item {
    background: #F9F9F9;
}

.quote-form .list-group-item label {
    font-weight: normal;
}

.pcp-panel {
    margin-top: 10px;
}

.inline-select {
    display: inline-block;
    width: auto;
}

.footer {
    background: #fff;
    font-size: 12px;
    padding: 10px;
}