.height-85vh,
.height-85vh-mobile {
  height: 85vh;
}

.w-55 {
  max-width: 55%;
  min-width: 25%;
}

.time {
  font-size: 10px !important;
  right: 11px;
  bottom: -2px;
}

.chat-tab.active b {
  color: #038dd3 !important;
}

.overflow-auto {
  overflow: auto !important;
}

.chat-sidebar-scroll::-webkit-scrollbar,
.tab-content::-webkit-scrollbar {
  width: 5px;
}

.chat-sidebar-scroll::-webkit-scrollbar-thumb,
.tab-content::-webkit-scrollbar-thumb {
  background-color: rgb(195, 195, 195);
  border-radius: 6px;
}

.chat-sidebar-scroll::-webkit-scrollbar-thumb:hover,
.tab-content::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}

.chat-sidebar-scroll::-webkit-scrollbar-track,
.tab-content::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.chat-sidebar-scroll::-webkit-scrollbar-corner,
.tab-content::-webkit-scrollbar-corner {
  background: transparent;
}

.chat_form {
  position: sticky;
}

.candidate-direct-message-scrollbar {
  height: 97% !important;
  overflow: auto;
}

.candidate-direct-message-scrollbar ::-webkit-scrollbar {
  width: 5px;
  background-color: #555;
  border-radius: 10px;
}

.candidate-direct-message-scrollbar ::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 10px;
}

.candidate-direct-message-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}

.candidate-direct-message-scrollbar ::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}

div[data-conversation-id] .relative {
  padding: 0.5rem 0.75rem 1rem 0.75rem !important;
}

.w-45 {
  max-width: 45%;
  min-width: 15%;
}

@media (max-width: 767.98px) {
  .height-85vh-mobile {
    height: auto !important;
  }

  .w-45 {
    max-width: 75%;
    min-width: 35%;
  }
}