.layerorderdetails{
    margin-bottom: 50px;
}
.layerorderdetails .head{
    position: relative;
    margin: 50px 30px 30px;
    box-sizing: border-box;
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 20px;
}
.layerorderdetails .head .status{
    position: absolute;
    bottom: 111px;
    right: 0;
}
.layerorderdetails .head > *{
    font-family: "Be Vietnam Pro";
    display: block;
    font-size: 15px;
    color: #474847;
}
.layerorderdetails .head > b{
    font-family: "Be Vietnam Pro";
}
.layerorderdetails .head > span{
    margin-bottom: 12px;
}
.layerorderdetails .addresses{
    display: flex;
    justify-content: space-between;
    margin: 30px;
    font-family: "Be Vietnam Pro";
    font-size: 14px;
    color: #474847;
    padding-bottom: 30px;
    border-bottom: 1px solid #DBDBDB;
}
.layerorderdetails .addresses > *{
    width: 48%;
}
.layerorderdetails .addresses.gnx {
    border-bottom: none;
}
.layerorderdetails .addresses b{
    font-family: "Be Vietnam Pro";
    font-size: 15px;
    margin-bottom: 18px;
    display: block;
}
.layerorderdetails .detailsarticles{
    margin-left: 30px;
    margin-right: 30px;
}
.layerorderdetails .detailsarticles > b{
    font-family: "Be Vietnam Pro";
    font-size: 15px;
    color: #474847;
    display: block;
    margin-bottom: 22px;
}
.layerorderdetails .detailsarticles .itemblock{
    display: flex;
    justify-content: space-between;
    gap: 15px;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.layerorderdetails .detailsarticles .itemblock:not(:last-child){
    border-bottom: 1px solid #F4F4F4;
}
.layerorderdetails .detailsarticles .itemblock .packshot img{
    width: 80px;
    height: 80px;
}
.layerorderdetails .detailsarticles .itemblock .detailarticle{
    width: 160px;

}
.layerorderdetails .detailsarticles .itemblock .detailarticle > *{
    display: block;
}
.layerorderdetails .detailsarticles .itemblock .detailarticle .ref{
    font-family: "Be Vietnam Pro";
    font-size: 10px;
    color: #B0B0B0;
}
.layerorderdetails .detailsarticles .itemblock .detailarticle .name{
    font-family: "Be Vietnam Pro";
    font-size: 13px;
    color: #4F4F4F;
}
.layerorderdetails .detailsarticles .itemblock .detailarticle .conditionnement{
    font-family: "Be Vietnam Pro";
    font-size: 13px;
    color: #4F4F4F;
}
.layerorderdetails .detailsarticles .itemblock .qty{
    font-family: "Be Vietnam Pro";
    font-size: 14px;
    color: #4F4F4F;
}
.layerorderdetails .detailsarticles .itemblock .price{
    font-family: "Be Vietnam Pro";
    font-size: 13px;
    color: #4F4F4F;
    text-align: right;
}
.layerorderdetails .detailsarticles .itemblock .price b{
    font-family: "Be Vietnam Pro";
    display: block;
}
.layerorderdetails .cta-actions{
    margin-left: 30px;
    margin-right: 30px;
    position: sticky;
    bottom: 0;
    background-color: #fff;
}
.layerorderdetails .cta-actions > a,
.layerorderdetails .cta-actions > div{
    font-family: "Be Vietnam Pro";
    font-size: 15px;
    color: #004A99;
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
    border-top: 1px solid #DBDBDB;
    cursor: pointer;
    flex-wrap: wrap;
}
.layerorderdetails .cta-actions .allinvoices{
    width: 100%;
    margin-top: 5px;
    display: none;
}
.layerorderdetails .cta-actions .allinvoices > a{
    width: 100%;
    display: block;
    margin-top: 5px;
    font-family: "Be Vietnam Pro";
}
.layerorderdetails .cta-actions .allinvoices > a:hover{
    text-decoration: underline;
}
.layerorderdetails .head > .amountflex{
    display: flex;
    justify-content: space-between;
    margin-top: 4px;
}
.btnsactions .suivicommande,
.btnsactions .action.order{
    border-radius: 4px;
    color: #004A99;
    border: 1px solid #E5E7EB;
    background: #FFF;
    padding: 12px 24px;
}
.btnsactions .action.order{
    background: #004A99;;
    color: #FFF;
}
