/* 
	Standard layout definitions 
*/
/* darker blue */
/* website text blue */
/* gray */
/* orange */
/* darker gray */
/* gray */
/* light gray */
/* small device width */
/* website styles */
/* orange text background (used for BETA) */
/* text styles */
.text-style-small {
  font-size: 1.2em;
  line-height: 1.5em;
  letter-spacing: 0.03125em;
}
.text-style-standard {
  font-size: 1.6em;
  line-height: 1.5em;
  letter-spacing: 0.03125em;
}
.text-style-large {
  font-size: 2.8em;
  line-height: 1.18em;
}
/* Roboto Regular */
@font-face {
  font-family: 'Roboto';
src: url('../fonts/roboto/Roboto-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
/* Roboto Black */
@font-face {
  font-family: 'Roboto';
src: url('../fonts/roboto/Roboto-Black.ttf') format('truetype');
font-weight: 900;
font-style: normal;
}
/* Roboto Black Italic */
@font-face {
  font-family: 'Roboto';
src: url('../fonts/roboto/Roboto-BlackItalic.ttf') format('truetype');
font-weight: 900;
font-style: italic;
}
/* Roboto Bold */
@font-face {
  font-family: 'Roboto';
src: url('../fonts/roboto/Roboto-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
/* Roboto Bold Italic */
@font-face {
  font-family: 'Roboto';
src: url('../fonts/roboto/Roboto-BoldItalic.ttf') format('truetype');
font-weight: bold;
font-style: italic;
}
/* Roboto Italic */
@font-face {
  font-family: 'Roboto';
src: url('../fonts/roboto/Roboto-Italic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
/* Roboto Light */
@font-face {
  font-family: 'Roboto';
src: url('../fonts/roboto/Roboto-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
/* Roboto Light Italic */
@font-face {
  font-family: 'Roboto';
src: url('../fonts/roboto/Roboto-LightItalic.ttf') format('truetype');
font-weight: 300;
font-style: italic;
}
/* Roboto Medium Italic */
@font-face {
  font-family: 'Roboto';
src: url('../fonts/roboto/Roboto-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
}
/* Roboto Medium Italic */
@font-face {
  font-family: 'Roboto';
src: url('../fonts/roboto/Roboto-MediumItalic.ttf') format('truetype');
font-weight: 500;
font-style: italic;
}
/* Roboto Thin Italic */
@font-face {
  font-family: 'Roboto';
src: url('../fonts/roboto/Roboto-Thin.ttf') format('truetype');
font-weight: 100;
font-style: normal;
}
/* Roboto Thin Italic */
@font-face {
  font-family: 'Roboto';
src: url('../fonts/roboto/Roboto-ThinItalic.ttf') format('truetype');
font-weight: 100;
font-style: italic;
}
/* generic styles */
body {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: black;
  background-color: #F2F2F2;
}
.fa {
  font-size: 1.6em;
  line-height: 1.5em;
  letter-spacing: 0.03125em;
  font-family: FontAwesome;
}
* {
  margin: 0;
  padding: 0;
}
a img {
  border: none;
}
a,
a:visited,
a:hover {
  color: #0b64a0;
  text-decoration: underline;
  white-space: nowrap;
}
.float-right {
  float: right;
}
.nowrap {
  white-space: nowrap;
}
.clear_all {
  clear: both;
  height: 0;
  font-size: 0;
  visibility: hidden;
}
/* dynamic content */
.initially-display-none,
.display-none-on-nojs,
.print {
  display: none;
}
.display-block-on-nojs {
  display: block;
}
.display-inline-on-nojs {
  display: inline;
}
/* layout */
.page {
  width: 100%;
}
.page-frame {
  min-width: 30em;
  max-width: 84.2em;
  margin: 0 auto;
}
.vhr {
  background-color: white;
  padding: 2.4em;
}
/* dashboard */
a.dashboard-trigger {
  position: absolute;
}
div.dashboard-header {
  position: fixed;
  top: 0;
  z-index: 17000;
  min-width: 30em;
  max-width: 84.2em;
  width: 100%;
  color: #ffffff;
  background-color: #79a20e;
  background: linear-gradient(#79a10e, rgba(121, 161, 14, 0.5)) repeat scroll 0 0 rgba(121, 161, 14, 0.5);
}
h3.dashboard-header-left,
div.dashboard-header-nav {
  font-size: 1.75em;
  padding: .25em .5em;
}
div.dashboard-header:hover {
  cursor: pointer;
  background-color: #79a20e;
}
/* menu */
div.menu {
  background-color: #5995ba;
  font-size: 1.25em;
}
ul.menu {
  list-style-type: none;
}
li.menu {
  float: right;
}
li.menu.left {
  float: left;
}
a.menu {
  display: block;
  padding: .5em;
}
a.menu,
a.menu:visited {
  color: #ffffff;
  text-decoration: none;
}
a.menu:hover {
  background-color: #79a20e;
}
a.menu span.menu-label {
  font-family: Roboto, Arial, Helvetica, sans-serif;
}
/* disclaimer */
div.help {
  font-size: 1.5em;
  color: #0b64a0;
  cursor: help;
  float: right;
}
/* ICR provided by & price tag */
.provided_by,
.price,
.beta {
  color: #003f75;
  font-size: 1.25em;
  font-weight: bold;
  font-stretch: condensed;
  margin-top: -0.5em;
  margin-bottom: .25em;
}
.price {
  color: #888888;
  padding-left: 1em;
}
.beta {
  color: white;
  background-color: #f29400;
  padding: 0 .5em;
}
.provided_by a,
.provided_by span {
  color: #6a9104;
  white-space: nowrap;
}
.price,
.beta {
  float: right;
}
/* report header */
div.report-header {
  margin: -2.4em -2.4em 0 -2.4em;
  min-width: 20em;
  max-width: 82.2em;
  padding: 0 1em;
  height: 8.2em;
  background: #00427B;
  background: linear-gradient(#6387cc, #00427b) repeat scroll 0 0 rgba(0, 0, 0, 0);
  overflow: hidden;
}
.report-header div.carfax-logo {
  margin-left: -1em;
  width: 22em;
  float: left;
}
.report-header div.report-name {
  height: 3.5em;
  margin-top: 2.5em;
  float: left;
}
.report-header h1.report-name {
  font-size: 2.8em;
  line-height: 1.18em;
  color: white;
  vertical-align: bottom;
}
.report-header div.report-date {
  margin: 1.1em 1em 0 0;
  clear: right;
  float: right;
}
.report-header span.report-date {
  color: white;
  font-size: 1.1em;
  vertical-align: bottom;
}
.report-header div.country-flag {
  margin: 1.5em 1em 0 0;
  float: right;
}
.report-header img.country-flag {
  height: 3.3em;
}
/* top bar */
.top-bar {
  min-width: 22em;
  max-width: 82.2em;
  margin: 3em 0 0 0;
  position: relative;
  clear: both;
  display: flex;
}
/* Vehicle identification section */
.vdds-box {
  position: relative;
  padding: 0 1em 1.5em 0;
  clear: left;
  float: left;
  color: #4D4D4D;
}
.vdds-entry .label {
  font-size: 1.2em;
  line-height: 1.5em;
  letter-spacing: 0.03125em;
}
.vdds-entry .value {
  font-size: 1.2em;
  line-height: 1.5em;
  letter-spacing: 0.03125em;
  color: #4D4D4D;
  font-weight: bold;
}
.vdds-entry .label.large {
  font-size: 1.6em;
  line-height: 1.5em;
  letter-spacing: 0.03125em;
}
.vdds-entry .value.large {
  font-size: 1.6em;
  line-height: 1.5em;
  letter-spacing: 0.03125em;
}
.vdds-entry.separator {
  height: 1em;
}
.vdds-entry.make_model {
  padding-bottom: 1em;
}
.vdds-entry.make_model .value {
  font-size: 2.8em;
  line-height: 1.18em;
  font-size: 2em;
  letter-spacing: normal;
}
/* summary highlights box */
div.highlight {
  overflow-wrap: anywhere;
}
div.highlight h2 {
  padding: .5em .5em .5em 0;
}
div.highlight .highlight-icon-box {
  padding: 0.5em 0;
  position: relative;
}
.highlights-box img {
  float: left;
  width: 4.6em;
  height: 4.6em;
  border: thin solid transparent;
}
.highlights-box.div3.vhr-scope {
  margin: -1em 4em 1.5em 0;
}
.highlights-box .highlight-info-icon {
  cursor: help;
  position: absolute;
  margin-top: 0.1em;
  margin-left: 4.2em;
  width: 1.4em;
  height: 1.4em;
  background: url("../images-svg/box/icon/vhs-icon-info-active.svg") no-repeat;
}
.highlight-icon-box {
  padding: 1em 0;
  position: relative;
}
.highlight-icon-box .highlight-icon-text-container {
  position: absolute;
  top: 0;
  right: 0;
  left: 6em;
  height: 7.2em;
}
.highlight-icon-text-container .highlight-icon-text {
  font-size: 1.6em;
  line-height: 1.5em;
  letter-spacing: 0.03125em;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 .5em 0 .75em;
}
/* action headers */
img.action-header-logo {
  width: 6.4375em;
  height: 1.25em;
  vertical-align: bottom;
  margin-right: .5em;
}
/* sections */
div.section {
  margin-bottom: 1em;
}
div.section-header {
  font-size: 1.6em;
  line-height: 1.5em;
  letter-spacing: 0.03125em;
  color: white;
  background: #5995ba;
  min-height: 1.5em;
  padding: .75em;
  margin: 0;
}
div.section-header:hover {
  background: #0b64a0;
  cursor: pointer;
}
span.section-nav {
  font-size: 1.2em;
  font-family: 'FontAwesome';
}
span.section-nav.collapsed {
  color: #fac201;
}
div.section-content {
  border-style: solid;
  border-color: #b4b4b4;
  border-width: 0 thin thin thin;
}
/* ownership details section */
.section td.ownership-details p {
  color: black;
  padding-left: 1em;
}
.section td.ownership-details {
  width: 100%;
}
.section td.ownership-status {
  white-space: nowrap;
  border-left: thin solid #dddddd;
  text-align: right;
  padding-left: .5em;
}
/* mouse-overs */
span.mo-button {
  font-family: 'FontAwesome';
  font-size: 2.5em;
  padding: 0;
  margin: 0;
  float: right;
  color: #999999;
}
span.mo-button:hover {
  cursor: pointer;
  color: #00427b;
}
/* section boxes (obsolete) */
h2,
h3 {
  font-size: 1em;
}
.section table {
  width: 100%;
}
.section td {
  color: #00427b;
  padding: 0 .3em;
}
.section tr.odd {
  background-color: #deebf2;
}
/* check lists */
.section .checklist-details h3 {
  font-size: 1.6em;
  line-height: 1.5em;
  letter-spacing: 0.03125em;
  color: #4d4d4d;
}
.section td.checklist-status {
  font-size: 1.6em;
  line-height: 1.5em;
  letter-spacing: 0.03125em;
  vertical-align: middle;
}
.section .checklist-status h4 {
  color: #4d4d4d;
  vertical-align: top;
  white-space: nowrap;
}
.section td.checklist-status h4 span {
  vertical-align: middle;
}
.section td.checklist-status h4 span.hide-on-small {
  padding-left: 0.4em;
  padding-right: 0.4em;
}
.section td.checklist-details {
  width: 100%;
  padding: 1em 1.2em;
}
.section td.checklist-details a {
  color: #01437D;
  font-weight: bold;
}
.section div.checklist-item-message {
  font-size: 1.6em;
  line-height: 1.5em;
  letter-spacing: 0.03125em;
  color: black;
}
p.checklist-item-glossary {
  padding-top: 1em;
  font-style: italic;
}
td.checklist-status span.ok {
  color: #3BA52B;
  font-size: 1.5em;
}
td.checklist-status span.info {
  color: #4d4d4d;
  font-size: 1.5em;
}
td.checklist-status span.alert {
  color: #E42C2D;
  font-size: 1.5em;
}
#section-content-extras td.checklist-status {
  padding: 0 .75em 0 .75em;
}
/* disclaimer */
.copyright {
  font-size: 1.2em;
  line-height: 1.5em;
  letter-spacing: 0.03125em;
  max-width: 720px;
  color: #888;
  margin-bottom: 1em;
}
/* users */
div.owners_info span strong {
  font-size: 1.6em;
  line-height: 1.5em;
  letter-spacing: 0.03125em;
  font-weight: bold;
  color: #4d4d4d;
}
/* vehicle tax */
div.tax_info span span {
  white-space: nowrap;
  padding: 0;
}
/* mileage */
img.mileage_counter.digit {
  padding: 0;
  margin: 0;
  border: 0;
  width: 2em;
  height: 2.7em;
  font-family: monospace;
  color: #00427b;
}
img.mileage_counter.frame {
  width: .4em;
  height: 2.7em;
}
img.mileage_placeholder {
  width: 14.8em;
  height: 2.7em;
}
/* NAP */
img.nap_logo {
  width: 18em;
  height: 7.2em;
}
/* CO2 graph */
div.co2 {
  position: relative;
  width: 20em;
  height: 2em;
  padding: .3em 0;
  margin-top: .2em;
}
.co2 img.co2_bar {
  width: 20em;
  height: 1.4em;
}
img.co2_ptr {
  position: absolute;
  height: 2em;
  width: 1.4em;
  top: 0;
}
/* ? */
table {
  border-collapse: collapse;
}
/* detail tables (events/tech. details) */
.details-table td,
.details-table th {
  font-size: 1.6em;
  line-height: 1.5em;
  letter-spacing: 0.03125em;
  color: #000000;
  text-align: left;
  vertical-align: top;
  margin: 0;
  padding: 0.63em 0.5em;
}
.details-table td:first-child,
.details-table th:first-child {
  padding-left: 0.75em;
}
.details-table td:last-child,
.details-table th:last-child {
  padding-right: 0.75em;
}
.details-table th {
  color: #4d4d4d;
}
.details-table thead tr,
.details-table tr th {
  border-bottom: thin solid #dddddd;
}
.details-table .separator td {
  font-size: .5em;
}
.details-table td.events p.events {
  padding: 0 !important;
  margin: 0 !important;
}
.details-table .events_children li {
  list-style-position: inside;
  list-style-image: url("../images/layout/bullet.gif");
}
.details-table td.event-date,
.details-table td.event-mileage p {
  white-space: nowrap;
}
.information-source {
  font-size: 1.2em;
  line-height: 1.5em;
  letter-spacing: 0.03125em;
  color: #4d4d4d;
  font-weight: bolder;
  margin-top: 1em;
  padding: 0.6em 1em;
}
.details-table a.ind_lnk {
  position: relative;
  top: -1em;
}
.details-table-div.events .error {
  font-size: 1.6em;
  line-height: 1.5em;
  letter-spacing: 0.03125em;
}
/* events */
.icon-chevron-sign-left,
.icon-chevron-sign-right {
  color: green;
}
.icon-remove-sign {
  color: #00427b;
}
.fa:hover {
  text-decoration: none;
}
.fa.alert {
  color: #E42C2D;
}
.fa.warning {
  color: #00427b;
}
/* VHR details */
.detail-data td {
  padding: 0.5em 0.25em;
  vertical-align: top;
  border: medium solid transparent;
}
.detail-data .separator td {
  font-size: .5em;
}
#history-tab-data .information-source {
  margin-left: .6em;
}
.clear_after:after {
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clear {
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* glossary */
.glossary h2 {
  font-size: 1.6em;
  line-height: 1.5em;
  letter-spacing: 0.03125em;
  color: #4d4d4d;
  margin-top: 1em;
  margin-bottom: .5em;
  border-bottom: thin solid #dddddd;
}
dt.glossary {
  font-size: 1.6em;
  line-height: 1.5em;
  letter-spacing: 0.03125em;
  font-weight: bold;
  color: #4d4d4d;
}
dd.glossary {
  font-size: 1.6em;
  line-height: 1.5em;
  letter-spacing: 0.03125em;
  padding-bottom: .2em;
  color: #888888;
}
/* Last inspections link */
.last_inspection a {
  font-size: 1.6em;
  line-height: 1.5em;
  letter-spacing: 0.03125em;
}
/* Contact info */
.vh_contact_info {
  margin-top: .5em;
}
.vh_contact_info .contact_info_separator {
  margin-bottom: .5em;
  height: 1px;
  width: 100%;
  border-top: 1px solid #b4b4b4;
  display: block;
}
.vh_contact_info .vh_contact_info_url > a {
  text-decoration: none;
  font-weight: bold;
}
.events-contact-info-show-on-small {
  display: none;
}
@media only screen and (max-width: 740px) {
  .events-contact-info-hide-on-small {
  display: none;
}
.events-contact-info-show-on-small {
  display: table-row;
}
.events-contact-info-show-on-small td {
  padding-top: 0;
}
.vh_contact_info .events-contact-info-hide-on-small {
  margin-top: 0;
}

}
/* error box */
.error {
  width: 100%;
  padding: 10% 0;
  color: #E87708;
  text-align: center;
}
/* mouseovers */
div.mo dl dd br {
  display: block;
  margin-bottom: 1em;
}
div.mo {
  position: absolute;
  z-index: 100;
  padding: .5em;
  background: #fac201;
  border: .1em solid #B4B4B4;
  border-radius: 0.5em;
  box-shadow: 1em 1em 1em #B4B4B4;
}
.highlights-box div.mo {
  left: 4em;
  top: 4.2em;
}
.mo dl {
  font-size: 1.2em;
  line-height: 1.5em;
  letter-spacing: 0.03125em;
  padding: 0.25em;
}
.mo dt {
  color: #00427b;
  font-weight: bold;
  padding-bottom: 0.5em;
}
.mo .red dt {
  color: #E42C2D;
}
.mo .green dt {
  color: #3BA52B;
}
.mo img.mo_fox {
  float: right;
  clear: right;
  width: 6em;
  height: 6.23em;
  margin: 0;
  padding: 0;
}
img.mo {
  cursor: help;
  padding: 0.5em 0.5em 0.5em 0;
}
span.mo_text {
  cursor: help;
  padding-bottom: 0 !important;
  border-bottom: thin dotted #00427B;
}
.highlights-box span.mo_text {
  border-color: black;
}
.mo-mileage-graph-header-info {
  max-width: 80%;
  top: 4em;
}
/***********************************************************************************************************************************************************************/
.detail-data td.col_2 {
  height: 1em;
}
.detail-data td.col_2.line {
  height: auto;
}
.detail-data {
  width: auto;
}
/*
	Overview section 
*/
.div4 {
  border-style: solid;
  border-width: .1em;
  border-color: transparent;
  border-radius: .2em;
  margin: .2em;
  padding: .8em;
  min-width: 17.6em;
  max-width: 24.8em;
  width: 22%;
  float: left;
  position: relative;
  /* pop-ups! */

}
.div4.double {
  min-width: 36.2em;
  max-width: 42.9em;
  width: 43%;
}
.div4.double div.box-content {
  float: left;
  margin-right: 1em;
}
.div4.cols-2,
.div4.cols-3 {
  width: 30.5%;
}
.div4.cols-2.double,
.div4.cols-3.double {
  width: 61.6%;
}
.div4.cols-1,
.div4.cols-1.double {
  width: 100% !important;
}
.div4.c-n {
  border-left-color: #dddddd;
}
.div4.r-n {
  border-top-color: #dddddd;
}
.div4.nl {
  clear: left;
}
/* overview section */
.section .highlight h2 {
  font-size: 1.6em;
  line-height: 1.5em;
  letter-spacing: 0.03125em;
  color: #4d4d4d;
  background: white;
  margin-bottom: 1em;
  border: none;
  margin: 0;
}
.section .highlight .fa.info {
  padding: 0 0 0.5em 0.5em;
}
.section img.icon {
  float: left;
  width: 5.5em;
  height: 5.7em;
}
.section #section-content-highlights img.eco_sticker {
  width: 6.5em;
  height: 6.5em;
}
.section #section-content-ownership img.icon {
  height: 5.5em;
}
.section .location_info img.icon {
  float: left;
  width: 5.5em;
  height: 5.8em;
}
.section .highlight-icon-text {
  font-size: 1.6em;
  line-height: 1.5em;
  letter-spacing: 0.03125em;
  align-items: center;
  height: 100%;
  margin-left: 4em;
}
.section .box .box_data {
  font-size: 1.2em;
  line-height: 1.5em;
  letter-spacing: 0.03125em;
}
.section .box,
.section .box_link {
  margin-top: .5em;
}
.section .box_data.subheader {
  font-size: 1.2em;
  line-height: 1.5em;
  letter-spacing: 0.03125em;
  font-weight: bold;
  color: #00427b;
  padding: .5em 0;
}
.section .age_info div.age {
  background-image: url("../images-svg/box/vehicle-age/calendar.svg");
  background-size: cover;
  width: 4.8em;
  height: 4.6em;
  font-weight: bolder;
  padding: 1em .5em .5em .5em;
  float: left;
}
.section .age_info div.age.year {
  margin-right: .5em;
}
.section .age_info .label {
  color: white;
  margin-top: .2em;
  margin-bottom: .3em;
  text-align: center;
}
.section .age_info .number {
  font-size: 2.4em;
  line-height: 1.5em;
  color: #4d4d4d;
  text-align: center;
}
.globe {
  width: 17.6em;
  height: 11.0em;
}
/* Popup Section */
.placeholder {
  visibility: hidden;
  position: static !important;
}
.popup {
  position: fixed;
  z-index: 16000;
  top: 0px;
  width: 100%;
  width: -webkit-fill-available;
  width: -moz-fill-available;
  width: -fill-available;
}
@media all and (max-width: 840px) {
  .popup {
  padding: 24px;
}

}
@media all and (min-width: 840px) {
  .popup {
  padding: 24px 0px;
}

}
.popup .box {
  padding: 18px 24px 18px 24px;
  border-radius: 6px;
  font-size: 16px;
  line-height: 24px;
}
.popup .box .header {
  display: flex;
}
.popup .box .header .title {
  display: flex;
  align-items: center;
  margin: 4px 0px 4px 0px;
}
.popup .box .header .title .icon {
  width: 48px;
  height: 48px;
  margin-right: 12px;
}
.popup .box .header .title .text {
  font-weight: bold;
}
.popup .box .header .toggle {
  margin-left: auto;
  align-self: center;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.popup .box .description {
  margin-top: 18px;
}
.popup .box .description #toggle-icon {
  transition-property: background-color;
  transition-duration: 0.5s;
  transition-timing-function: ease-in;
  transition-delay: 0.3s;
}
/* Blacklist */
.blacklist .box {
  border: 1px solid #F2B608;
  background-color: #FCF0CE;
}
.blacklist .box .header.title.icon {
  color: #F2B608;
}
/* Missing Data */
.missing-data .box {
  border: 1px solid #00427b;
  background-color: #deebf2;
}
.missing-data .box .header.title.icon {
  color: #00427b;
}
.dark-grey-text {
  color: #4d4d4d;
}
br.clear {
  clear: both;
}