.chatSectionBox {
  background-color: white;
  height: calc(100vh - 130px);
  margin-top: 10px;
  margin-left: 10px;
  border-radius: 5px;
}

.chatAreaBox {
  background-color: white;
  height: calc(100vh - 88px);
  margin-top: 10px;
  margin-left: 10px;
  border-radius: 5px;
}

.chatListWindow {
  overflow-y: auto;
  max-height: calc(100%);
}

.searchTextBox {
  display: block;
  width: 100%;
  padding: 15px 15px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  color: #687b8f;
  /* background-color: #ebebeb; */
  background-clip: padding-box;
  border: none;
  border-bottom: solid 1px #d3d3d373;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
  border-radius: 5px;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.searchContainer {
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

.conversationListItem {
  padding: 10px 15px;
  border-bottom: 1px solid #f3f3f3;
  cursor: pointer;
  /* margin: 7px; */
  /* border-radius: 10px;

   */
}

.conversationListItem:hover {
  background-color: #37506c17;
}
.conversationListItem.unread {
  border-left: solid 5px #ffbc00;
  background-color: #ffa50021;
}
.conversationListItem.active {background-color: #2f506d;color: #f7f7f7;}


.chatWindowHeader {
  padding: 13px 15px;
  border-bottom: 1px solid #d3d3d373;
  font-size: 18px;
  height:53.5px;
}
/*.chatMessagesContainer {*/
/*  height: 100%;*/
/*  overflow-y: scroll;*/
/*  padding: 10px;*/
/*  padding-top: 0;*/
/*  padding-bottom: 0;*/
/*  position: relative;*/
/*}*/

/*.clearfix::after {*/
/*  content: "";*/
/*  clear: both;*/
/*  display: table;*/
/*}*/
/*.chatMessage {*/
/*  padding: 10px;*/
/*  border-radius: 10px;*/
/*  margin-bottom: 5px;*/
/*}*/
/*.chatMessage.recieve {*/
/*  float:left;*/
/*}*/
/*.chatMessage.send {*/
/*  float:right;*/
/*}*/

/*.chatMessage.recieve .chatBubble {*/
/*  background-color: #f5f2fc;*/
/*  color: #1e1e1e;*/
/*  padding: 15px;*/
/*  border-radius: 6px;*/
/*}*/

/*.chatMessage.send .chatBubble {*/
/*  background-color: #f5f2fc;*/
/*  color: #1e1e1e;*/
/*  padding: 15px;*/
/*  border-radius: 6px;*/
/*}*/


.chatMessagesContainer {
  display: flex;
  flex-direction: column; /* Stack messages from bottom to top */
  max-height: calc(100vh - 221px);
  height: calc(100vh - 341px);
  overflow-y: scroll;
  padding: 10px;
  padding-top: 0;
  padding-bottom: 0;
}

.chatMessage {
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 5px;
}

.chatMessage.recieve .chatBubble {
  background-color: #efe8ff;
  color: #1e1e1e;
  padding: 15px;
  border-radius: 6px;
  display: inline-block;
  max-width: 100%;
}

.chatMessage.send .chatBubble {
  background-color: #d0e3ff;
  color: #1e1e1e;
  padding: 15px;
  border-radius: 6px;
}

/* Optional: Adjust alignment for better appearance */
.chatMessage.receive {
  align-self: flex-start;
}

.chatMessage.send {
  align-self: flex-end;
}

.chatActionsContainer {
  padding: 10px;
  border-top: 1px solid #d3d3d373;
  /* background-color: #f3f3f3; */
  height: 100%;
}
.filterOption {

  /* margin-right: -3px; */

  /* margin-left: 5px; */

  margin-top: 10px;

  margin-left: 10px;

  margin-bottom: 0;

  background-color: #ffffff;

  border: solid 1px #e7e7e7;

  color: #6d6d6d;

  /* font-weight: bold; */

  padding: 5px 10px;

  text-align: center;

  border-radius: 20px;

  font-size: 13px;

  cursor:pointer;
}

.filterOption.selected{
  background-color: #2f506d;color: #f7f7f7
}
.disable-button {
  pointer-events: none;
  opacity: 0.4;
}