.cartproductswrapper{
    padding:10px;
}
.detail{
    /* min-width:2cm;
    max-width:4cm; */
    padding:16px;
    /* text-align: center; */
    /* border-bottom: 1px solid gray;
    box-shadow: 1px 0px 1px lightgrey; */
}
.orderImage{
    position:relative;
    width:2cm;
    height:2cm;
    margin:5px;
}
.imageordertag{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.orderitem{
    margin-bottom:20px;
    margin:20px;
    box-shadow: 0px 0px 10px gray;
    width:fit-content;


}

.orderLine{
    display:flex;
    flex-wrap: wrap;
    box-shadow: 0px 0px 10px gray;
    margin:20px;
    

}

.productsInOrders{
    width:fit-content;
    margin:10px;
    box-shadow: 0px 0px 5px gray;

}

.ordercell{
    /* box-shadow: 0px 0px 1px lightgrey; */
    padding:10px;
    padding-top:5px;
    padding-bottom:5px;
    width:fit-content;
}

.ordercellheader{
    font-weight:bold;
    padding:10px;
    padding-top:5px;
    padding-bottom:5px;
    
}
.orderdrop{
    padding: 16px;
    padding-top:5px;
    padding-bottom:5px;
    font-weight: bold;
    cursor: pointer;
}

.orderButton{
    background:gray;
    cursor: pointer;

}

.orderButton:hover{
    background:lightgrey;
    

}

 .WhatsimageClass{
      position:relative;
      top:0;
      left:0;
      width:1.5cm;
      height:1.5cm;
  }

  .clientsArea{

    box-shadow: gray 0px 0px 5px 0px;
    max-height: 4cm;
    overflow: scroll;
  }

  .clientData{
    margin-right:1cm;
  }

  .clientsButton{
    position: relative;
    top: 0;
    left: 0;
    width: 0.5cm;
    height: 0.5cm

  }