.breadcrumb {
padding: 0px;
background: #D4D4D4;
list-style: none;
overflow: hidden;
margin-top: 20px;
}
.breadcrumb>li+li:before {
padding: 0;
}
.breadcrumb li {
float: left;
}
.breadcrumb li.active a {
background: brown;
background: #ffc107 ;
}
.breadcrumb li.completed a {
background: brown;
background: hsla(153, 57%, 51%, 1);
}
.breadcrumb li.active a:after {
border-left: 30px solid #ffc107 ;
}
.breadcrumb li.completed a:after {
border-left: 30px solid hsla(153, 57%, 51%, 1);
}
.breadcrumb li a {
color: white;
text-decoration: none;
padding: 10px 0 10px 45px;
position: relative;
display: block;
float: left;
}
.breadcrumb li a:after {