.chat-system {
    display:flex; justify-content:center; margin:.5rem 0;
  }
  .chat-system .badge {
    font-weight: 500;
    opacity:.85;
  }

.chat-app-window .user-chats {
  background-color: #f9f9f9;
  padding: 1rem;
  position: relative;
  height: calc(100% - 65px - 65px); }

.chat-app-window .user-chats .avatar img {
	
  border: 1px solid #CCC; }


.avatar-chat-header{border: 2px solid #28c76f; background: #FFF}

.chat-app-window .active-chat {
  height: inherit; }

.chat-app-window .active-chat .chat-header {
  display: flex;
  justify-content: space-between;
  height: 65px;
  background-color: #fff;
  padding: 0 1rem;
  border-bottom: 1px solid #ebe9f1; }

.chat-app-window .chats .chat-avatar {
  float: right; }

.chat-app-window .chats .chat-body {
  display: block;
  margin: 10px 30px 0 0;
  overflow: hidden; }

.chat-app-window .chats .chat-body .chat-content {
  float: right;
  padding: 0.7rem 1rem;
  margin: 0 1rem 10px 0;
  clear: both;
  color: #FFF;
  background: #D74D4D;
  border-radius: 0.357rem;
  box-shadow: 0 4px 8px 0 rgba(34, 41, 47, 0.12);
  max-width: 75%; }

.chat-app-window .chats .chat-body .chat-content  .text-muted {
	
	color:#FFF !important;
 }




.chat-app-window .chats .chat-body .chat-content p {
  margin: 0; }

.chat-app-window .chats .chat-left .chat-avatar {
  float: left; }

.chat-app-window .chats .chat-left .chat-body .chat-content {
  float: left;
  margin: 0 0 10px 1rem;
  color: #6e6b7b;
  background: none;
  background-color: white; }

.chat-app-window .chats .chat-left .chat-body .chat-content .text-muted {
color: #CCC !important;
	
	
   }

.chat-app-window .chat-app-form {
  height: 65px;
  padding: 0 1rem;
  background-color: #fff;
  display: flex;
  align-items: center;
  border-top: 1px solid #ebe9f1; }

.chat-widget .card-header {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem; }

.chat-widget .chat-app-window .user-chats {
  background-color: #f8f8f8;
  height: 390px; }

.chat-widget .chat-app-window .chat-app-form {
  border-top: 0;
  border-bottom-left-radius: 0.357rem;
  border-bottom-right-radius: 0.357rem;
  height: 56px; }

.chat-widget .chat-app-window .chat-app-form .input-group-text,
.chat-widget .chat-app-window .chat-app-form .message {
  border: 0;
  padding-left: 0; }

.chat-widget .chat-app-window .chat-app-form .input-group:not(.bootstrap-touchspin):focus-within {
  box-shadow: none; }