/*breadcrumb*/
.breadcrumb { 
	overflow: hidden; 
	white-space: nowrap;
    height:100%;
    font-size:13px;
}

.breadcrumb div { 
	text-decoration:none;
	color: #fff;
	text-decoration: none; 
	padding: 4px 0 0px 25px;
	line-height: 16px;
	background: #3ea9d9;
    height:100%;
	position: relative; 
	display: inline-block;
	
}

.breadcrumb div:after { 
	content: " "; 
	display: block; 
	width: 0; height: 0;
	border-top: 34px solid transparent;       
	border-bottom: 34px solid transparent;
	border-left: 20px solid #3ea9d9;
	position: absolute;

	top: 50%; left: 100%;
	z-index: 2; 
	margin-top: -35px; 
}	


.breadcrumb div:first-child{
	padding-left: 10px;
}

.breadcrumb div.n2       { background:#6ebfe3; }
.breadcrumb div.n2:after { border-left-color:#6ebfe3; }
.breadcrumb div.n3       { background:#93cfea; }
.breadcrumb div.n3:after { border-left-color:#93cfea; }
.breadcrumb div.n4       { background:#B1D9EB;}
.breadcrumb div.n4:after { border-left-color:#B1D9EB;}
.breadcrumb div.n5       { background:#B6E0F3; }
.breadcrumb div.n5:after { border-left-color:#B6E0F3;}

.breadcrumb div:hover { background:#fe860e !important; }
.breadcrumb div:hover:after { border-left-color:#fe860e !important; }

.breadcrumb div:nth-child(2) {
    background: #6ebfe3;
}
.breadcrumb div:nth-child(2):after {
    border-left-color: #6ebfe3;
}
.breadcrumb div:nth-child(3) {
    background: #93cfea;
}
.breadcrumb div:nth-child(3):after {
    border-left-color: #93cfea;
}
.breadcrumb div:nth-child(4) {
    background: #C0E3F3;
}
.breadcrumb div:nth-child(4):after {
    border-left-color: #C0E3F3;
}

.breadcrumb .disabled {
     background:#FFFFFF !important;
     color:#fe860e;
}
.breadcrumb .disabled::after {
     border-left-color: #FFFFFF !important;
}

.breadcrumb .disabled:hover { background:#FFFFFF !important; }
.breadcrumb .disabled:hover:after { border-left-color:#FFFFFF !important; }