.chatUserAway[title="Не беспокоить"] .chatUserWrapper {
opacity: 2;position: absolute;
-moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}.chatUserAway[title="Отошел"], .chatPeople ul.chatPeopleList li[title="Отошел"].hover {
display: none;.chatUserAway[title="Отошел"] .chatUserWrapper 
display: none;}


.adm-icon {
    background-image: url("http://s4.rimg.info/fbbc5f7323a1a79e471e4d37a5854680.gif");
}



.chatHeader {
   background-image: url();
   background-position: center;
   background-center: center;
   background-center: center;
}

}
@-webkit-keyframes textAnimation { 
    0% {
        opacity: 0;
        -webkit-transform: translateX(200px);
    }
    8% {
        opacity: 1;
        -webkit-transform: translateX(0px);
    }
    17% {
        opacity: 1;
        -webkit-transform: translateX(0px);
    }
    19% {
        opacity: 0;
        -webkit-transform: translateX(-300px);
    }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes textAnimation { 
    0% {
        opacity: 0;
        -moz-transform: translateX(200px);
    }
    8% {
        opacity: 1;
        -moz-transform: translateX(0px);
    }
    17% {
        opacity: 1;
        -moz-transform: translateX(0px);
    }
    19% {
        opacity: 0;
        -moz-transform: translateX(-300px);
    }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes textAnimation { 
    0% {
        opacity: 0;
        -o-transform: translateX(200px);
    }
    8% {
        opacity: 1;
        -o-transform: translateX(0px);
    }
    17% {
        opacity: 1;
        -o-transform: translateX(0px);
    }
    19% {
        opacity: 0;
         -o-transform: translateX(-300px);
    }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes textAnimation { 
    0% {
        opacity: 0;
        -ms-transform: translateX(200px);
    }
    8% {
        opacity: 1;
        -ms-transform: translateX(0px);
    }
    17% {
        opacity: 1;
        -ms-transform: translateX(0px);
    }
    19% {
        opacity: 0;
        -ms-transform: translateX(-300px);
    }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes textAnimation { 
    0% {
        opacity: 0;
        transform: translateX(200px);
    }
    8% {
        opacity: 1;
        transform: translateX(0px);
    }
    17% {
        opacity: 1;
        transform: translateX(0px);
    }
    19% {
        opacity: 0;
        transform: translateX(-300px);
    }
    25% { opacity: 0 }
    100% { opacity: 0 }
}


.chatPeople.vscrollable{ 
  background: url();background-position: bottom;
background-repeat:no-moz-background-size: 100% auto; 
    -webkit-background-size: 100% auto;
    -o-background-size: 100% auto; 
    background-size: 100% auto; /* Путь к файлу с исходным рисунком */ 
  display: block; /* Рисунок как блочный элемент */ 
  width: 100% auto;  /* Ширина рисунка */ 
  height: 100% auto;  /* Высота рисунка */ 

  } 
  .chatPeople.vscrollable:hover{ 
  background: urlhttp://www.playcast.ru/uploads/2015/09/14/15069358.gif);background-size: 100% auto; /* Путь к файлу с заменяемым рисунком */ 
  }

.chatFooter:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
}

/* Название чата по середине */
.chatHeaderWrapper .chatTitle {
    text-align: center;
    width: 100%;
}

.chatTopLineWrapper > ul > li > a:hover {
    background-color: #edf3fc;
    border-radius: 15px;
    transition: .3s;
    color: #fff;
}

#chatMainMenuChat li:nth-child(4) {display:none}
.has-nick #chatMainMenuChat li:nth-child(4) {display:block!important}
#chatMainMenuChat li:nth-child(1) {display:none}
.has-nick #chatMainMenuChat li:nth-child(1) {display:block!important}
#chatMainMenuChat li:nth-child(3) {display:none}
.has-nick #chatMainMenuChat li:nth-child(3) {display:block!important}

#join-chat-button:active {
    box-shadow: 0px 0px 20px black;
    transition: .5s;
}
.chatMessage.type-logout {
    background: rgba(235, 235, 235, .35);
    font-style: italic;
}

.chatFooter .chatFooterWrapper .chatPanel .chatSendButtonPanel .chatSendButton {
    background-color: #fcfcfc;
}
.chatPeople.vscrollable:before {
    content: "";
    background-image: urlhttp://www.gifki.org/data/media/209/kot-i-koshka-animatsionnaya-kartinka-0184.gif);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 60%;
    z-index: 0;
    width: 200px;
    height: 200px;
    line-height: 18px;
    opacity: 0;
    position: absolute;
    left: 5px;
    bottom: 500px;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}.chatPeople.vscrollable:hover:before {
    width: 200px;
    height: 200px;
    z-index: 0;
    left: 5px;
    bottom: 5px;
    opacity: 1;
}
.chatPeople.vscrollable:before {
    content: "";
    background-image: url(https://clip.cookdiary.net/sites/default/files/wallpaper/water-color-clipart/90954/water-color-clipart-flamingo-90954-7841519.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 60%;
    z-index: 0;
    width: 200px;
    height: 200px;
    line-height: 18px;
    opacity: 0;
    position: absolute;
    left: 5px;
    bottom: 500px;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}.chatPeople.vscrollable:hover:before {
    width: 200px;
    height: 200px;
    z-index: 0;
    left: 5px;
    bottom: 5px;
    opacity: 1;
.chatHeader:hover:before {
display: block;
background: linear-gradient;
  width: 197px;
    height: 220px;
    border-radius: 30px 10px 5px 0;
   box-shadow: 0 0 0 4px #ee1d24, 0 0 0 4px #ee1d24, 0 0 0 4px #ee1d24;    
right: 255px;
top: 200%;
    opacity: 2;

#chat_main.chatTab.chatTabActive a {
/* Общий активный */
    border-radius: 10px;
}

#chat_main.chatTab a {
/* Общий неактивный */
    border-radius: 10px;
}

#chat_0.chatTab.chatTabActive a {
/* Приват активный */
    border-radius: 10px;
}

#chat_0.chatTab.chatTab a {
/* Приват неактивный */
    border-radius: 10px;
}

#chat_main.chatTab.chatTabActive a {
/* Общий активный */
    border-radius: 10px;
}

#chat_main.chatTab a {
/* Общий неактивный */
    border-radius: 10px;
}

#chat_0.chatTab.chatTabActive a {
/* Приват активный */
    border-radius: 10px;
}

#chat_0.chatTab.chatTab a {
/* Приват неактивный */
    border-radius: 10px;
}

.chatTabs > ul > li > a {
padding: 0px 14px 0px 10px;
height: 100%;
text-decoration: none;
border-top: 0px none !important;
border-right: 0px none !important;
vertical-align: middle;
display: inline-block;
line-height: 24px;
}

.chatMessage[data-nick="murrchi"] {
	color: red;
}