/* .region-breadcrumb{ */
.region--breadcrumb{
    position:relative;
    text-shadow : none;
    /* width:100%; */
    min-height:25px;
    /* border:3px solid green; */
    padding: 0 15px 0.25em;
}
.breadcrumb{
    position:relative;
    /* background : linear-gradient(180deg,rgb(10, 70, 87),rgb(86, 142, 158)); */
    width:100%;
    height:100%;
    /* margin-top:-7px; */
    display:flex;
    align-items: center;
    /* border:3px solid yellow; */
}
.breadcrumb #system-breadcrumb{
    display:none;
}
/* From class after upgrade */
.breadcrumb li {
    display: inline;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.breadcrumb ol{
    margin:0;
    padding:0;
}

.breadcrumb ol{
    background : linear-gradient(180deg,rgb(40, 121, 147),rgb(86, 142, 158));
    position:relative;
    margin-top:5px;
    display:flex;
    height:100%;
    width:100%;
    justify-content: flex-start;
    align-items:center;
    text-align: center;
    /* overflow-y: scroll; */
    /* border:1px solid magenta; */
}

.breadcrumb ol li{
    line-height : 25px;
    position:relative;
    text-align:center;
    /* margin-right:10px; */
    /* border-left: 1px solid red; */
    /* border-right: 1px solid red; */
    padding:0px 20px 0px 25px;
    transition : transform 0.2s;
    backface-visibility: hidden;
    transform: translateZ(0);
    /* border:1px solid white; */
    /* overflow: hidden; */
}

.breadcrumb ol li:nth-child(1){
    border-left: none;
}

.breadcrumb ol li:nth-last-child(1){
    border-right: none;
}

.breadcrumb ol li:hover{
    /* background : linear-gradient(180deg,rgb(40, 121, 120),rgb(86, 110, 158)); */
    transform: scale(1.03);
}
.breadcrumb ol li:hover a{
    color:ivory;
}
.breadcrumb ol li a,.breadcrumb ol li span{
    color:white;
    font-weight: 500;
    font-size:15px ;
}
.breadcrumb li:before {
    content: "";
}

/* .breadcrumb ol li a::before */
.breadcrumb ol li a::after{
    content:'';
    background-color: white;
    position:absolute;
    width:1px;
    font-size: 32px;
    right:0px;
    /* overflow-y:hidden; */
}
/* .breadcrumb ol li a::before{
    bottom:0px;
    background-color: black;
    height:20px;
    transform: rotate(45deg);
    transform-origin: -2px 18px;
} */
/* .breadcrumb ol li a::after{
    top:0px;
    height:20px;
    background-color: red;
    transform: rotate(315deg);
    transform-origin: -2px 2px;
} */
/* .x{
    background:rgb(10, 70, 87);
}
.y{
    background:rgb(86, 142, 158);
} */
/* .arrow{
    position: relative;
    display: flex;
    flex-direction: column;
    width: 10px; 
    /* height:100%; 
    border: 1px solid yellow;
}
.breadcrumb-top,.breadcrumb-bottom{
    position:relative;
    border: 1px solid red;
    width:5px;
    height: 50%;
    margin: 0px 2px;
}
.breadcrumb-top{
    transform: rotate(315deg);
    transform-origin: -2px 18px;
}
.breadcrumb-bottom{
    transform: rotate(45deg);
    transform-origin: -2px 2px; 
}*/

.arar{
	display: flex;
    flex-direction: row;
}
.ar{
	position: relative;
    display:flex;
    flex-direction: column;
    margin-right:5px;
}
.top, .bottom{
	position: relative;
	width: 1.5px;
    height: 10px;
  	background-color: white;
    /*margin: 2px 2px;*/
    
}
.top{
	bottom: -1px;/*-4px;*/
	/*height: 12px;*/
	transform: rotate(315deg);
}
.bottom{
	top: -3px;
	transform: rotate(45deg);
}

.breadcrumb ol .arar:last-child{
    display: none;
}