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

.chat-app-window .user-chats .avatar img {
  border: 2px solid #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-image: linear-gradient(80deg, #7367f0, #9e95f5);
  background-repeat: repeat-x;
  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 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 .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; }
