/* CSS Document */
#ChatZone {
	width:300px ;
	padding:15px 10px;
	border-radius:4px ;
	background-color:#FFFFFF ;
	position:fixed ;
	bottom:150px ;
	right:-320px ;
	filter:drop-shadow(8px 0px 14px #666) ;
}

#ChatContainer {
	width:100% ;
	height:150px ;
	overflow-x:hidden ;
	display:flex ;
	flex-direction:column-reverse ;
	padding:5px 0 ;
	border-width:0 0 1px 0 ;
	border-color:#CCCCCC ;
	border-style:solid ;
}

#msgchat {
	border-width:0 ;
	font-size:13px ;
	font-family:EncodeSansRegular;
	color:#555555 ;
	width:100% ;
	height:80px ;
	resize:none ;
}

#ChatWindow {
	width:100% ;
	display:inline-block ;	
}

#ChatWindow client, #ChatWindow support {
	display:block ;
	width:100% ;
	text-align:left ;
	font-size:13px ;
	font-family:EncodeSansRegular;
}

#ChatWindow client {
	color:#9eafbb ;	
}

#ChatWindow support {
	color:#0d3855 ;
}

.ChatBtn {
	width:230px ;
	font-size:12px ;	
}

#Header {
	width:100% ;
}

#Header .PictoChat, #Header .HeaderMsg, #Header .CloseBtn {
	display:inline-block ;
	
}

#Header .HeaderMsg {
	width:70% ;
	text-align:left ;
	font-family:EncodeSansRegular;
}

#Header .MainMsg {
	font-family:EncodeSansBold;
}

#Header .CloseBtn {
	width:7% ;
}

#OpenBtn {
	position:fixed ;
	bottom:450px ;
	width:40px ;
	height:40px ;
	right:-40px ;
	transform:rotate(180deg) ;
}