.height400{height: 400px; overflow-y: auto;}
.height500{height: 500px; overflow-y: auto;}

body{    background: rgb(245, 248, 249);}

.card{}

.card-header{}
.card-header h2{font-size: 18px;}

.card-body table tr th{font-size: 12px; border: none; color: #ffffff; background-color: #0d6efd;}
.card-body table tr td{font-size: 12px; border: none;}
.card-body .table>:not(:first-child) {border-top: none;}

.card-footer{}

.colAction{width: 100px;}


.cardPhone{
    padding: 10px 40px;
    box-shadow: rgb(0 0 0 / 4%) 0px 4px 12px;
    border-radius: 0.5rem;
    max-width: 960px;
    max-height: 900px;
    background-position: top;
    background-repeat: no-repeat;

    background-image: linear-gradient(to bottom, rgba(255,255,255,0.9), rgba(255,255,255,0.9)), url("../images/cm.png");
}
.cardPhone-header{display: flex; justify-content: space-between; align-items: center;}
.cardPhone-body{padding: 20px 0;}
div.boxProduitLigne{display: flex;justify-content: space-between;align-items: center;cursor: pointer;border: solid 1px #eeeeee;padding: 10px;margin: 10px 0;}

div.boxProduitLigne p{padding: 0; margin: 0;}
div.boxProduitLigne img{flex: none; height: 40px; width: 40px; border-radius: 50%;}
div.boxProduitLigne icon{flex: none; height: 40px; width: 40px;}
div.boxProduitLigne .text{flex: auto; line-height: 18px; padding: 0 10px;}