<style>
.animated {
  animation-duration: 2.5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}
@keyframes pulse {
  0% {transform: scale(1);}
  50% {transform: scale(0.6);}
  100% {transform: scale(0.5);}
}
.pulse {
  animation-name: pulse;
  animation-duration: 2.5s;
}

         
.loginlable{
	height: 10px;
  width: 10px;
  background-color: #e7505a;
  border-radius: 50% !important;
  display: inline-block;
  position: absolute;
    right: 3px;
    bottom: 5px;
}
.frontcomments .loginlable{bottom: 35px !important;}
.mt-comments .mt-comment{position:relative;}
.mt-comments .mt-comment .mt-comment-body .mt-comment-info .mt-comment-date,.mt-comments .mt-comment .mt-comment-body .mt-comment-info .mt-comment-author{width: 100%;}
.loginlable.active{background-color: #008000;}

.chats li .name{font-weight:bold !important;}
.mt-comments{overflow-y: scroll;max-height:600px;}


.mt-comments::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.mt-comments::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.mt-comments::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
.mt-comments::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.mt-comments div.active{    background-color: #fff1f5;}
.mt-comments .mt-comment .mt-comment-body{min-height:45px;}
	/* width */
#chatbox::-webkit-scrollbar {
  width: 10px;
}

/* Track */
#chatbox::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
#chatbox::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
#chatbox::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
.iconsubmit,.mt-comment{cursor:pointer;}

#chats,.tab-content{
    position: relative;
}
.loader{
	display:none;
    position: absolute;
    top:0px;
    right:0px;
    width:100%;
    height:100%;
    background-color:#dfdfdf99;
    background-image:url('assets/loader.gif');
    background-size: 50px;
    background-repeat:no-repeat;
    background-position:center;
    z-index:99;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.loader_users{
	display:none;
    position: absolute;
    top:0px;
    right:0px;
    width:100%;
    height:100%;
    background-color:#dfdfdf99;
    background-image:url('assets/loader.gif');
    background-size: 50px;
    background-repeat:no-repeat;
    background-position:center;
    z-index:99;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

</style>
