.msg-icon-cont	{
	left:100%;
	bottom:0px;
	margin-left:-125px;
	position:fixed;
	width:120px;
	margin-bottom:18px;
	height:auto;
	min-height:35px;
}

.msg-foot	{
	background:var(--green);
	text-align:left;
	display:block;
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	min-height:37px;
	padding-top:7px;
	padding-bottom:7px;
}

.msg_emoic	{
	font-size:25px;
	line-height:26px;
	position:absolute;
	margin-top:-30px;
	left:100%;
	margin-left:-30px;
	cursor:pointer;
	color: var(--darkgreen);
	background: var(--white);
}

.msg-enter	{
	font-family: cooper;
	font-size:16px;
	line-height:16px;
	min-height:35px;
	box-sizing:border-box;
	background: var(--white);
	padding:8px;
	margin-right:35px;
	outline: none;
}

.msg-indiv	{
	font-family: cooper;
	border-radius:5px;
	margin-left:15px;
	margin-right:95px;
	font-size:16px;
	line-height:16px;
	min-height:35px;
	box-sizing:border-box;
	border:1px solid var(--yellow);
	background: var(--white);
	outline:none;
}

.msg-img	{
	max-width:50%;
	}

.msg-alrt	{
	background: red; //var(--red);
	border: 3px solid var(--red);
}

.msg-type	{
	line-height:20px;
	position:absolute;
	bottom:75px;
	left:15px;
	width:20px;
	height:13px;
	background:rgba(255,255,255,0.9);
	display:none;
}

.msg_emow	{
	padding:5px;
	padding-bottom:10px;
	width:100%;
	box-sizing:border-box;
	}

.msg_emowx	{
	overflow:hidden;
	font-size:25px;
	width:auto;
	height:0px;
	box-sizing:border-box;
}

.msg-addemo	{
	text-align:center;
	width:60px;
	color: var(--darkgreen);
	cursor: pointer;
	height:39px;
	line-height:39px;
	}

.msg-addim	{
	font-family: ico;
	cursor:pointer;
	color:var(--darkgreen);
	font-size:25px;
	position:absolute;
	margin-top:-30px;
	left:100%;margin-left:-125px;
	background:transparent;
	line-height:26px;
	width:30px;
	height:30px;
}

.msg-autoi	{
	content:url("img/pf_3dots.png");
	}

.msg-icon	{
	font-family: ico;
	float:right;
	padding:5px;
	padding-left:0px;
	font-size:34px;
	line-height:35px;
	cursor:pointer;
	}

.msg-entry	{
	box-sizing:border-box;
	width:100%;
	height:70px;
	border: 1px solid #dfdfdf;
	padding-top:8px;
	padding-bottom:8px;
	background:var(--white);
	cursor:pointer;
}

.msg-righti, .msg-lefti {
	border-radius:15px;
	padding:10px;
	background:#eee;
	word-wrap:break-word;
	}

.msg-inset {
	border-radius:5px;
	padding:5px;
	word-wrap:break-word;
	text-align:left;
	font-size:15px;
	background:var(--white);
	min-height:20px;
	color:var(--msgleft); // rgba(129,194,32,0.2);
	}

.msg-dot	{
	font-size:20px;
	position:absolute;
	top:5px;
	right:5px;
	width:20px;
	height:20px;
	color:#fe7a0e;
	display:none;
}

.msg-righti	{
	font-size:18px;
	background:var(--msgright); // rgba(129,194,32,0.2);
	color:var(--msgrightfg); // rgba(129,194,32,0.2);
}
.msg-lefti	{
	font-size:18px;
	min-height:60px;
	background:var(--msgleft); // rgba(129,194,32,0.2);
	color:var(--msgleftfg); // rgba(129,194,32,0.2);
	position:relative;
}

.msg-rsub	{
	font-size:13px;
	color: #ddd;
	}

.msg-lsub	{
	font-size:13px;
	color: #ddd;
	}

.msg-entry:hover	{
	background: var(--f0f0f0);
	}

.msg-cont	{
	text-align:left;
	width:auto;
	margin-left:60px;
	height:50px;
}

.msg-xmsg	{
	height:20px;
	background:red;
	overflow:hidden;
	}

.msg-alcr	 {
	white-space: pre-line;       /* css-3 */
	white-space: -moz-pre-line;  /* Mozilla, since 1999 */
	white-space: -pre-line;      /* Opera 4-6 */
	white-space: -o-pre-line;    /* Opera 7 */
}

.msg-rmsg	{
	text-align:left;
	}

.msg-inner	{
	padding-top:5px;
	width:80%;
}
.msg-date	{
	color:#777;
	font-size:12px;
	line-height:13px;
	position:relative;
	top:-50px;
	left:100%;
	font-size:12px;
	margin-left:-70px;
	width:65px;
	height:20px;
	text-align:right;
}

.speech-bubble {
	position: relative;
	background: #00aabb;
	border-radius: .4em;
}

.speech-bubble:after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 59px solid transparent;
	border-left-color: #00aabb;
	border-right: 0;
	border-bottom: 0;
	margin-top: -29.5px;
	margin-right: -59px;
}


@media screen and (max-width: 500px) {
	.msg-img	{
		max-width: 80%;
		}
}
