@charset "utf-8";
/* CSS Document */

.bhr-image-wrapper {
	text-align: center;
}

.bhr-text1 {
	font-size: 22px;
	font-weight: bold;
	color: #6a6b7c;
}

.bhr-text2 {
	font-size: 20px;
	color: red;
	font-weight: 600;
}

.bhr-text22 {
	font-size: 20px;
	color: green;
	font-weight: 600;
}

.bhr-text3 {
	line-height: 20px;
}

.bhr-text-wrapper {
	padding: 10px;
}

body{
	font-family: sans-serif;
	color:#52555a;
}

.build-wrapper{
	    padding: 100px 0px 100px 0px;
}


.condition-wrapper{
	margin-top: 10px;
}

 .history_report_box{
						 margin: 50px 0px 50px 0px;
                        border: solid 1px #ffb6b6;
                        padding: 20px;
                        background-color: #f5f4f4;
                        border-radius: 20px; 
					  }
					  
					  .history_report_button{
						  margin-top: 10px;
					  }
					  
					  .history_report_header{
                        font-size: 26px;
                        font-family: sans-serif;
                        font-weight: bold;
					  }  

input.form-control{
	
	font-size: 22px;
	/*width:300px;*/
}

.market-text1{
	font-size:20px;
	
}

.market-text2{
	font-size:20px;
	
}

.market-text3{
	text-align: center;
	line-height: 20px;
	font-size: 12px;
}	
	

.meter-text1{
	font-size: 70px;
    text-align: center;
    font-weight: 600;
    color: #52555a;
	margin-top: -20px;
	
}

.meter-text2{
	font-size: 18px;
	color: #05539d;
	text-align:center;
	margin-top: 20px;
}

.mmenu-footer{
	display:none;
}

.mmenu-header{
	display: none;
}

.octf-btn{
	    font-family: "Urbanist", Sans-serif;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0px;
    background-color: #3F78E0
	
	
}

.ot-button-wrapper{
	border: none;
    background-color: transparent;
}

.pb-low{
	background-color: #e5e5e5;
}

.pb-average{
	background-color: #cdcdcd;
}

.pb-high{
	background-color: #a7a7a7;
}

.rhs-avoid{
	    font-size: 36px;
    text-align: center;
    color: #e32726;
	
}

.rhs-card-header{
	background-color: #f5f5f5;
    /* width: 100%; */
    padding: 10px;
    border-bottom: 1px solid #b9b9b9;
    margin: -10px;
   /* box-shadow: 0px 3px 0px 0px #e5e4e4;*/
	
}

.rhs-wrapper{
	margin-top: 20px;
	padding: 10px;
}

.rvh-container{
	padding:50px;
}


.section-block {
	background-color: #f5f5f5;
    padding: 10px;
    /*border-radius: 20px;*/
	margin-bottom: 20px;
}

.success-check{
	font-size: 30px;
	color:green;
	padding-right: 10px;
}

.section-header {
	/*background-color: #1976d2;*/
	padding: 20px;
	outline: 1px solid #b33096;
    outline-offset: -10px;
}

.section-header2 {
	background: rgb(179,48,150);
background: linear-gradient(211deg, rgba(179,48,150,1) 0%, rgba(204,51,171,1) 100%);
	padding: 20px;
	margin: -10px;
	text-align: center;
	
}

.success-message{
	font-size: 30px;
}

.success-icon1 {
	font-size: 40px;
	color: green;
	padding: 0px 10px 0px 0px;
}

.summary-block-right {
	background-color: #f5f5f5;
	padding: 20px;
}

.summary-card-wrapper{
	outline: 1px solid #b9b9b9;
    outline-offset: -10px;
	margin-top: 20px;
}

.summary-card-header{
	padding: 10px;
}

.summary-icon{
	font-size: 80px;
     color: green;
	
}

.summary-icon-warning{
	font-size: 80px;
    color: red;
	
}
.th-text1{
	font-size: 16px;
}

.timeline{
	border-left: solid 16px #cdcbcd;
    display:flex;
}

.timeline-center{
		display:none;
		
		
	}

.timeline-image1{
	
	max-width: 60px;
}

.timeline-text1{
	align-self:flex-end;
	font-size: 30px;
	margin-left: -16px;
}

.timeline-text2{
	align-self:center;
	font-size: 24px;
	margin-left: -10px;
	color:red;
}

.timeline-text3{
	margin-left: 10px;
}

.timeline-wrapper1{
	padding: 20px;
}

.title-blocks{
	  /*  padding: 20px;*/
   
    border: 1px solid #bdbdbd;
    border-radius: 10px;
}

.title-record-description {
	padding-left: 30px !important;
}

.title-record-number {
	
	background-color: #f8f8f8;
	text-align: center;
}

