.breadcrumb {
    border: solid 1px black;
    border-radius: 5px;
    margin: 10px 0;
}

.box-link{
    display: block;
    color: black;
    margin: 10px 0;
    text-decoration: none;
}

.breadcrumb>.box-link {
    margin: 0;
}

.box{
    color: white;
    padding: 10px 30px;
    margin: 5px;
    border-radius: 5px;
    cursor: pointer;
}

.box.crumb {
    color: mediumblue !important;
    background-color: transparent !important;
    padding: 10px 10px;
}

.current-box{
    cursor: not-allowed;
}

.green {
    background-color: green;
}

.orange {
    background-color: darkorange;
}

.superadmin {
    background-color: purple;
    color: white;
}

.client {
    background-color: gainsboro;
}

.societe {
    background-color: lightskyblue;
}

.employe {
    background-color: orangered;
}

.asfalia {
    background-color: cornflowerblue;
}

.groupe {
    background-color: palevioletred;
}

.gestionnaire {
    background-color: burlywood;
}

.salarie {
    background-color: chocolate;
}