new.vk.com/im

.nim-dialog.nim-dialog_unread .nim-dialog--unread, .nim-dialog.nim-dialog_unread.nim-dialog_prep-injected .nim-dialog--unread {
    top: 20px;
    left: -30px;
    right: inherit;
    border: 2px solid; }
.im-page .im-page--history {
    margin-left: 90px;
}
.im-page .im-page--dialogs {
    position: absolute;
    width: 80px;
    height: 98%;
}
.im-page--dialogs:hover {
    width: 316px;
    z-index: 102;
}
.nim-dialog--cw>.nim-dialog--date, .nim-dialog--cw>.nim-dialog--close, .ui_search_custom_ctrl {
    display: none;
}
.nim-dialog--content {
    border: 0!important;
}
.im-page--dialogs:hover .nim-dialog--cw>.nim-dialog--date, .im-page--dialogs:hover .ui_search_custom_ctrl {
    display: block;
}

.im-page--dialogs .im-page--dialogs-filter-wrap {
     display: none!important;
}
.im-page--dialogs:hover .im-page--dialogs-filter-wrap {
     display: inline-block!important;
}
ul#im_dialogs>li:hover .nim-dialog--date {
    display: none;
}
.im-page--dialogs:hover .nim-dialog--content {
    border-top: solid 1px #eaedf1!important;
}
.im-chat-input{
    padding-left: 40px;
}
.im-chat-input .im-chat-input--textarea {
    width: 500px;
}
.nim-dialog.nim-dialog_unread-out .nim-dialog--unread, .nim-dialog.nim-dialog_unread.nim-dialog_unread-out .nim-dialog--unread {
    width: 316px;
    left: -72px;
    border-radius: 0;
    height: 62px;
    margin-top: -49px;
    z-index: -1;
    background: rgba(147, 173, 200, 0.25);
}