.chat-mesg {
  /* width: 600px; */
  font-size: 16px !important;
}

/* make the global font size as 16px */
body {
  font-size: 16px;
}

.shoply-role {
  font-size: 14px;
  font-weight: bold;
  margin-top: 0px;
}

.case-table {
  max-width: 800px;
  width: 100%;
  table-layout: fixed;
}

@media (max-width: 600px) {
  /* .case-table {
    display: block;
  } */

  .case-table > tbody > tr {
    display: block;
  }
  
  .case-table > tbody > tr:first-child {
    margin-top: 1;
  }
  
  .case-table > tbody > tr > td {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
  }
  

  .case-table colgroup {
    display: none;
  }
  
    /* Allow product-table-container to maintain its width for horizontal scrolling */
  /* .case-table .product-table-container {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  
  /* Reset product-table styles to maintain table layout */
  /* .case-table .product-table {
    display: table;
    width: max-content !important;
  }
  
  .case-table .product-table tr {
    display: table-row;
  }
  
  .case-table .product-table td {
    display: table-cell;
    width: auto !important;
  }  */

  .shoply-role {
    margin-top: 20px;
  }
}

.product-table-container {
  width: 100%;
  overflow-x: scroll;
    margin-bottom: 20px;

}


.product-table {
  width: max-content;
  table-layout: fixed;
  
}