/*============= Hero Banners 1- Salesman with Tablet =============*/
.heroBanner1 {
    display: flex; 
    background-image:url(../img/autocheck-members-hero-1.jpg);
    background-position: top;
    background-repeat: no-repeat;
	background-size:100% auto;
	margin-top:80px;
}

/*============= Hero Banners2 =============*/
.heroBanner2 {
    display: flex; 
    background-image:url(../img/autocheck-members-hero-2.jpg);
    background-position: top;
    background-repeat: no-repeat;
	background-size:100% auto;
	
}

/*============= Generic page for subpages 
ie. banners without pictures =============*/
.subpage-banner {
 	background: linear-gradient(to right,#525fa3 0,#3675a8 100%);
 	color: #fff;
 	margin-top:80px;
 	margin-bottom:30px;
 	padding-bottom:20px;
 	padding-top:25px;
}

.subpage-banner-account {
 	background-color: #fff;
 	color: #005098;
 	margin-top:80px;
 	margin-bottom:40px;
 	padding-bottom:20px;
 	padding-top:25px;
}

.subpage-banner-liftTool {
 	background-color: #fff;
 	color: #005098;
 	margin-top:80px;
 	margin-bottom:40px;
 	padding-top:25px;
}



.mobile-subpage-banner{
	display:none;
}

/*============= Template Box Styles=============
/*This is the inner box on template pages like login 
forgot password / etc*/

#template-box .box {
	background-color: #fff;
    border-radius: 15px 15px 15px 15px;
    -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
	padding: 30px;
}

#template-box .header{
	margin-top: 75px;
}

#template-box .autocheck-logo{
	height: 3.4rem;
}
#snapshot-error .autocheck-logo{
	height: 5.4rem;
}
#template-box .form-padding{
	padding-left:20%; padding-right:20%;
}

#snapshot-error .snapshoterror-email {
    word-wrap: break-word;
}
#signupButton {
    white-space: normal;
}

/*============= Contact Us Styles=============*/
#contactUs .box, #eliteDealer .box  {
 	background-color: #f4f4f4;
    border: 1px solid #e9e9e9;
    border-radius: 6px;
    top:0px;
    box-shadow: 0 4px 4px rgba(0,0,0,0.05);
}

#contactUs .box:hover,#eliteDealer .box:hover {
 	margin-top: -4px;
 	background:#f4f4f4;
 	box-shadow: 0 4px 30px rgba(0,0,0,0.05);
}

#contactUs .column-content-box {
    flex-grow: 0;
}

#contactUs .row-flex .flex-col,#eliteDealer .row-flex .flex-col {
    height: 100%;
    display: flex;
    flex-direction: column;
}

#contactUs .form-background{
	background-color: #eee;
	background-image: url(../img/background-gradient-1.gif);
	background-repeat:no-repeat;
	background-position-y:101%;
	background-position-x:center;
	margin-bottom:70px;
	margin-top:55px;
}

#contactUs .form-box{
	background-color:#fff; 
	border: 1px solid #fff;
	box-shadow: 0 3px 10px rgba(0,0,0,0.17);
	border-radius: 6px;
	width:100%; 
	padding:30px;
	position: relative;
	overflow:visible;	
	margin-bottom:50px;
}

#contactUs .form-box-header::before{
	content: "";
	display:block;
	height:7px;
	width:100%;
	margin:0 auto;
	border-radius: 5px 5px 0 0;
	background: linear-gradient(to right,#af1685 0,#1d4f91 100%);
}

#contactUs input[type=text],#contactUs input[type=email], #contactUs textarea  {
	border-radius: 4px 4px 0 0;
	background-color:#eee;
	border-bottom: 1px solid #63666a;
	border-top: 0;
	border-left: 0;
	border-right:0;
}   

#contactUs .drop-down  {
	border-radius: 4px 4px 0 0;
	background-color:#eee;
	border-bottom: 1px solid #63666a;
	border-top: 0;
	border-left: 0;
	border-right:0;
}   

#contactUs .drop-down:hover {
   border-bottom:1px solid #1D4D8E;
   background-color: #f4f4f4;
}

#contactUs input[type=text]:hover,#contactUs input[type=email]:hover, #contactUs select:hover,textarea {
   border-bottom:1px solid #1D4D8E;
   background-color: #f4f4f4;
}

#contactUs input[type=text].chars-left {
	border:none;
}   

#contactUs input[type=text].chars-left:hover {
	background-color:#eee;
}   

#contactUs select:required:invalid {
 	color: #999;
}  

