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

body {
	background:#F6F6F6;
	font-family: 'Poppins', sans-serif;
	color:#474747;
	overflow-x: hidden;
}
:root{
	--primary: #E51937;
	--darker-color:#666;
}
.sitename {
	font-size:16px;
	font-weight:500;
	margin-bottom:0
}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
 color: #fff;
 background-color: var(--primary);
 border-color: #E51937;
}
.smltxt {
	color:#919191;
	font-size:12px;
	margin-top:-3px;
	font-weight:400
}
.sm-btn-lang {
	font-size: 10px;
	height: 21px;
	padding-top: 2px;
	width: 26px;
	padding-left: 7px;
}
.text-primary {
	color: #E51937 !important
}
.card {
	border-radius: 16px;
	box-shadow:0 5px 15px rgba(0, 0, 0, 0.06)
}
.smallcard {
	border-radius: 6px;
	box-shadow:0 5px 15px rgba(0, 0, 0, 0.06);
	border:none;
	font-size:14px;
	font-weight:500
}
.smallcard a {
	text-decoration:none;
	color:#006EB3
}
.smallredarrow {
}
.dbavtar {
	height: 75px;
	width: 75px;
	background-size:cover;
	border-radius: 50%;
	box-shadow:0 5px 10px rgba(0,0,0,0.3);
	margin-bottom:10px;
}
.fnt11 {
	font-size:11px;
}
.fnt12 {
	font-size:12px;
}

.fnt14 {
	font-size:14px;
}
.usrtbl {
	font-size:12px;
	font-weight:400
}
.btn-primary {
	background-color:var(--primary);
	border-color: #E51937;
	border-radius:50px;
}
.btn-primary:hover {
	background-color:var(--primary);
	border-color: #E51937;
	border-radius:50px;
}
.btn-link{ padding:6px; color:#6A6A6A; border:1px solid #DCDCDC; text-decoration:none; font-size:13px; border-radius:0; text-align:left}
.btn-link{color:#6A6A6A; border:1px solid #DCDCDC !important; border-radius:0}
.btn-info{ background-color:var(--primary); border-radius:0; border:none; color:#fff; font-size:13px; width:100%; height:32px}
.btn-info:hover{ background-color:var(--primary); border-radius:0; border:none;color:#fff;}
.btn-tmng {border-radius:0; border:1px solid #DBDBDB; color:#474747; font-size:12px; background-color:#fff;}
.btn-tmng:hover {border:1px solid var(--primary) !important;background-color:var(--primary) !important; color:#fff !important;}
.textclaims {
	font-size:14px;
	font-weight:600;
	text-transform:uppercase
}
/* steps*/
  .steps {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1rem;
	position: relative;
	margin-bottom:15px;
}
.step-button {
	color:#d7d7d7;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	border: none;
	box-shadow:0px 0px 0px 4px white, 0px 0px 0px 7px #d7d7d7;
	background-color:#d7d7d7;
 	transition: .4s;
}
.step-button[aria-expanded="true"] {
	width: 25px;
	height: 25px;
	background-color: var(--primary);
	color: #fff;
}
.done {
	box-shadow:0px 0px 0px 4px white, 0px 0px 0px 8px var(--primary);
	background:var(--primary);
	color: #fff;
}
.step-item {
	
	z-index: 10;
	text-align: center;
}
#progress {
	-webkit-appearance:none;
	position: absolute;
	width: 95%;
	z-index: 5;
	height: 3px;
	margin-left: 18px;
	margin-bottom: 22px;
}
/* to customize progress bar */
#progress::-webkit-progress-value {
 background-color: #CECDCD;
 transition: .5s ease;
}
#progress::-webkit-progress-bar {
 background-color: #CECDCD;
}
.step-title {
	
	font-size:11px;
	margin-top:10px;
	line-height:14px;
	height:20px;
}
  /*steps */
.form-check-input:checked {
	background-color: #258cfb;
	border-color: #258cfb;
}
.w110{width:110px}
.frmlbl{font-weight:500; color:#000}
  .sectionh5{font-size:16px; font-weight:600; color:#000; padding-left:10px; border-left:6px solid var(--primary)}
  .vehiclinfo{position:relative;width:320px; margin-bottom:10px; font-size:14px}
  .vedit {position:absolute; right:0px; top:0px; }
  .vname{font-size:13px; font-weight:600; color:#000; font-size:14px;}
  .vaddress{font-size:12px; color:#6A6A6A}
  .plcyno{font-size:13px; font-weight:600; margin-bottom:5px; color:#000}
  .plcyhone{font-size:13px; font-weight:400; margin-bottom:5px;}
  .plcydedct{font-size:13px; margin-top:-5px;}
  .form-select{border-radius:0}
  .form-control{border-radius:0}
  
  /*checkbox*/
  
.checkbox-group {
  display: flex;
  flex-wrap: wrap;
  /*justify-content: center;*/
  margin: 0 auto;
 
}

.checkbox-input { display: none; }

.checkbox-tile {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  /*justify-content: center;
  border-radius: 0.5rem;*/
  border: 1px solid #cdcdcd;
  background-color: white;
  
  transition: 0.25s ease;
  cursor: pointer;
  border-radius:0;
  padding:3px; 
 
 
}

.checkbox-group > * {
  margin: 0.5rem;
}

.checkbox-icon ion-icon {
  font-size: 3rem;
}
/* checkbox icon */
.checkbox-tile::before {
  content: "";
  position: absolute;
  width: 1.25rem;
  height: 1.25rem;
  border: 3px solid var(--darker-color);
  border-radius: 50%;
  /*top: 0.25rem;*/
  left: 00.25rem;
  transition: 0.25s ease;
  background-image: url("../images/check_blu.png");
  background-size: 35px;
  background-position: 50%;
  transform: scale(0);
   
}

.checkbox-tile:hover::before {
  transform: scale(1);
}

.checkbox-tile:hover {
  border-color: #003da5;
  background:#f0f8ff;
  
}

.checkbox-icon {
  transition: 0.5s ease;
  color: var(--dark-color);
}

.checkbox-label {
  color: var(--dark-color);
  transition: 0.4s ease;
  font-weight: 500;
}

/* checked */
.checkbox-input:checked + .checkbox-tile {
  /*border-color: var(--primary-color);
  border-color:#4f44bc;*/
  background-color:var(--primary);
  border-radius:0px;
  color:#fff;
  border-color:transparent;
} 

.checkbox-input:checked + .checkbox-tile::before {
  /*border-color: var(--primary-color);
  background-color: var(--primary-color); background-color: var(--primary);*/
  border-color: #fff;
 
  transform: scale(1);
} 

.checkbox-input:checked + .checkbox-tile .checkbox-icon,
.checkbox-input:checked + .checkbox-tile .checkbox-label {
  color: var(--primary);
}
  /*checkbox*/
  @media (max-width:500px){
	  #progress {width:83%}
	  .vehiclinfo{width:auto;}
	  .step-title {height:30px;}
	  #progress {width: 93%; margin-bottom: 36px;}
  }
  /*Nav Menu*/
.nav-link {
	color: black !important;
	background-color: white;
}

	.nav-link:hover {
		color: white !important;
		background-color: #E51937 !important;
	}

	.nav-link.active {
		color: white !important;
		background-color: #E51937 !important;
	}