/*
	added :  for LEXEME/CALLCENTER;
*/

.callcenter_chat_log_main{
	min-height		: 50px;
	width			: 100%;
	cursor			: pointer; 
	border-bottom	: 1px solid #333;
	background-color: #f5f5f5;
	font-size		: 11px;
	padding			: 5px 0px;
	position		: relative; 
}
.callcenter_chat_log_main:not(.right):not(.passive):hover{
	background-color: #ddd;
}


.callcenter_chat_log_main > .name{
	width 		: calc(100% - 60px);
	height		: 20px;
	font-weight	: bold;
	float 		: left;
}

.callcenter_chat_log_main.right > .name{
	text-align	: right; 
	float 		: right;
}

.callcenter_chat_log_main > .avatar{
	border			: 1px solid #555;
	height			: 40px;
	width			: 40px;
	border-radius	: 100%; 
	margin 			: 0px 5px;
	margin-right 	: 15px; 
	float			: left;
	background-color: #fff;
	background 		: url("avatars.jpg"); 
	background-size : 220px 220px; 
	background-position: -10px -10px; 
}

.callcenter_chat_log_main.right > .avatar{
	float			: right;
	margin-left 	: 15px;
	margin-right	: 5px; 
}

.callcenter_chat_log_main > .time{
	position 		: absolute;
	width 			: 100px;
	color 			: #888;
	bottom 			: 0px;
	right 			: 5px; 
	font-size		: 9px;
	text-align		: right; 
}
.callcenter_chat_log_main.right > .time{
	text-align		: left; 
	left 			: 5px;
}

.callcenter_chat_log_main > p{
	width 		: calc(100% - 60px);
	text-align	: left;
	padding 	: 0px 10px; 
	margin-left : 60px;
}
.callcenter_chat_log_main.right > p{
	text-align	: right;
	margin-left : 0;
}

.callcenter_chat_log_main > p > .audio-icon{
	font-size 		: 20px;
	color 			: #555;
}

.callcenter_chat_log_main:hover > p > .audio-icon{
	color 			: #000;
}