.ticket-chat-message{
	color:#444;
	margin-bottom:15pt;
	padding:10px;
	border-radius:10px;
	position:relative;
}
.ticket-chat-message p{
	font-size:12pt;
}
.ticket-chat-message.your-message{
	background:#e0ffe0;
	position:relative;
}
.ticket-chat-message.your-message:before{
	content:'';
	position:absolute;
	right:20px;
	bottom:-10px;
	background:#e0ffe0;
	width:22px;
	height:25px;
	transform:skewX(45deg) rotate(25deg);
}
.ticket-chat-message.support-message{
	background:#d8d8f0;
	position:relative;
}
.ticket-chat-message.support-message:before{
	content:'';
	position:absolute;
	left:20px;
	bottom:-10px;
	background:#d8d8f0;
	width:22px;
	height:25px;
	transform:skewX(-45deg) rotate(-25deg);
}
.message-date-created{
	text-align:right;
	font-size:12px;
	font-weight:500;
	color:#888;
	position:relative;
}
.ticket-chat-message{
	color:#444;
	margin-bottom:15pt;
	padding:10px;
	border-radius:10px;
	position:relative;
}
.ticket-chat-message p{
	font-size:12pt;
}
.ticket-chat-message.your-message{
	background:#e0ffe0;
	position:relative;
}
.ticket-chat-message.your-message:before{
	content:'';
	position:absolute;
	right:20px;
	bottom:-10px;
	background:#e0ffe0;
	width:22px;
	height:25px;
	transform:skewX(45deg) rotate(25deg);
}
.ticket-chat-message.support-message{
	background:#d8d8f0;
	position:relative;
}
.ticket-chat-message.support-message:before{
	content:'';
	position:absolute;
	left:20px;
	bottom:-10px;
	background:#d8d8f0;
	width:22px;
	height:25px;
	transform:skewX(-45deg) rotate(-25deg);
}
.message-date-created{
	text-align:right;
	font-size:12px;
	font-weight:500;
	color:#888;
	position:relative;
}

.upload-more {
	position: absolute;
	top: 0;
	left: 0;
	background: #eee;
	padding: 8px 10px;
}
.upload-field{
	position:relative;
}
.upload-field input{
	opacity:0;
	position:relative;
	cursor:pointer;
	width:45px;
}
.imageThumb {
	max-height: 100%;
	padding: 1px;
	cursor: pointer;
	display: flex;
	margin: auto;
}
.pip {
	display: inline-block;
	margin: 10px 10px 0 0;
	position: relative;
	width: 45px;
	height: 45px;
	overflow: hidden;
	border: 1px solid #dddddd;
}
.remove {
	display: block;
	background: rgba(0, 0, 0, .35);
	width: 22px;
	height: 22px;
	color: white;
	text-align: center;
	cursor: pointer;
	position: absolute;
	top: -5px;
	right: -5px;
	transition: all ease .3s;
}
.img-thumbnail {
	margin-bottom: 15px;
}
.preview-case-img{
margin:10px 0;
width:52px;
height:52px;
position:relative;
object-fit: fill;
display:flex;
align-items:center;
justify-content:center;
overflow: hidden;
border: 1px solid #eee;
background: #fff;
border-radius: 5px;
transition:all ease .3s;
}
.preview-case-img:hover{
	opacity:.5;
}
.preview-case-img img{
	max-width:100%;
}