/* LAYOUT 1 */
.cbr_layout_1 .connessioni{
    border: 0px solid #efefef;
    padding: 20px 0;
}

.cbr_layout_1 .connessioni a{
    padding: 10px 30px;
    margin: 5px 5px 0 0;
    border: 1px solid var( --e-global-color-primary );
    border-radius: 50px;
    display: inline-block;
}

.cbr_layout_1 .history ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
}

.cbr_layout_1 .history li{
    margin: 0 0px 5px 0;
    border: 0px solid #666;
    border-left: 0;
    color: #666;
    border-radius: 0;
    display: inline-block;
    cursor: pointer;
    font-size: .8rem;
}
.cbr_layout_1 .history li span{
    display: inline-block;
    background: var(--e-global-color-primary);
    border-radius: 10px;
    padding: 2px 5px;
    color: white;
}
.cbr_layout_1 .history li::after{
    font-family: "Font Awesome 5 Pro";
    content : "\f054";
    margin-left: 5px;
    margin-right: 5px;
    font-size: 9px;
}
.cbr_layout_1 .history > ul > li:last-child::after{
    display: none;
}
.cbr_layout_1 .content{
    padding: 15px;
    background: #f4f4f4;
    border-radius: 10px;
}
.cbr_layout_1 .content h2.title{
    font-size: 1.2rem;
    font-weight: 600;
}
/* FINE LAYOUT 1 */
/* LAYOUT 2 */
.cbr_layout_2{
    display: flex;
    background: #f4f4f4;
    overflow: hidden;
    border-radius: 20px;
}
.cbr_layout_2 .history{
    flex: 0 0 25%;
}
.cbr_layout_2 .history:empty{
    display: none;
}
.cbr_layout_2 .history ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.cbr_layout_2 .history ul li{
    color: #fff;
    background-color: var(--e-global-color-primary);
    padding: 10px;
    cursor: pointer;
    border-top: 1px solid #FFBFE2;
    position: relative;
    transition: all 200ms ease-out;
    font-size: .9rem;
}
.cbr_layout_2 .history ul li:hover{
    background-color: #5d0a37;
}
.cbr_layout_2 .history ul li::after{
    content: ""; position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 10px 0 10px;
    border-color: #FFBFE2 transparent transparent transparent;
}
.cbr_layout_2 .history > ul > li:first-child{
    border: 0;
}
.cbr_layout_2 .history > ul > li:first-child::after{
    display: none;
}
.cbr_layout_2 .history > ul > li:last-child{
    box-shadow: 0 0 10px rgba(0,0,0,.5) inset;
}
.cbr_layout_2 .content{
    padding: 15px;
}
.cbr_layout_2 .content h2.title{
    font-size: 1.2rem;
    font-weight: 600;
}
.cbr_layout_2 .connessioni{
    border: 0px solid #efefef;
    padding: 0;
}

.cbr_layout_2 .connessioni a{
    padding: 5px 20px;
    margin: 5px 5px 0 0;
    border: 1px solid var( --e-global-color-primary );
    border-radius: 50px;
    display: inline-block;
    
}

/* FINE LAYOUT 2 */