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

.chat-app-window .user-chats .avatar img {
	padding: 2px;
	background-color: #FFF;
}

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

.chat-app-window .active-chat .chat-header {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	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 0 0 0;
	overflow: hidden
}

.chat-app-window .chats .chat-body .chat-content {
	float: right;
	padding: .7rem 1rem;
	margin: 0 1rem 10px 0;
	clear: both;
	color: #FFF;
	background-image: -webkit-linear-gradient(10deg, #7367F0, #9E95F5);
	background-image: linear-gradient(80deg, #7367F0, #9E95F5);
	border-radius: .357rem;
	box-shadow: 0 4px 8px 0 rgba(34, 41, 47, .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: #fff
}

.chat-app-window .chats .chat-load .chat-body .chat-content{
	float: right;
	margin: 0 1rem 10px 0;
	color: #FFF;
	background-image: linear-gradient(80deg, #f1688b, #a395f5);
}

.chat-app-window .chat-app-form {
	height: 65px;
	padding: 0 1rem;
	background-color: #FFF;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	border-top: 1px solid #EBE9F1
}

.chat-widget .card-header {
	padding-top: .8rem;
	padding-bottom: .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: .357rem;
	border-bottom-right-radius: .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
}