.breadcrumb { 
	list-style: none; 
	overflow: hidden; 
    padding: unset;
    margin-bottom: auto;    
    background-color: transparent;
    border-radius: unset;
    padding: 0 28px;   
}
.breadcrumb li {
    overflow: hidden;
    padding: 0 40px 0 0;
	float: left; 
}

.breadcrumb li:only-child {
    overflow: hidden;
    padding: 0 40px 0 40px;
	float: left; 
}

.breadcrumb li:not(:first-child) {
        margin-left: -30px;
    
}

.breadcrumb li:not(:first-child) a {
        padding-left: 40px;
    
}

.breadcrumb li:not(:first-child) span {
        padding-left: 30px;
}

.breadcrumb li a {
	color: white;
	text-decoration: none; 
	padding: 15px 0 15px 0;
	background: red;                   /* fallback color */
	background: hsla(145, 86%, 19%,1); /*very first element box*/
	position: relative; 
	display: block;
	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 hsla(145, 86%, 19%,1); /*very first element arrow*/
	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;       
	border-bottom: 50px solid transparent;
	border-left: 30px solid white;
	position: absolute;
	top: 50%;
	margin-top: -50px; 
	margin-left: 1px;
	left: 100%;
	z-index: 1; 
}

.breadcrumb li:first-child a {
	padding-left: 10px;
}
.breadcrumb li:first-child 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 hsla(145, 86%, 19%,1); /*very first element arrow*/
	position: absolute;
	top: 50%;
	margin-top: -50px;
	left: 100%;
	z-index: 2; 
}

.breadcrumb li:nth-child(2) span       { background:        hsla(145, 75%, 35%,1); }
.breadcrumb li:nth-child(2) span:after { border-left-color: hsla(145, 75%, 35%,1); }
.breadcrumb li:nth-child(2) a       { background:        hsla(145, 80%, 25%,1); }
.breadcrumb li:nth-child(2) a:after { border-left-color: hsla(145, 80%, 25%,1); }
.breadcrumb li:nth-child(3) a       { background:        hsla(145, 80%, 30%,1); }
.breadcrumb li:nth-child(3) a:after { border-left-color: hsla(145, 80%, 30%,1); }
.breadcrumb li:nth-child(4) a       { background:        hsla(145, 85%, 35%,1); }
.breadcrumb li:nth-child(4) a:after { border-left-color: hsla(145, 85%, 35%,1); }
.breadcrumb li:nth-child(5) a       { background:        hsla(147, 70%, 42%,1); }
.breadcrumb li:nth-child(5) a:after { border-left-color: hsla(147, 70%, 42%,1); }
.breadcrumb li:last-child a {
	background: transparent !important;
	color: black;
	pointer-events: none;
	cursor: default;
}

.breadcrumb li a:hover { background: hsla(34,85%,25%,1); }
.breadcrumb li a:hover:after { border-left-color: hsla(34,85%,25%,1) !important; }


/********* span ****************/
    .breadcrumb li:last-child span {
	background: transparent !important;
	color: black;
	pointer-events: none;
	cursor: default;
}
    .breadcrumb li span {
	color: white;
	text-decoration: none; 
	padding: 15px 0 15px 0;
	background: red;                  
	background: hsla(145, 86%, 19%,1); 
	position: relative; 
	display: block;
	float: left;
}
.breadcrumb li span:after { 
	content: ""; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent;          
	border-bottom: 50px solid transparent;
	border-left: transparent; 
	position: absolute;
	top: 50%;
	margin-top: -50px; 
	left: 100%;
	z-index: 2; 
}

.breadcrumb > li + li:before {
   content: "";
}

/****nav bar*/
.navbar-collapse.collapse {
    display: inline !important;
}

.navbar-collapse ol {
    display: inline;
}

.navbar-right {
     width:113px;
  }

.btn-primary, .btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
    color: #fff;
    background-color: #658b6f;
    border-color: #658b6f;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: #54735c;
    border-color: #415947;
}

/* Panels */
.panel-footer {
    background-color: #e6e6e6;
    background-color: rgba(230, 230, 230, 1);
}