.chat{
		margin-top: auto;
		margin-bottom: auto;
	}
	.card{
		background:white;
		border:none;
		margin-top:3em;
		max-height: inherit;
	}
	.card-header{
		color:black !important;
	}

	.contacts_body{
		padding:  0.75rem 0 !important;
		overflow-y: auto;
		white-space: nowrap;
	}
	.msg_card_body{
		overflow-y: auto;
		max-height:450px;
	}
	.container{
		align-content: center;
	}
	.search{
		border-radius: 8px 0 0 8px !important;
		background-color:white !important;
		border:0 !important;
		color:black !important;
		font-size: 1.5rem;
		min-height: 3.5rem;
	}
	.search:focus{
	     box-shadow:none !important;
       outline:0px !important;
	}
	.search_btn{
		border-radius: 0 8px 8px 0 !important;
		background-color:white !important;
		border:0 !important;
		color:#828282 !important;
		font-size: 1.5rem;
		min-height: 3.5rem;
		cursor: pointer;
	}

	.type_msg{
		background-color:white;
		border:1px solide #a2a2a2 !important;
		color:black !important;
		height: 60px !important;
		font-size:1.15rem;
		font-weight: bold;
		overflow-y: auto;
	}
		.type_msg:focus{
	     box-shadow:none !important;
       outline:0px !important;
	}
	.attach_btn{
		border-radius: 15px 0 0 15px !important;
		background-color: rgba(0,0,0,0.3) !important;
		border:0 !important;
		color: white !important;
		cursor: pointer;
		height:100%;
	}

/* ----------------------------- */
/* ! Customization Generale */
/* ----------------------------- */
.user_img{
	width: 100%;
	border-radius: 0;
}
.user_info{
	margin-top: auto;
	margin-bottom: auto;
}

.btn-chat:hover{
	opacity:60%;
}
.note{
	font-family: 'Times New Roman', 'serif';
	font-weight:lighter;
}
.note i{
	font-size:0.8rem;
}
.note .stars{
	position:relative;
	bottom:3px;
	margin:0 5px;
}
.btn-chat{
	margin-top:auto;
	margin-bottom:auto;
}
.send_btn{
	border-radius:5px;
	background-color:#c2df00 !important;
	border:0 !important;
	color:black;
	font-size:1rem;
	font-weight: bolder;
	display:inline-block;
	
	cursor: pointer;
	padding:5px 25px;
	text-align: center;
}

.contacts{
	list-style: none;
	padding: 0;
}
.contacts li{
	width: 100% !important;
}
.active{
		background-color: rgba(0,0,0,0.3);
}


.img_cont{
		position: relative;
}
.img_cont_msg{
		height: 40px;
		width: 40px;
}
.online_icon{
	position: absolute;
	height: 15px;
	width:15px;
	background-color: #4cd137;
	border-radius: 50%;
	top: 0.2em;
	right: 0.8em;
}
.card .online_icon{
	right: 0.1em;
	border: #ffffff solid 1px;
}
.offline{
	background-color: #c23616 !important;
}

.name{
	font-size: 1.75rem;
	font-weight: bold;
	color:white;
}
.user_info span{
	font-size: 20px;
	color: black;
	font-weight: bold;
}
.user_info p{
	font-size: 1.25rem;
	margin:0;
	line-height: 1.75rem;
}

.btn-online{
	background-color:#36bf00;
	font-size:1rem;
	border-radius: 15px;
	position:relative;
	bottom: 5px;
	margin-left:0.75rem;
}

.inactive .btn-chat{
	opacity:0.5;
}
.inactive .img_cont img{
	opacity:0.5;	
}
.inactive .btn-online{
	background-color:#ff7200;
}

.inactive .online_icon{
	background-color:#ff7200;
}

/* ----------------------------- */
/* ! Customization Chat */
/* ----------------------------- */

.card .user_img{
	width: 70px;
	border-radius: 0;
}
.card .user_info{
	margin-top: auto;
	margin-bottom: auto;
	margin-left:15px;
	font-weight: bold;
}
.card .user_info p{
	display: inline;
}
.card .user_info span{
	font-weight: lighter;
	font-style: italic;
}

.card .user_img_msg{
	height: 40px;
	width: 40px;
	border:1.5px solid #f5f6fa;

}

.card-body .user_img{
	border-radius: 0;
	width: 100%;
}
.card-body .user_info,.card-body .name,.card-body a,.card-body i{
	color:black;
}
 .card-footer{
	border-radius: 0 0 15px 15px !important;
	border-top: 0 !important;
}
.card-footer .send_btn{
	border-radius:0 15px 15px 0;
	background-color:#c2df00 !important;
	border:0 !important;
	color:var(--blue);
	font-size:1.4rem;
	font-weight: bolder;
	display:inline-block;
	width:100%;
	cursor: pointer;
	padding:12px 15px;
	text-align: center;
	box-sizing: border-box;
}

.video_cam{
	margin-left: 50px;
	margin-top: 5px;
}
.video_cam span{
	color:black;
	font-size: 20px;
	cursor: pointer;
	margin-right: 20px;
}
.msg_cotainer{
	margin-top: auto;
	margin-bottom: auto;
	margin-left: 10px;
	border-radius: 25px;
	background-color:#004a52;
	padding:10px;
	position: relative;
}
.msg_cotainer_send{
	margin-top: auto;
	margin-bottom: auto;
	margin-right: 10px;
	border-radius: 25px;
	background-color: #79bf00;
	padding: 10px;
	position: relative;
}
.msg_time{
	position: absolute;
	left: 0;
	bottom: -20px;
	color:black;
	font-size: 12px;
}
.msg_time_send{
	position: absolute;
	right:0;
	bottom: -20px;
	color:black;
	font-size: 12px;
}
.msg_head{
	position: relative;
	background-color: var(--blue);
	color:white;
	border:none;
}


#action_menu_btn{
	position: absolute;
	right: 20px;
	top: 20px;
	color: white;
	cursor: pointer;
	font-size: 30px;
	font-weight: lighter;
}
.action_menu{
	z-index: 1;
	position: absolute;
/*	padding: 15px 0; */
	background-color: rgba(0,0,0,0.5);
	color: white;
	border-radius: 15px;
	top: 30px;
	right: 15px;
	display: none;
}
.action_menu ul{
	list-style: none;
	padding: 0;
margin: 0;
}
.action_menu ul li{
	width: 100%;
	padding: 5px 15px;
	margin-bottom: 5px;
}
.action_menu ul li i{
	padding-right: 10px;

}
.action_menu ul li:hover{
	cursor: pointer;
	background-color: rgba(0,0,0,0.2);
}