.chat {
  border-radius: 5px;
}
.chat.chat-left .chat-message {
  /*background: #5A8DEE !important;*/
  background-color: #FAFBFB !important;
  float: left !important;
  /*color: #fff;*/
  color: #525361;
}
.chat .chat-message {
  text-align: left !important;
  float: right !important;
  margin: 0.2rem 0 0.2rem 0.2rem !important;
  /*color: #525361;*/
  /*background-color: #FAFBFB !important;*/
  background: #dcf8c6 !important;
  color: #232222;

  box-shadow: 0 0px 6px 0 rgba(85, 85, 85, 0.3) !important;
  padding: 0.75rem 1rem !important;
  position: relative !important;
  max-width: 80% !important;
  clear: both !important;
  word-break: break-word !important;
  border-radius: 0.267rem !important;
}
.chat-content{
  padding-top:2rem;
  padding-bottom:2rem;
}
@media screen and (min-width: 1780px){
  .chat .chat-message{
    max-width: 70% !important;
  }
}

@media screen and (max-width: 1480px){
  .chat .chat-message{
    max-width: 90% !important;
  }
}

.chat-message p{
  margin-bottom: 0px;
}
.chat-message .preview-button{
  text-align: center;
  width: 100%;
  color: #009de2;
}

.chat-message .preview-footer{
  font-size: 14px;
  color: #8696a0;
}