.validate-header{
	padding: 20px;
        background-image: linear-gradient(180deg, #F3FAFE 0%, #F2295B00 100%);
	
}

.validate-image1{
	margin-top: 20px;
}

.validate-text1{
	font-size: 30px;
	color:#343f52;
	font-weight: 500;
}

.validate-text2{
	font-size: 20px;
	
}

.validate-text3{
	font-size: 24px;
	color:green;
	font-weight:600;
	
}

.validate-text3{
	font-size: 20px;
	
	
}

.validate-text4{
	font-size: 20px;
	
	
}

.validate-text5{
	font-size: 20px;
	
	
}


.validation-wrapper{
	margin-top: 60px;
	margin-bottom: 100px;
	
}

.value-summary-wrapper{
	
	margin-top: 20px;
}


.vehical-history-home-text1{
   font-family: "Urbanist",Sans-serif;
    font-size: 54px;
    font-weight: 400;
    line-height: 62px;
    margin-bottom:20px;
}

.vehical-history-home-text2{
        font-family: "Urbanist",Sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 34px;
    
}

.vehical-history-home-text3{
        font-family: "Urbanist",Sans-serif;
    font-size: 40px;
    font-weight: 400;
    line-height: 48px;
    
}

.vhr-button-wrapper{
	
	margin: 20px 0px 20px 0px;
}

.vhr-card{
	margin-top: 20px;
}

.vhr-container{
	padding: 20px;
}


.vhr-hidden-large{
	
}

.vhr-show-large{
	display:none;
}

.vhr-image1 {
	max-width: 100px !important;
	padding-top: 20px;
}

.vhr-image2 {
	max-width: 300px !important;
	padding:5px;
	
}

.vhr-image-wrapper1{
	max-width: 300px;
    margin-top: 20px;
    box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 12%);
    border: 1px solid #e7e7e7;
	border-radius: 8px;
	
	
}



.vhr-inner-wrapper {
	outline: 1px solid #b33096;
	/*outline-offset:-10px;*/
   /* border-radius: 10px;*/
   /* margin-top: 60px;*/
    /* box-shadow: 5px 5px 5px #dfdfdf; */
    padding: 20px;
}

.vhr-inner-wrapper2 {
	outline: 1px solid #b33096;
	outline-offset:-10px;
    /*border-radius: 10px;*/
    /*margin-top: 20px;*/
   
}

.vhr-list1{
	font-size:20px;
	margin-bottom:5px;
}

.vhr-list-wrapper{
	margin-top: 20px;
}

.vhr-progress-bar{
	
	height: 50px;
    margin-top: 20px;
}

.vhr-section-wrapper {
	margin-bottom: 60px;
	/*border: solid 1px gray;*/
}

.vhr-spacer1{
  height:140px;
}

.vhr-text1 {
	font-size: 18px;
	font-weight: bold;
	color: #6a6b7c;
}

.vhr-text2 {
	color: #1976d2;
}

.vhr-text3 {
	font-weight: 700;
}

.vhr-text4 {
	color: #05539d;
	font-weight: bold;
	font-family: sans-serif;
	font-size: 24px;
}

.vhr-text5 {
	color: #52555a;
	margin-top: -15px;
}

.vhr-text6 {
	color: #05539d;
	font-weight: bold;
	font-family: sans-serif;
	font-size: 30px;
}

.vhr-text6a {
	color: white;
	font-weight: bold;
	font-family: sans-serif;
	font-size: 30px;
}

.vhr-text7 {
	font-size: 26px;
	color: #05539d;
}

.vhr-text8 {
	font-size: 18px;
    /* font-weight: bold; */
	font-family: sans-serif;
	
}

.vhr-text9 {
	font-size: 15px;
   color: #52555a;
}

.vhr-text10{
	    font-size: 16px;
    margin-top: -5px;
}

.vhr-text11 {
	font-size: 18px;
	color: #05539d;
	margin-top: -4px;
	margin-bottom: 10px;
}

.vhr-text12{
	font-size: 22px;
	color: #05539d;
	text-align: center;
	
}

.vhr-text13{
	
	font-size: 14px;
    line-height: 16px;
}

.vhr-text14{
   margin-top: 10px;
    font-size: 22px;
}

.vhr-text-wrapper1{
	
	margin-bottom: 30px;
	/*margin-top: 100px;*/
}


.warning-icon1 {
	font-size: 40px;
	color: #ffc107;
	padding: 0px 10px 0px 0px;
}


@media screen and (max-width: 1199px) and (min-width:991px) {
	.rvh-container{
		padding:30px;
	}
	
	.summary-icon{
	font-size: 70px;
   
	
}

.summary-icon-warning{
	font-size: 70px;
    
	
}
	
	.vhr-text-wrapper1{
		
		margin-top: 0px;
	}

}

@media screen and (max-width: 991px) {
	
	.vhr-text-wrapper1{
		
		margin-top: 0px;
	}
	
	.meter-image-wrapper{
		margin:0 auto;
		max-width: 400px;
	}
	
	.timeline{
		display:none;
	}
	.timeline-center{
		display:block;
	    height:25px;
		width:50%;
		border-right: solid 16px #cdcbcd;
	}
	
	
	.vhr-hidden-large{
	display:none;
}

.vhr-show-large{
	display:block;
}
	
	.vhr-spacer1{
		height:100px;
	}
	
	.vhr-image-wrapper1{
		margin: 0 auto;
	}
	
	.vhr-text-wrapper1{
		text-align: center;
	}
	
	.vhr-summary{
		text-align: center;
	}
}



@media screen and (max-width: 575px) {
		.validation-wrapper{
	margin-top: 100px;
	margin-bottom: 100px;
	
}
	.title-record-description {
		padding: 10px 0px 10px 0px;
	}
}