#contactUs option {
 	color: #000;
}  

/* Use our own custom arrow so it looks good on all browsers */
#contactUs .select-arrow::after{
	content: "\f107";
	padding: 13px 35px;
	position:absolute;
	right:0;
	top:0;
	width:30px;
	text-align: center;
	font-family: FontAwesome;
	font-weight:bold;
	pointer-events:none;
	color:#999;
}

#contactUs select {
  appearance: none;       /* Remove default arrow */
  -webkit-appearance: none;
  -moz-appearance: none;
}

#contactUs select::-ms-expand {
  display: none; /* Hide the default arrow in Internet Explorer 10 and Internet Explorer 11 */
}

/* run reports page */

.runReports .heroBanner2 {
	margin-top:0;
}

.customerBar {
	margin-top:80px;
	box-shadow: inset 0px 8px 5px #d6d6d6;
	background-color: #fff;
}

.welcome_icon {
	height:35px;
}
.elite-img {
	height:35px;
}

.ford-img {
	height:60px;
}
.ford-spacing {
	padding-top:10px;
}
.single-vin-radio {
	background-color: #f6f6f6;
    padding-top: 6px;
    padding-bottom: 4px;
    border-radius: 0 .3rem .3rem 0;
    margin-top:1px;
}

.multi-vin-radio {
	background-color: #f6f6f6;
    padding-top: 5px;
    padding-top: 4px;
    border-radius: 0  0 .3rem .3rem;
    border: 1px solid #c8c8c8;
    border-top: hidden;
}

.upload-vin-radio {
	background-color: #f6f6f6;
    padding: 10px;
    border-radius: .3rem;
    border: 1px solid #c8c8c8;
    width:60%;
}

.upload-report-radio-spacer {
	padding-top:40px;
}

/* input[type='radio']:checked:after {
	    width: 15px;
        height: 15px;
        border-radius: 15px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: #00498f;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid white;
	} */



.runReports #vin {
	border-radius: .3rem 0 0 .3rem;
	border: 1px solid #c8c8c8;
}

 .single-vin-wrapper {
   margin-top:100px;
	margin-bottom:50px;
}

 .multipleReports {
   background-color: #f4f4f4; 
   margin-top:20px;
  
 }
 
 .multi_reports_title_section {
    padding-top: 29px;
    padding-left: 50px;
 }
 
 .multipleReports .multi-reports-box{
   border-radius: .6rem;  
   background-color:#ffffff;
   font-size:14px;
    margin-bottom:20px;
    padding-bottom:20px;
 }

 .custom-file-input.selected:lang(en)::after {
  content: "" !important;
}

.upload-custom-file {
  width:60%;
  margin-bottom:20px;
  margin-top: 27px;
}

.custom-file-input {
  white-space: nowrap;
}

/* single report options */

#options {
	font-size:14px;
	
}

#reportOptionsContainer {
	margin-top:80px;
	background: linear-gradient(to right,#426da9 0,#1d4f91 100%);
}

#options .reportOptionMenu {
  background: linear-gradient(to right,#426da9 0,#1d4f91 100%);
  color: #fff; 
  border-bottom:0;
  padding-top:25px;
  font-size:16px;
}

#options .cardbg {
  background: linear-gradient(to right,#426da9 0,#1d4f91 100%);
}

#options #collapseOptions {
 border-radius: 10px;
 background: #ffffff;
}

#options .optionsMiddleBox {
	border-left:1px solid #c8c8c8; 
	border-right:1px solid #c8c8c8;
}

#options .reportOptions_icon {
	height:35px;
	padding-right:10px;
}

#options .reportOptionsIconText {
	color:#035099; 
	font-weight:bold;
	font-size:16px;
}

#options .singleVinInput {
	border-radius: .25rem .25rem 0 0;
}

#options .extras {
	margin-bottom:1px;
	padding-top:5px;
}

#options .detailRadio {
	margin-bottom:0;
}

#options .singleVinBtn {
	padding-top:5px;
}


 #full-report .card-body.owner-body
      {
          padding-left: 24px;
      }
     
    /*   #full-report .mainScore {
        right: 41%;
  } */
 /* Overriding the css from bootstrap.min.css as part of QA fix will and only be limited to the popupbox which opens
 after clicking the Learn more about the AutoCheck Score link from full reports*/
 
 .aboutscorelightbox .text-center {
 	text-align:left !important;
 }
 
 .emailError {
	  font-weight:bold;
	  color:red;
	  font-size:120%;
	}
	
.badPorscheSpace {
	margin-top:100px;
}	

