@charset "utf-8";
/* CSS Document */



#whats-chat
{
	
	box-sizing:border-box;
	position:fixed;
	left:3%;
	bottom:4%;
	height:auto;
	width:auto;
	background:#25D366;
	padding:12.5px;
	border-radius:50px;
	z-index:999;
}
#whats-chat:hover{
	cursor:pointer;
	box-shadow:2px 2px 15px #ccc;
	bottom:5%;
}
/*===============================*/
#chat-box
{
	position:fixed;
	left:-500px;
	bottom:12%;
	width:250px;
	height:200px;
	transition:all .5s;
	z-index:999;
}
#chat-top
{
	width:100%;
	line-height:2;
	background:rgb(18, 140, 126);
	color:white;
	text-align:center;
	border-radius:15px 15px 0 0;
	padding:3px 10px 0 3px;
}
#chat-msg
{
	background:#ece5dd;
	padding:10px;
	border-radius:0 0 10px 10px;
	box-shadow:0 0 15px 0px #999;
}
#chat-msg p
{
	font-size:14px;
	padding:5px;
	background:white;
	border-radius:50px 50px 50px 50px;
	margin-bottom:10px;
}
#chat-form
{
	display:flex;
}
.chat-in
{
	width:80%;
}
#chat-form input
{
	border-radius:5px 0 5px 5px;
	border:none;
	outline:none;
	font-size:14px;
	padding:5px;
	line-height:2;}
#send-btn
{
	width:20%;
	padding: 0 5px;
	margin-top: -5px;
}
#chat-top-left
{
	float:left;
	padding:5px 0;
}
#chat-box:after
{
	content:'';
    position: absolute;
    top:59%;
    left: 0%;
    width: 0;
    height: 0;
    border-top: 40px solid transparent;
  	border-bottom: 28px solid transparent; 
    border-left:18px solid #ece5dd;}

.right{float:left}
.clear{clear:both}