#body {max-width:800px;margin:auto}

	 
      .user_chat-box
          {
              display: none;
              position: fixed;
              bottom: 0px;
              right: 220px;
              height: 285px;
              background-color: rgb(237, 239, 244);
              width: 300px;
              border: 1px solid rgba(29, 49, 91, .3);
          }
         
          .user_chat-box .user_chat-head
          {
              background-color: #6d84b4;
              padding: 5px;
              color: white;
              font-weight: bold;
              font-size: 14px;
              clear: both;
          }
         
         .user_chat-bottom
         {
        		margin-bottom:20px;
         		width:100%;
         		height:20%;
         		padding: 5px;
         		font-size: 14px;
         		clear: both;
         }
         .user_chat-bottom input
         {
         		
         		width:95%;
         		height:25px;
         }
         
          .user_chat-box .user_chat-head .user_chat-head-left
          {
              float: left;
          }
         
          .user_chat-box .user_chat-head .user_chat-head-right
          {
              float: right;
              opacity: 0.5;
          }
         
          .user_chat-box .user_chat-head .user_chat-head-right a
          {
              text-decoration: none;
              color: inherit;
          }
         
          .user_chat-box .user_chat-messages
          {
          	  padding: 5px;
              height: 70%;
              overflow-y: scroll;
              overflow-x:hidden;
          }
          .user_chat-messages textarea 
          {
          	width:100%;
          	height:100%;
          }
          
          .myChatBubble { 
	          position: relative; 
	          background: #CBFDCB; 
	          border-radius: 0 .4em .4em .4em; 
	          min-height:18px;
			  line-height:18px;
	          padding:8px;
	          margin-left:20%;
	          margin-right:20px;
	          margin-bottom:10px;
			  box-shadow:0px 0.5px 0.5px #587272; 
          } 
          
          .myChatBubble:after { 
	          content: ''; 
	          position: absolute; 
	          top: 18px; 
	          right: 0;
	          width: 0; height: 0; 
	          border: 16px solid transparent; 
	          border-left-color: #CBFDCB; 
	          border-right: 0;
	          border-bottom: 0; 
	          margin-top: -19px; 
	          margin-right: -16px; 
          }
          
           .friendsChatBubble { 
	          position: relative; 
	          background: #fff; 
	          border-radius: 0 .4em .4em .4em; 
	          min-height:18px;
			  line-height:18px;
	          padding:8px;
	          margin-right:20%;
	          margin-left:20px;
	          margin-bottom:10px;
			  box-shadow:0px 0.5px 0.5px #587272; 
          } 
          
          .friendsChatBubble:after { 
	          content: ''; 
	          position: absolute; 
	          top: 18px; 
	          left: 0;
	          width: 0; height: 0; 
	          border: 16px solid transparent; 
	          border-right-color: #fff; 
	          border-left: 0;
	          border-bottom: 0; 
	          margin-top: -19px; 
	          margin-left: -16px; 
          }

         .newMessageReceived
         {
         	border:2px green !important;
         }
         
.msgCountInner
{
	display:inline-block;
}
.msgCountInnerActive
{
	color:red;
}

#chatIcon {
   position: relative;
}

#totalcount {
	display: none;
   position: absolute;
   top:0;
   right:0px;
   font-size:20px;
   width:30px;
   color:#fff;
   background-color:red;
   text-align:center;
   border-radius: 50%;
}
 

.chat_dropdown {
    position: relative;
    display: inline-block;
}

.chat_dropdown-content {
    display: none;
    position: absolute;
 	left:-270px;
    background-color: #f9f9f9;
    min-width: 240px;
    max-height:420px;
    overflow-y: auto;
    overflow-x:hidden;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.chat_dropdown-content li {
	cursor:pointer;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.chat_dropdown li:hover {background-color: #f1f1f1}

.chat_show {display:block;}