/*============= MEDIA QUERIES =============*/
/*============= Devices under 1199px (xl) =============*/
 @media (max-width: 1199.98px) {
     .upload-report-radio-spacer {
         padding-top: 18px;
    }
     #serviceData .overlay-box {
         margin-top: -53%;
         max-width: 65%;
         margin-left: 10px;
         font-size: 14px;
    }
     #serviceData .overlay-btn-txt{
         font-size: 13px;
    }
}
/*============= Devices under 992px (xl)============= */
 @media (max-width: 991.98px) {
     .navbar-wrapper {
         top: 0;
         bottom: 0;
         left: 0;
         right: -17px;
         overflow-y: scroll;
    }
     .navbar-collapse {
         position: fixed;
         top: 10px;
         left: 0;
         padding-left: 15px;
         padding-right: 15px;
         padding-bottom: 15px;
         width: 300px;
         height: 100%;
         background-color:#1D4F91;
         z-index: 99;
    }
     .navbar-collapse.collapsing {
         left: -75%;
         transition: height 0s ease;
    }
     .navbar-collapse.show {
         left: 0;
         transition: left 300ms ease-in-out;
    }
     .navbar-toggler.collapsed ~ .navbar-collapse {
         transition: left 500ms ease-in-out;
    }
     .navbar-nav .nav-link {
         color:#ffffff !important;
    }
     .navbar-nav .dropdown-menu{
         background-color:#426DA9;
    }
     .navbar-nav ul >li >a {
         color: #ffffff;
    }
     .menuArrow {
         font-size:24px;
         float:right;
         margin-top: 3px;
    }
     .marquee-image {
         padding-top: 20px;
    }
     .marquee-blue {
         margin-top: 57px;
    }
     .imageHoverBox figure:hover .imageHoverBox__container {
         height: 220px;
    }
     .tabs {
         display: none;
    }
     .tab_drawer_heading {
         background-color: #1d4f91;
         color: #fff;
         border-top: 1px solid #333;
         margin: 5px 0;
         padding: 5px 20px;
         display: block;
         cursor: pointer;
         -webkit-touch-callout: none;
         -webkit-user-select: none;
         -khtml-user-select: none;
         -moz-user-select: none;
         -ms-user-select: none;
         user-select: none;
    }
     .d_active {
         background-color: #1d4f91;
         color: #fff;
    }
     .tab_content {
         background: #eee;
    }
     .tab_container {
         border: none;
         border-top: none;
         padding: 25px 15px 5px 15px;
         background: #fff;
    }
     #options .optionsMiddleBox {
         border: none;
    }
     #manageAccount .manage-card {
         border:none;
         background-color: transparent;
    }
     #manageAccount .tab-content > .tab-pane {
         display: block !important;
         opacity: 1;
    }
     #manageAccount .accountContentArea {
         margin-top:0;
    }
     #current-report-dashboard .mobile-line-height {
         line-height: 30px;
    }
     #current-report-dashboard .new-line {
         display: inline-block;
         padding-left: 10px;
         font-weight:bold;
    }
    /*sample reports css start*/
     .greyback {
         display: none;
    }
     .tab_drawer_sample {
         background-color: #1d4f91;
         color: #fff;
         border-top: 1px solid #333;
         margin-top: -20px;
         margin-bottom: 15px;
         padding: 5px 20px;
         display: block;
         cursor: pointer;
         -webkit-touch-callout: none;
         -webkit-user-select: none;
         -khtml-user-select: none;
         -moz-user-select: none;
         -ms-user-select: none;
         user-select: none;
         display: block;
         transition: ease .5s;
         position: relative;
         text-align:center;
    }
     .tab_drawer_glossary {
         background-color: #f0f0f0;
         margin-bottom: 15px;
         display: block;
         cursor: pointer;
         -webkit-touch-callout: none;
         -webkit-user-select: none;
         -khtml-user-select: none;
         -moz-user-select: none;
         -ms-user-select: none;
         user-select: none;
         display: block;
         transition: ease .5s;
         position: relative;
    }
     .glossarylinksdiv {
         display: none;
    }
     .tab_drawer_sample::after {
         font-family: 'fontawesome';
         content: '\f078';
         font-weight: bold;
         font-size: 17px;
         position: absolute;
         right: 10px;
         top: 6px;
    }
     .sampletabLinks {
         margin-top: -20px;
    }
     .tabsnew {
         display: none;
    }
     .glossarytabs {
         display: none;
    }
     .tab_content_sample {
         border-top: 1px solid #333;
         margin: 5px 0;
         padding: 5px 20px;
         display: block;
         cursor: pointer;
         -webkit-touch-callout: none;
         -webkit-user-select: none;
         -khtml-user-select: none;
         -moz-user-select: none;
         -ms-user-select: none;
         user-select: none;
    }
     .sampleHeader {
         text-align: center;
         margin: auto 20px 20px 20px;
    }
     .vindecodeinfo {
         margin: 15px 15px 15px 15px;
    }
     .bbpboxinfo {
         margin: 15px 15px 15px 15px;
    }
     .mobileScore {
         margin-top: 20px;
    }
     .sample-name {
         margin-top: 100px;
         font-weight:bold;
    }
     #fullReports .flexUnset, #summaryReports .flexUnset {
         flex: unset;
         max-width: unset;
    }
    /*sample reports css end*/
     .nadaImage{
         width:80%;
    }
     #liftTool .card {
         border:none;
         background-color: transparent;
    }
     #liftTool .tab-content > .tab-pane {
         display: block !important;
         opacity: 1;
    }
     #liftTool .liftToolContentArea {
         margin-top:0;
    }
    /*Hide placeholder for smaller devices and display standard label instead */
     #liftTool ::-webkit-input-placeholder, #accountProfile ::-webkit-input-placeholder {
         color:transparent;
    }
     #liftTool ::-moz-placeholder, #accountProfile ::-moz-placeholder{
         color:transparent;
    }
     #liftTool :-ms-input-placeholder, #accountProfile :-ms-input-placeholder{
         color:transparent;
    }
     #liftTool ::placeholder, #accountProfile ::placeholder {
         color:transparent;
    }
     #serviceData .overlay-box {
         margin-top: -53%;
         max-width: 48%;
         margin-left: 75px;
         font-size: 15px;
    }
     #serviceData .overlay-btn-txt{
         font-size: 14px;
    }
    /*NMVTIS report*/
     .nmvtisPasswordAlertIcon{
         margin-left:auto;
         margin-right:auto;
    }
     .nmvtisChgPwdBtn{
         margin-left:120Px;
    }
     .nmctisPwdCancelBtn{
         margin-left:120px;
    }
    /*NMVTIS report*/
}
/*============= Devices under 768px (md)============= */
 @media (max-width: 767.98px) {
     .navbar-brand img{
         height: 2.0rem;
         width: auto;
    }
     #local-footer ul li {
         display: block;
         margin-bottom: 20px;
         padding-right: 0;
    }
     .imageHoverBox figure:hover .imageHoverBox__container {
         height: 100%;
    }
     .heroBanner1 {
         margin-top:57px;
    }
     .runReports .elite-img{
         height:32px;
         margin-top:11px;
    }
     .runReports .ford-img{
         height:52px;
         margin-top:11px;
    }
     .welcome_icon{
         height:32px;
         margin-top:11px;
    }
     .runReports .single-vin-title {
         font-size:1.5rem;
    }
     .runReports .btn {
         font-size: .8rem;
    }
     .customerBar {
         margin-top: 60px;
    }
    /*sample report css start*/
     .tab_drawer_sample {
         background-color: #1d4f91;
         color: #fff;
         border-top: 1px solid #333;
         margin-top: -20px;
         margin-bottom: 15px;
         padding: 5px 20px;
         display: block;
         cursor: pointer;
         -webkit-touch-callout: none;
         -webkit-user-select: none;
         -khtml-user-select: none;
         -moz-user-select: none;
         -ms-user-select: none;
         user-select: none;
         text-align:center;
    }
     .sample-name {
         margin-top: 80px;
         font-weight:bold;
    }
    /*sample reports css end*/
     .nadaImage{
         width:70%;
    }
     .reynoldsTable{
         margin-left:-30px;
    }
     .report-run {
         padding: 10px 0;
    }
     .report-run .vehicle-name {
         text-align:center;
         font-size: 1.8em;
         color: #066a9b;
         display: block;
         font-weight: bold;
         font-family: Helvetica;
    }
     #manageAccount #accountBbp .pageTitle, #manageAccount #accountProfile .pageTitle, #manageAccount #accountFaq .pageTitle, #serviceData .pageTitle, #fastLink .pageTitle, #pos .pageTitle{
         font-size:2rem !important;
         line-height:2.3rem;
         text-align:center;
    }
     #manageAccount #accountBbp .subPageTitle{
         font-size:1.25rem !important;
         line-height:1.6rem;
    }
     #manageAccount .accountContentArea {
         padding:30px 0 !important;
    }
     #serviceData .overlay-box {
         margin-top: -53%;
         max-width: 57%;
         margin-left: 35px;
         font-size: 14px;
    }
     #serviceData .overlay-btn-txt{
         font-size: 13px;
    }
    /*NMVTIS reports*/
     .disclosure-img {
         width:35%;
         text-align:center !important;
    }
     .disclosure{
         text-align:center;
         margin-bottom: 20px;
    }
     .disclosure-button{
         margin-bottom: 20px;
    }
     .nmvtisPasswordAlertIcon{
         text-align: center;
    }
     .nmvtisChgPwdBtn{
         margin-left:0Px;
    }
     .nmctisPwdCancelBtn {
         margin-left: 0px;
    }
     .nmvtis-vinsearchinput, .nmvtis-vinsearchsubmit{
         text-align: center !important;
    }
    /*NMVTIS reports*/
}
/*============= Devices under 576px (sm) =============*/
 @media (max-width: 575.98px) {
     .template-container {
         width: 100%;
    }
    
    .snapshot-container {
         width: 100%;
    }
    
    /*Don't display banner on small portrait devices */
     .heroBanner1, .heroBanner2 {
         background-image:none;
         display:block;
    }
     #template-box .form-padding{
         padding-left:5%;
         padding-right:5%;
    }
     .welcome_icon {
         display:none;
    }
     #template-box .header{
         display:none;
    }
     .mobile-subpage-banner{
         display:block;
    }
     .subpage-banner {
         margin-top:57px;
    }
    /*Remove bacgkround image on small potrait devices */
     #contactUs .form-background{
         background-color: #eee;
         background-image: none;
    }
     .welcome-txt {
         font-weight:normal;
    }
     #template-box .formPadding{
         padding-left:5%;
         padding-right:5%;
    }
     .single-vin-radio {
         background-image: linear-gradient(to right, #525fa3 , #3675a8);
         border-radius: unset;
         padding-top:0;
         border:none;
         background-color:unset;
    }
     .single-vin-wrapper {
         margin-top:10px;
         margin-bottom:0;
         padding-top:10px;
         background-image: linear-gradient(to right, #525fa3 , #3675a8);
         color:#fff;
    }
     .runReports #vin {
         border-radius: .3rem;
    }
     .upload-custom-file{
         width:80%;
    }
     .upload-vin-radio{
         width:80%;
    }
     .mobile-radio-space {
         line-height:30px;
    }
     .mobileManageAccountSelectors .selectorTitle {
         font-size: 17px;
    }
     .mobileManageAccountSelectors .selectorText {
         font-size: 13px;
         line-height: 13px;
    }
    /*sample reports css start*/
     .samplepageheader {
         width: 70%;
    }
     section.sampleheroBanner {
         background-image: none;
    }
     .sample-name {
         margin-top: 80px;
         font-weight:bold;
    }
     #accountFaq .accordion-bral .ac-label {
         font-size: 15px;
         line-height: 17px;
    }
     #accountFaq .faq-bbp{
         text-align:center;
    }
     #accountFaq .faq-bbp img{
         margin-left:0px;
    }
     #serviceData .overlay-box {
         margin-top: -55%;
         max-width: 58%;
         margin-left: 11px;
         font-size: 11px;
    }
     #serviceData .overlay-btn-txt{
         font-size: 11px;
    }
     #manageAccount #roiCalc .corner-title{
         border-radius: 1.25rem 1.25rem 0 0;
    }
     #manageAccount #roiCalc .corner-right{
         border-radius: 0 0 1.25rem 1.25rem;
    }
     #pos .btn-text {
         font-size: 13px;
    }
    /*NMVTIS reports*/
     .nmvtis-logo{
         width:60%;
    }
     .nmvtis-vinsearch-box{
         width: 260px;
    }
     .nmvtis-history-header{
         font-size: 16px;
    }
     .nmvtis-text{
         font-size: 13px !important;
    }
     .nmvtis-vinsearch-box{
         width: 220px;
    }
     #nmvtis-forgotPassword .btn, #nmvtis-Home .btn, #managePassword .btn, #nmvtis-noRecords .btn, #nmvtis-passwordChange .btn, #nmvtis-vinsearch .btn, #nmvtis-vinsearchMini .btn, #nmvtis-reportoptions .btn{
         font-size:1rem !important;
    }
     .download-disclosure{
         font-size:16px !important;
    }
    
    #BBP_tc .bbp_subHeader, #BBP_cpo_tc .bbp_subHeader{
	font-size: 1rem;
   }

   #BBP_tc .bbp_header, #BBP_cpo_tc .bbp_header{
	font-size: 25px;
   }
    /*NMVTIS reports*/


    #correctionRequest #include .date-font{
        font-size: 1rem;
    }

     #correctionRequest #include .upload-support-file {
         width: 100% !important;
     }

 }
