.chatWhatsapp {
	position: relative;
}

.chatWhatsapp .messagesWrap{
	height: 500px;
	overflow-y: scroll;
	padding: 0;
}

.chatWhatsapp .message .info{
	display: inline-block;
	padding: 10px 10px 20px 10px;
	border: 1px solid gray;
	border-radius: 4px;
	background-color: white;
	text-align: left;
	max-width: 80%;
	min-width: 60%;
}

.chatWhatsapp .message.fromMe .info{
	background-color: #DCF8C6;
}

.chatWhatsapp .message{
	text-align: left;
	margin-bottom: 2px;
}

.chatWhatsapp .message.fromMe{
	text-align: right;
}

.chatWhatsapp .message .info{
	position: relative;
}

.chatWhatsapp .message .time{
	font-size: 7pt;
	font-style: italic;
	color: gray;
	padding-left: 10px;
	padding-right: 10px;
	text-align: right;
	position: absolute;
	left: 0;
	bottom: 0px;
}

.chatWhatsapp .message .actions{
	position: absolute;
	right: 5px;
	bottom: 2px;
}

.chatWhatsapp .message .sender{
	text-align: left;
	font-size: 7pt;
	color: #0080FF;
	font-weight: bold;
}

.chatWhatsapp .message .statusWrap{
	display: inline-block;
	width: 25px;
}

.chatWhatsapp .message .status{
	display: none;
	width: 100%;
	text-align: left;
	font-size: 6pt;
}

.chatWhatsapp .message.fromMe.sent .status.sent{
	display: inline-block;
	color: gray;
}

.chatWhatsapp .message.fromMe.delivered .status.delivered{
	display: inline-block;
	color: gray;
}

.chatWhatsapp .message.fromMe.viewed .status.viewed{
	display: inline-block;
	color: #0080FF;
}

.chatWhatsapp .message.fromMe.error .status.failed,
.chatWhatsapp .message.fromMe.failed .status.failed{
	display: inline-block;
	color: red;
}


.chatWhatsapp .message .messageImage{
	width: 250px;
	max-width: 100%;
}

.chatWhatsappWrap{
	position: relative;
}


.chatWhatsappWrap .background1{
	background-image: url(/img/whatsapp_background.png);
	opacity: 0.5;
	position: absolute;
	height: 100%;
	width: 100%;
}

.chatWhatsappWrap .background2{
	background-color: #E5DDD5;
	opacity: 0.5;
	position: absolute;
	height: 100%;
	width: 100%;
}

.chatWhatsapp button{
	text-align: left;
	white-space: normal;
}

.chatWhatsapp .message .body{
	word-break: break-all;
}




.chatWhatsappWrap .action_description{
	display: inline-block;
	width: 100%;
	padding: 10px;
	background-color: #E6E6E6;
	margin-top: 10px;
}

.chatWhatsappWrap .action_description .whatsappMessage{
	max-height: 62px;
	overflow-y: hidden;
	padding-bottom: 0;
}

.chatWhatsappWrap .action_description > div{
	display: inline-block;
	float: left;
}

.chatWhatsappWrap .action_description .icon{
	font-size: 25pt;
	width: 40px;
}
.chatWhatsappWrap .action_description .cancelAction{
	width: 40px;
}
.chatWhatsappWrap .action_description .originalMessage{
	width: calc(100% - 40px - 40px);
	padding: 0 10px;
}		


.chatWhatsappWrap .reply_message{
	padding: 5px;
	background-color: #E5DDD5;
	border-left: 4px solid #74DF00;
}

.chatWhatsappWrap .reply_message .info{
	min-width: 90%;
	max-width: 95%;
}

.chatWhatsappWrap .reply_message .actions{
	display: none;
}

.chatWhatsappWrap .chat_desc{
	background-color: #E6E6E6;
	padding: 5px 10px;
	margin-bottom: 2px;
	border: 1px solid #6E6E6E;
	border-radius: 3px;
}

.chatWhatsappWrap .newTemplateMessage{
	display: none;
}
.chatWhatsappWrap.userNotReplied .newTemplateMessage{
	display: inline-block;
	width: 100%;
	background-color: white;
	padding: 5px 0;
}


.chatWhatsappWrap .newMessage{
	display: none;
}

.chatWhatsappWrap.userReplied .newMessage{
	display: inline-block;
	width: 100%;
}

.chatWhatsappWrap .newMessage .textAreaWrap{
	display: inline-block;
	width: calc(100% - 140px);
	float: left;
	padding: 4px 0;
}

.chatWhatsappWrap .newMessage .buttonsWrap{
	display: inline-block;
	width: 140px;
	float: left;
	padding: 4px 0 0 4px;
}

.chatWhatsappWrap .newMessage .buttonsWrap button{
	margin-top: 2px;
}

.chatWhatsappWrap .newMessage .pendingChatEnabledWrap{
	display: inline-block;
	width: 100%;
	background-color: white;
	padding: 5px;
}

.chatWhatsappWrap .dropedFile{
	display: inline-block;
	padding: 4px;
	border: 1px solid gray;
	border-radius: 4px;
	margin: 2px;
	background-color: #D8D8D8;
}

.chatWhatsappWrap .dropedFile > div{
	display: inline-block;
	white-space: nowrap;
}

.chatWhatsapp .message .referral{
	padding: 10px;
	border: 1px solid gray;
	border-radius: 4px;
	margin-bottom: 20px;
	background-color: #CEE3F6;
}

.chatWhatsapp .message .referral .headline{
	font-weight: bold;
	font-size: 16pt;
}
.chatWhatsapp .message .referral img{
    width: 250px;
    max-width: 100%;
}