.noHistorySubTitle {
	font-weight:bold;
	color:#035AA6;
}

.noHistoryRecordCount {
	color:#035AA6;
	font-size:24px;
	font-weight:bold;
}


/*bad porsche html comes from reportserver, we want to reformat it so it fits members site*/

.changeBadPorsche .nohistory-main .nohistory-header {
	display:none;
}


.changeBadPorsche .nohistory-body,.changeBadPorsche #accident-report .nohistory-body {
    border: none;
    background-color: unset;
    font-size:20px;
    
}





/* Current Dashboard CSS */
#current-report-dashboard .dashboard-option-banner{
	background-color:#f4f4f4;
	-webkit-box-shadow: 0 6px 4px -4px #D7D7D7;
  	-moz-box-shadow: 0 6px 4px -4px #D7D7D7;
 	 box-shadow: 0 6px 4px -4px #D7D7D7;
}

#current-report-dashboard .subpage-banner {
 	margin-bottom:0px;
 }
 
#current-report-dashboard .print-options {
 	background-color:#ffff; 
 	border-top: 1px solid #cecece; 
 	border-right:1px solid #cecece; 
 	border-left:1px solid #cecece;
 	border-bottom:1px solid #cecece;
 	padding-top:10px;
 	border-radius: 10px 10px 10px 10px;
 }

#current-report-dashboard .dashboard-header {
	 background-color:#f4f4f4;
}

#current-report-dashboard .dashboard-report-button-banner {
	 background-color:#f4f4f4;
}

/*Bootstrap override for WCAG Contrast error*/
#current-report-dashboard .page-link{
	color:#2424FF;
}

#current-report-dashboard .page-item.disabled .page-link{
	color: #6c757d;	
}

#current-report-dashboard .odd-row-color{
 	background-color: #F0F0F0;
}
 	
#current-report-dashboard .even-row-color{
 	background-color: #fff;
}

#current-report-dashboard .no-history-margin{
 	margin-bottom:0px;
}

#current-report-dashboard .vin-header{
 	background-color: #717171; 
 	color:#fff;
}

#current-report-dashboard .print-column{
 	background-color:#004890;
 	height:100%;
}

#current-report-dashboard .print-column a{
 	color:#fff;
}

#current-report-dashboard .table-text{
 	color:#004890;
}

#current-report-dashboard legend{
 	display:none;
}

#current-report-dashboard .view-report img{
 	cursor:pointer;
}

#current-report-dashboard .dashboard-report{
 	display:none;
}

/* Usage Dashboard CSS */
#usage-dashboard .dashboard-report-button-banner {
	 background-color:#f4f4f4;
}

#usage-dashboard .dashboard-option-banner {
	 background-color:#f4f4f4;
}

#usage-dashboard .print-column a{
 	color:#fff;
}

#usage-dashboard legend{
 	display:none;
}

#usage-dashboard .odd-row-color{
 	background-color: #F0F0F0;
}
 	
#usage-dashboard .even-row-color{
 	background-color: #fff;
}

/*Bootstrap override for WCAG Contrast error*/
#usage-dashboard  .page-link{
	color:#2424FF;
}

#usage-dashboard .page-item.disabled .page-link{
	color: #6c757d;	
}

#usage-dashboard .page-item.active .page-link{
	z-index:1;
	color:#6c757d;
    background-color: #fff;
    border-color: #dee2e6;
}

#usage-dashboard .no-history-margin{
 	margin-bottom:0px;
 	padding-bottom:0px;
}

#usage-dashboard .vin-hover a:hover{
	text-decoration: underline;
}
	
#usage-dashboard .vin-hover a {
    color: #426da9;
    text-decoration: none;
}
	
#usage-dashboard .vin-hover a {
	cursor: pointer;
}

#usage-dashboard ul {
	list-style: none;
}

#usage-dashboard .print-label {
	display:none;
}

#usage-dashboard .header-row{
	background-color: #717171; 
	color:#fff;
}


/*Lift Tool Page*/

#liftTool .subText {
	color:#000;
}

#liftToolSelectors  li{
	border-radius:20px;
	border: 2px solid #999;
	margin:10px 5px;
	padding:15px;
	width:32%;
	background-color:#F4F4F4;
}

#liftToolSelectors li.active {
	background-color:#6D2978;
	border-color: none;
	color:#fff;
}

#liftToolSelectors .nav-link.active {
	color:#fff !important;
	background-color:#6D2978;
	border:none;
}

#liftToolSelectors .nav-tabs {
    display:none;
}

