/* Add here all your CSS customizations */
.page-header.parallax-index {
    margin: 0 0 0px;
	height:470px;
}
.banner-overlay
{
width:100%;
background:rgba(38,76,131,0.7);
position:absolute;
bottom:0;
padding:10px 0px;
}
.white-txt
{
color:#FFFFFF;
font-size:16px;
padding-top: 25px;
line-height: 20px;
}
.white-txt span
{
font-size:13px;
}
.search-outer
{
	background: rgba(0,0,0,0.4);
	padding: 25px 15px;
}
.search-outer-license-plate {

  	padding: 40px 15px;
}
.custom-carousel .carousel-indicators {
    bottom: -32px;
}
.custom-carousel .carousel-indicators .active {
    background-color: #0074ad;
	border: 1px solid #0074ad;
	width: 10px;
    height: 10px;
}
.carousel-indicators li {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 1px;
    background-color: #d6d6d6;
    background-color: rgba(214,214,214,10.0);
    border: 1px solid #d6d6d6;
	margin:0px 5px;
}
.custom-carousel .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    margin-top: -44px;
    font-size: 18px;
}


.new-carousel{
border:1px solid #E0E0E0;
width:100%;

}


.search-outer .form-control {
	border-radius: 0px;
	border: 1px solid #fff;
	}
.search-outer input[type=text]
{
	padding: 10px 10px;
	height: 44px;
	color: #999999;
	font-style: italic;
}
.search-outer input[type=text]:focus
{
	color: #000;
}
.search-outer .btn
{
border-radius: 6px;
}
.search-outer .btn-primary {
    color: #ffffff;
    background-color: #0088cc;
    padding: 10px 35px;
}
.txt-what
{
color:#000000;
padding-top:10px;
}
.make-model
{
padding-top:15px;
}
.make-model h2
{
font-size: 30px;
font-weight: bold;
color:#000;
margin:0;
padding-bottom:10px;
}
.unable-txt
{
color:#ff9600;
font-size:22px;
font-weight:bold;
padding-top:5px;
}
.what-txt
{
color:#ffffff;
font-size:16px;
}

.make-model .btn
{
border-radius: 6px;
}
.make-model .btn-primary {
    background-color: #0088cc;
    padding: 12px 35px;
}
.page-main-title
{
background-color: #171717;
border-bottom: 5px solid #CCC;
border-top: 5px solid #384045;
margin-bottom:30px;
padding-bottom:15px;
padding-top:5px;
}
.page-main-title h1
{
color:#FFFFFF;
padding:0;
margin:0;
border-bottom: 5px solid #0088cc;
display: inline-block;
font-size: 32px;
font-weight: 200;
position: relative;
}

.bepatient-section
{
padding-top:30px;
}
.bepatient-section h1 {
    font-size: 2.6em;
    line-height: 44px;
    margin: 0 0 0px 0;
    font-weight: 500;
}
.bepatient-section h2 {
color:#0088cc;
font-size: 4.1em;
font-weight: 300;
line-height: 42px;
margin: 10px 0 32px 0;
font-weight: 500;
}
.custom-panel
{
margin-bottom: 20px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
padding: 15px 15px 0px 15px;
}
.custom-panel .panel-default > .panel-heading {
    color: #333;
    background-color: #fff;
    border-color: #ddd;
}
.panel .panel-title
{
color: #000000;
font-weight: bold;
font-size:20px;
}
.panel .text-orange
{
color:#ec6300;
}
.panel .panel-footer {
    background-color: #e1e2e8 !important;
}


.panel .progress {
    height: 44px;
    background: #F3F3F3;
}
.panel .progress-bar {
    background-color: #EDA803;
}
.panel-footer p
{
color: #666679;
line-height: 24px;
margin: 0 0 8px;
text-align: center;
}
.panel-footer .text-exit
{
color:#000000;
font-weight:bold;
}
.report-summary .panel-default > .panel-heading {
    background-color:#0099FF;
}

