@import '@/styles/responsive.scss';

.chatContainer {
  height: calc(100vh - 45vh);
  overflow-y: auto;

  &::-webkit-scrollbar {
    display: none;
  }

  @include laptop {
    height: calc(100vh - 52vh);
  }
}

.chat-boxx {
  border-right: 1px solid rgba(56, 124, 68, 0.2) !important;
  border-top-right-radius: 0px;
  max-height: 80dvh;
  overflow: auto;

  &::-webkit-scrollbar {
    display: none;
  }
}

.notify {
  display: flex;
  position: absolute;
  top: 10px;
  right: 10px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #30713a;
  width: 18px;
  height: 18px;
  color: white;
  font-size: 10px;
}

.chatDeliveredTime {
  position: absolute;
  right: 10px;
  bottom: 10px;
  color: #667080;
  font-size: 12px;
}