.chatarea{
	z-index: 999;
	position: fixed;
	bottom: 0px;
	right: 0px;
}
.chaticonholder{
    position:absolute;
    bottom:0px;
    right:0px;
	color:#225790;
	width: 45px;
	float:right;
}
#chaticonspacer{
    float:right;
    width:50px;
}
.chaticon{
	float:right;
	font-size:30px;
	margin: 7px;
    position:relative;
}
.chatusericon{
	z-index: 500;
	border: 1px solid grey;
    border-radius: 50%;
    width: 33px;
    height: 33px;
	background:#e9f0f0;
	margin:4px 6px;
	float:right;
	cursor:pointer;
}
.chatnumberCircle {
    border-radius: 50%;
    padding: 4px 5px;
    background: #f0b3a8;
    color: #444;
	cursor:pointer;
    text-align: center;
    display: none;
    font: 10px Arial, sans-serif;
    position: absolute;
	top: -5px;
    right: -4px;
}
.activechatuser{
	border: 1px solid green;
	font-weight: bold;
	color: green;
}
.chatusericon:hover{
	border: 2px solid grey;
}
.chaticoninitials{
	text-align:center;
	font-size:18px;
	margin-top:4px;
}
.chatuserbox{
	z-index: 600;
	display:none;
	position:absolute;
	right: 45px;
    bottom: 5px;
	width:195px;
	border:1px solid grey;
	font-size:16px;
	background:#eaeaea;
}
.chatboxtitle{
	background: #225790;
	color:white;
	padding:3px;
}
.chatusers{
	padding:3px;
	max-height:265px;
	overflow:auto;
}
.chatuser{
	width:100%;
	display:block;
	cursor:pointer;
}
.onlinechatuser{
	color:green;
}
.openchatuser{
    font-weight:bold;
}
.chatuser:hover{
	background:#2fafb9;
}
.userchatbox,
#userchatboxtemplate{
	display:none;
    float: right;
    position: relative;
    bottom:0px;
	width:275px;
    max-width: 45vw;
	border:1px solid grey;
	font-size:16px;
	background: #e9f4fb;
	height: 70vh;
    max-height: 500px;
	margin-left: 5px;
}
.userchatmessages{
	width:100%;
	padding:4px;
	height: calc(100% - 60px);
	background:#f9f6e6;
    overflow:auto;
	overflow-x: hidden;
}
.userchattitle{
	cursor:pointer;
}
.chatmessage{
    float:left;
    width:100%;
}
.chatmessage:after {
    content: '';
    display: block;
    clear: both;
}
.chatmessage .img{
	display:inline-block;
	width:20px;
	height:20px;
}
.yoububble{
	padding:5px;
	background:#cae0d4;
	border-radius: 7px;
	float:right;
	clear:both;
	margin:2px;
	max-width:90%;
	text-align:right;
	position:relative;
}
.thembubble{
	padding:5px;
	background:#dbd497;
	border-radius: 7px;
	float:left;
	clear:both;
	margin:2px;
	max-width:90%;
	position:relative;
}
.yoububblemsg{
	float:right;
	line-height:1em;
}
.thembubblemsg{
	float:left;
	line-height:1em;
}
.deleteChatIcon{
	position:absolute;
	top:3px;
	left:3px;
	display:none;
	font-size:12px;
	color: red;
}
.yoububble:hover .deleteChatIcon{
	display:block;
}
.userchatmessage{
	position:absolute;
	left:0px;
	bottom:-33px;
	width:calc(100% - 2px);
	border: 1px solid #BDC7D8;
	margin:1px;
    min-height:31px;
	font-size:16px;
}
.chattimestr{
    font-size: 12px;
    color: grey;
    display: inline;
}
.nofriendsbox{
	text-align:center;
	font-size:16px;
	padding:3px;
	border:1px solid grey;
	margin: 3px 0px;
	background: #a8dfdf;
	line-height: 1em;
}
.chatAlert{
	padding:1px 0px !important;
	text-align:center !important;
	margin:5px;
}
.chatlabel{
	margin:0px;
	margin-top:3px;
	margin-bottom: 2px;
	padding:1px;
	text-align:center;
	border:1px solid grey;
	background:white;
	background:url(/siteimages/p6.webp);
}
.hiddenlabel{
	display:none;
}