.table-container {
      max-height: 400px;
      /* scroll area */
      overflow-x: scroll;
      /* overflow-y: auto; */
      border: 1px solid #ccc;
}

.table-container2 {

      /* scroll area */
      overflow-x: scroll;
      /* overflow-y: auto; */
      border: 1px solid #ccc;
}

table {
      border-collapse: collapse;
      /* width: 100%; */
      table-layout: fixed;
      font-family: 'iransansweb';
}

th,
td {
      border: 1px solid #ddd;
      padding: 8px;
      text-overflow: ellipsis;
      overflow: hidden;
      /* white-space: nowrap; */
      /* max-width: 200px; */
}

td {
      max-width: 100vw;
}

/* Sticky header */
thead th {
      position: sticky;
      top: 0;
      background: #f7f7f7;
      z-index: 2;
}

/* Every other row light gray */
tbody tr:nth-child(even) {
      background-color: #f2f2f2;
}

tbody tr:hover {
      background-color: #e0f0ff;
}

tr.selected {
      background-color: #c5ddf3 !important;
      /* //#dcdcdc; */
}

.loading {
      margin-bottom: 10px;
      color: #555;
}

.error {
      color: red;
      margin-bottom: 10px;
}

th {
      /* max-width: 50px !important; */
}

.sent-bubble {
      margin-right: auto;
      margin-top: 12px;
      padding: 16px;
      max-width: 400px;
      border-radius: 18px 18px 18px 0px;
      background-color: #55555544;
}

.received-bubble {
      margin-left: auto;
      margin-top: 12px;
      padding: 16px;
      max-width: 400px;
      border-radius: 18px 0px 18px 18px;
      background-color: #ffffff66;
}

.result-report {
      max-height: 70vh;
      overflow-y: scroll;
}

.result-report::-webkit-scrollbar {
      display: none;
}

.desc-p {
      max-height: 200px;
      overflow: auto;
      margin: 2px;
}