/*
Communication History
 */
.chat-box .chat-listing {
  height: 450px;
  padding: 5px;
  padding-top: 17px;
  padding-bottom: 19px;
  overflow: hidden;
  position: relative;}
.chat-box .chat-listing:hover {
  overflow-y: auto;}
  .chat-box .chat-listing .message-list {
    margin-top: 10px;
    margin-bottom: 30px;}
  .chat-box .chat-listing .no-member-selected {
    position: absolute;
    top: 40%;}
  .chat-box .chat-listing .new-chat-initiator {
    position: absolute;
    top: 40%;}
  .chat-box .chat-listing .select-location-send-message {
    display: none;
    position: absolute;
    top: 90%;}
  .chat-box .chat-listing .chatsV2 .thread-container .portlet-title .caption {
    font-size: 14px!important;}
  .chat-box .chat-listing .chatsV2 li.threadLi {
    padding: 5px 0!important;
    margin: 10px auto!important;}
  .chat-box .chat-listing .chatsV2 li.threadLi.thread-hovered {
    padding-top: 10px!important; /* Add padding to the top */
    padding-bottom: 10px!important; /* Add padding to the bottom */
    margin: 0 auto!important;
    position: relative;
    background-color: #FAFAFA;}

    .chat-box .chat-listing .chatsV2 li.in.threadLi .message {
      border-bottom-right-radius: 35px;
      border-top-right-radius: 35px;
      border-bottom-left-radius: 25px;
      margin-left: 65px!important;}
    .chat-box .chat-listing .chatsV2 li.out.threadLi .message {
      border-bottom-left-radius: 35px;
      border-top-left-radius: 35px;
      border-bottom-right-radius: 25px;
      margin-right: 65px!important;
      background: #97cfff3b}
    .chat-box .chat-listing .chatsV2 li.threadLi .message:hover {
      background-color: #edf7f9;}
    .chat-box .chat-listing .chatsV2 li.threadLi.in .message .message-delivery-status .fa.fa-check {
      color: darkgrey;}
    .chat-box .chat-listing .chatsV2 li.threadLi.in .message .message-options {
      display: none; /* Hide options by default */
      position: absolute;
      top: -10px;
      right: 10%;}
    .chat-box .chat-listing .chatsV2 li.threadLi.out .message .message-options {
      display: none; /* Hide options by default */
      position: absolute;
      top: -10px;
      left: 10%;}
    .chat-box .chat-listing .chatsV2 li.threadLi .message:hover .message-options {
      display: flex; /* Show options when hovering over the message */}
    .chat-box .chat-listing .chatsV2 li.threadLi .message:hover .message-options > ul {
      padding: 0;
      list-style: none;}
    .chat-box .chat-listing .chatsV2 li.threadLi .message:hover .message-options > ul > li {
      padding: 0;
      display: inline-block;}
    .chat-box .chat-listing .chatsV2 li.threadLi .message:hover .message-options > ul > li > a {
      border-radius: 25px;}

  /*
  Thread Information CSS
   */
  .chat-box .chat-listing .chatsV2 .thread-start {
    display: flex;
    align-items: center;}
    .chat-box .chat-listing .chatsV2 .thread-start .separator {
      flex-grow: 1;
      position: relative;}
    .chat-box .chat-listing .chatsV2 .thread-start .separator hr {
      width: 99%;
      border: none;
      height: 1px;
      background-color: #ccc;}
    .chat-box .chat-listing .chatsV2 .thread-start .separator .separator-text {
      position: absolute;
      top: 50%;
      left: 30%;
      transform: translate(-50%, -50%);
      background-color: white;
      padding: 0 10px;}

    .chat-box .chat-listing .chatsV2 .thread-start .separator-text-right {
      position: absolute;
      right: 15%;}
    .chat-box .chat-listing .chatsV2 .thread-start .separator-text-right .label {
      font-size: 8px;}
    .chat-box .chat-listing .chatsV2 .thread-start .separator .buttons-container {
      margin-left: auto;}
    .chat-box .chat-listing .chatsV2 .thread-start .separator a.btn {
      margin-left: 10px;}

    .chat-box .chat-listing .chatsV2 .thread-container .portlet-title .tools ul.dropdown-menu {
      left: auto!important;
      right: 0}

  .portlet-border-green {border: 1px solid #5cd1db !important;}
  .portlet-border-grey {border: 1px solid #555555 !important;}