@CHARSET "UTF-8";
 .chevron-container{
     background-color:#009CD5;
     min-height:40px;
     font-size:12px;
}
 .breadcrumb{
     background-color:transparent;
}
 ul.chevron-breadcrumb{
     min-height:40px;
     line-height: 40px;
}
 ul.chevron-breadcrumb>li{
     min-height:40px;
     float: left;
}
 .chevron-breadcrumb>li{
     display:inline-table;
}
 .breadcrumb li a {
     color: white;
     text-decoration: none;
     padding: 0px 0px 0px 35px;
     position: relative;
     display: inline-block;
     text-align: center;
     text-transform: capitalize;
     display:table-cell;
     vertical-align:middle;
}
 .breadcrumb>li+li:before {
     padding: 0px;
     content:none;
}
 .breadcrumb li.chevron-active a:after{
     content: " ";
     display: block;
     width: 0;
     height: 0;
     border-top: 20px solid transparent;
     border-bottom: 20px solid transparent;
     border-left: 20px solid rgba(0,84,164,0.50);
     position: absolute;
     top: 81%;
     margin-top: -32px;
     left: 100%;
     z-index: 2;
}
 .chevron-active{
     background-color:rgba(0,84,164,0.50);
     font-family:worksans-bold;
}

.chevron-to-rotate > svg{
	behavior:url(-ms-transform.htc);  
  -moz-transform:rotate(180deg);  
  -webkit-transform:rotate(180deg);  
  -o-transform:rotate(180deg);  
  -ms-transform:rotate(180deg);
}

.checkout-steps.vaccine{
	background-color: #42568c;
}

 .chevron-active.vaccine{
	background-color: #476fb5;
   font-family:worksans-bold;
}

.breadcrumb li.vaccine.chevron-active a:after {
   border-top: 20px solid transparent;
   border-bottom: 20px solid transparent;
   border-left: 20px solid #476fb5;
}

.checkout-steps.injectable{
	background-color: #862D8D;
}

 .chevron-active.injectable{
	background-color: #ab2b80;
   font-family:worksans-bold;
}

.breadcrumb li.injectable.chevron-active a:after {
   border-top: 20px solid transparent;
   border-bottom: 20px solid transparent;
   border-left: 20px solid #ab2b80;
}