.panel-default > .main-panel-heading {
    color: #333;
    background-color: #0088cc;
	padding: 10px 15px;
	border-bottom: 1px solid transparent;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.report-summary h3 {
	font-size: 1.3em;
	font-weight: bold;
    margin-bottom: 0px;
    text-transform:none;
	color:#FFFFFF;
}
.panel .text-primary {
    color: #fff;
    font-weight: bold;
}
.blue-text {
    color: #0087e8;
    font-weight: bold;
}
.report-summary h4 {
	font-size: 1.3em;
	font-weight: bold;
    margin-bottom: 5px;
    text-transform:none;
	color:#0877db;
}
.panel .text-primary a:hover{
color:#a6e1ff;
}
.summery-section{ }


.vehicle-history tr:nth-of-type(odd) {background: #eeeeee;}

.vehicle-history
{
}
.vehicle-history .form-control {
    background-color: #e4f0f3;
    background-image: none;
    border: 1px #d0d7da solid;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.vehicle-history select
{
padding:6px 10px;
width:100%;
}
.vehicle-history .btn {
border-radius: 6px;
}
.vehicle-history .btn-primary {
    background-color: #4483ef;
}
.top-gap
{
padding-top:10px;
}
.gap-report-summary
{
padding-top:40px;
}
.info-co
{
font-size:20px;
}
.red-check
{
color:#e91d1d;
font-size:20px;
}
.green-check-circle
{
color:#76a113;
font-size:20px;
}



.green-style
{
color:#a1e34a;
}
.search-white
{
color:#FFFFFF;
font-weight:bold;
}
.search-white a
{
color:#FFFFFF;
}
.search-white a:hover
{
color:#0099FF;
text-decoration:none;
}
.text-summary
{
color:#FFFFFF;
}
.site-panel
{
border:1px #b1b2b4 solid;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.site-panel .panel-heading {
    color: #fff;
    background-color: #00aff0 !important;
}
.site-panel .panel-heading2 {
    background-color: #00aff0;
	padding:10px;
	height:44px;
}
.site-panel .panel-heading2  h3 {
    font-size: 1.3em;
    font-weight: bold;
    letter-spacing: normal;
    line-height: 24px;
    margin-bottom: 33px;
    text-transform: none;
    color: #fff;
}


.owl-stage-outer h4 {
	font-size: 1.1em;
	margin: 0 0 0px 0;
	color: #005288;
	padding-top: 5px;
	font-weight: bold;
	
}
.owl-stage-outer p {
color: #000;
line-height: 24px;
margin: 0 0 0px;
font-size: 13px;
}

.text-body
{
color:#000000;
}
.head-vehicle
{
color:#005389;
font-size: 14px;
font-weight:bold;
}
.table-head
{
background-color:#bcbec0;
color:#000000;
text-align:center;
}
.table-head2
{
background-color:#bcbec0;
color:#000000;
padding:10px 0px;
}
.text-blue
{
color:#4483f0;
font-size:17px;
}

.safety-data tr
{
border-bottom:1px #999 dotted;
}
.safety-data td
{
padding:10px;
}
.safety-section h2 {
font-size: 1.8em;
font-weight: bold;
line-height: 42px;
margin: 0 0 0px 0;
}
.orange-star
{
color:#fdc700;
}
.maintenance-style .panel-default > .panel-heading {
	color: #333;
	background-color: #f5f5f5;
	border-color: #ddd;
}
.maintenance-style .panel .panel-title {
    color: #0088ce;
    font-weight: 300;
    font-size: 15px;
	font-weight: bold;
}
.maintenance-style .glyphicon {
    position: relative;
    top: 8px;
}
.main-title h2 {
    font-size: 1.2em;
    font-weight: bold;
    line-height: 23px;
    margin: 0 0 0px 0;
}

.maintenance-style h3 {
font-size: 1.2em;
font-weight: 300;
line-height: 23px;
margin: 0 0 0px 0;
padding-top: 14px;
}
.owner-style
{
color:#000000;
}
.border-style
{
border-bottom:1px #CCCCCC dashed;
margin-bottom:30px;
margin-top:30px;
}

		#myBar { 
			height: 40px;  /* Can be anything */
			position: relative;
			background:#CCCCCC;
			-moz-border-radius: 25px;
			-webkit-border-radius: 25px;
			border-radius: 25px;
			border:1px #ad753b solid;
		}
		#myBar > span {
			display: block;
			height: 100%;
			   -webkit-border-top-right-radius: 25px;
			-webkit-border-bottom-right-radius: 25px;
			       -moz-border-radius-topright: 25px;
			    -moz-border-radius-bottomright: 5px;
			           border-top-right-radius: 25px;
			        border-bottom-right-radius: 25px;
			    -webkit-border-top-left-radius: 25px;
			 -webkit-border-bottom-left-radius: 25px;
			        -moz-border-radius-topleft: 25px;
			     -moz-border-radius-bottomleft: 25px;
			            border-top-left-radius: 25px;
			         border-bottom-left-radius: 25px;
			background-color: rgb(43,194,83);
			background-image: -webkit-gradient(
			  linear,
			  left bottom,
			  left top,
			  color-stop(0, rgb(253,121,0)),
			  color-stop(1, rgb(255,228,28))
			 );
			background-image: -moz-linear-gradient(
			  center bottom,
			  rgb(253,121,0) 37%,
			  rgb(255,228,28) 69%
			 );
			-webkit-box-shadow: 
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			-moz-box-shadow: 
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			box-shadow: 
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			position: relative;
			overflow: hidden;
		}
		#myBar > span:after, .animate > span > span {
			content: "";
			position: absolute;
			top: 0; left: 0; bottom: 0; right: 0;
			background-image: 
			   -webkit-gradient(linear, 0 0, 100% 100%, 
			      color-stop(.25, rgba(255, 255, 255, .2)), 
			      color-stop(.25, transparent), color-stop(.5, transparent), 
			      color-stop(.5, rgba(255, 255, 255, .2)), 
			      color-stop(.75, rgba(255, 255, 255, .2)), 
			      color-stop(.75, transparent), to(transparent)
			   );
			background-image: 
				-moz-linear-gradient(
				  -45deg, 
			      rgba(255, 255, 255, .2) 25%, 
			      transparent 25%, 
			      transparent 50%, 
			      rgba(255, 255, 255, .2) 50%, 
			      rgba(255, 255, 255, .2) 75%, 
			      transparent 75%, 
			      transparent
			   );
			z-index: 1;
			-webkit-background-size: 50px 50px;
			-moz-background-size: 50px 50px;
			-webkit-animation: move 2s linear infinite;
			   -webkit-border-top-right-radius: 8px;
			-webkit-border-bottom-right-radius: 8px;
			       -moz-border-radius-topright: 8px;
			    -moz-border-radius-bottomright: 8px;
			           border-top-right-radius: 8px;
			        border-bottom-right-radius: 8px;
			    -webkit-border-top-left-radius: 20px;
			 -webkit-border-bottom-left-radius: 20px;
			        -moz-border-radius-topleft: 20px;
			     -moz-border-radius-bottomleft: 20px;
			            border-top-left-radius: 20px;
			         border-bottom-left-radius: 20px;
			overflow: hidden;
		}



