@font-face {
    font-family: 'uknumberplateregular';
    src: url('../fonts/uknumberplate-webfont.eot');
    src: url('../fonts/uknumberplate-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/uknumberplate-webfont.woff2') format('woff2'),
    url('../fonts/uknumberplate-webfont.woff') format('woff'),
    url('../fonts/uknumberplate-webfont.ttf') format('truetype'),
    url('../fonts/uknumberplate-webfont.svg#uknumberplateregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
html,
body {
    height: 100%;
    font-size: 12px;
}
h1 {
    font-weight: bold;
    height: 100%;
    color: #000;
    font-size: 32px;
    text-transform: uppercase;
    text-shadow: 2px 2px 2px #CCC;

}
h1.lower_c {
    text-transform: none;
    text-shadow: 2px 2px 2px #CCC;

}
h2 {
    font-weight: bold;
    height: 100%;
    color: #000;
    font-size: 22px;
}
h3 {
    font-weight: bold;
    height: 100%;
    color: #000;
    font-size: 17px;
}
h3.lower_c {
    text-transform: none;
}
h4 {
    font-weight: bold;
    height: 100%;
    color: #000;
    font-size: 13px;
}
.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 5px 5px;
    margin-top: 40px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.form-control {
    font-size: 12px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

#logo-left {
    float: left;
    text-align: left;
}

#logo-right {
    float: right;
    padding: 0 0 5px;
    text-align: right;
}

.navbar {
    border-radius: 0;
    margin-bottom: 5px;
}

.navbar-nav {
    font-size: 14px;
    padding: 0;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: #000;
}
.navbar-inverse .navbar-nav > li > a {
    color: #666666;
    font-weight: bold;
}

.vehiclelookup-div {
    color: #000;
}

.vehiclelookup-dropdown {
    color: #000;
}

.navbar-inverse {
    border-bottom: 1px solid #dddddd;
    background-color: #fff;
    min-height: 70px;
}

.navbar-inverse .navbar-nav > li > a {
    color: #9d9d9d;
    font-weight: bold;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #fff;
}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-left: 0px;
    margin-right: 0px;
    background-color: #fff;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #aaa391;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #fff;
    color: #000;
    font-weight: bold;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #666666;
    background-color: #fff;
    font-size: 12px;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
}

