/* message mudule css */
/* list page  */
.messages .message-tbl .collapse-td {
  width: 50%;
  white-space: nowrap;
}

.messages .message-tbl .message-content {
  width: 100%;
}

.messages .message-tbl .collapse-content {
  overflow: hidden;
  white-space: normal;
  font-size: 16px;
  font-weight: 400;
}

/* More specific selectors to override Bootstrap */
.messages .table {
  --bs-table-bg: none;
}
.messages .table thead tr {
  background-color: #e4f4e4 !important; /* Green for header row */
}
.messages .table thead tr th {
  font-size: 18px;
  font-weight: 500;
}

.messages .table tbody tr td {
  font-size: 16px;
  font-weight: 400;
}

.messages .table tbody tr:nth-child(even) {
  background-color: #e4f4e4 !important; /* Light green for odd rows */
}

.messages .table tbody tr:nth-child(odd) {
  background-color: #ffffff !important; /* Dark color for even rows */
}
.messages .table {
  background-color: none;
}

.messages .search-container {
  position: relative;
}

.messages .search-input {
  padding-left: 40px; /* Adjust this value to make space for the icon */
}
.messages .search-icon {
  position: absolute;
  left: 18px;
  top: 48%;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  pointer-events: none;
}

.messages .filter-container {
  position: relative;
}

.messages .filter-input {
  padding-left: 15px !important; /* Adjust this value to make space for the icon */
}
.messages .filter-icon {
  position: absolute;
  right: 10px;
  top: 48%;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  pointer-events: none;
}

.messages input[type="radio"] {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border: 1px solid #44d466;
  border-radius: 50%;
  outline: none;
  box-shadow: 0 0 5px 0px #44d466;
  cursor: pointer;
}

.messages input[type="radio"]:hover {
  box-shadow: 0 0 5px 0px #44d466;
}

.messages input[type="radio"]:before {
  content: "";
  display: block;
  width: 60%;
  height: 60%;
  margin: 20% auto;
  border-radius: 50%;
}
.messages input[type="radio"]:checked:before {
  background: #44d466;
}
.messages .form-check-label {
  cursor: pointer;
}

.messages .no-caret::after {
  display: none;
}
.messages .table .btn-link {
  display: flex;
  justify-content: space-between;
  width: 100%;
  text-align: left;
  text-decoration: none;
  color: #000000;
  font-size: 16px;
  font-weight: 400;
}

.messages .table th,
.messages .table td {
    border: 1px solid black; /* Internal cell borders */
  }

.mob-messages {
    overflow-y: auto;
    flex: 1;
    overflow-x: hidden;
}