.chat-card .media .avatar {
	margin: 0 auto;
	width: 3em;
	height: 3em;
	margin-right: 15px;
	color: #fff;
	background-color: #adb5bd;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1rem;
	border-radius: 50%;
	height: 3em;
}

.chat-card .media .user-name {
	font-size: 1rem;
	font-weight: 500;
}

.chat-card .media .user-status {
	font-size: 14px;
}

.chat-card .media .media-body {
	padding-right: 10px;
}

.chat-card .main-chat-card-body {
    max-height: 27em;
    min-height: 27em;
	overflow: overlay;
	background-color: #f6f9fc;
}

.chat-card .main-chat-card-body .justify-content-start .card {
	box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px
		rgba(0, 0, 0, 0.07);
	border: 0;
}

.chat-card .main-chat-card-body .justify-content-end {
	
}

.chat-card .control-message {
	margin-bottom: 30px;
}

.chat-card .control-message .badge {
	
}

.chat-card .main-chat-card-body .card p {
	font-size: .8em;
	font-weight: 400;
}

.bg-gradient-primary {
	background: linear-gradient(87deg, #049cdc 0, #31aae4 100%) !important;
}

.chat-textarea textarea, .chat-textarea textarea:active, .chat-textarea textarea:focus{
	border: solid 1px #dee2e6;
	resize: none;
}

.chat-textarea button{
    border: solid 1px #dee2e6;
}

.chat-textarea button, .chat-textarea button:hover, .chat-textarea button:active{
	border: solid 1px #dee2e6 !important;
	box-shadow: none;
	color: #9da5ac;
}

.chat-textarea button:hover{
    color: #767b7f;
}

.btn-padding-p6{
	padding-right: .6em;
    padding-left: .6em;
}

.btn-padding-p8{
	padding-right: .8em;
    padding-left: .8em;
}