.koshkil-chat{width:284px;position:fixed;bottom:0;z-index:10000;border:1px solid #cfcfcf;border-top-left-radius:5px;border-top-right-radius:5px;height:247px;background-color:#ffffff}.koshkil-chat.closed{height:30px;width:184px}.koshkil-chat.closed .title{width:184px}.koshkil-chat.closed .title .name{width:135px;text-overflow:ellipsis;white-space:nowrap;overflow-y:hidden;overflow-x:hidden}.koshkil-chat.closed .users-list,.koshkil-chat.closed .message-area,.koshkil-chat.closed .input-area{display:none}.koshkil-chat .title{width:284px;height:30px;padding:2px;position:relative;top:0;border-bottom:1px solid #cfcfcf}.koshkil-chat .title .avatar{width:20px;height:20px;border-radius:10px;position:relative;margin-top:2px;float:left;background-size:20px 20px;background-position:0 0;background-color:#fafafa}.koshkil-chat .title .name{position:relative;float:left;width:235px;font-size:13px;cursor:pointer;font-weight:bold;line-height:23px;text-overflow:ellipsis;white-space:nowrap;overflow-y:hidden;overflow-x:hidden}.koshkil-chat .title .unread{position:relative;float:left;width:auto;margin-top:9px;width:5px;height:5px;background-color:#ff0000;color:#ffffff;border-radius:50%;display:none;text-align:center;font-size:11px;line-height:20px}.koshkil-chat .title .unread.visible{display:block}.koshkil-chat .title .unread.visible+.name{width:115px}.koshkil-chat .title .close{position:relative;float:right;width:20px}.koshkil-chat .users-list{width:284px;height:217px;overflow-y:scroll}.koshkil-chat .users-list .user{clear:both;width:267px;padding:2px;height:20px}.koshkil-chat .users-list .user.offline{display:none}.koshkil-chat .users-list .user .avatar{width:16px;height:16px;border-radius:8px;position:relative;float:left;background-size:16px 16px;background-position:0 0;background-color:#fafafa;margin:2px}.koshkil-chat .users-list .user .name{position:relative;float:left;width:230px;font-size:12px;height:18px;cursor:pointer;line-height:18px;text-overflow:ellipsis;white-space:nowrap;overflow-x:hidden;overflow-y:hidden}.koshkil-chat .message-area{width:282px;height:157px;overflow-y:scroll;padding-bottom:10px}.koshkil-chat .message-area .message-cluster{width:100%;padding:5px 5px 0 5px}.koshkil-chat .message-area .message-cluster .message{position:relative;clear:both;border-radius:15px;min-height:20px;padding:0 5px;min-width:35%;max-width:50%;font-size:12px}.koshkil-chat .message-area .message-cluster .message.system{background-color:#ffffff;width:100%;max-width:100%;text-align:center;font-style:italic;font-size:10px;border:0;color:#cac5c5}.koshkil-chat .message-area .message-cluster .message.sender{background-color:#3578E5;color:#ffffff;float:right}.koshkil-chat .message-area .message-cluster .message.recipient{background-color:#F2F3F5;color:#000000;float:left}.koshkil-chat .input-area{width:284px;height:60px;border-top:1px solid #cfcfcf;padding:2px;font-size:12px;line-height:12px;font-family:Verdana;font-weight:normal}.koshkil-chat .input-area:empty::before{content:attr(placeholder);color:#cac5c5}.koshkil-chat .input-area:empty:focus::before{content:""}