.selectdiv { position: relative; width:100%; background-color:#FFFFFF;}
.selectdiv:after { content: '\f078'; font: normal normal normal 11px/1 FontAwesome; color:#000000;  right: 11px;   top: 3px;
    padding: 15px 0px 0px 8px; position: absolute;  pointer-events: none;	cursor:pointer;
}
select::-ms-expand {display: none;}
.selectdiv select {-webkit-appearance: none; -moz-appearance: none;
  appearance: none;  /* Add some styling */  width:100%;  padding:12px;  font-size: 14px;  color: #333;  background-color: #ffffff;
  background-image: none;  -ms-word-break: normal;  word-break: normal;  border:none;  border-radius:0px;  cursor:pointer;
}

.selectdiv2 { position: relative; width:100%; background-color:#FFFFFF;}
.selectdiv2:after { content: '\f078'; font: normal normal normal 11px/1 FontAwesome; color:#000000;  right: 11px;   top: 3px;
    padding: 15px 0px 0px 8px; position: absolute;  pointer-events: none;	cursor:pointer;
}
.selectdiv2 select {-webkit-appearance: none; -moz-appearance: none;  appearance: none;  /* Add some styling */  width:100%;  padding:12px;
  font-size: 14px;  color: #333;  background-color: #ffffff;  background-image: none;  -ms-word-break: normal;  word-break: normal;
  border:none;  border-radius:0px;  cursor:pointer;
}

.listselect {    position: relative;  width: 100%;  border-radius: 3px;  color: #333;  background-color: #e4f0f3;   border: 1px solid #b6bdbf; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom:10px;}
.listselect:after { content: '\25bc'; font: normal normal normal 9px/1 FontAwesome; color:#000000;  right: 11px;   top: 3px;
    padding: 8px 0px 0px 8px; position: absolute;  pointer-events: none;	cursor:pointer;
}
.listselect select {-webkit-appearance: none; -moz-appearance: none;
  appearance: none;  /* Add some styling */  width:100%;  padding:5px;  font-size: 12px;  color: #333;  background-color: #e4f0f3;
  background-image: none;  -ms-word-break: normal;  word-break: normal;  border:none;  border-radius: 5px;  cursor:pointer;
}
.sub-head{
font-size: 1em;
font-weight: bold;
margin-bottom: 10px;
color: #000;
}
.sub-head2{
font-size: 1em;
font-weight: bold;
margin-bottom: 10px;
color: #0877db;
}
.inner-gap
{
padding-bottom:60px;
}
.table-row
{
width: 71%;
text-align: center;
margin: 0 auto;
}
.tab-l
{
float:left;
}
.tab-r
{
float:left;
padding-left:5px;
}

.row-site
{
width:100%;
clear:both;
}
.vin-inner-title{
background-color: #00aff0;
padding: 10px;
height: 44px;
}


.social-col
{
width:31%;
float:right;
}
.facebook-icon,.twitter-icon
{
text-align:left;
}
.facebook-icon
{
float:left;
margin-left:10px;
}
.twitter-icon
{
float:right;
margin-left:10px;
}
.facebook-icon img,.twitter-icon img
{
float:left;
padding-right:5px;
}
.facebook-icon p, .twitter-icon p
{
line-height: 17px;
}
.btn-continue
{
width:50%;
float:right;
}
.btn-continue .btn {
    display: inline-block;
   /* padding: 6px 30px;*/
	}
.btn-continue .btn-primary {
    color: #ffffff;
    background-color: #4483ef;
    border-color: #0088cc #0088cc #006699;
}
.progress-page-space
{
padding-bottom:100px;
}
.padd-text
{
padding-top:10px;
padding-left:10px;
}

.detail-report-tbl{padding-top:20px;}
.detail-report-tbl table { width: 100%; border-collapse: collapse; 	}
.detail-report-tbl tr:nth-of-type(odd) {background: #eeeeee;}
.detail-report-tbl th { background: #bdbec0; color: #000; font-weight: bold;	}
.detail-report-tbl td, .detail-report-tbl th { text-align: left; border: 1px solid #c7c7c7;padding:5px; }

.detail-report-tbl2{padding-top:20px;}
.detail-report-tbl2 table { width: 100%; border-collapse: collapse; 	}
.detail-report-tbl2 tr:nth-of-type(odd) {background: #eeeeee; }
.detail-report-tbl2 th { background: #bdbec0; color: #000; font-weight: bold;	}
.detail-report-tbl2 td, .detail-report-tbl2 th { border: 1px solid #c7c7c7; padding:10px; }

.detail-report-tbl3{padding-top:0px;}
.detail-report-tbl3 table { width: 100%; border-collapse: collapse; 	}
.detail-report-tbl3 tr:nth-of-type(odd) {background: #eeeeee;}
.detail-report-tbl3 th { background: #bdbec0; color: #000; font-weight: bold;	}
.detail-report-tbl3 td, .detail-report-tbl3 th { text-align: left; border: 1px solid #c7c7c7;padding:5px; }

.detail-report-tbl4{padding-top:0px;}
.detail-report-tbl4 table { width: 100%; border-collapse: collapse; 	}
.detail-report-tbl4 tr:nth-of-type(odd) {background: #eeeeee;}
.detail-report-tbl4 th { background: #bdbec0; color: #000; font-weight: bold;	}
.detail-report-tbl4 td, .detail-report-tbl4 th { text-align: left; border: 1px solid #c7c7c7;padding:5px; }

.report-tbl{padding:20px 0;}
.report-tbl table { width: 100%; border-collapse: collapse; 	}
.report-tbl tr:nth-of-type(odd) {background: #fff; border-right: 1px solid #c7c7c7; border-top: 1px solid #c7c7c7; }
.report-tbl th { background: #fff; color: #000; font-weight: bold;	}
.report-tbl td, .report-tbl th { border-left: 1px solid #c7c7c7;padding:5px; border-top: 1px solid #c7c7c7;   }
.report-col-l { width:100%;  }
.report-col-r { width:100%; font-weight:bold; }
.report-tbl table { border-bottom: 1px solid #c7c7c7; }


.report-tbl2 {padding:20px 0; }
.report-tbl2 table { width: 100%; border-collapse: collapse; 	}
.report-tbl2 tr:nth-of-type(odd) {background: #eeeeee;}
.report-tbl2 th { background: #bdbec0; color: #000; font-weight: bold;	}
.report-tbl2 tr { border-bottom: 1px solid #c7c7c7;  border-right: 1px solid #c7c7c7;}
.report-tbl2 td, .report-tbl2 th { border-left: 1px solid #c7c7c7; padding:5px; }


.current-warrenty-tbl{ }
.current-warrenty-tbl table { width: 100%; border-collapse: collapse; 	}
.current-warrenty-tbl tr:nth-of-type(odd) {background: #eeeeee;}
.current-warrenty-tbl th { background: #bdbec0; color: #000; font-weight: bold;	}
.current-warrenty-tbl td, .current-warrenty-tbl th { text-align: left; border: 1px solid #c7c7c7;padding:5px; }

.vehicle-per-tbl{padding:20px 0px;}
.vehicle-per-tbl table { width: 100%; border-collapse: collapse; 	}
.vehicle-per-tbl th { background: #bdbec0; color: #000; font-weight: bold;	}
.vehicle-per-tbl td, .vehicle-per-tbl th { text-align: left; border: 1px solid #c7c7c7;padding:5px; }

.vehicle-spec-tbl{padding-bottom:20px;}
.vehicle-spec-tbl table { width: 100%; border-collapse: collapse; 	}
.vehicle-spec-tbl th { background: #bdbec0; color: #000; font-weight: bold;	}
.vehicle-spec-tbl tr:nth-of-type(odd) {background: #eeeeee;}
.vehicle-spec-tbl td, .vehicle-spec-tbl th { text-align: left; border: 1px solid #c7c7c7;padding:8px; } 


.nh-bull-tbl{padding-bottom:20px;}
.nh-bull-tbl table { width: 100%; border-collapse: collapse; 	}
.dnh-bull-tbl tr:nth-of-type(odd) { background: #eeeeee;}
.dnh-bull-tbl th { background: #bdbec0; color: #000; font-weight: bold;	}
.nh-bull-tbl td, .nh-bull-tbl th { text-align: left; border: 1px solid #c7c7c7;padding:5px; }

.background-grey
{
background-color:#F5F5F5
}
.emund-txt
{
font-size: 16px;
border-bottom: 1px solid #a0a0a0;
margin-bottom:13px;
padding-bottom:5px;
width:50%;
}

.det-report-col-l
{
width:65%;
float:left;
}
.det-report-col-r
{
width: 32%;
float:right;
}

.data-source{ }
.item img {width:100%;}

/* Responsive */
@media (max-width: 1200px) {
.summery-section .col-md-3 { display:none; }
.summery-section .col-md-9 { width:100%;} 
 }

/* For larger displays */
@media (min-width: 1200px) 
{
}
/* For smaller displays like laptops */
@media (min-width: 768px) and (max-width: 979px) 
{
.page-header.parallax-index {
    margin: 0 0 0px;
    height: 540px;
}
.make-model .col-sm-3
{
margin-bottom:8px !important;
width:100%;
}
.selectdiv select {
  width:100%;
}
.white-txt
{
padding-top: 0px;
}
.page-header-custom-background h1 {
    font-size: 28px;
    padding-top: 0px;
	margin:0;
}
.page-header-custom-background h1 span {
    color: #000;
    font-size: 16px;
	line-height:15px;
}
.search-outer .btn-primary {
    margin-top: 10px;
}
.custom-carousel .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    margin-top: -36px;
}

}
@media (max-width: 600px) 
{
  .ext-widget {
  display: none;
  }
}
/* For tablets & smart phones */
@media (max-width: 767px) 
{
  

  
.page-main-title h1
{
border-bottom: 2px solid #0088cc;
font-size: 22px;
}
.search-outer .btn-primary {
    margin-top: 10px;
}
.parallax {
    padding: 30px 0;
}
.make-model {
    padding-top: 0px;
}
.selectdiv select {
  width:100%;
}
.selectdiv,.selectdiv2 {
margin-bottom:10px;
}


.page-header.parallax-index {
    height: 525px;
}
.page-header-custom-background h1 {
    font-size: 24px;
	padding-top:0px;
	margin: 0 0 0px 0;
}
.page-header-custom-background h1 span {
    font-size: 16px;
	line-height:15px;
	padding-bottom: 10px;
}
.tab-l,.tab-r
{
width:100%;
}
.tab-r
{
padding-left:0px;
}

.social-col {
    width: 46%;
    float: none;
    margin: 12px auto 0 auto;
}

.btn-continue {
    width: 100%;
    float: none;
	margin-top: 10px;
}
.report-summary h3 {
    font-size: 0.9em;
}

/* table report-detail */
.detail-report-tbl table, .detail-report-tbl thead, .detail-report-tbl tbody, .detail-report-tbl th, .detail-report-tbl td, .detail-report-tbl tr { 	display: block; }
.detail-report-tbl thead tr { position: absolute; top: -9999px;	left: -9999px;}
.detail-report-tbl tr { border: 0px solid #ccc; }
.detail-report-tbl td { 	border: 0px solid #eee;	position: relative;	padding-left: 50%;}
.detail-report-tbl td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap;}
.detail-report-tbl td:nth-of-type(1):before { content: "Date :"; font-weight:bold; }
.detail-report-tbl td:nth-of-type(2):before { content: "Mileage :"; font-weight:bold;}
.detail-report-tbl td:nth-of-type(3):before { content: "Source :"; font-weight:bold;}
.detail-report-tbl td:nth-of-type(4):before { content: "Detail :"; font-weight:bold;}


.report-tbl table, .report-tbl thead, .report-tbl tbody, .report-tbl th, .report-tbl td, .report-tbl tr { 	display: block; }
.report-tbl tr {   border: 1px solid #ccc; }
.report-tbl td {position: relative; height:40px;	}
.report-col-l { width: 28%; float:left; font-weight:bold; }
.report-col-r { width:auto; float:left; font-weight:200; padding-left:5%; }
.report-tbl tr:nth-of-type(2n+1) { border-top: 0px solid #c7c7c7; border-bottom: 0px;}
.report-tbl td, .report-tbl th {   border-left: 0px solid #c7c7c7;}


.report-tbl2 td, .report-tbl2 th { text-align: left; }
.report-tbl2 table, .report-tbl2 thead, .report-tbl2 tbody, .report-tbl2 th, .report-tbl2 td, .report-tbl2 tr { display: block; }
.report-tbl2 thead tr { position: absolute; top: -9999px;	left: -9999px;}
.report-tbl2 tr { border-top: 0px solid #ccc;  border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 0px solid #c7c7c7;}
.report-tbl2 td { 	border-bottom: 1px solid #c7c7c7;	position: relative;	padding-left: 60%;}
.report-tbl2 td:before { position: absolute; top: 6px; left: 6px; width: 45%; white-space: nowrap;}
.report-tbl2 td:nth-of-type(1):before { content: "Type of records :"; font-weight:bold; }
.report-tbl2 td:nth-of-type(2):before { content: "Number of records :"; font-weight:bold;}
.report-tbl2 td:nth-of-type(3):before { content: "Report page number :"; font-weight:bold;}
.report-tbl2 table { border-top: 1px solid #c7c7c7;}



.current-warrenty-tbl table, .current-warrenty-tbl thead, .current-warrenty-tbl tbody, .current-warrenty-tbl th, .current-warrenty-tbl td, .current-warrenty-tbl tr { 	display: block; }
.current-warrenty-tbl thead tr { position: absolute; top: -9999px;	left: -9999px;}
.current-warrenty-tbl tr { border: 0px solid #ccc; }
.current-warrenty-tbl td { 	border: 0px solid #eee;	position: relative;	padding-left: 50%;}
.current-warrenty-tbl td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap;}
.current-warrenty-tbl td:nth-of-type(1):before { content: "COVERAGE NAME :"; font-weight:bold; }
.current-warrenty-tbl td:nth-of-type(2):before { content: "TYPE OF COVERAGE :"; font-weight:bold;}
.current-warrenty-tbl td:nth-of-type(3):before { content: "ORIGINAL WARRANTY :"; font-weight:bold;}
.current-warrenty-tbl td:nth-of-type(4):before { content: "ESTIMATED REMAINING :"; font-weight:bold;}


.market-listing-tbl table, .market-listing-tbl thead, .current-warrenty-tbl tbody, .market-listing-tbl th, .market-listing-tbl td, .market-listing-tbl tr { 	display: block; }
.market-listing-tbl thead tr { position: absolute; top: -9999px;	left: -9999px;}
.market-listing-tbl tr { border: 0px solid #ccc; }
.market-listing-tbl td { 	border: 0px solid #eee;	position: relative;	padding-left: 50%;}
.market-listing-tbl td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap;}
.market-listing-tbl td:nth-of-type(1):before { content: "IMAGE :"; font-weight:bold; }
.market-listing-tbl td:nth-of-type(2):before { content: "TITLE :"; font-weight:bold;}
.market-listing-tbl td:nth-of-type(3):before { content: "PRICE :"; font-weight:bold;}
.market-listing-tbl td:nth-of-type(4):before { content: "LOCATION :"; font-weight:bold;}
.market-listing-tbl td:nth-of-type(5):before { content: "LISTING :"; font-weight:bold;}


.vehicle-spec-tbl{padding:0px 0; }
.vehicle-spec-tbl table, .vehicle-spec-tbl thead, .vehicle-spec-tbl tbody, .vehicle-spec-tbl th, .vehicle-spec-tbl td, .vehicle-spec-tbl tr { 	display: block; }

.vehicle-spec-tbl tr:nth-of-type(odd) { border-left:0px solid #eeeeee; width:100%; }
.vehicle-spec-tbl td { 	border-bottom: 0px solid #999; border-bottom: 0px solid #999; border-right:0px solid #999; border-left:0px solid #fff;	position: relative; width:45%; float:left; min-height:40px;}


.detail-report-tbl2 td, .detail-report-tbl2 th {  padding:0px; }
.detail-report-tbl2 table, .detail-report-tbl2 thead, .detail-report-tbl2 tbody, .detail-report-tbl2 th, .detail-report-tbl2 td, .detail-report-tbl2 tr { 	display: block; }
.detail-report-tbl2 thead tr { position: absolute; top: -9999px;	left: -9999px;}
.detail-report-tbl2 tr { border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding-bottom:10px; padding-top:10px;}
.detail-report-tbl2 td { border: 0px solid #eee;	position: relative;	padding-left: 5%;}
.detail-report-tbl2 td:after { position: absolute; top: 6px; left: 6px; width: 100%; padding-right: 10px; white-space: nowrap; font-weight:bold; }
.view-text{ font-weight:bold; }
.detail-report-tbl2 table { border-bottom: 1px solid #c7c7c7;}


.detail-report-tbl3 table, .detail-report-tbl3 thead, .detail-report-tbl3 tbody, .detail-report-tbl3 th, .detail-report-tbl3 td, .detail-report-tbl3 tr { 	display: block; }
.detail-report-tbl3 thead tr { position: absolute; top: -9999px;	left: -9999px;}
.detail-report-tbl3 tr { border: 0px solid #ccc; }
.detail-report-tbl3 td { 	border: 0px solid #eee;	position: relative;	padding-left: 50%;}
.detail-report-tbl3 td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap;}
.detail-report-tbl3 td:nth-of-type(1):before { content: "Date :"; font-weight:bold; }
.detail-report-tbl3 td:nth-of-type(2):before { content: "Site of Title :"; font-weight:bold;}
.detail-report-tbl3 td:nth-of-type(3):before { content: "Record Type :"; font-weight:bold;}
.detail-report-tbl3 td:nth-of-type(4):before { content: "Mileage :"; font-weight:bold;}
.detail-report-tbl3 td:nth-of-type(5):before { content: "VIN :"; font-weight:bold;}


.detail-report-tbl4 table, .detail-report-tbl4 thead, .detail-report-tbl4 tbody, .detail-report-tbl4 th, .detail-report-tbl4 td, .detail-report-tbl4 tr { 	display: block; }
.detail-report-tbl4 thead tr { position: absolute; top: -9999px;	left: -9999px;}
.detail-report-tbl4 tr { border: 0px solid #ccc; }
.detail-report-tbl4 td { 	border: 0px solid #eee;	position: relative;	padding-left: 50%;}
.detail-report-tbl4 td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap;}
.detail-report-tbl4 td:nth-of-type(1):before { content: "Date :"; font-weight:bold; }
.detail-report-tbl4 td:nth-of-type(2):before { content: "Reporting Entity :"; font-weight:bold;}
.detail-report-tbl4 td:nth-of-type(3):before { content: "Details :"; font-weight:bold;}

.det-report-col-l
{
width:100%;
}
.det-report-col-r
{
width: 100%;
}
.data-source ul{ margin:0; }
.custom-carousel .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    margin-top: -127px;
    font-size: 27px;
}
.vin-inner-title, .aftersummary {
margin-top: 34px;
}
.ad-top {
  padding-top   : unset !important;
}
.ad-bottom {
  padding-bottom: unset !important;
}
}
/* For smartphones */
@media (max-width: 480px) 
{

.main-panel-next  {
  display: none;
}

.report-col-l { width: 36%; }
.emund-txt
{
width:100%;
}
.parallax {
    padding: 22px 0;
}
.site-panel .panel-heading2 {
    height: 66px;
}
.site-panel .panel-heading2 h3 {
    font-size: 1.2em;
}
.search-outer {
    background: rgba(0,0,0,0.4);
    padding: 14px 1px;
}

.white-txt {
    padding-top: 0px;
}
.make-model {
    padding-top: 0px;
}
.page-header-custom-background h1 span {
    font-size: 16px;
}
.make-model h2 {
    font-size: 18px;
	line-height: 20px;
	padding-top: 20px;
}
.social-col
{
width: 82%;
float: none;
margin: 12px auto 0 auto;
}
.vehicle-history .btn {
    margin: 10px 0px;
}
.owl-carousel {
    margin-top: 20px;
}
.custom-carousel .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    margin-top: -78px;
    font-size: 21px;
}
} 

@media (min-width: 100px) and (max-width: 320px) 
{
.report-col-l { width: 45%; }
.custom-carousel .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    margin-top: -68px;
}
}

.sidebar_link_active {
  background-color: #eee;
}
.sidebar_link_disabled {
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
}

.report_summary_entry {
  background-color: #e4f0f3;
  border: 1px #d0d7da solid;
  border-radius: 0px;
  padding: 5px 10px;
}

.summary_form_group div {
  margin-bottom: 5px;
}

#footer {
  margin-top: 20px;
}

.adunit-center {
  text-align: center;
  justify-content: center;
  margin: auto;
}

#myCarousel .img-responsive {
  aspect-ratio: 1.33; 
}

.ad-bottom {
  padding-bottom: 30px;
}
.ad-top {
  padding-top   : 30px;
}

.ad-unit {
  width: 320px;
  height: 100px;
}
  
#report .title_section {
    padding: 25px 30px 23px 30px;
}
#reportLogo {
    right: 25px !important;
    top: 10px !important;
}
#report .title_section .t1 {
    padding: 0px;
    position: relative;
    top: -5px;
}
#report .title_section div > span {
    top: 35px !important;
    right: 2px !important;
}
#report .generated-reportid > table {
    right: 80px !important;
    top: unset !important;
}
#report .title_section table {
	margin-top: 0px !important;
}
#report .section_header_content > .section_desc {
    padding: 0px 0px !important;
}

@media(min-width: 500px) {
  .ad-unit {
    width: 468px;
    height: 60px;
  } 
}
  
@media(min-width: 800px) {
  .ad-unit {
    width: 728px;
    height: 90px;
  }
}