.div-my-chat {
    display:flex;
    flex-direction: row;
    justify-content: flex-end;
}

.div-other-chat {
    display:flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.div-member-thumbnail img {
    width:100%;
    border-radius: 10px;
}

.div-chat-content {
    position:relative;
    width:500px;
    padding: 20px;
    margin: 20px;
    font-size:1em;
    border-radius: 10px;
}

.div-my-chat .div-chat-content {
    background-color: bisque;
}

.div-other-chat .div-chat-content {
    background-color: #e4eff7;
}

.div-member-thumbnail {
    width:100px;
    padding:20px 0px;
}

.span-chat-member-name {
    font-weight: bold;
    font-size:1em;
}

.span-chat-time {
    font-size:0.9em;
}

.div-my-chat .div-chat-content:after {
   content: "";
   position: absolute;
   top: 20px;
   right: -35px;
   border-top: 15px solid transparent;
   border-left-color: inherit; 
   border-left: 20px solid bisque;
   border-right: 20px solid transparent; 
   border-bottom: 15px solid transparent;
}

.div-other-chat .div-chat-content:after {
   content: "";
   position: absolute;
   top: 20px;
   left: -35px;
   border-top: 15px solid transparent;
   border-right-color: inherit; 
   border-right: 20px solid #e4eff7;
   border-left: 20px solid transparent; 
   border-bottom: 15px solid transparent;
}

.div-chat-input {
    position: fixed;
    width:100%;
    bottom:0px;
/*    height:100px;*/
    padding: 20px 0px;
    
    box-shadow: 0px -10px 20px 0px rgb(0 0 0 / 20%);
    background-color: white;

}

.div-chat-thumbnail {
    height: 80px;

}

.div-chat-thumbnail img {
    height:100%;
    border-radius: 10px;
}

#div-chat-input-box {
    width:100%;
    padding: 20px;
}

.textinput-container {
  width: 400px;
  height: auto;
  overflow: hidden;
}

.textinput {
  width: 100%;
  height: auto;
  resize: none;
  overflow: hidden;
  min-height: 50px;
  max-height: 170px;
  font-size: 16px;
  padding: 10px;
  box-sizing: border-box;
}

.btn-delete {
    font-size:0.8em;
    font-weight: bold;
/*    text-decoration: underline;*/
    color:#c73e15;
    cursor:pointer;
}

.delete-div {
    margin-top:10px;
}

.default-text {
    margin-top:50px;
    text-align: center;
    width:100%;
    font-size: 1.2em;
    color:#777;
}


.chat-list-thumb {
    width:50px;
}

.chat-list-creator-thumb {

    width:30px;
}


.need-answer {
    font-weight: bold;
    color:red;
}