#liftToolSelectors .nav-tabs, #liftToolSelectors .nav-tabs .nav-link {
	border:none;
	padding:0;
}

#liftToolSelectors #dealers, 
#liftToolSelectors #dealerGroup,
#liftToolSelectors #fileUpload{
	width:57px;
	height:57px;
}

#liftToolSelectors .selectorTitle {
	font-weight:600;
	font-size:18px;
	color:#005098;
}

#liftToolSelectors .nav-link.active .selectorTitle {
	color:#fff !important;
}

#liftToolSelectors .selectorText {
	line-height:15px;
	margin:0;
}

#liftToolSelectors .active .purpleIcon{
	display:none;
}

#liftToolSelectors .whiteIcon{
	display:none;
}

#liftToolSelectors .active .whiteIcon{
	display:block;
}

#liftTool .mobilePill {
	border-radius: 20px;
	border: 1px solid #999;
    height: 90px;
    background-color: white;
    margin-bottom: 9px;
}

#liftTool .mobileLiftToolSelectors a{
	color: #000;
	text-decoration:none;
}

#liftTool .mobileLiftToolSelectors .selectorTitle {
	font-weight:bold;
	font-size:20px;
}

#liftTool .mobileLiftToolSelectors .selectorText {
	font-size:15px;
	line-height:15px;
	margin:0;
}

#liftTool .mobileLiftToolSelectors img {
	width:56px;
}

#liftTool .liftToolContentArea {
	min-height:500px;
	background-color:#fff; 
	margin-top:10px;
}

#liftTool .scroll-div {
	min-height: 450px;
	overflow-y: auto;
	height: 450px;
}

#liftTool .dg-scroll-div {
	min-height: 40px;
	overflow-y: auto;
	max-height: 250px;
}

#liftTool .display-none {
	display:none;
}

#liftTool .main-background {
	background-color:#F4F4F4;
}

#liftTool .dealer-list a {
    color: #426da9;
    text-decoration: none;
}

#liftTool .dealer-list a:hover{
	text-decoration: underline;
}
 
#liftTool .badge{ 
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #777777;
    border-radius: 10px;
}

#liftTool .list-group-item > .badge {
    float: right;
}

/*============= Elite Dealer Styles =============*/
#eliteDealer .marquee-image {
    max-width: 100%;
}

#eliteDealer .grey-br-section {
	background: #f4f4f4;
}

#eliteDealer .box {
 	background-color: #fff;
}

#eliteDealer .box:hover {
 	background:#fff;
}

#eliteDealer .box-no-bounce:hover {
  	margin-top: 0px;
  	 box-shadow: 0 4px 4px rgba(0,0,0,0.05);
 }
 
#eliteDealer .box-padding {
 padding-left:50px; 
 padding-right:50px;
} 

#eliteDealer .download-btn {
 font-size:1rem;
}

/*============= Major issues page Styles =============*/
#majorIssues h1{
	font-size: 24px;
	margin-top:100px;
	border-bottom: 1px solid #d1d1d1;
}

#majorIssues ul.brandingIssues {
  list-style-type: none;
  padding-left:0px;
} 

#majorIssues ul.brandingIssues> li {
  margin-bottom:10px;
}

#majorIssues .majorIssueToolTip{
	text-decoration: underline;
}

#majorIssues .brandingIssuehead{
	font-size:18px;
}

/*BBP T&C page*/
#BBP_tc ::marker, #BBP_cpo_tc ::marker {
	font-weight:bold;
}
#BBP_tc li.bbpTCalpha, #BBP_cpo_tc li.bbpTCalpha  {
	list-style-type: upper-alpha;
}
#BBP_tc li, #BBP_cpo_tc li {
	margin-bottom:10px;
}
#BBP_tc .bbp_subHeader, #BBP_cpo_tc .bbp_subHeader{
	font-size: 1.25rem;
	line-height: 1.22;
    font-weight: 500;
    margin-bottom: 12px;
   }

#BBP_tc .bbp_header, #BBP_cpo_tc .bbp_header{
	font-size: 32px;
    line-height: 1.22;
    font-weight: 400;
    margin-bottom: 12px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	/* IE10+ CSS styles go here */
	
	.upload-report-radio-spacer {
	padding-top:40px;
   }
    .single-vin-radio{
      padding-top:6px;
    }  
    
    .runReports #vin {
       padding: .5rem .75rem;
    }
   
}






@-moz-document url-prefix() { 
	/*firefox*/
   .runReports #vin {
       padding: .5rem .75rem;
    }
}