/*============= Devices under 350px (super sm) =============*/
 @media (max-width: 350px) {
     .sampleReports-hp .btn {
         font-size:.80rem;
    }
     .mobileManageAccountSelectors .selectorTitle {
         font-weight: bold;
         font-size: 17px;
    }
     .mobileManageAccountSelectors .selectorText {
         font-size: 14px;
         line-height: 14px;
         margin: 0;
    }
     .mobileManageAccountSelectors .selectorText {
         font-size: 12px;
         line-height: 12px;
    }
     #liftTool .mobileManageAccountSelectors .selectorTitle {
         font-size: 17px;
    }
     #liftTool .mobileManageAccountSelectors .selectorText {
         font-size: 13px;
         line-height: 13px;
    }
     #serviceData .overlay-box {
         margin-top: -142px;
         max-width: 83%;
         margin-left: 9px;
         font-size: 11px;
    }
     #pos .dropdown {
         width:100% !important;
    }
     #pos .btn-text {
         font-size: 12px;
    }
     #nmvtis-forgotPassword .btn, #nmvtis-Home .btn, #managePassword .btn, #nmvtis-noRecords .btn, #nmvtis-passwordChange .btn, #nmvtis-vinsearch .btn, #nmvtis-vinsearchMini .btn, #nmvtis-reportoptions .btn{
         font-size:0.7rem !important;
    }

}
/*============= Devices under 300px (super sm) =============*/
 @media (max-width: 300px) {
     .templateScore {
         height: 80%;
         width: 80%;
    }
}
/*============ BOOTSTRAP BREAK POINTS:============*/
/*============Extra small (xs) devices (portrait phones, less than 576px) No media query since this is the default in Bootstrap============*/
/*============Small (sm) devices (landscape phones, 576px and up)============*/
 @media (min-width: 576px) {
     .template-container {
         width: 80%;
    }
    
    .snapshot-container {
         width: 80%;
    }
    
     #template-box .header{
         margin-top: 10px;
    }
     .single-vin-wrapper {
         margin-top:8px;
         margin-bottom:0;
    }
     section.samplepageheader {
         width: 70%;
         size: 20px;
    }
     #manageAccount #roiCalc .corner-title{
         border-radius: 1.25rem 1.25rem 0 0;
    }
     #manageAccount #roiCalc .corner-right{
         border-radius: 0 0 1.25rem 1.25rem;
    }
     .nmvtis-vinsearch-box{
         width: 365px;
    }
}
/*============Medium (md) devices (tablets, 768px and up)============*/
 @media (min-width: 768px) {
     .template-container {
         width: 70%;
    }
    
    .snapshot-container {
         width: 70%;
    }
    
     #template-box .header{
         margin-top: 30px;
    }
     .dropdown-menu .dropdown .dropdown-menu {
         margin:0;
         border-width: 1px;
    }
     .single-vin-title {
         font-size:1.5rem;
    }
     .noAccidentIcon {
         margin-left:30%;
    }
     .accidentIcon {
         margin-right:30%;
    }
     .logoButton {
         font-size:14px;
    }
    /*NMVTIS reports*/
     .disclosure-img {
         width:65%;
    }
     .nmvtisHistory{
         padding-left: 20px !important;
    }
     .invalidvin-search-header, .special{
         padding-left: 20px !important;
    }
    /*NMVTIS reports*/
}
/*============Large (lg) devices (desktops, 992px and up)============*/
 @media (min-width: 992px) {
     #eliteDealer .download-btn {
         font-size:0.9rem;
    }
     .template-container {
         width: 60%;
    }
    
    .snapshot-container {
         width: 60%;
    }
    
     #template-box .header{
         margin-top: 65px;
    }
    /*Blue line to left of menu word*/
     .navbar-nav > li.dropdown:hover > a:before {
         position: absolute;
         content: "";
         background: #1d4f91;
         left: 0;
         top: 0;
         bottom: 0;
         margin: auto 0;
         display: inline-block;
         height: 20px;
         width: 4px;
    }
     .nav-link {
         color: #333333 !important;
    }
     .nav-link:hover {
         color:#af1685 !important;
    }
     .navbar-nav > li.dropdown:hover > a {
         color: #af1685 !important;
    }
     .menuArrow {
         display:none;
    }
     .comercial-reports-section img {
         max-width:75%;
    }
     .single-vin-wrapper {
         margin-top:25px;
         margin-bottom:15px;
    }
     .single-vin-title {
         font-size:2.5rem;
    }
     #options .btn {
         font-size:.8rem;
    }
    
    #options .option-button{
		font-size:1rem;
	}

    
     #manageAccount .nav-tabs {
         display: flex;
    }
     #manageAccount .manage-card {
         border: none;
    }
     #manageAccount .manage-card-header {
         display:none;
    }
     #manageAccount .card .collapse{
         display:block;
    }
     #manageAccount .accountContentArea {
         box-shadow: 0 -4px 8px 0px rgb(0 0 0 / 15%);
    }
     #manageAccount #accountBbp .accountBbpButtonRow {
         justify-content:normal !important;
    }
     #options .singleVinBtn .btn {
         font-size:.8rem;
    }
     #current-report-dashboard .currentReports .form-check-inline {
         margin-right:0;
    }
     #current-report-dashboard .currentReports .form-check-inline input {
         margin-right:0;
    }
     #current-report-dashboard .new-line {
         display: block;
    }
     .sampleReportsContainer {
         position: relative;
         width: 1050px;
         text-align: left;
         margin: 13px auto 0 auto;
    }
     .sampleHeader {
         text-align: left;
    }
     .tab_drawer_sample {
         display: none;
    }
     .tab_drawer_glossary {
         display: none;
    }
     .sample-name {
         margin-bottom: 50px;
         margin-left: 20px;
         margin-top: 30px;
         font-weight:bold;
    }
     .sampletabLinks {
         margin-left: -140px;
    }
     .sampleContainer{
         width: 970px !important;
         margin-top:130px;
    }
    /*Lift Tool*/
     #liftTool .nav-tabs {
         display: flex;
    }
     #liftTool .card {
         border: none;
    }
     #liftTool .card .card-header {
         display:none;
    }
     #liftTool .card .collapse{
         display:block;
    }
     #manageAccount #roiCalc .corner-title{
         border-radius: 1.25rem 0 0 1.25rem;
    }
     #manageAccount #roiCalc .corner-right{
         border-radius: 0 1.25rem 1.25rem 0;
    }
    /*NMVTIS reports*/
     .disclosure-img {
         width:65%;
    }
     .nmvtisHistory{
         padding-left: 20px !important;
    }
     .invalidvin-search-header, .special{
         padding-left: 20px !important;
    }
    /*NMVTIS reports*/
}
/*============Extra (xl) large devices (large desktops, 1200px and up)============*/
 @media (min-width: 1200px) {
     .template-container {
         width: 38%;
    }
    .snapshot-container {
         width: 50%;
    }
     .single-vin-wrapper {
         margin-top:50px;
         margin-bottom:25px;
    }
     #options .btn {
         font-size:.8rem;
    }
    
    #options .option-button{
		font-size:1rem;
	}
    
     #manageAccountSelectors .brandedMaterialTextCol{
         padding-left:0;
    }
     .samplepageheader {
         width: 28%;
    }
     .sampleHeader {
         text-align: left;
    }
     .tab_drawer_sample {
         display: none;
    }
     .tab_drawer_glossary {
         display: none;
    }
     .homeContent {
         width: 1080px !important;
         clear: both;
         margin: 13px auto auto auto;
    }
     .sample-name {
         margin-bottom: 50px;
        /* margin-left: 20px;
         */
         margin-top: 30px;
         font-weight:bold;
    }
     .sampletabLinks {
         margin-left: -140px;
    }
     #serviceData .overlay-box {
         margin-top: -53%;
         max-width: 55%;
         margin-left: 40px;
         font-size: 14px;
    }
     #serviceData .overlay-btn-txt{
         font-size: 13px;
    }
     #eliteDealer .download-btn {
         font-size:1rem;
    }
    /*NMVTIS reports*/
     .disclosure-img {
         width:65%;
    }
     .nmvtisHistory{
         padding-left: 70px !important;
    }
     .invalidvin-search-header, .special{
         padding-left: 70px !important;
    }
    /*NMVTIS reports*/
}
/*============= Extra (xxl) large devices =============*/
 @media (min-width: 1500px) {
     .container {
         max-width: 1470px !important;
    }
     #template-box .header{
         margin-top: 70px;
    }
     .template-container {
         width: 38%;
    }
    
    .snapshot-container {
         width: 45%;
    }
    
     .single-vin-wrapper {
         margin-top:100px;
         margin-bottom:50px;
    }
     .upload-report-radio-spacer {
         padding-top: 61px;
    }
     #options .singleVinBtn .btn {
         font-size:1rem;
    }
     .radioDistance {
         padding-right:6rem;
    }
     #manageAccountSelectors #accountProfile {
         width:64px;
    }
     #manageAccountSelectors #brandedMaterial {
         width:45px;
    }
     #manageAccountSelectors #buyback{
         width:64px;
    }
     #manageAccountSelectors #fastlink{
         width:67px;
         height:67px;
    }
     .sampleReportscontainer {
         max-width: 1470px !important;
         position: relative;
         text-align: left;
         margin: 13px auto 0 auto;
    }
    /* sample reports start*/
     .tab_drawer_sample {
         display: none;
    }
     .tab_drawer_glossary {
         display: none;
    }
     .sampleHeader {
         text-align: left;
    }
     .sampleReport-name {
         font-size: 30px;
    }
     .sample-name {
         margin-bottom: 50px;
        /* margin-left: 150px;
         */
         margin-top: 30px;
         font-weight:bold;
    }
     .sampletabLinks {
         margin-left: -140px;
    }
    /* sample reports end*/
     #serviceData .overlay-box {
         margin-top: -53%;
         max-width: 47%;
         margin-left: 100px;
         font-size: 16px;
    }
     #serviceData .overlay-btn-txt{
         font-size: 15px;
    }
     .nmvtisHistory{
         padding-left: 20px !important;
    }
     .invalidvin-search-header, .special{
         padding-left: 0px !important;
         margin-left: -10px !important;
    }
}
/*##########################################################################################*/
/* IE */
/*##########################################################################################*/
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* IE10+ CSS styles go here */
     .upload-report-radio-spacer {
         padding-top:40px;
    }
}
/*##########################################################################################*/
/* Firefox */
/*##########################################################################################*/
 @-moz-document url-prefix() {
     .upload-report-radio-spacer {
         padding-top:76px;
    }
     .single-vin-radio{
         padding-top:11px;
    }
}