.chat-contact-list {
  display: flex;
  flex-direction: column;
  max-height: 450px;
  overflow-y: auto
}

.chat-messages {
    display: flex;
    flex-direction: column;
    max-height: 450px;
    overflow-y: auto
}

.chat-message-left,
.chat-message-right {
    display: flex;
    flex-shrink: 0
}

.chat-message-image {
    width: 100px;
    height: auto;
}

.chat-message-image-large {
    width: 500px;
    height: auto;
}

.chat-message-left {
    margin-right: auto
}

.chat-message-right {
    flex-direction: row-reverse;
    margin-left: auto
}
.chat-archive {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}
.py-3 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important;
}
.px-4 {
    padding-right: 1.5rem!important;
    padding-left: 1.5rem!important;
}
.flex-grow-0 {
    flex-grow: 0!important;
}
.border-top {
    border-top: 1px solid #dee2e6!important;
}
.drop_file_zone {
    background-color: #EEE;
    border: #999 5px dashed;
    width: auto;
    height: 200px;
    padding: 8px;
    font-size: 18px;
}
.drag_upload_file {
  width:50%;
  margin:0 auto;
}
.drag_upload_file p {
  text-align: center;
}
.drag_upload_file #selectfile {
  display: none;
}
.img-content p {
    text-align: center;
    font-size: 18px;
  }