@media (max-width: 767px) {
	.breadcrumb{
		flex-wrap:nowrap!important;
		overflow-x:scroll !important;
	}
	.col-md-12.brd {
		float: unset !important;
	}
}
.navbar-collapse.in {
    background: #e0e0e0;
}
.breadcrumb>li+li:before {
    content: '' !important;
}
.bg-light {
    background: #fff;
    border-radius: unset !important;
}
span.usrnmshw {
    color: #b3be7d !important;
}
.fa{
  color: #b3be7d !important;
}
.nav.side-menu>li.active, .nav.side-menu>li.current-page {
    border-right: 5px solid #b3be7d !important;
}

.bg-warning {
    background-color: #b3be7d!important;
}
.p-1 {
    padding: 1rem!important;
}
.text-white {
    color: #fff;
}
.breadcrumb {
    padding: 0px;
    background: #e0e1e2;
    list-style: none;
    overflow: hidden;
    margin: 4px 0;
}
.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    border-radius: .25rem;
}
.breadcrumb>li+li:before {
	padding: 0;
}
.breadcrumb li { 
	float: left; 
}
.breadcrumb li.active a {
	background: brown;                   /* fallback color */
	background: #676767b3;
}
.breadcrumb li.completed a {                /* fallback color */
	background: #676767;
}
.breadcrumb li.active a:after {
	border-left: 30px solid #676767b3;
}
.breadcrumb li.completed a:after {
	border-left: 30px solid #676767;
} 

.breadcrumb li a {
	color: #ffffff;
	text-decoration: none;
	padding: 6px 0 6px 45px;
	position: relative;
	display: block;
	font-size: 13px;
	float: left;
}
.breadcrumb li a:after {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-left: 30px solid hsl(210, 3%, 88%);
	position: absolute;
	top: 50%;
	margin-top: -50px;
	left: 100%;
	z-index: 2;
}	
.breadcrumb li a:before {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-left: 30px solid #f8f9fa;
	position: absolute;
	top: 50%;
	margin-top: -50px;
	margin-left: 1px;
	left: 100%;
	z-index: 1;
}	
.breadcrumb li:first-child a {
	padding-left: 15px;
}
/*.breadcrumb li a:hover {background: #e0e1e2;}
.breadcrumb li a:hover:after { border-left-color: #e0e1e2   !important; }*/