#ChatPage .main-nav .dropdown-toggle i.fa { color:#436e90; }

ul.chat-list { padding:5px 0 0; list-style:none; }
ul.chat-list li { padding:5px 0; border-bottom:1px solid #e0e0e0; }
ul.chat-list li:hover { 
	/* background-color:#e9ebee; */
	cursor:pointer; 
}
ul.chat-list img { width:50px; height:50px; border-radius:50%; position: relative; z-index: 5}

ul.chat-list .msg-num { float:right; text-align:right; margin-right: 5px;}
ul.chat-list .unread-msg { margin-bottom:2px; }
ul.chat-list .chat-bullet { background-color:#f5915e; width:10px; height:10px; display:inline-block; margin:0 7px 0 4px; border-radius:50%; }
ul.chat-list .all-msg { float:right; margin-right:5px; color: #777;}
ul.chat-list .all-msg .fa-comment { color:#57ad57; margin-left:2px; }
ul.chat-list .cl-participant {padding-left:10px;position:relative;}
#ChatPage ul.chat-list .cl-participant .zoom-in{
	
}

ul.chat-list .lm-container {
	display: table;
	padding-right: 10px;
    width: 100%;
}
.lm-time {
	display: inline-block;
	color:gray; /*#a3b0be*/
}

ul.chat-list .profile {
	display: table-cell;
	padding-left:19px;
	width: 68px;
}

.cl-participant img {
	position: relative;
	left: 5px;
}

ul.chat-list .last-message {
	display: table;
	margin-top: 3px;
    /* padding: 0 0 0 5px; */
	position: relative;
	border-radius: 5px;
	padding-left: 5px;
	text-align: left;
}

ul.chat-list .last-message > .lm {
	display: inline-block;
	color: gray;
    white-space: nowrap;
    max-width: 230px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#ChatPage .zoom-in{
	width: 12px;
    height: 12px;
    position: absolute;
    left: 18px;
    top: 4px;
    background-color: #ddd;
	z-index: 2;
}

.chat-history, .chat-start{
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
}

.chat-page { background-color:white; position:fixed; top:0; left:0; right:0; margin:0 auto; width:100%; max-width:768px; height:100%; }
.chat-container { overflow-y:scroll;position:absolute;height:100%;width:100%;top:0;left:0;padding:65px 5px 0 5px; }

.chat-nav-left {
	width: 80px !important;
}

.chat-nav-right {
	width: 80px !important;
}

.envelope {
	display: inline-block;
	position: relative;
	padding-right: 5px;
}

.envelope .badge {
	position: absolute;
	top: -5px;
	left: 17px;
}

.user {
	display: inline-block;
}

.user-menu a{
	text-align: left;
}

.chat-container + .chat-footer {
	padding: 0px;
}

.chat-container + .chat-footer .msg-input > .input-group-btn{
	vertical-align: middle;
	padding: 5px;
}

.chat-container + .chat-footer .msg-input > .input-group-btn > button{
	height: 35px;
	border-radius: 3px;
	background-color: #31b0d5;
    border-color: #269abc;
}

.chat-container + .chat-footer .msg-input > textarea{
	vertical-align: top;
	border: 1px solid #b5b5b5;
	/*border: none;*/
	/* border-top: 1px solid rgb(208, 208, 208);
	border-right: 1px solid rgb(208, 208, 208); */
}

.chat-container + .chat-footer .msg-input > textarea:focus{
	outline: none;
}

.msg-input { width: 100%;}
.msg-input > textarea { width: 100%;}

.chat-divider {
    position:relative;
    border-bottom: 1px solid rgb(208, 208, 208);
}

.chat-templates-toggle {
	font-weight: bold; display: inline-block; padding: 4px; padding-bottom: 8px;
	cursor: pointer;
}
.chat-templates-toggle .fa {
	font-size: 16px; color: cornflowerblue;
}
.chat-templates-toggle .fa.fa-caret-down {
	position: relative;
	top: 2px;
}


.chat-date-wrapper { width:98%; margin:10px 1% 0; padding:0; border-top:1px dashed #ddd; }
.chat-date { display:table; margin:-8px auto 0; padding:0 20px; text-align:center; background-color:#fff; font-size:12px; color:#666; }
.chat-msg-wrapper { display:table; max-width:90%; padding:5px; }
.chat-msg-wrapper.own-msg { float:right; }
.chat-msg-wrapper.own-msg a{ color: #c0fcc0; text-decoration: underline; }
.chat-img { display:table-cell; padding-right:5px; }
.chat-img img { width:30px; height:auto; border-radius:50%; }
.chat-msg { display:table-cell; min-height:24px; padding:5px 8px 6px; line-height:1.28; font-size:13px; border-radius:3px; background-color:#f1f0f0; color:#4b4f56; }
.chat-new-msg { animation:chat-bg 1.5s; }
@keyframes chat-bg {
	0% { background-color:#ffbf9f; }
	50% { background-color:#ffbf9f; }
	100% { background-color:#f1f0f0; }
}
.chat-msg-wrapper.own-msg .chat-msg { background-color:#31b0d5; color:#fff; }
.chat-msg-txt { white-space:pre-wrap; overflow-wrap:break-word; }
.chat-msg-read { float:left; font-size:11px; margin-right:10px; }
.chat-msg-time { float:right; font-size:11px; }

.chat-input > button { position:absolute; top:0; left:80%; width:20%; height:50px; border:0; border-radius:0; }

.chat-item .highlight{
	background: yellow;
}