    <style>
		.card-body{
			min-height: 400px;
			overflow-y: hidden; overflow-x: hidden;

		}
		.contacts_body{
			padding:  0.75rem 0 !important;
			overflow-y: auto;
			white-space: nowrap;
		}
		.msg_card_body{
			overflow-y: auto;
		}
		.card-header{
			border-radius: 15px 15px 0 0 !important;
			border-bottom: 0 !important;
		}
	 	.card-footer{
		border-radius: 0 0 15px 15px !important;
			border-top: 0 !important;
		}
		.type_msg{
			background-color: rgba(0,0,0,0.3) !important;
			border:0 !important;
			color:white !important;
			height: 60px !important;
			overflow-y: auto;
		}
			.type_msg:focus{
		     box-shadow:none !important;
           outline:0px !important;
		}

		.send_btn{
			border-radius: 0 15px 15px 0 !important;
			background-color: rgba(0,0,0,0.3) !important;
			border:0 !important;
			color: green !important;
			cursor: pointer;
		}
		.user_img{
			height: 70px;
			width: 70px;
			border:1.5px solid #f5f6fa;
		
		}
		.user_img_msg{
			height: 30px;
			width: 50px;
			padding: 10px;
			border:1.5px solid #5c5c5c;
		
		}
	.img_cont{
			position: relative;
			height: 70px;
			width: 70px;
	}
	.img_cont_msg{
			height: 40px;
			width: 40px;
	}

	.user_info{
		margin-top: auto;
		margin-bottom: auto;
		margin-left: 15px;
	}
	.user_info span{
		font-size: 20px;
		color: black;
	}
	.user_info p{
	font-size: 10px;
	color: rgba(255,255,255,0.6);
	}
	.video_cam{
		margin-left: 20px;
		margin-top: 5px;
	}
	.video_cam span{
		color: white;
		font-size: 20px;
		cursor: pointer;
		margin-right: 20px;
	}
	.msg_cotainer{
		margin-top: auto;
		margin-bottom: auto;
		margin-left: 10px;
		border-radius: 25px;
		background-color: #82ccdd;
		padding: 10px;
		position: relative;
	}
	.msg_time{
		min-width: 200px;
		position: absolute;
		left: 0;
		bottom: -15px;
		color: hsla(234, 95%, 48%, 0.5);
		font-size: 10px;
	}
	.msg_head{
		position: relative;
	}

    </style>


    
		<div class="content-wrapper">



			
			<div class="row">

				<div class="col-md-12 chat">
					<div class="card">
						<div class="card-header msg_head">
							<div class="d-flex bd-highlight">
								<div class="img_cont">
									<!-- <img src="https://static.turbosquid.com/Preview/001292/481/WV/_D.jpg" class="rounded-circle user_img"> -->
									<img src="{{baseurl}}/app/uploads/{{hero.profile_image}}" class="rounded-circle user_img">
									<!-- <span class="online_icon"></span> -->
								</div>
								<div class="user_info">
									<span> {{hero.emp_first_name+' '+hero.emp_last_name}} ({{hero.emp_code}})</span>
									<!-- <p>1767 Messages</p> -->
								</div>
								<div class="video_cam">
									<span>
										<a target="_blank" href="{{baseurl}}/heroes/feedback/{{hero.id}}"><i class="fas fa-location-arrow"></i></a>
									</span>
									<!-- <span><i class="fas fa-phone"></i></span> -->
								</div>
							</div>
							<!-- <span id="action_menu_btn"><i class="fas fa-ellipsis-v"></i></span>
							<div class="action_menu">
								<ul>
									<li><i class="fas fa-user-circle"></i> View profile</li>
									<li><i class="fas fa-users"></i> Add to close friends</li>
									<li><i class="fas fa-plus"></i> Add to group</li>
									<li><i class="fas fa-ban"></i> Block</li>
								</ul>
							</div> -->
							<hr>
						</div>
						<div class="card-body">
							<div class="d-flex justify-content-{{cmt.class}} mb-4" ng-repeat="cmt in commentList">
								<div class="img_cont_msg">
									<span class="rounded-circle user_img_msg">{{cmt.icon}}</span>
								</div>
								<div class="msg_cotainer">
									{{cmt.comment}}
									<span class="msg_time">{{cmt.emp_first_name}} {{cmt.emp_last_name}}</span>
								</div>
							</div>
						</div>
						<div class="card-footer">
							<div class="input-group">
								<!-- <div class="input-group-append">
									<span class="input-group-text attach_btn"><i class="fas fa-paperclip"></i></span>
								</div> -->
								<textarea name="" class="form-control type_msg" ng-model="req.comment" placeholder="Type your comment..."></textarea>
								<div class="input-group-append" ng-click="add()">
									<span class="input-group-text send_btn"><i class="fas fa-location-arrow"></i></span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

        