.dropdown-header {
    font-weight: bold;
    font-size: 12px;
    color: #666666;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus
{
    color: #aaa391;
    background-color: #fff;
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #aaa;

}

.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    background-color: #fff;
    color: #666666;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: #666666;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus
{
    color: #ddd;
    background-color: transparent;
}

.navbar-inverse .navbar-brand {
    color: #000;
    padding: 0 10px;
}

.navbar-inverse .navbar-toggle {
    border-color: #333;
    background-color: #ddd;
}

div.required label:after {
    content: " *";
    color: red;
}

.vehicle-search-btn {
    margin: 0 0 4px 0;
}

.vehicle-search-left {
    margin-top: 64px;
}

.kv-tree-container {
    height: 240px !important;
}

.kv-tree-wrapper {
    height: 300px !important;
}
.kv-node-indicators {
    height: 25px;
}

.vertical_title {
    background: #3d4854 none repeat scroll 0 0;
    color: #fff;
    font-weight: bold;
    height: 36px!important;
}
.quote-heading-table-title {
    background: #3d4854 none repeat scroll 0 0;
    color: #fff;
    font-weight: bold;
    border: 1px solid #ddd;
}

.quote-heading-table-body {
    background: #fff none repeat scroll 0 0;
    font-weight: bold;
    border: 1px solid #ddd;
}

.vertical-title-jobs {
    background: #3d4854 none repeat scroll 0 0;
    color: #fff;
    font-weight: bold;
    border: 1px solid #ddd;
}
.quote-heading-table {
    border: 1px solid #ddd;
}

.vertical_title_backup {
    background: none repeat scroll 0 0 #638591;
    color: #fff;
    font-weight: bold;
}

.job-row-heading {
    background: #3d4854 none repeat scroll 0 0;
    color: #fff;
    font-weight: bold;
    height: 36px!important;
    border: 1px solid #3d4854!important;
    border-radius: 0!important;
    padding-top: 2px;
}

.addmpjobs-list {
    margin: 0 0 5px 0;
}

.job-breakdown {
    cursor: pointer;
}

.default-form-control {
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    width: 100%;
    border-radius: 4px;
}

.greyed-out {
    color: #aaa;
}

textarea {
   resize: none;
}

.vertical-align {
    display: flex;
    align-items: center;
}
.modules {
    padding: 5px;
    resize: none;
}

.module-name {
    font-size: 14px;
    font-weight: bold;
}

.module-icon {
    width: 24px;
}

.appointment-date, .appointment-time, .collection-time {
    width: 90px!important;
    height: 30px;
}

.mobile, .telephone {
    width: 140px!important;
    height: 30px;
}

.email {
    width: 160px!important;
    height: 30px;
}

.field-bookingform-customer_id, 
.field-bookingform-appointment_date, 
.field-bookingform-appointment_time, 
.field-bookingform-collection_time,
.field-bookingform-contact_method {
    margin: 0;
}

td {
    vertical-align: middle!important;
}


.kv-expand-header-cell, .kv-expand-icon-cell {
    font-size: 12px;
}

.reception-grid-action-column {
    width: 50px;
}

.vhc-status-new {
}

.vhc-status-booked-in {
}

.vhc-status-on-site {
}

.vhc-status-in-progress {
}

.vhc-status-inspection-completed {
}
    
.vhc-status-parts-priced {
}

.vhc-status-waiting-customer-response {
}

.vhc-status-collected {
}

.vhc-status-cancelled {
}

.sub-jobs {
    background-color: #FFF0F5;
}

.quote-status-ongoing {
}

.quote-status-cancelled {
}

.quote-status-completed {
}

.quote-details {
    font-size: 12px;
    vertical-align: top;
}

h1.quote-details {
    font-size: 16px;
    vertical-align: top;
    padding: 0 0 10px 0;
    font-weight: bold;
}

.quote-item-details-header-cell {
    background-color: #000;
    color: #fff;
    font-size: 11px;
    padding: 2px 2px 2px 4px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.quote-item-details-cell {
    background-color: #c8c8c8;
    color: #000;
    font-size: 11px;
    padding: 2px 2px 2px 4px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

table td.parts-list {
    background: none repeat scroll 0 0 #3d4854;
    color: #fff;
    font-weight: bold;
}

.healthcheck-section-heading {
    background-color: #3d4854;
    color: #fff;
    padding: 0 0 0 5px;
}

.healthcheck-row {
    background-color: #ececec;
    color: #000;
    padding: 0;
    min-height: 45px;
    border: 1px solid #fff;
}

.healthcheck-col {
    padding: 12px 0 0 5px;
    min-height: 47px;
}

.healthcheck-comments-col {
    padding: 8px 5px 0 5px;
    min-height: 47px;
}

.red {
    background-color: #FF0000;
    height: 40px;
    width: 40px;
    margin-top: 2px;
    padding: 0;
}

.orange {
    background-color: #FF8811;
    height: 40px;
    width: 40px;
    margin-top: 2px;
    padding: 0;
}

.green {
    background-color: #00CC00;
    height: 40px;
    width: 40px;
    margin-top: 2px;
    padding: 0;
}

.na {
    background-color: #DDD;
    height: 40px;
    width: 40px;
    margin-top: 2px;
    padding: 0;
}

.healthcheck-select-work {
    padding: 0 0 0 6px;
    margin: 0;
}

.healthcheck-add-job {
    min-height: 600px;
}

.healthcheck-parts-labour {
    width: 80px;
}

.healthcheck-extras-tread {
    width: 150px;
}

.healthcheck-extras-tyresize {
    width: 150px;
}

.healthcheck-extras-manufacturer {
    width: 150px;
}

.healthcheck-extras-speed {
    width: 150px;
}

.healthcheck-extras-reason {
    width: 150px;
}

.col-sm-offset-0 {
    padding-left: 0;
    padding-right: 0;
}

.ui-accordion-content {
    padding: 0 !important;
}

.area-image-btn {
    padding: 6px 5px 4px 5px;
}

.fa-1_5x {
    font-size: 1.3em;
}

.badge-sm {
    font-size: 0.6em;
}

.badge-info {
    background-color: #5bc0de !important;
}

.superscript {
    top: -7px !important;
    margin-left: 4px;
}

h2 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px !important;
}

.requires-parts-labour {
    min-width: 180px;
}

.recommendation {
    min-width: 180px;
}

.price-option {
    width: 35%;
}

.highlight-price {
    background-color: #FFAAAA;
    font-weight: bold;
}

.col-reg {
    width: 100px;
}

.col-date {
    width: 100px;
}

.nav-logo-centre {
    position: absolute;
    left: 50%;
    margin-left: -90px !important;  /* 50% of your logo width */
    display: block;
}
.nav-logo{
    margin-left:2px;
    margin-top:15px;
}
.navbar-right {
    margin-top: 8px;
}

.dealer-fixed-price {
    width: 80px;
}

.breadcrumb {
    margin-top: 90px;
}

.vehicle-search-query {
    width: 100%;
}

.vehicle-search-results {
    width: 100%;
}

.input-group-vehicle-details{
}

.main-container { 
    background: rgba(0, 0, 0, 0) url("/images/background.jpg") no-repeat scroll left top / cover;
    height: 695px;
}

.vehicle-search-results {
    border-radius: 4px;
    background-color: #fff;
    margin-top: 10px;
}

.vehicle-search-results-inner {
    padding: 10px;
}

.vehicle-search-btn {
    color: #fff;
}

.vehicle-proceed-btn {
    color: #fff;
}

.manual-vehicle-select-btn {
}

.reg-flag-input-group {
}

.input-group-addon-reg-no {
    padding: 0!important;
    margin: 0!important;
    background-color: #003399;
    border-color: #003399;
}
.evhc-joblookup{
}
.evhc-total-rrp {
    margin-bottom: 0px;
    margin-top: 5px;
}
.evhc_area {
    border-top: 2px solid #e6e6e6;
    padding: 12px;
    vertical-align: middle;
}
.vhsee_area {
    border-top: 2px solid #e6e6e6;
    padding: 12px;
    vertical-align: middle;
}
.vhsee-green {
    color:#00c706;
    text-shadow: 2px 2px 2px #CCC;
}
.vhsee-amber {
    color:#FFBF00;
    text-shadow: 2px 2px 2px #CCC;
}
.vhsee-amber-section {
    background:#FFBF00;
}
.vhsee-red {
    color:#FF0000;
    text-shadow: 2px 2px 2px #CCC;
}
.vhsee-red-section {
    background:#FF0000;
}
.vhsee-red-section > h1 {
    color: #fff;
}
.evhc-total-rrp {
    margin-bottom: 0px;
    margin-top: 5px;
}
.evhc_section_header {
    line-height: 1.42857;
    padding: 12px;
    color: #000;
    border-top: 1px solid #e6e6e6;
    vertical-align: bottom;
    background: #f5f5f5;
}
.vhsee-checks{
    color:#1c69d4
}
.well {
    background-color: #fff;
}
.registration-ui {
    background: #f8d038; /* Old browsers */
    background: -moz-linear-gradient(top, #f8d038 52%, #f5ca2e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f8d038 52%,#f5ca2e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f8d038 52%,#f5ca2e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8d038', endColorstr='#f5ca2e',GradientType=0 ); /* IE6-9 */
    border: 1px solid #000;
    border-radius: 5px;
    box-shadow: 1px 1px 1px #ddd;
    font-family: uknumberplateregular;
    font-size: 2em;
    padding: 0.25em 0.5em;
    position: relative;
}
.evhc-approve {
    margin-bottom: 20px;
    margin-top: 20px;
}
.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
    display:none;
}
#sticky {
    background: #f2f6f8; /* Old browsers */
    background: -moz-linear-gradient(top, #f2f6f8 0%, #d8e1e7 33%, #e0eff9 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f2f6f8 0%,#d8e1e7 33%,#e0eff9 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f2f6f8 0%,#d8e1e7 33%,#e0eff9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 ); /* IE6-9 */
}

#sticky.stick {
    margin-top: 0 !important;
    position: fixed;
    top: 0;
    z-index: 1030;
}
.hide-bullets {
    list-style:none;
    margin-left: -40px;
    margin-top:20px;
}
.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
    z-index: 2;
}
.vehiclesales_price{
    font-size: 500%;
    font-family: "Open Sans",sans-serif;
}